diff --git a/.github/workflows/debugger-strict.yml b/.github/workflows/debugger-strict.yml
index 7740cc7c..f137194f 100644
--- a/.github/workflows/debugger-strict.yml
+++ b/.github/workflows/debugger-strict.yml
@@ -35,11 +35,11 @@ jobs:
 
       - name: Run debugger template corpus
         working-directory: ide
-        run: mix test test/ide/mcp/debugger_template_corpus_test.exs --only template_corpus
+        run: mix test test/ide/mcp/debugger_template_corpus_test.exs --only template_corpus --max-cases 1
 
       - name: Run debugger template corpus subscription steps
         working-directory: ide
-        run: mix test test/ide/mcp/debugger_template_corpus_test.exs --only template_corpus_step
+        run: mix test test/ide/mcp/debugger_template_corpus_test.exs --only template_corpus_step --max-cases 1
 
   elmx-compiled-elixir:
     name: elmx compile + compiled_elixir corpus
diff --git a/elmx/lib/elmx/backend/elixir_codegen/emit.ex b/elmx/lib/elmx/backend/elixir_codegen/emit.ex
index f815fd78..52d09d2b 100644
--- a/elmx/lib/elmx/backend/elixir_codegen/emit.ex
+++ b/elmx/lib/elmx/backend/elixir_codegen/emit.ex
@@ -324,18 +324,19 @@ defmodule Elmx.Backend.ElixirCodegen.Emit do
 
     {body_code, _, _} = compile_expr(body, lambda_env, 0)
 
-    param_refs =
-      Enum.map_join(args, ", ", fn arg ->
-        binding_ref(param_name(arg), lambda_env)
+    code =
+      Enum.reduce(Enum.reverse(args), body_code, fn arg, inner ->
+        param = binding_ref(param_name(arg), lambda_env)
+        ["fn ", param, " -> ", inner, " end"]
       end)
 
-    {[
-       "fn ",
-       param_refs,
-       " -> ",
-       body_code,
-       " end"
-     ], Map.put(env, name, true), counter}
+    code =
+      case args do
+        [] -> ["fn _ -> ", body_code, " end"]
+        [_ | _] -> code
+      end
+
+    {code, Map.put(env, name, true), counter}
   end
 
   @comparison_ops ~w(__eq__ __neq__ __lt__ __lte__ __gt__ __gte__)
@@ -439,20 +440,26 @@ defmodule Elmx.Backend.ElixirCodegen.Emit do
   end
 
   defp compile_user_call(name, args, env, counter) when is_binary(name) and is_list(args) do
-  if Map.get(env, String.to_atom(name)) == true do
-    {arg_parts, env, c1} = compile_arg_parts(args, env, counter)
-    {[binding_ref(name, env), ".(", Enum.intersperse(arg_parts, ", "), ")"], env, c1}
-  else
-    case compile_basics_unqualified(name, args, env, counter) do
-      {:ok, code, env, c} ->
-        {code, env, c}
+    if Map.get(env, String.to_atom(name)) == true do
+      {arg_parts, env, c1} = compile_arg_parts(args, env, counter)
 
-      :error ->
-        {arg_parts, env, c1} = compile_arg_parts(args, env, counter)
-        {compile_module_call(name, arg_parts, env), env, c1}
+      code =
+        Enum.reduce(arg_parts, binding_ref(name, env), fn arg, acc ->
+          [acc, ".(", arg, ")"]
+        end)
+
+      {[code], env, c1}
+    else
+      case compile_basics_unqualified(name, args, env, counter) do
+        {:ok, code, env, c} ->
+          {code, env, c}
+
+        :error ->
+          {arg_parts, env, c1} = compile_arg_parts(args, env, counter)
+          {compile_module_call(name, arg_parts, env), env, c1}
+      end
     end
   end
-  end
 
   defp compile_basics_unqualified("max", args, env, counter),
     do: QualifiedEmit.compile_basics_qualified("Basics.max", args, env, counter)
diff --git a/elmx/lib/elmx/runtime/core.ex b/elmx/lib/elmx/runtime/core.ex
index 91024510..ac709ded 100644
--- a/elmx/lib/elmx/runtime/core.ex
+++ b/elmx/lib/elmx/runtime/core.ex
@@ -12,6 +12,8 @@ defmodule Elmx.Runtime.Core do
       %{"ctor" => "Just", "args" => [value]} -> value
       %{ctor: :Nothing} -> default
       %{ctor: :Just, args: [value]} -> value
+      %{"ctor" => "Err"} -> default
+      {:Err, _} -> default
       nil -> default
       other -> other
     end
@@ -88,11 +90,23 @@ defmodule Elmx.Runtime.Core do
 
   @spec random_int(map()) :: integer()
   def random_int(%{low: low, high: high}) when is_integer(low) and is_integer(high) do
-    low + rem(:rand.uniform(max(high - low + 1, 1)), max(high - low + 1, 1))
+    case corpus_fixed_random_int() do
+      n when is_integer(n) -> clamp_int(n, low, high)
+      _ -> low + rem(:rand.uniform(max(high - low + 1, 1)), max(high - low + 1, 1))
+    end
+  end
+
+  defp corpus_fixed_random_int do
+    Process.get(:elmx_corpus_fixed_random_int) ||
+      Application.get_env(:elmx, :corpus_fixed_random_int)
   end
 
   def random_int(%{"low" => low, "high" => high}), do: random_int(%{low: low, high: high})
 
+  defp clamp_int(n, low, high) when is_integer(n) and is_integer(low) and is_integer(high) do
+    min(max(n, low), high)
+  end
+
   @doc """
   Elm `List.head` — returns `Just` / `Nothing` in the shape generated `case` expects.
   """
diff --git a/elmx/lib/elmx/runtime/core/strings.ex b/elmx/lib/elmx/runtime/core/strings.ex
index 1c3d7fb2..c9749be2 100644
--- a/elmx/lib/elmx/runtime/core/strings.ex
+++ b/elmx/lib/elmx/runtime/core/strings.ex
@@ -25,11 +25,13 @@ defmodule Elmx.Runtime.Core.Strings do
   @spec to_int(term()) :: term()
   def to_int(text) when is_binary(text) do
     case Integer.parse(String.trim(text)) do
-      {n, ""} -> {:Ok, n}
-      _ -> {:Err, "NOT_AN_INT"}
+      {n, ""} -> {:Just, n}
+      _ -> :Nothing
     end
   end
 
+  def to_int(_), do: :Nothing
+
   @spec to_float(term()) :: term()
   def to_float(text) when is_binary(text) do
     case Float.parse(String.trim(text)) do
diff --git a/elmx/test/case_pattern_emit_test.exs b/elmx/test/case_pattern_emit_test.exs
index 63fcd4a8..dac996ec 100644
--- a/elmx/test/case_pattern_emit_test.exs
+++ b/elmx/test/case_pattern_emit_test.exs
@@ -141,7 +141,8 @@ defmodule Elmx.CasePatternEmitTest do
     {code, _, _} = Emit.compile_expr(expr, env, 0)
     source = IO.iodata_to_binary(code)
 
-    assert source =~ "label.(8, 9, \"hi\")"
+    assert source =~ "label.(8).(9).(\"hi\")"
+    refute source =~ "label.(8, 9, \"hi\")"
     refute source =~ "elmx_fn_Main_label"
   end
 
diff --git a/elmx/test/core_strings_test.exs b/elmx/test/core_strings_test.exs
new file mode 100644
index 00000000..cffa4dab
--- /dev/null
+++ b/elmx/test/core_strings_test.exs
@@ -0,0 +1,28 @@
+defmodule Elmx.CoreStringsTest do
+  use ExUnit.Case, async: true
+
+  alias Elmx.Runtime.Core
+  alias Elmx.Runtime.Core.Strings
+
+  test "String.toInt returns Maybe values" do
+    assert Strings.to_int("42") == {:Just, 42}
+    assert Strings.to_int("") == :Nothing
+    assert Strings.to_int("nope") == :Nothing
+  end
+
+  test "Maybe.withDefault unwraps String.toInt for invalid input" do
+    assert Core.maybe_with_default(0, Strings.to_int("")) == 0
+    assert Core.maybe_with_default(0, Strings.to_int("12")) == 12
+    assert Core.maybe_with_default(0, %{"ctor" => "Err", "args" => ["NOT_AN_INT"]}) == 0
+  end
+
+  test "corpus_fixed_random_int overrides random_int when configured" do
+    Process.put(:elmx_corpus_fixed_random_int, 99)
+
+    try do
+      assert Core.random_int(%{low: 1, high: 100}) == 99
+    after
+      Process.delete(:elmx_corpus_fixed_random_int)
+    end
+  end
+end
diff --git a/elmx/test/pebble_ui_helper_emit_test.exs b/elmx/test/pebble_ui_helper_emit_test.exs
index 4938320c..caa24f4f 100644
--- a/elmx/test/pebble_ui_helper_emit_test.exs
+++ b/elmx/test/pebble_ui_helper_emit_test.exs
@@ -27,4 +27,36 @@ defmodule Elmx.PebbleUiHelperEmitTest do
     assert IO.iodata_to_binary(code) =~ "cmd_none"
     refute IO.iodata_to_binary(code) =~ ~r/\bnone\(/
   end
+
+  test "let-bound multi-arg helper calls are curried" do
+    label =
+      %{
+        op: :lambda,
+        args: ["x", "y", "text_"],
+        body: %{op: :int_literal, value: 0}
+      }
+
+    body =
+      %{
+        op: :call,
+        name: "label",
+        args: [
+          %{op: :int_literal, value: 8},
+          %{op: :int_literal, value: 36},
+          %{op: :string_literal, value: "hi"}
+        ]
+      }
+
+    expr = %{op: :let_in, name: "label", value_expr: label, in_expr: body}
+    env = Emit.function_env("Main", ["model"])
+
+    {code, _, _} = Emit.compile_expr(expr, env, 0)
+    emitted = IO.iodata_to_binary(code)
+
+    assert emitted =~ "fn x ->"
+    assert emitted =~ "fn y ->"
+    assert emitted =~ "fn text_ ->"
+    assert emitted =~ "label.(8).(36).(\"hi\")"
+    refute emitted =~ "label.(8, 36, \"hi\")"
+  end
 end
diff --git a/ide/lib/ide/mcp/debugger_template_corpus.ex b/ide/lib/ide/mcp/debugger_template_corpus.ex
index f93f8430..610a5cca 100644
--- a/ide/lib/ide/mcp/debugger_template_corpus.ex
+++ b/ide/lib/ide/mcp/debugger_template_corpus.ex
@@ -73,6 +73,8 @@ defmodule Ide.Mcp.DebuggerTemplateCorpus do
       raise ArgumentError, "unknown template #{inspect(template_key)}"
     end
 
+    seed_corpus_random!()
+
     slug = Keyword.get(opts, :slug) || unique_slug(template_key)
     cleanup? = Keyword.get(opts, :cleanup, true)
 
@@ -183,6 +185,8 @@ defmodule Ide.Mcp.DebuggerTemplateCorpus do
 
   @spec bootstrap(String.t(), Projects.Project.t(), String.t()) :: :ok | {:error, term()}
   defp bootstrap(slug, project, template_key) do
+    seed_corpus_random!()
+
     with {:ok, _} <- Tools.call("debugger.start", %{"slug" => slug}, @capabilities),
          {:ok, _} <-
            Tools.call(
@@ -424,10 +428,17 @@ defmodule Ide.Mcp.DebuggerTemplateCorpus do
     |> Enum.map(fn row ->
       type = Map.get(row, :type) || Map.get(row, "type")
       message = Map.get(row, :message) || Map.get(row, "message")
-      "#{type}:#{message}"
+      "#{type}:#{normalize_timeline_message(message)}"
     end)
   end
 
+  @spec normalize_timeline_message(String.t() | nil) :: String.t()
+  defp normalize_timeline_message(message) when is_binary(message) do
+    Regex.replace(~r/^RandomGenerated \d+$/, message, "RandomGenerated <seed>")
+  end
+
+  defp normalize_timeline_message(message), do: to_string(message || "")
+
   @spec normalize_snapshot(map()) :: map()
   def normalize_snapshot(snapshot) when is_map(snapshot) do
     snapshot
@@ -435,8 +446,23 @@ defmodule Ide.Mcp.DebuggerTemplateCorpus do
     |> normalize_model_field("runtime_model")
     |> normalize_render_tree_field()
     |> Map.update("preview_ops", [], &normalize_preview_ops/1)
+    |> Map.update("timeline_init_messages", [], &normalize_timeline_messages/1)
   end
 
+  @spec normalize_timeline_messages([String.t()]) :: [String.t()]
+  defp normalize_timeline_messages(messages) when is_list(messages) do
+    Enum.map(messages, &normalize_timeline_entry/1)
+  end
+
+  defp normalize_timeline_entry(entry) when is_binary(entry) do
+    case String.split(entry, ":", parts: 2) do
+      [type, message] -> "#{type}:#{normalize_timeline_message(message)}"
+      _ -> entry
+    end
+  end
+
+  defp normalize_timeline_entry(entry), do: entry
+
   @spec normalize_model_field(map(), String.t()) :: map()
   defp normalize_model_field(snapshot, key) do
     Map.update(snapshot, key, %{}, &normalize_model/1)
@@ -472,11 +498,30 @@ defmodule Ide.Mcp.DebuggerTemplateCorpus do
       "debugger_contract",
       "debugger_contract_b64",
       "runtime_model_sha256",
+      "runtime_view_output_model_sha256",
       "runtime_view_tree_sha256",
       "last_path",
+      "last_source",
       "last_runtime_step_message",
       "last_runtime_step_op",
-      "runtime_last_message"
+      "runtime_last_message",
+      "revision",
+      "launch_context",
+      "simulator_settings",
+      "runtime_execution",
+      "runtime_execution_mode",
+      "runtime_model_source",
+      "runtime_message_cursor",
+      "runtime_message_source",
+      "runtime_known_messages",
+      "runtime_update_branches",
+      "runtime_view_output",
+      "source_root",
+      "status",
+      "supports_color",
+      "screen_height",
+      "screen_width",
+      "_debugger_steps"
     ])
     |> Enum.reject(fn {key, _} ->
       key = to_string(key)
@@ -522,20 +567,40 @@ defmodule Ide.Mcp.DebuggerTemplateCorpus do
   defp normalize_render_tree(list) when is_list(list),
     do: Enum.map(list, &normalize_render_tree/1)
 
-  defp normalize_render_tree(other), do: other
+  defp normalize_render_tree(other), do: normalize_value(other)
 
   @spec normalize_preview_ops(list()) :: list()
   defp normalize_preview_ops(ops) when is_list(ops) do
     Enum.map(ops, &normalize_value/1)
   end
 
+  @snapshot_hash_keys ~w(
+    runtime_view_output_model_sha256
+    runtime_view_tree_sha256
+    runtime_model_sha256
+  )
+
   @spec normalize_value(term()) :: term()
   defp normalize_value(map) when is_map(map) do
-    Map.new(map, fn {k, v} -> {to_string(k), normalize_value(v)} end)
+    map
+    |> Map.drop(@snapshot_hash_keys)
+    |> Map.new(fn {k, v} -> {to_string(k), normalize_value(v)} end)
   end
 
   defp normalize_value(list) when is_list(list), do: Enum.map(list, &normalize_value/1)
   defp normalize_value({a, b}), do: [normalize_value(a), normalize_value(b)]
+
+  defp normalize_value(atom) when is_atom(atom) do
+    case atom do
+      true -> true
+      false -> false
+      nil -> nil
+      other -> Atom.to_string(other)
+    end
+  end
+
+  defp normalize_value(n) when is_float(n), do: Float.round(n, 2)
+
   defp normalize_value(other), do: other
 
   @spec watch_profile_for(String.t()) :: String.t()
@@ -846,4 +911,11 @@ defmodule Ide.Mcp.DebuggerTemplateCorpus do
     end)
     |> Enum.join("\n")
   end
+
+  @spec seed_corpus_random!() :: :ok
+  defp seed_corpus_random! do
+    :rand.seed(:exsss, {0, 0, 1})
+    Application.put_env(:elmx, :corpus_fixed_random_int, 42_424_242)
+    :ok
+  end
 end
diff --git a/ide/test/fixtures/debugger_template_corpus/companion-demo-calendar.json b/ide/test/fixtures/debugger_template_corpus/companion-demo-calendar.json
index 1648ef6a..de490684 100644
--- a/ide/test/fixtures/debugger_template_corpus/companion-demo-calendar.json
+++ b/ide/test/fixtures/debugger_template_corpus/companion-demo-calendar.json
@@ -85,78 +85,87 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 36
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "08:53",
+                  "options": [],
                   "text": "<TIME>",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 36
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 54
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Next event",
+                  "options": [],
                   "text": "Next event",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 54
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 72
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "No events",
+                  "options": [],
                   "text": "No events",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 72
+                  "type": "text"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
     }
   },
   "runtime_model": {
-    "colorMode": {
-      "args": [],
-      "ctor": "BlackWhite"
-    },
-    "displayShape": {
-      "args": [],
-      "ctor": "Rectangular"
-    },
-    "last_message": "CurrentTimeString",
-    "last_operation": "CurrentTimeString",
     "nextEvent": {
       "args": [],
       "ctor": "Nothing"
@@ -173,9 +182,7 @@
   ],
   "view_tree_type": "windowStack",
   "watch_model": {
-    "_debugger_steps": 1,
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Companion.Types exposing (PhoneToWatch(..), WatchToPhone(..))\nimport Companion.Watch as CompanionWatch\nimport Json.Decode as Decode\nimport Pebble.Cmd as Cmd\nimport Pebble.Events as Events\nimport Pebble.Platform as Platform\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\n\n\ntype alias CalendarEvent =\n    { title : String\n    , hour : Int\n    , minute : Int\n    }\n\n\ntype alias Model =\n    { timeString : String\n    , nextEvent : Maybe CalendarEvent\n    , screenW : Int\n    , screenH : Int\n    }\n\n\ntype Msg\n    = MinuteChanged Int\n    | CurrentTimeString String\n    | FromPhone PhoneToWatch\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit context =\n    ( { timeString = \"--:--\"\n      , nextEvent = Nothing\n      , screenW = context.screen.width\n      , screenH = context.screen.height\n      }\n    , Cmd.batch\n        [ Cmd.getCurrentTimeString CurrentTimeString\n        , CompanionWatch.sendWatchToPhone RequestCalendar\n        ]\n    )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        MinuteChanged _ ->\n            ( model\n            , Cmd.batch\n                [ Cmd.getCurrentTimeString CurrentTimeString\n                , CompanionWatch.sendWatchToPhone RequestCalendar\n                ]\n            )\n\n        CurrentTimeString value ->\n            ( { model | timeString = value }, Cmd.none )\n\n        FromPhone (ProvideNextEvent title hour minute) ->\n            ( { model | nextEvent = Just { title = title, hour = hour, minute = minute } }, Cmd.none )\n\n        FromPhone NoUpcomingEvents ->\n            ( { model | nextEvent = Nothing }, Cmd.none )\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    Events.batch\n        [ Events.onMinuteChange MinuteChanged\n        , CompanionWatch.onPhoneToWatch FromPhone\n        ]\n\n\nview : Model -> Ui.UiNode\nview model =\n    let\n        lineH =\n            18\n\n        startY =\n            36\n\n        label x y text_ =\n            Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = x, y = y, w = model.screenW - 16, h = lineH } text_\n\n        eventLine =\n            case model.nextEvent of\n                Nothing ->\n                    \"No events\"\n\n                Just event ->\n                    truncateTitle event.title 18\n                        ++ \" @ \"\n                        ++ formatClock event.hour event.minute\n    in\n    Ui.windowStack\n        [ Ui.window 1\n            [ Ui.canvasLayer 1\n                [ Ui.clear Color.white\n                , label 8 startY model.timeString\n                , label 8 (startY + lineH) \"Next event\"\n                , label 8 (startY + lineH * 2) eventLine\n                ]\n            ]\n        ]\n\n\ntruncateTitle : String -> Int -> String\ntruncateTitle title maxLen =\n    if String.length title <= maxLen then\n        title\n\n    else\n        String.left (maxLen - 1) title ++ \"…\"\n\n\nformatClock : Int -> Int -> String\nformatClock hour minute =\n    String.fromInt hour\n        ++ \":\"\n        ++ (if minute < 10 then\n                \"0\"\n\n            else\n                \"\"\n           )\n        ++ String.fromInt minute\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.watchface\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": true,
@@ -193,6 +200,19 @@
       "watch_profile_id": "aplite"
     },
     "revision": "1c9aac63094d",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_entry_count": 4,
+      "runtime_model_sha256": "4c3c78e696a2366ebe72390f4d720d06a8693ed56b818de71d38f46f6c624480",
+      "runtime_model_source": "step_message",
+      "view_tree_node_count": 8,
+      "view_tree_sha256": "268db7fcb3b570cb4d550acf3dc9eb319199dedaa693782736a40e09b2230abc"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_known_messages": [
       "MinuteChanged",
       "CurrentTimeString",
@@ -201,20 +221,11 @@
     "runtime_message_cursor": 1,
     "runtime_message_source": "init_device_data",
     "runtime_model": {
-      "colorMode": {
-        "args": [],
-        "ctor": "BlackWhite"
-      },
-      "displayShape": {
-        "args": [],
-        "ctor": "Rectangular"
-      },
-      "last_message": "CurrentTimeString",
-      "last_operation": "CurrentTimeString",
       "nextEvent": {
         "args": [],
         "ctor": "Nothing"
       },
+      "runtime_view_output_model_sha256": "ce923d361ad105f696ff90fc1741760cdd2af65992a174e3a4753fa22063172d",
       "screenH": 168,
       "screenW": 144,
       "timeString": "08:53"
@@ -233,7 +244,7 @@
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "<TIME>",
@@ -244,7 +255,7 @@
         "y": 36
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "Next event",
@@ -255,7 +266,7 @@
         "y": 54
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "No events",
@@ -269,17 +280,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -293,32 +310,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/companion-demo-geolocation.json b/ide/test/fixtures/debugger_template_corpus/companion-demo-geolocation.json
index b47c9404..91053c12 100644
--- a/ide/test/fixtures/debugger_template_corpus/companion-demo-geolocation.json
+++ b/ide/test/fixtures/debugger_template_corpus/companion-demo-geolocation.json
@@ -100,75 +100,99 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 36
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "08:53",
+                  "options": [],
                   "text": "<TIME>",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 36
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 54
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Lat 0.00",
+                  "options": [],
                   "text": "Lat 0.00",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 54
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 72
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Lon 0.00",
+                  "options": [],
                   "text": "Lon 0.00",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 72
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 90
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "±0m",
+                  "options": [],
                   "text": "±0m",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 90
+                  "type": "text"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
@@ -176,16 +200,6 @@
   },
   "runtime_model": {
     "accuracyM": 0,
-    "colorMode": {
-      "args": [],
-      "ctor": "BlackWhite"
-    },
-    "displayShape": {
-      "args": [],
-      "ctor": "Rectangular"
-    },
-    "last_message": "CurrentTimeString",
-    "last_operation": "CurrentTimeString",
     "latitudeE6": 0,
     "longitudeE6": 0,
     "runtime_view_output": [],
@@ -200,9 +214,7 @@
   ],
   "view_tree_type": "windowStack",
   "watch_model": {
-    "_debugger_steps": 1,
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Companion.Types exposing (PhoneToWatch(..), WatchToPhone(..))\nimport Companion.Watch as CompanionWatch\nimport Json.Decode as Decode\nimport Pebble.Cmd as Cmd\nimport Pebble.Events as Events\nimport Pebble.Platform as Platform\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\n\n\ntype alias Model =\n    { timeString : String\n    , latitudeE6 : Int\n    , longitudeE6 : Int\n    , accuracyM : Int\n    , screenW : Int\n    , screenH : Int\n    }\n\n\ntype Msg\n    = MinuteChanged Int\n    | CurrentTimeString String\n    | FromPhone PhoneToWatch\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit context =\n    ( { timeString = \"--:--\"\n      , latitudeE6 = 0\n      , longitudeE6 = 0\n      , accuracyM = 0\n      , screenW = context.screen.width\n      , screenH = context.screen.height\n      }\n    , Cmd.batch\n        [ Cmd.getCurrentTimeString CurrentTimeString\n        , CompanionWatch.sendWatchToPhone RequestPosition\n        ]\n    )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        MinuteChanged _ ->\n            ( model\n            , Cmd.batch\n                [ Cmd.getCurrentTimeString CurrentTimeString\n                , CompanionWatch.sendWatchToPhone RequestPosition\n                ]\n            )\n\n        CurrentTimeString value ->\n            ( { model | timeString = value }, Cmd.none )\n\n        FromPhone (ProvidePosition latitudeE6 longitudeE6 accuracyM) ->\n            ( { model | latitudeE6 = latitudeE6, longitudeE6 = longitudeE6, accuracyM = accuracyM }, Cmd.none )\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    Events.batch\n        [ Events.onMinuteChange MinuteChanged\n        , CompanionWatch.onPhoneToWatch FromPhone\n        ]\n\n\nview : Model -> Ui.UiNode\nview model =\n    let\n        lineH =\n            18\n\n        startY =\n            36\n\n        label x y text_ =\n            Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = x, y = y, w = model.screenW - 16, h = lineH } text_\n    in\n    Ui.windowStack\n        [ Ui.window 1\n            [ Ui.canvasLayer 1\n                [ Ui.clear Color.white\n                , label 8 startY model.timeString\n                , label 8 (startY + lineH) (\"Lat \" ++ formatCoord model.latitudeE6)\n                , label 8 (startY + lineH * 2) (\"Lon \" ++ formatCoord model.longitudeE6)\n                , label 8 (startY + lineH * 3) (\"±\" ++ String.fromInt model.accuracyM ++ \"m\")\n                ]\n            ]\n        ]\n\n\nformatCoord : Int -> String\nformatCoord micro =\n    let\n        negative =\n            micro < 0\n\n        value =\n            abs micro\n\n        whole =\n            value // 1000000\n\n        frac =\n            modBy 1000000 value // 10000\n    in\n    (if negative then\n        \"-\"\n\n     else\n        \"\"\n    )\n        ++ String.fromInt whole\n        ++ \".\"\n        ++ pad2 frac\n\n\npad2 : Int -> String\npad2 value =\n    if value < 10 then\n        \"0\" ++ String.fromInt value\n\n    else\n        String.fromInt value\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.watchface\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": true,
@@ -220,6 +232,19 @@
       "watch_profile_id": "aplite"
     },
     "revision": "fec304e690c5",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_entry_count": 6,
+      "runtime_model_sha256": "4bf026b388493ea1967c2565e869df5035c00059f51c4aef4fc216b6d233ced6",
+      "runtime_model_source": "step_message",
+      "view_tree_node_count": 9,
+      "view_tree_sha256": "fd0d1b17c132b8d237f8636f56764ef7e6a0368d771eb14131973ceac554c150"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_known_messages": [
       "MinuteChanged",
       "CurrentTimeString",
@@ -229,18 +254,9 @@
     "runtime_message_source": "init_device_data",
     "runtime_model": {
       "accuracyM": 0,
-      "colorMode": {
-        "args": [],
-        "ctor": "BlackWhite"
-      },
-      "displayShape": {
-        "args": [],
-        "ctor": "Rectangular"
-      },
-      "last_message": "CurrentTimeString",
-      "last_operation": "CurrentTimeString",
       "latitudeE6": 0,
       "longitudeE6": 0,
+      "runtime_view_output_model_sha256": "79ffc3ec55390bb896c16797a0bd882b27dd12ea05b074ae9fea1fd5dff3624e",
       "screenH": 168,
       "screenW": 144,
       "timeString": "08:53"
@@ -258,7 +274,7 @@
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "<TIME>",
@@ -269,7 +285,7 @@
         "y": 36
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "Lat 0.00",
@@ -280,7 +296,7 @@
         "y": 54
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "Lon 0.00",
@@ -291,7 +307,7 @@
         "y": 72
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "±0m",
@@ -305,17 +321,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -329,32 +351,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/companion-demo-phone-status.json b/ide/test/fixtures/debugger_template_corpus/companion-demo-phone-status.json
index 4983d822..168e3faf 100644
--- a/ide/test/fixtures/debugger_template_corpus/companion-demo-phone-status.json
+++ b/ide/test/fixtures/debugger_template_corpus/companion-demo-phone-status.json
@@ -47,7 +47,7 @@
       "font_size": 18,
       "h": 18,
       "kind": "text_label",
-      "text": "Locale --",
+      "text": "Locale en-US",
       "text_align": "center",
       "text_color": null,
       "text_overflow": "word_wrap",
@@ -84,7 +84,7 @@
       "y": 108
     }
   ],
-  "preview_ops_sha256": "cc5bc905a561d1eb2613792ecac158c8008c8ca874f16d4fae058839f6a005b8",
+  "preview_ops_sha256": "f057b29c650ed569c64ff7cd5d77433abd816ce385571a04110acf413de45326",
   "render_tree": {
     "node_count": 9,
     "node_types": [
@@ -100,13 +100,6 @@
     ],
     "root_type": "windowStack",
     "tree": {
-      "box": {
-        "h": 168,
-        "text": null,
-        "w": 144,
-        "x": 0,
-        "y": 0
-      },
       "children": [
         {
           "children": [
@@ -115,88 +108,117 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 36
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "08:53",
+                  "options": [],
                   "text": "<TIME>",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 36
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 54
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Bat 0% idle",
+                  "options": [],
                   "text": "Bat 0% idle",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 54
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 72
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
-                  "text": "Locale --",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Locale en-US",
+                  "options": [],
+                  "text": "Locale en-US",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 72
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 90
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Net offline",
+                  "options": [],
                   "text": "Net offline",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 90
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 108
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Notif off",
+                  "options": [],
                   "text": "Notif off",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 108
+                  "type": "text"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
@@ -205,16 +227,6 @@
   "runtime_model": {
     "batteryPercent": 0,
     "charging": false,
-    "colorMode": {
-      "args": [],
-      "ctor": "BlackWhite"
-    },
-    "displayShape": {
-      "args": [],
-      "ctor": "Rectangular"
-    },
-    "last_message": "CurrentTimeString",
-    "last_operation": "CurrentTimeString",
     "locale": "en-US",
     "notificationsEnabled": false,
     "online": false,
@@ -231,9 +243,7 @@
   ],
   "view_tree_type": "windowStack",
   "watch_model": {
-    "_debugger_steps": 1,
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Companion.Types exposing (PhoneToWatch(..), WatchToPhone(..))\nimport Companion.Watch as CompanionWatch\nimport Json.Decode as Decode\nimport Pebble.Cmd as Cmd\nimport Pebble.Events as Events\nimport Pebble.Platform as Platform\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\n\n\ntype alias Model =\n    { timeString : String\n    , batteryPercent : Int\n    , charging : Bool\n    , locale : String\n    , online : Bool\n    , notificationsEnabled : Bool\n    , quietHours : Bool\n    , screenW : Int\n    , screenH : Int\n    }\n\n\ntype Msg\n    = MinuteChanged Int\n    | CurrentTimeString String\n    | FromPhone PhoneToWatch\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit context =\n    ( { timeString = \"--:--\"\n      , batteryPercent = 0\n      , charging = False\n      , locale = \"--\"\n      , online = False\n      , notificationsEnabled = False\n      , quietHours = False\n      , screenW = context.screen.width\n      , screenH = context.screen.height\n      }\n    , Cmd.batch\n        [ Cmd.getCurrentTimeString CurrentTimeString\n        , CompanionWatch.sendWatchToPhone RequestPhoneStatus\n        ]\n    )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        MinuteChanged _ ->\n            ( model\n            , Cmd.batch\n                [ Cmd.getCurrentTimeString CurrentTimeString\n                , CompanionWatch.sendWatchToPhone RequestPhoneStatus\n                ]\n            )\n\n        CurrentTimeString value ->\n            ( { model | timeString = value }, Cmd.none )\n\n        FromPhone (ProvideBattery percent charging) ->\n            ( { model | batteryPercent = percent, charging = charging }, Cmd.none )\n\n        FromPhone (ProvideLocale locale) ->\n            ( { model | locale = locale }, Cmd.none )\n\n        FromPhone (ProvideConnectivity online) ->\n            ( { model | online = online }, Cmd.none )\n\n        FromPhone (ProvideNotifications enabled quietHours) ->\n            ( { model | notificationsEnabled = enabled, quietHours = quietHours }, Cmd.none )\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    Events.batch\n        [ Events.onMinuteChange MinuteChanged\n        , CompanionWatch.onPhoneToWatch FromPhone\n        ]\n\n\nview : Model -> Ui.UiNode\nview model =\n    let\n        lineH =\n            18\n\n        startY =\n            36\n\n        label x y text_ =\n            Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = x, y = y, w = model.screenW - 16, h = lineH } text_\n    in\n    Ui.windowStack\n        [ Ui.window 1\n            [ Ui.canvasLayer 1\n                [ Ui.clear Color.white\n                , label 8 startY model.timeString\n                , label 8 (startY + lineH) (\"Bat \" ++ String.fromInt model.batteryPercent ++ \"% \" ++ chargingLabel model.charging)\n                , label 8 (startY + lineH * 2) (\"Locale \" ++ model.locale)\n                , label 8 (startY + lineH * 3) (\"Net \" ++ onlineLabel model.online)\n                , label 8 (startY + lineH * 4) (\"Notif \" ++ notificationLabel model.notificationsEnabled model.quietHours)\n                ]\n            ]\n        ]\n\n\nchargingLabel : Bool -> String\nchargingLabel charging =\n    if charging then\n        \"chg\"\n\n    else\n        \"idle\"\n\n\nonlineLabel : Bool -> String\nonlineLabel online =\n    if online then\n        \"online\"\n\n    else\n        \"offline\"\n\n\nnotificationLabel : Bool -> Bool -> String\nnotificationLabel enabled quietHours =\n    if quietHours then\n        \"quiet\"\n\n    else if enabled then\n        \"on\"\n\n    else\n        \"off\"\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.watchface\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": true,
@@ -251,6 +261,19 @@
       "watch_profile_id": "aplite"
     },
     "revision": "c179f1e1bc2f",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_entry_count": 9,
+      "runtime_model_sha256": "5fa5c372c2330f8f8c0dc8aad3a3d9c3753a6ebaca0fe9dc42a9b4b91e13ac99",
+      "runtime_model_source": "step_message",
+      "view_tree_node_count": 10,
+      "view_tree_sha256": "3c5ba4feb6678a712f4294b2cd40b0326aa349f32e03f95bd49dcf497f636b8e"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_known_messages": [
       "MinuteChanged",
       "CurrentTimeString",
@@ -261,20 +284,11 @@
     "runtime_model": {
       "batteryPercent": 0,
       "charging": false,
-      "colorMode": {
-        "args": [],
-        "ctor": "BlackWhite"
-      },
-      "displayShape": {
-        "args": [],
-        "ctor": "Rectangular"
-      },
-      "last_message": "CurrentTimeString",
-      "last_operation": "CurrentTimeString",
       "locale": "en-US",
       "notificationsEnabled": false,
       "online": false,
       "quietHours": false,
+      "runtime_view_output_model_sha256": "faf5785d164165fba4394c5bebe044b7b17f666378c79848a96dc65f2447910f",
       "screenH": 168,
       "screenW": 144,
       "timeString": "08:53"
@@ -295,7 +309,7 @@
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "<TIME>",
@@ -306,7 +320,7 @@
         "y": 36
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "Bat 0% idle",
@@ -317,7 +331,7 @@
         "y": 54
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "Locale --",
@@ -328,7 +342,7 @@
         "y": 72
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "Net offline",
@@ -339,7 +353,7 @@
         "y": 90
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "Notif off",
@@ -353,17 +367,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -377,32 +397,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/companion-demo-settings.json b/ide/test/fixtures/debugger_template_corpus/companion-demo-settings.json
index 7b9fd18d..01c752c0 100644
--- a/ide/test/fixtures/debugger_template_corpus/companion-demo-settings.json
+++ b/ide/test/fixtures/debugger_template_corpus/companion-demo-settings.json
@@ -100,75 +100,99 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 36
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Settings demo",
+                  "options": [],
                   "text": "Settings demo",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 36
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 54
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Lifecycle waiting",
+                  "options": [],
                   "text": "Lifecycle waiting",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 54
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 72
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Config none",
+                  "options": [],
                   "text": "Config none",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 72
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 90
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Select = open",
+                  "options": [],
                   "text": "Select = open",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 90
+                  "type": "text"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
@@ -200,7 +224,6 @@
   "view_tree_type": "windowStack",
   "watch_model": {
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Companion.Types exposing (ConfigurationOutcome(..), PhoneToWatch(..), WatchToPhone(..))\nimport Companion.Watch as CompanionWatch\nimport Json.Decode as Decode\nimport Pebble.Button as Button\nimport Pebble.Platform as Platform\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\n\n\ntype alias Model =\n    { ready : Bool\n    , configOutcome : Maybe ConfigurationOutcome\n    , screenW : Int\n    , screenH : Int\n    }\n\n\ntype Msg\n    = FromPhone PhoneToWatch\n    | SelectPressed\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit context =\n    ( { ready = False\n      , configOutcome = Nothing\n      , screenW = context.screen.width\n      , screenH = context.screen.height\n      }\n    , Cmd.none\n    )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        SelectPressed ->\n            ( model, CompanionWatch.sendWatchToPhone OpenSettings )\n\n        FromPhone SettingsReady ->\n            ( { model | ready = True }, Cmd.none )\n\n        FromPhone (SettingsClosed outcome) ->\n            ( { model | configOutcome = Just outcome }, Cmd.none )\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    Sub.batch\n        [ CompanionWatch.onPhoneToWatch FromPhone\n        , Button.onPress Button.Select SelectPressed\n        ]\n\n\nview : Model -> Ui.UiNode\nview model =\n    let\n        lineH =\n            18\n\n        startY =\n            36\n\n        label x y text_ =\n            Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = x, y = y, w = model.screenW - 16, h = lineH } text_\n\n        readyLabel =\n            if model.ready then\n                \"ready\"\n\n            else\n                \"waiting\"\n\n        configLabel =\n            case model.configOutcome of\n                Nothing ->\n                    \"none\"\n\n                Just Saved ->\n                    \"saved\"\n\n                Just Dismissed ->\n                    \"dismissed\"\n    in\n    Ui.windowStack\n        [ Ui.window 1\n            [ Ui.canvasLayer 1\n                [ Ui.clear Color.white\n                , label 8 startY \"Settings demo\"\n                , label 8 (startY + lineH) (\"Lifecycle \" ++ readyLabel)\n                , label 8 (startY + lineH * 2) (\"Config \" ++ configLabel)\n                , label 8 (startY + lineH * 3) \"Select = open\"\n                ]\n            ]\n        ]\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.application\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": true,
@@ -218,6 +241,15 @@
       "watch_profile_id": "aplite"
     },
     "revision": "48db255a30c7",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_source": "init_model"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_model": {
       "colorMode": {
         "args": [],
@@ -232,6 +264,7 @@
         "ctor": "Rectangular"
       },
       "ready": false,
+      "runtime_view_output_model_sha256": "f2a42ea22ad26961312d46c34f2b9ba1f26a9ccabb1ef697160f603326805195",
       "screenH": 168,
       "screenW": 144
     },
@@ -243,7 +276,7 @@
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "Settings demo",
@@ -254,7 +287,7 @@
         "y": 36
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "Lifecycle waiting",
@@ -265,7 +298,7 @@
         "y": 54
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "Config none",
@@ -276,7 +309,7 @@
         "y": 72
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "Select = open",
@@ -290,17 +323,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -314,32 +353,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/companion-demo-storage.json b/ide/test/fixtures/debugger_template_corpus/companion-demo-storage.json
index 5ba31b2c..936221d1 100644
--- a/ide/test/fixtures/debugger_template_corpus/companion-demo-storage.json
+++ b/ide/test/fixtures/debugger_template_corpus/companion-demo-storage.json
@@ -100,75 +100,99 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 36
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Storage demo",
+                  "options": [],
                   "text": "Storage demo",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 36
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 54
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Theme --",
+                  "options": [],
                   "text": "Theme --",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 54
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 72
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Units --",
+                  "options": [],
                   "text": "Units --",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 72
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 90
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Select = cycle",
+                  "options": [],
                   "text": "Select = cycle",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 90
+                  "type": "text"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
@@ -198,13 +222,11 @@
   },
   "template": "companion-demo-storage",
   "timeline_init_messages": [
-    "runtime:runtime no followups for 1 init cmd(s)",
     "init:init"
   ],
   "view_tree_type": "windowStack",
   "watch_model": {
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Companion.Types exposing (PhoneToWatch(..), Theme(..), Units(..), WatchToPhone(..))\nimport Companion.Watch as CompanionWatch\nimport Json.Decode as Decode\nimport Pebble.Button as Button\nimport Pebble.Platform as Platform\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\n\n\ntype alias Model =\n    { theme : Maybe Theme\n    , units : Maybe Units\n    , screenW : Int\n    , screenH : Int\n    }\n\n\ntype Msg\n    = FromPhone PhoneToWatch\n    | SelectPressed\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit context =\n    ( { theme = Nothing\n      , units = Nothing\n      , screenW = context.screen.width\n      , screenH = context.screen.height\n      }\n    , CompanionWatch.sendWatchToPhone RequestStoredValues\n    )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        SelectPressed ->\n            ( model, CompanionWatch.sendWatchToPhone CycleTheme )\n\n        FromPhone (ProvideTheme theme units) ->\n            ( { model | theme = Just theme, units = Just units }, Cmd.none )\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    Sub.batch\n        [ CompanionWatch.onPhoneToWatch FromPhone\n        , Button.onPress Button.Select SelectPressed\n        ]\n\n\nview : Model -> Ui.UiNode\nview model =\n    let\n        lineH =\n            18\n\n        startY =\n            36\n\n        label x y text_ =\n            Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = x, y = y, w = model.screenW - 16, h = lineH } text_\n    in\n    Ui.windowStack\n        [ Ui.window 1\n            [ Ui.canvasLayer 1\n                [ Ui.clear Color.white\n                , label 8 startY \"Storage demo\"\n                , label 8 (startY + lineH) (\"Theme \" ++ themeLabel model.theme)\n                , label 8 (startY + lineH * 2) (\"Units \" ++ unitsLabel model.units)\n                , label 8 (startY + lineH * 3) \"Select = cycle\"\n                ]\n            ]\n        ]\n\n\nthemeLabel : Maybe Theme -> String\nthemeLabel maybeTheme =\n    case maybeTheme of\n        Nothing ->\n            \"--\"\n\n        Just Dark ->\n            \"dark\"\n\n        Just Light ->\n            \"light\"\n\n\nunitsLabel : Maybe Units -> String\nunitsLabel maybeUnits =\n    case maybeUnits of\n        Nothing ->\n            \"--\"\n\n        Just Metric ->\n            \"metric\"\n\n        Just Imperial ->\n            \"imperial\"\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.application\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": true,
@@ -222,6 +244,15 @@
       "watch_profile_id": "aplite"
     },
     "revision": "6de5124594f3",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_source": "init_model"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_model": {
       "colorMode": {
         "args": [],
@@ -231,6 +262,7 @@
         "args": [],
         "ctor": "Rectangular"
       },
+      "runtime_view_output_model_sha256": "c5dee58ee02978bf3d7b23932da62e1147ac71f2693367065822125e4609d70a",
       "screenH": 168,
       "screenW": 144,
       "theme": {
@@ -250,7 +282,7 @@
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "Storage demo",
@@ -261,7 +293,7 @@
         "y": 36
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "Theme --",
@@ -272,7 +304,7 @@
         "y": 54
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "Units --",
@@ -283,7 +315,7 @@
         "y": 72
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "Select = cycle",
@@ -297,17 +329,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -321,32 +359,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/companion-demo-timeline.json b/ide/test/fixtures/debugger_template_corpus/companion-demo-timeline.json
index e9975830..35fe9c40 100644
--- a/ide/test/fixtures/debugger_template_corpus/companion-demo-timeline.json
+++ b/ide/test/fixtures/debugger_template_corpus/companion-demo-timeline.json
@@ -100,75 +100,99 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 36
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Timeline demo",
+                  "options": [],
                   "text": "Timeline demo",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 36
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 54
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Token loading",
+                  "options": [],
                   "text": "Token loading",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 54
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 72
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Pin pending",
+                  "options": [],
                   "text": "Pin pending",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 72
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 90
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Select = insert",
+                  "options": [],
                   "text": "Select = insert",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 90
+                  "type": "text"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
@@ -195,13 +219,11 @@
   },
   "template": "companion-demo-timeline",
   "timeline_init_messages": [
-    "runtime:runtime no followups for 1 init cmd(s)",
     "init:init"
   ],
   "view_tree_type": "windowStack",
   "watch_model": {
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Companion.Types exposing (PhoneToWatch(..), TimelinePinStatus(..), WatchToPhone(..))\nimport Companion.Watch as CompanionWatch\nimport Json.Decode as Decode\nimport Pebble.Button as Button\nimport Pebble.Platform as Platform\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\n\n\ntype alias Model =\n    { tokenPreview : String\n    , pinStatus : Maybe TimelinePinStatus\n    , screenW : Int\n    , screenH : Int\n    }\n\n\ntype Msg\n    = FromPhone PhoneToWatch\n    | SelectPressed\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit context =\n    ( { tokenPreview = \"loading\"\n      , pinStatus = Nothing\n      , screenW = context.screen.width\n      , screenH = context.screen.height\n      }\n    , CompanionWatch.sendWatchToPhone RequestTimelineToken\n    )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        SelectPressed ->\n            ( model, CompanionWatch.sendWatchToPhone InsertDemoPin )\n\n        FromPhone (ProvideTimelineToken token) ->\n            ( { model | tokenPreview = truncate token 20, pinStatus = Nothing }, Cmd.none )\n\n        FromPhone (ProvideTimelineStatus status) ->\n            ( { model | pinStatus = Just status }, Cmd.none )\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    Sub.batch\n        [ CompanionWatch.onPhoneToWatch FromPhone\n        , Button.onPress Button.Select SelectPressed\n        ]\n\n\nview : Model -> Ui.UiNode\nview model =\n    let\n        lineH =\n            18\n\n        startY =\n            36\n\n        label x y text_ =\n            Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = x, y = y, w = model.screenW - 16, h = lineH } text_\n    in\n    Ui.windowStack\n        [ Ui.window 1\n            [ Ui.canvasLayer 1\n                [ Ui.clear Color.white\n                , label 8 startY \"Timeline demo\"\n                , label 8 (startY + lineH) (\"Token \" ++ model.tokenPreview)\n                , label 8 (startY + lineH * 2) (\"Pin \" ++ pinStatusLabel model.pinStatus)\n                , label 8 (startY + lineH * 3) \"Select = insert\"\n                ]\n            ]\n        ]\n\n\npinStatusLabel : Maybe TimelinePinStatus -> String\npinStatusLabel maybeStatus =\n    case maybeStatus of\n        Nothing ->\n            \"pending\"\n\n        Just PinOk ->\n            \"ok\"\n\n        Just PinFailed ->\n            \"error\"\n\n\ntruncate : String -> Int -> String\ntruncate text maxLen =\n    if String.length text <= maxLen then\n        text\n\n    else\n        String.left maxLen text ++ \"…\"\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.application\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": true,
@@ -219,6 +241,15 @@
       "watch_profile_id": "aplite"
     },
     "revision": "5cec0dcea457",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_source": "init_model"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_model": {
       "colorMode": {
         "args": [],
@@ -232,6 +263,7 @@
         "args": [],
         "ctor": "Nothing"
       },
+      "runtime_view_output_model_sha256": "e31f8238b41e1f63209cc156524cee77fbec7c6321dcbc76d7ec2f2e8505f419",
       "screenH": 168,
       "screenW": 144,
       "tokenPreview": "loading"
@@ -244,7 +276,7 @@
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "Timeline demo",
@@ -255,7 +287,7 @@
         "y": 36
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "Token loading",
@@ -266,7 +298,7 @@
         "y": 54
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "Pin pending",
@@ -277,7 +309,7 @@
         "y": 72
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "Select = insert",
@@ -291,17 +323,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -315,32 +353,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/companion-demo-weather-env.json b/ide/test/fixtures/debugger_template_corpus/companion-demo-weather-env.json
index efc56fe4..556e793d 100644
--- a/ide/test/fixtures/debugger_template_corpus/companion-demo-weather-env.json
+++ b/ide/test/fixtures/debugger_template_corpus/companion-demo-weather-env.json
@@ -100,95 +100,109 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 36
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "08:53",
+                  "options": [],
                   "text": "<TIME>",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 36
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 54
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "0C ?",
+                  "options": [],
                   "text": "0C ?",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 54
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 72
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Sun 0:00-0:00",
+                  "options": [],
                   "text": "Sun 0:00-0:00",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 72
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 90
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Moon 0%",
+                  "options": [],
                   "text": "Moon 0%",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 90
+                  "type": "text"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
     }
   },
   "runtime_model": {
-    "colorMode": {
-      "args": [],
-      "ctor": "BlackWhite"
-    },
     "condition": {
       "args": [],
       "ctor": "UnknownWeather"
     },
-    "displayShape": {
-      "args": [],
-      "ctor": "Rectangular"
-    },
-    "last_message": "CurrentTimeString",
-    "last_operation": "CurrentTimeString",
     "moonPhaseE6": 0,
     "runtime_view_output": [],
     "screenH": 168,
@@ -205,9 +219,7 @@
   ],
   "view_tree_type": "windowStack",
   "watch_model": {
-    "_debugger_steps": 1,
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Companion.Types exposing (PhoneToWatch(..), WatchToPhone(..), WeatherCondition(..))\nimport Companion.Watch as CompanionWatch\nimport Json.Decode as Decode\nimport Pebble.Cmd as Cmd\nimport Pebble.Events as Events\nimport Pebble.Platform as Platform\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\n\n\ntype alias Model =\n    { timeString : String\n    , temperatureC : Int\n    , condition : WeatherCondition\n    , sunriseMin : Int\n    , sunsetMin : Int\n    , moonPhaseE6 : Int\n    , screenW : Int\n    , screenH : Int\n    }\n\n\ntype Msg\n    = MinuteChanged Int\n    | CurrentTimeString String\n    | FromPhone PhoneToWatch\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit context =\n    ( { timeString = \"--:--\"\n      , temperatureC = 0\n      , condition = UnknownWeather\n      , sunriseMin = 0\n      , sunsetMin = 0\n      , moonPhaseE6 = 0\n      , screenW = context.screen.width\n      , screenH = context.screen.height\n      }\n    , Cmd.batch\n        [ Cmd.getCurrentTimeString CurrentTimeString\n        , CompanionWatch.sendWatchToPhone RequestWeatherEnv\n        ]\n    )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        MinuteChanged _ ->\n            ( model\n            , Cmd.batch\n                [ Cmd.getCurrentTimeString CurrentTimeString\n                , CompanionWatch.sendWatchToPhone RequestWeatherEnv\n                ]\n            )\n\n        CurrentTimeString value ->\n            ( { model | timeString = value }, Cmd.none )\n\n        FromPhone (ProvideWeather tempC condition) ->\n            ( { model | temperatureC = tempC, condition = condition }, Cmd.none )\n\n        FromPhone (ProvideEnvironment sunriseMin sunsetMin moonPhaseE6) ->\n            ( { model | sunriseMin = sunriseMin, sunsetMin = sunsetMin, moonPhaseE6 = moonPhaseE6 }, Cmd.none )\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    Events.batch\n        [ Events.onMinuteChange MinuteChanged\n        , CompanionWatch.onPhoneToWatch FromPhone\n        ]\n\n\nview : Model -> Ui.UiNode\nview model =\n    let\n        lineH =\n            18\n\n        startY =\n            36\n\n        label x y text_ =\n            Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = x, y = y, w = model.screenW - 16, h = lineH } text_\n    in\n    Ui.windowStack\n        [ Ui.window 1\n            [ Ui.canvasLayer 1\n                [ Ui.clear Color.white\n                , label 8 startY model.timeString\n                , label 8 (startY + lineH) (String.fromInt model.temperatureC ++ \"C \" ++ conditionLabel model.condition)\n                , label 8 (startY + lineH * 2) (\"Sun \" ++ formatMinutes model.sunriseMin ++ \"-\" ++ formatMinutes model.sunsetMin)\n                , label 8 (startY + lineH * 3) (\"Moon \" ++ String.fromInt (model.moonPhaseE6 // 10000) ++ \"%\")\n                ]\n            ]\n        ]\n\n\nconditionLabel : WeatherCondition -> String\nconditionLabel condition =\n    case condition of\n        Clear ->\n            \"clear\"\n\n        Cloudy ->\n            \"cloudy\"\n\n        Fog ->\n            \"fog\"\n\n        Drizzle ->\n            \"drizzle\"\n\n        Rain ->\n            \"rain\"\n\n        Snow ->\n            \"snow\"\n\n        Showers ->\n            \"showers\"\n\n        Storm ->\n            \"storm\"\n\n        UnknownWeather ->\n            \"?\"\n\n\nformatMinutes : Int -> String\nformatMinutes minutes =\n    let\n        hours =\n            minutes // 60\n\n        mins =\n            modBy 60 minutes\n    in\n    String.fromInt hours\n        ++ \":\"\n        ++ (if mins < 10 then\n                \"0\"\n\n            else\n                \"\"\n           )\n        ++ String.fromInt mins\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.watchface\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": true,
@@ -225,6 +237,19 @@
       "watch_profile_id": "aplite"
     },
     "revision": "a97ea32fb4f4",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_entry_count": 8,
+      "runtime_model_sha256": "fa0b45902924a03ad669afea051fd57a446ce731de6250e18edb7d46c9eb26b9",
+      "runtime_model_source": "step_message",
+      "view_tree_node_count": 9,
+      "view_tree_sha256": "e348c86a9c848b9aa3e6135bf3603da262cfecf86cd4ca1e82c05d3f4508ec97"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_known_messages": [
       "MinuteChanged",
       "CurrentTimeString",
@@ -233,21 +258,12 @@
     "runtime_message_cursor": 1,
     "runtime_message_source": "init_device_data",
     "runtime_model": {
-      "colorMode": {
-        "args": [],
-        "ctor": "BlackWhite"
-      },
       "condition": {
         "args": [],
         "ctor": "UnknownWeather"
       },
-      "displayShape": {
-        "args": [],
-        "ctor": "Rectangular"
-      },
-      "last_message": "CurrentTimeString",
-      "last_operation": "CurrentTimeString",
       "moonPhaseE6": 0,
+      "runtime_view_output_model_sha256": "2b17216f5b4f6abc67d0514bd5b0efbbc86bc5aea1ca9d9e6ea48a817a4b1f31",
       "screenH": 168,
       "screenW": 144,
       "sunriseMin": 0,
@@ -269,7 +285,7 @@
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "<TIME>",
@@ -280,7 +296,7 @@
         "y": 36
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "0C ?",
@@ -291,7 +307,7 @@
         "y": 54
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "Sun 0:00-0:00",
@@ -302,7 +318,7 @@
         "y": 72
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "Moon 0%",
@@ -316,17 +332,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -340,32 +362,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/companion-demo-websocket.json b/ide/test/fixtures/debugger_template_corpus/companion-demo-websocket.json
index 3143a9ec..858bbdb0 100644
--- a/ide/test/fixtures/debugger_template_corpus/companion-demo-websocket.json
+++ b/ide/test/fixtures/debugger_template_corpus/companion-demo-websocket.json
@@ -100,75 +100,99 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 36
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "WebSocket demo",
+                  "options": [],
                   "text": "WebSocket demo",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 36
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 54
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "closed",
+                  "options": [],
                   "text": "closed",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 54
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 72
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "waiting",
+                  "options": [],
                   "text": "waiting",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 72
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 128,
+                    "x": 8,
+                    "y": 90
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 18,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Select = ping",
+                  "options": [],
                   "text": "Select = ping",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 128,
-                  "x": 8,
-                  "y": 90
+                  "type": "text"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
@@ -195,13 +219,11 @@
   },
   "template": "companion-demo-websocket",
   "timeline_init_messages": [
-    "runtime:runtime no followups for 1 init cmd(s)",
     "init:init"
   ],
   "view_tree_type": "windowStack",
   "watch_model": {
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Companion.Types exposing (PhoneToWatch(..), WatchToPhone(..), WebSocketStatus(..))\nimport Companion.Watch as CompanionWatch\nimport Json.Decode as Decode\nimport Pebble.Button as Button\nimport Pebble.Platform as Platform\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\n\n\ntype alias Model =\n    { status : WebSocketStatus\n    , statusDetail : String\n    , screenW : Int\n    , screenH : Int\n    }\n\n\ntype Msg\n    = FromPhone PhoneToWatch\n    | SelectPressed\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit context =\n    ( { status = Closed\n      , statusDetail = \"waiting\"\n      , screenW = context.screen.width\n      , screenH = context.screen.height\n      }\n    , CompanionWatch.sendWatchToPhone RequestWebSocketStatus\n    )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        SelectPressed ->\n            ( model, CompanionWatch.sendWatchToPhone PingWebSocket )\n\n        FromPhone (ProvideWebSocketStatus status detail) ->\n            ( { model | status = status, statusDetail = detail }, Cmd.none )\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    Sub.batch\n        [ CompanionWatch.onPhoneToWatch FromPhone\n        , Button.onPress Button.Select SelectPressed\n        ]\n\n\nview : Model -> Ui.UiNode\nview model =\n    let\n        lineH =\n            18\n\n        startY =\n            36\n\n        label x y text_ =\n            Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = x, y = y, w = model.screenW - 16, h = lineH } text_\n    in\n    Ui.windowStack\n        [ Ui.window 1\n            [ Ui.canvasLayer 1\n                [ Ui.clear Color.white\n                , label 8 startY \"WebSocket demo\"\n                , label 8 (startY + lineH) (statusLabel model.status)\n                , label 8 (startY + lineH * 2) model.statusDetail\n                , label 8 (startY + lineH * 3) \"Select = ping\"\n                ]\n            ]\n        ]\n\n\nstatusLabel : WebSocketStatus -> String\nstatusLabel status =\n    case status of\n        Closed ->\n            \"closed\"\n\n        Open ->\n            \"open\"\n\n        Error ->\n            \"error\"\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.application\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": true,
@@ -219,6 +241,15 @@
       "watch_profile_id": "aplite"
     },
     "revision": "aa6a47529444",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_source": "init_model"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_model": {
       "colorMode": {
         "args": [],
@@ -228,6 +259,7 @@
         "args": [],
         "ctor": "Rectangular"
       },
+      "runtime_view_output_model_sha256": "c806a43dd189e051c0debd1b956e876e94611ec70de9ced4cb4222e19dfd1bb4",
       "screenH": 168,
       "screenW": 144,
       "status": {
@@ -244,7 +276,7 @@
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "WebSocket demo",
@@ -255,7 +287,7 @@
         "y": 36
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "closed",
@@ -266,7 +298,7 @@
         "y": 54
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "waiting",
@@ -277,7 +309,7 @@
         "y": 72
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "Select = ping",
@@ -291,17 +323,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -315,32 +353,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/game-2048.json b/ide/test/fixtures/debugger_template_corpus/game-2048.json
index c0589ab1..b6d7068d 100644
--- a/ide/test/fixtures/debugger_template_corpus/game-2048.json
+++ b/ide/test/fixtures/debugger_template_corpus/game-2048.json
@@ -5,11 +5,9 @@
     "runtime_view_output_kinds": [
       "clear",
       "text",
-      "push_context",
       "stroke_color",
       "text_color",
-      "rect",
-      "pop_context"
+      "rect"
     ],
     "status": "ok"
   },
@@ -50,9 +48,9 @@
       "font_size": 18,
       "h": 18,
       "kind": "text_label",
-      "text": ".",
+      "text": "2",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 192,
       "text_overflow": "word_wrap",
       "w": 28,
       "x": 11,
@@ -78,7 +76,7 @@
       "kind": "text_label",
       "text": ".",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 192,
       "text_overflow": "word_wrap",
       "w": 28,
       "x": 42,
@@ -104,7 +102,7 @@
       "kind": "text_label",
       "text": ".",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 192,
       "text_overflow": "word_wrap",
       "w": 28,
       "x": 73,
@@ -128,9 +126,9 @@
       "font_size": 18,
       "h": 18,
       "kind": "text_label",
-      "text": "2",
+      "text": ".",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 192,
       "text_overflow": "word_wrap",
       "w": 28,
       "x": 104,
@@ -156,7 +154,7 @@
       "kind": "text_label",
       "text": ".",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 192,
       "text_overflow": "word_wrap",
       "w": 28,
       "x": 11,
@@ -180,9 +178,9 @@
       "font_size": 18,
       "h": 18,
       "kind": "text_label",
-      "text": ".",
+      "text": "2",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 192,
       "text_overflow": "word_wrap",
       "w": 28,
       "x": 42,
@@ -208,7 +206,7 @@
       "kind": "text_label",
       "text": ".",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 192,
       "text_overflow": "word_wrap",
       "w": 28,
       "x": 73,
@@ -234,7 +232,7 @@
       "kind": "text_label",
       "text": ".",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 192,
       "text_overflow": "word_wrap",
       "w": 28,
       "x": 104,
@@ -260,7 +258,7 @@
       "kind": "text_label",
       "text": ".",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 192,
       "text_overflow": "word_wrap",
       "w": 28,
       "x": 11,
@@ -286,7 +284,7 @@
       "kind": "text_label",
       "text": ".",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 192,
       "text_overflow": "word_wrap",
       "w": 28,
       "x": 42,
@@ -312,7 +310,7 @@
       "kind": "text_label",
       "text": ".",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 192,
       "text_overflow": "word_wrap",
       "w": 28,
       "x": 73,
@@ -338,7 +336,7 @@
       "kind": "text_label",
       "text": ".",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 192,
       "text_overflow": "word_wrap",
       "w": 28,
       "x": 104,
@@ -364,7 +362,7 @@
       "kind": "text_label",
       "text": ".",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 192,
       "text_overflow": "word_wrap",
       "w": 28,
       "x": 11,
@@ -388,9 +386,9 @@
       "font_size": 18,
       "h": 18,
       "kind": "text_label",
-      "text": "2",
+      "text": ".",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 192,
       "text_overflow": "word_wrap",
       "w": 28,
       "x": 42,
@@ -416,7 +414,7 @@
       "kind": "text_label",
       "text": ".",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 192,
       "text_overflow": "word_wrap",
       "w": 28,
       "x": 73,
@@ -442,16 +440,16 @@
       "kind": "text_label",
       "text": ".",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 192,
       "text_overflow": "word_wrap",
       "w": 28,
       "x": 104,
       "y": 124
     }
   ],
-  "preview_ops_sha256": "a216b2d2d0fd266cf13dd80b30125f557686e798ec0b8759bbf3a563f5efdb3a",
+  "preview_ops_sha256": "d3e70a24989f9e1287cd9ab522169992061ca0c3cc6aec33583929eb9be62467",
   "render_tree": {
-    "node_count": 53,
+    "node_count": 69,
     "node_types": [
       "canvasLayer",
       "clear",
@@ -471,6 +469,22 @@
       "group",
       "group",
       "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
       "rect",
       "rect",
       "rect",
@@ -524,612 +538,989 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
                 {
+                  "bounds": {
+                    "h": 16,
+                    "text": null,
+                    "w": 132,
+                    "x": 4,
+                    "y": 4
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 16,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "2048  Best 0",
+                  "options": [],
                   "text": "2048  Best 0",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 132,
-                  "x": 4,
-                  "y": 4
+                  "type": "text"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "fill": 192,
-                      "h": 28,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 28,
+                            "text": null,
+                            "w": 28,
+                            "x": 11,
+                            "y": 26
+                          },
+                          "children": [],
+                          "color": 192,
+                          "kind": "rect",
+                          "label": "rect",
+                          "text": null,
+                          "type": "rect"
+                        },
+                        {
+                          "bounds": {
+                            "h": 18,
+                            "text": null,
+                            "w": 28,
+                            "x": 11,
+                            "y": 31
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": "2",
+                          "options": {
+                            "key": "align_center",
+                            "text": null,
+                            "type": "contextSetting",
+                            "value": []
+                          },
+                          "text": "2",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
+                      "style": {
+                        "stroke_color": 192,
+                        "text": null,
+                        "text_color": 192
+                      },
                       "text": null,
-                      "type": "rect",
-                      "w": 28,
-                      "x": 11,
-                      "y": 26
-                    },
-                    {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 18,
-                      "label": "",
-                      "text": ".",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 28,
-                      "x": 11,
-                      "y": 31
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "stroke_color": 192,
-                    "text": null,
-                    "text_color": 192
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "fill": 192,
-                      "h": 28,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 28,
+                            "text": null,
+                            "w": 28,
+                            "x": 42,
+                            "y": 26
+                          },
+                          "children": [],
+                          "color": 192,
+                          "kind": "rect",
+                          "label": "rect",
+                          "text": null,
+                          "type": "rect"
+                        },
+                        {
+                          "bounds": {
+                            "h": 18,
+                            "text": null,
+                            "w": 28,
+                            "x": 42,
+                            "y": 31
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": ".",
+                          "options": {
+                            "key": "align_center",
+                            "text": null,
+                            "type": "contextSetting",
+                            "value": []
+                          },
+                          "text": ".",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
+                      "style": {
+                        "stroke_color": 192,
+                        "text": null,
+                        "text_color": 192
+                      },
                       "text": null,
-                      "type": "rect",
-                      "w": 28,
-                      "x": 42,
-                      "y": 26
-                    },
-                    {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 18,
-                      "label": "",
-                      "text": ".",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 28,
-                      "x": 42,
-                      "y": 31
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "stroke_color": 192,
-                    "text": null,
-                    "text_color": 192
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "fill": 192,
-                      "h": 28,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 28,
+                            "text": null,
+                            "w": 28,
+                            "x": 73,
+                            "y": 26
+                          },
+                          "children": [],
+                          "color": 192,
+                          "kind": "rect",
+                          "label": "rect",
+                          "text": null,
+                          "type": "rect"
+                        },
+                        {
+                          "bounds": {
+                            "h": 18,
+                            "text": null,
+                            "w": 28,
+                            "x": 73,
+                            "y": 31
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": ".",
+                          "options": {
+                            "key": "align_center",
+                            "text": null,
+                            "type": "contextSetting",
+                            "value": []
+                          },
+                          "text": ".",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
+                      "style": {
+                        "stroke_color": 192,
+                        "text": null,
+                        "text_color": 192
+                      },
                       "text": null,
-                      "type": "rect",
-                      "w": 28,
-                      "x": 73,
-                      "y": 26
-                    },
-                    {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 18,
-                      "label": "",
-                      "text": ".",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 28,
-                      "x": 73,
-                      "y": 31
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "stroke_color": 192,
-                    "text": null,
-                    "text_color": 192
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "fill": 192,
-                      "h": 28,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 28,
+                            "text": null,
+                            "w": 28,
+                            "x": 104,
+                            "y": 26
+                          },
+                          "children": [],
+                          "color": 192,
+                          "kind": "rect",
+                          "label": "rect",
+                          "text": null,
+                          "type": "rect"
+                        },
+                        {
+                          "bounds": {
+                            "h": 18,
+                            "text": null,
+                            "w": 28,
+                            "x": 104,
+                            "y": 31
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": ".",
+                          "options": {
+                            "key": "align_center",
+                            "text": null,
+                            "type": "contextSetting",
+                            "value": []
+                          },
+                          "text": ".",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
+                      "style": {
+                        "stroke_color": 192,
+                        "text": null,
+                        "text_color": 192
+                      },
                       "text": null,
-                      "type": "rect",
-                      "w": 28,
-                      "x": 104,
-                      "y": 26
-                    },
-                    {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 18,
-                      "label": "",
-                      "text": "2",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 28,
-                      "x": 104,
-                      "y": 31
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "stroke_color": 192,
-                    "text": null,
-                    "text_color": 192
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "fill": 192,
-                      "h": 28,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 28,
+                            "text": null,
+                            "w": 28,
+                            "x": 11,
+                            "y": 57
+                          },
+                          "children": [],
+                          "color": 192,
+                          "kind": "rect",
+                          "label": "rect",
+                          "text": null,
+                          "type": "rect"
+                        },
+                        {
+                          "bounds": {
+                            "h": 18,
+                            "text": null,
+                            "w": 28,
+                            "x": 11,
+                            "y": 62
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": ".",
+                          "options": {
+                            "key": "align_center",
+                            "text": null,
+                            "type": "contextSetting",
+                            "value": []
+                          },
+                          "text": ".",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
+                      "style": {
+                        "stroke_color": 192,
+                        "text": null,
+                        "text_color": 192
+                      },
                       "text": null,
-                      "type": "rect",
-                      "w": 28,
-                      "x": 11,
-                      "y": 57
-                    },
-                    {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 18,
-                      "label": "",
-                      "text": ".",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 28,
-                      "x": 11,
-                      "y": 62
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "stroke_color": 192,
-                    "text": null,
-                    "text_color": 192
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "fill": 192,
-                      "h": 28,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 28,
+                            "text": null,
+                            "w": 28,
+                            "x": 42,
+                            "y": 57
+                          },
+                          "children": [],
+                          "color": 192,
+                          "kind": "rect",
+                          "label": "rect",
+                          "text": null,
+                          "type": "rect"
+                        },
+                        {
+                          "bounds": {
+                            "h": 18,
+                            "text": null,
+                            "w": 28,
+                            "x": 42,
+                            "y": 62
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": "2",
+                          "options": {
+                            "key": "align_center",
+                            "text": null,
+                            "type": "contextSetting",
+                            "value": []
+                          },
+                          "text": "2",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
+                      "style": {
+                        "stroke_color": 192,
+                        "text": null,
+                        "text_color": 192
+                      },
                       "text": null,
-                      "type": "rect",
-                      "w": 28,
-                      "x": 42,
-                      "y": 57
-                    },
-                    {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 18,
-                      "label": "",
-                      "text": ".",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 28,
-                      "x": 42,
-                      "y": 62
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "stroke_color": 192,
-                    "text": null,
-                    "text_color": 192
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "fill": 192,
-                      "h": 28,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 28,
+                            "text": null,
+                            "w": 28,
+                            "x": 73,
+                            "y": 57
+                          },
+                          "children": [],
+                          "color": 192,
+                          "kind": "rect",
+                          "label": "rect",
+                          "text": null,
+                          "type": "rect"
+                        },
+                        {
+                          "bounds": {
+                            "h": 18,
+                            "text": null,
+                            "w": 28,
+                            "x": 73,
+                            "y": 62
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": ".",
+                          "options": {
+                            "key": "align_center",
+                            "text": null,
+                            "type": "contextSetting",
+                            "value": []
+                          },
+                          "text": ".",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
+                      "style": {
+                        "stroke_color": 192,
+                        "text": null,
+                        "text_color": 192
+                      },
                       "text": null,
-                      "type": "rect",
-                      "w": 28,
-                      "x": 73,
-                      "y": 57
-                    },
-                    {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 18,
-                      "label": "",
-                      "text": ".",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 28,
-                      "x": 73,
-                      "y": 62
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "stroke_color": 192,
-                    "text": null,
-                    "text_color": 192
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "fill": 192,
-                      "h": 28,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 28,
+                            "text": null,
+                            "w": 28,
+                            "x": 104,
+                            "y": 57
+                          },
+                          "children": [],
+                          "color": 192,
+                          "kind": "rect",
+                          "label": "rect",
+                          "text": null,
+                          "type": "rect"
+                        },
+                        {
+                          "bounds": {
+                            "h": 18,
+                            "text": null,
+                            "w": 28,
+                            "x": 104,
+                            "y": 62
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": ".",
+                          "options": {
+                            "key": "align_center",
+                            "text": null,
+                            "type": "contextSetting",
+                            "value": []
+                          },
+                          "text": ".",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
+                      "style": {
+                        "stroke_color": 192,
+                        "text": null,
+                        "text_color": 192
+                      },
                       "text": null,
-                      "type": "rect",
-                      "w": 28,
-                      "x": 104,
-                      "y": 57
-                    },
-                    {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 18,
-                      "label": "",
-                      "text": ".",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 28,
-                      "x": 104,
-                      "y": 62
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "stroke_color": 192,
-                    "text": null,
-                    "text_color": 192
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "fill": 192,
-                      "h": 28,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 28,
+                            "text": null,
+                            "w": 28,
+                            "x": 11,
+                            "y": 88
+                          },
+                          "children": [],
+                          "color": 192,
+                          "kind": "rect",
+                          "label": "rect",
+                          "text": null,
+                          "type": "rect"
+                        },
+                        {
+                          "bounds": {
+                            "h": 18,
+                            "text": null,
+                            "w": 28,
+                            "x": 11,
+                            "y": 93
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": ".",
+                          "options": {
+                            "key": "align_center",
+                            "text": null,
+                            "type": "contextSetting",
+                            "value": []
+                          },
+                          "text": ".",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
+                      "style": {
+                        "stroke_color": 192,
+                        "text": null,
+                        "text_color": 192
+                      },
                       "text": null,
-                      "type": "rect",
-                      "w": 28,
-                      "x": 11,
-                      "y": 88
-                    },
-                    {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 18,
-                      "label": "",
-                      "text": ".",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 28,
-                      "x": 11,
-                      "y": 93
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "stroke_color": 192,
-                    "text": null,
-                    "text_color": 192
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "fill": 192,
-                      "h": 28,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 28,
+                            "text": null,
+                            "w": 28,
+                            "x": 42,
+                            "y": 88
+                          },
+                          "children": [],
+                          "color": 192,
+                          "kind": "rect",
+                          "label": "rect",
+                          "text": null,
+                          "type": "rect"
+                        },
+                        {
+                          "bounds": {
+                            "h": 18,
+                            "text": null,
+                            "w": 28,
+                            "x": 42,
+                            "y": 93
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": ".",
+                          "options": {
+                            "key": "align_center",
+                            "text": null,
+                            "type": "contextSetting",
+                            "value": []
+                          },
+                          "text": ".",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
+                      "style": {
+                        "stroke_color": 192,
+                        "text": null,
+                        "text_color": 192
+                      },
                       "text": null,
-                      "type": "rect",
-                      "w": 28,
-                      "x": 42,
-                      "y": 88
-                    },
-                    {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 18,
-                      "label": "",
-                      "text": ".",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 28,
-                      "x": 42,
-                      "y": 93
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "stroke_color": 192,
-                    "text": null,
-                    "text_color": 192
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "fill": 192,
-                      "h": 28,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 28,
+                            "text": null,
+                            "w": 28,
+                            "x": 73,
+                            "y": 88
+                          },
+                          "children": [],
+                          "color": 192,
+                          "kind": "rect",
+                          "label": "rect",
+                          "text": null,
+                          "type": "rect"
+                        },
+                        {
+                          "bounds": {
+                            "h": 18,
+                            "text": null,
+                            "w": 28,
+                            "x": 73,
+                            "y": 93
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": ".",
+                          "options": {
+                            "key": "align_center",
+                            "text": null,
+                            "type": "contextSetting",
+                            "value": []
+                          },
+                          "text": ".",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
+                      "style": {
+                        "stroke_color": 192,
+                        "text": null,
+                        "text_color": 192
+                      },
                       "text": null,
-                      "type": "rect",
-                      "w": 28,
-                      "x": 73,
-                      "y": 88
-                    },
-                    {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 18,
-                      "label": "",
-                      "text": ".",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 28,
-                      "x": 73,
-                      "y": 93
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "stroke_color": 192,
-                    "text": null,
-                    "text_color": 192
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "fill": 192,
-                      "h": 28,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 28,
+                            "text": null,
+                            "w": 28,
+                            "x": 104,
+                            "y": 88
+                          },
+                          "children": [],
+                          "color": 192,
+                          "kind": "rect",
+                          "label": "rect",
+                          "text": null,
+                          "type": "rect"
+                        },
+                        {
+                          "bounds": {
+                            "h": 18,
+                            "text": null,
+                            "w": 28,
+                            "x": 104,
+                            "y": 93
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": ".",
+                          "options": {
+                            "key": "align_center",
+                            "text": null,
+                            "type": "contextSetting",
+                            "value": []
+                          },
+                          "text": ".",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
+                      "style": {
+                        "stroke_color": 192,
+                        "text": null,
+                        "text_color": 192
+                      },
                       "text": null,
-                      "type": "rect",
-                      "w": 28,
-                      "x": 104,
-                      "y": 88
-                    },
-                    {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 18,
-                      "label": "",
-                      "text": ".",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 28,
-                      "x": 104,
-                      "y": 93
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "stroke_color": 192,
-                    "text": null,
-                    "text_color": 192
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "fill": 192,
-                      "h": 28,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 28,
+                            "text": null,
+                            "w": 28,
+                            "x": 11,
+                            "y": 119
+                          },
+                          "children": [],
+                          "color": 192,
+                          "kind": "rect",
+                          "label": "rect",
+                          "text": null,
+                          "type": "rect"
+                        },
+                        {
+                          "bounds": {
+                            "h": 18,
+                            "text": null,
+                            "w": 28,
+                            "x": 11,
+                            "y": 124
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": ".",
+                          "options": {
+                            "key": "align_center",
+                            "text": null,
+                            "type": "contextSetting",
+                            "value": []
+                          },
+                          "text": ".",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
+                      "style": {
+                        "stroke_color": 192,
+                        "text": null,
+                        "text_color": 192
+                      },
                       "text": null,
-                      "type": "rect",
-                      "w": 28,
-                      "x": 11,
-                      "y": 119
-                    },
-                    {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 18,
-                      "label": "",
-                      "text": ".",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 28,
-                      "x": 11,
-                      "y": 124
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "stroke_color": 192,
-                    "text": null,
-                    "text_color": 192
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "fill": 192,
-                      "h": 28,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 28,
+                            "text": null,
+                            "w": 28,
+                            "x": 42,
+                            "y": 119
+                          },
+                          "children": [],
+                          "color": 192,
+                          "kind": "rect",
+                          "label": "rect",
+                          "text": null,
+                          "type": "rect"
+                        },
+                        {
+                          "bounds": {
+                            "h": 18,
+                            "text": null,
+                            "w": 28,
+                            "x": 42,
+                            "y": 124
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": ".",
+                          "options": {
+                            "key": "align_center",
+                            "text": null,
+                            "type": "contextSetting",
+                            "value": []
+                          },
+                          "text": ".",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
+                      "style": {
+                        "stroke_color": 192,
+                        "text": null,
+                        "text_color": 192
+                      },
                       "text": null,
-                      "type": "rect",
-                      "w": 28,
-                      "x": 42,
-                      "y": 119
-                    },
-                    {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 18,
-                      "label": "",
-                      "text": "2",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 28,
-                      "x": 42,
-                      "y": 124
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "stroke_color": 192,
-                    "text": null,
-                    "text_color": 192
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "fill": 192,
-                      "h": 28,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 28,
+                            "text": null,
+                            "w": 28,
+                            "x": 73,
+                            "y": 119
+                          },
+                          "children": [],
+                          "color": 192,
+                          "kind": "rect",
+                          "label": "rect",
+                          "text": null,
+                          "type": "rect"
+                        },
+                        {
+                          "bounds": {
+                            "h": 18,
+                            "text": null,
+                            "w": 28,
+                            "x": 73,
+                            "y": 124
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": ".",
+                          "options": {
+                            "key": "align_center",
+                            "text": null,
+                            "type": "contextSetting",
+                            "value": []
+                          },
+                          "text": ".",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
+                      "style": {
+                        "stroke_color": 192,
+                        "text": null,
+                        "text_color": 192
+                      },
                       "text": null,
-                      "type": "rect",
-                      "w": 28,
-                      "x": 73,
-                      "y": 119
-                    },
-                    {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 18,
-                      "label": "",
-                      "text": ".",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 28,
-                      "x": 73,
-                      "y": 124
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "stroke_color": 192,
-                    "text": null,
-                    "text_color": 192
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "fill": 192,
-                      "h": 28,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 28,
+                            "text": null,
+                            "w": 28,
+                            "x": 104,
+                            "y": 119
+                          },
+                          "children": [],
+                          "color": 192,
+                          "kind": "rect",
+                          "label": "rect",
+                          "text": null,
+                          "type": "rect"
+                        },
+                        {
+                          "bounds": {
+                            "h": 18,
+                            "text": null,
+                            "w": 28,
+                            "x": 104,
+                            "y": 124
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": ".",
+                          "options": {
+                            "key": "align_center",
+                            "text": null,
+                            "type": "contextSetting",
+                            "value": []
+                          },
+                          "text": ".",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
+                      "style": {
+                        "stroke_color": 192,
+                        "text": null,
+                        "text_color": 192
+                      },
                       "text": null,
-                      "type": "rect",
-                      "w": 28,
-                      "x": 104,
-                      "y": 119
-                    },
-                    {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 18,
-                      "label": "",
-                      "text": ".",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 28,
-                      "x": 104,
-                      "y": 124
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "stroke_color": 192,
-                    "text": null,
-                    "text_color": 192
-                  },
                   "text": null,
                   "type": "group"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
@@ -1138,11 +1529,12 @@
   "runtime_model": {
     "best": 0,
     "cells": [
+      2,
       0,
       0,
       0,
-      2,
       0,
+      2,
       0,
       0,
       0,
@@ -1151,7 +1543,6 @@
       0,
       0,
       0,
-      2,
       0,
       0
     ],
@@ -1163,29 +1554,23 @@
       "args": [],
       "ctor": "Rectangular"
     },
-    "last_message": "DeviceLoaded",
-    "last_operation": "nil",
     "runtime_view_output": [],
     "score": 0,
     "screenH": 168,
     "screenW": 144,
-    "seed": 451259489,
-    "step_counter": 1,
+    "seed": 42424242,
     "timeString": null,
     "turn": 0
   },
   "template": "game-2048",
   "timeline_init_messages": [
-    "update:DeviceLoaded",
-    "update:RandomGenerated 451259489",
+    "update:RandomGenerated <seed>",
     "update:BestLoaded \"\"",
     "init:init"
   ],
   "view_tree_type": "windowStack",
   "watch_model": {
-    "_debugger_steps": 3,
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Json.Decode as Decode\nimport Pebble.Button as Button\nimport Pebble.Events as Events\nimport Pebble.Light as Light\nimport Pebble.Platform as Platform\nimport Pebble.Storage as Storage\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\nimport Random\n\n\ntype alias Model =\n    { cells : List Int\n    , score : Int\n    , best : Int\n    , seed : Int\n    , turn : Int\n    , screenW : Int\n    , screenH : Int\n    , displayShape : Platform.DisplayShape\n    }\n\n\ntype Direction\n    = Left\n    | Right\n    | Up\n    | Down\n\n\ntype Msg\n    = LeftPressed\n    | RightPressed\n    | UpPressed\n    | DownPressed\n    | BestLoaded String\n    | RandomGenerated Int\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit context =\n    ( { cells = emptyBoard\n      , score = 0\n      , best = 0\n      , seed = 0\n      , turn = 0\n      , screenW = context.screen.width\n      , screenH = context.screen.height\n      , displayShape = context.screen.shape\n      }\n    , Cmd.batch\n        [ Storage.readString 2048 BestLoaded\n        , Random.generate RandomGenerated (Random.int 1 2147483647)\n        , Light.enable\n        ]\n    )\n\n\nemptyBoard : List Int\nemptyBoard =\n    List.repeat 16 0\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        LeftPressed ->\n            moveBoard Left model\n\n        RightPressed ->\n            moveBoard Right model\n\n        UpPressed ->\n            moveBoard Up model\n\n        DownPressed ->\n            moveBoard Down model\n\n        BestLoaded value ->\n            ( { model | best = Maybe.withDefault 0 (String.toInt value) }, Cmd.none )\n\n        RandomGenerated seed ->\n            let\n                ( cells, nextSeed ) =\n                    initialBoard seed\n            in\n            ( { model | cells = cells, seed = nextSeed }, Cmd.none )\n\n\nmoveBoard : Direction -> Model -> ( Model, Cmd Msg )\nmoveBoard direction model =\n    let\n        oriented =\n            orient direction model.cells\n\n        collapsed =\n            collapseRows oriented\n\n        restored =\n            restore direction collapsed.cells\n    in\n    if restored == model.cells then\n        ( model, Cmd.none )\n\n    else\n        let\n            ( nextCells, nextSeed ) =\n                spawnTileWithSeed model.seed restored\n\n            nextScore =\n                model.score + collapsed.score\n\n            nextBest =\n                max model.best nextScore\n\n            saveBest =\n                if nextBest > model.best then\n                    Storage.writeString 2048 (String.fromInt nextBest)\n\n                else\n                    Cmd.none\n        in\n        ( { model\n            | cells = nextCells\n            , score = nextScore\n            , best = nextBest\n            , seed = nextSeed\n            , turn = model.turn + 1\n          }\n        , saveBest\n        )\n\n\ninitialBoard : Int -> ( List Int, Int )\ninitialBoard seed =\n    let\n        ( firstCells, firstSeed ) =\n            spawnTileWithSeed seed emptyBoard\n    in\n    spawnTileWithSeed firstSeed firstCells\n\n\ntype alias CollapseResult =\n    { cells : List Int\n    , score : Int\n    }\n\n\ncollapseRows : List Int -> CollapseResult\ncollapseRows cells =\n    let\n        row0 =\n            collapseRow (rowAt 0 cells)\n\n        row1 =\n            collapseRow (rowAt 1 cells)\n\n        row2 =\n            collapseRow (rowAt 2 cells)\n\n        row3 =\n            collapseRow (rowAt 3 cells)\n    in\n    { cells = row0.cells ++ row1.cells ++ row2.cells ++ row3.cells\n    , score = row0.score + row1.score + row2.score + row3.score\n    }\n\n\ncollapseRow : List Int -> CollapseResult\ncollapseRow row =\n    let\n        merged =\n            merge (List.filter ((/=) 0) row)\n    in\n    { cells = merged.cells ++ List.repeat (4 - List.length merged.cells) 0\n    , score = merged.score\n    }\n\n\nmerge : List Int -> CollapseResult\nmerge values =\n    case values of\n        a :: b :: rest ->\n            if a == b then\n                let\n                    tail =\n                        merge rest\n\n                    value =\n                        a + b\n                in\n                { cells = value :: tail.cells\n                , score = value + tail.score\n                }\n\n            else\n                let\n                    tail =\n                        merge (b :: rest)\n                in\n                { cells = a :: tail.cells\n                , score = tail.score\n                }\n\n        _ ->\n            { cells = values, score = 0 }\n\n\nspawnTile : Int -> List Int -> List Int\nspawnTile seed cells =\n    Tuple.first (spawnTileWithSeed seed cells)\n\n\nspawnTileWithSeed : Int -> List Int -> ( List Int, Int )\nspawnTileWithSeed seed cells =\n    let\n        emptyCount =\n            countEmpty cells\n\n        seedAfterChoice =\n            advanceSeed seed\n\n        seedAfterTile =\n            advanceSeed seedAfterChoice\n\n        tileIndex =\n            nthEmptyIndex (randomIndex emptyCount seedAfterChoice) cells\n\n        tileValue =\n            if randomIndex 10 seedAfterTile == 0 then\n                4\n\n            else\n                2\n    in\n    if emptyCount == 0 then\n        ( cells, seedAfterTile )\n\n    else\n        ( setCell tileIndex tileValue cells, seedAfterTile )\n\n\nadvanceSeed : Int -> Int\nadvanceSeed seed =\n    modBy 2147483647 (seed * 16807 + 11)\n\n\nrandomIndex : Int -> Int -> Int\nrandomIndex maxExclusive seed =\n    if maxExclusive <= 0 then\n        0\n\n    else\n        modBy maxExclusive seed\n\n\ncountEmpty : List Int -> Int\ncountEmpty cells =\n    case cells of\n        [] ->\n            0\n\n        value :: rest ->\n            (if value == 0 then\n                1\n\n             else\n                0\n            )\n                + countEmpty rest\n\n\nnthEmptyIndex : Int -> List Int -> Int\nnthEmptyIndex target cells =\n    nthEmptyIndexHelp target 0 cells\n\n\nnthEmptyIndexHelp : Int -> Int -> List Int -> Int\nnthEmptyIndexHelp target index cells =\n    case cells of\n        [] ->\n            -1\n\n        value :: rest ->\n            if value == 0 then\n                if target == 0 then\n                    index\n\n            else\n                nthEmptyIndexHelp (target - 1) (index + 1) rest\n\n            else\n                nthEmptyIndexHelp target (index + 1) rest\n\n\nsetCell : Int -> Int -> List Int -> List Int\nsetCell index newValue cells =\n    List.indexedMap\n        (\\i value ->\n            if i == index then\n                newValue\n\n            else\n                value\n        )\n        cells\n\n\norient : Direction -> List Int -> List Int\norient direction cells =\n    case direction of\n        Left ->\n            cells\n\n        Right ->\n            reverseRows cells\n\n        Up ->\n            transpose cells\n\n        Down ->\n            reverseRows (transpose cells)\n\n\nrestore : Direction -> List Int -> List Int\nrestore direction cells =\n    case direction of\n        Left ->\n            cells\n\n        Right ->\n            reverseRows cells\n\n        Up ->\n            transpose cells\n\n        Down ->\n            transpose (reverseRows cells)\n\n\nrowAt : Int -> List Int -> List Int\nrowAt row cells =\n    List.take 4 (List.drop (row * 4) cells)\n\n\nreverseRows : List Int -> List Int\nreverseRows cells =\n    [ List.reverse (rowAt 0 cells)\n    , List.reverse (rowAt 1 cells)\n    , List.reverse (rowAt 2 cells)\n    , List.reverse (rowAt 3 cells)\n    ]\n        |> List.concat\n\n\ntranspose : List Int -> List Int\ntranspose cells =\n    List.map\n        (\\i -> Maybe.withDefault 0 (listAt i cells))\n        [ 0, 4, 8, 12, 1, 5, 9, 13, 2, 6, 10, 14, 3, 7, 11, 15 ]\n\n\nlistAt : Int -> List a -> Maybe a\nlistAt index values =\n    if index < 0 then\n        Nothing\n\n    else\n        List.head (List.drop index values)\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    Events.batch\n        [ Button.onPress Button.Back LeftPressed\n        , Button.onPress Button.Up UpPressed\n        , Button.onPress Button.Down DownPressed\n        , Button.onPress Button.Select RightPressed\n        ]\n\n\nview : Model -> Ui.UiNode\nview model =\n    let\n        layout =\n            boardLayout model\n\n        textOptions =\n            if Platform.displayShapeIsRound model.displayShape then\n                Ui.alignCenter Ui.defaultTextOptions\n\n            else\n                Ui.defaultTextOptions\n\n        chromeOps =\n            if Platform.displayShapeIsRound model.displayShape then\n                let\n                    textW =\n                        (min model.screenW model.screenH * 4) // 9\n\n                    textX =\n                        (model.screenW - textW) // 2\n                in\n                [ Ui.text Resources.DefaultFont textOptions { x = textX, y = 10, w = textW, h = 14 } \"2048\"\n                , Ui.text Resources.DefaultFont textOptions { x = textX, y = model.screenH - 24, w = textW, h = 14 } (\"Best \" ++ String.fromInt model.best)\n                ]\n\n            else\n                [ Ui.text Resources.DefaultFont textOptions { x = 4, y = 4, w = 132, h = 16 } (\"2048  Best \" ++ String.fromInt model.best)\n                ]\n    in\n    Ui.clear Color.white\n        :: (chromeOps\n                ++ List.indexedMap (drawCell layout) model.cells\n           )\n        |> Ui.toUiNode\n\n\ntype alias BoardLayout =\n    { x : Int\n    , y : Int\n    , cell : Int\n    , gap : Int\n    }\n\n\nboardLayout : Model -> BoardLayout\nboardLayout model =\n    if Platform.displayShapeIsRound model.displayShape then\n        let\n            diameter =\n                min model.screenW model.screenH\n\n            targetBoardSize =\n                (diameter * 2) // 3\n\n            gap =\n                2\n\n            cell =\n                (targetBoardSize - gap * 3) // 4\n\n            boardSize =\n                cell * 4 + gap * 3\n        in\n        { x = (model.screenW - boardSize) // 2\n        , y = (model.screenH - boardSize) // 2\n        , cell = cell\n        , gap = gap\n        }\n\n    else\n        let\n            boardTop =\n                26\n\n            horizontalMargin =\n                10\n\n            bottomMargin =\n                4\n\n            gap =\n                max 3 (min model.screenW model.screenH // 48)\n\n            targetBoardSize =\n                min\n                    (model.screenW - horizontalMargin * 2)\n                    (model.screenH - boardTop - bottomMargin)\n\n            cell =\n                (targetBoardSize - gap * 3) // 4\n\n            boardSize =\n                cell * 4 + gap * 3\n        in\n        { x = (model.screenW - boardSize) // 2\n        , y = boardTop\n        , cell = cell\n        , gap = gap\n        }\n\n\ndrawCell : BoardLayout -> Int -> Int -> Ui.RenderOp\ndrawCell layout index value =\n    let\n        x =\n            layout.x + modBy 4 index * (layout.cell + layout.gap)\n\n        y =\n            layout.y + (index // 4) * (layout.cell + layout.gap)\n\n        label =\n            if value == 0 then\n                \".\"\n\n            else\n                String.fromInt value\n\n        textY =\n            y + ((layout.cell - 18) // 2)\n    in\n    Ui.context\n        [ Ui.strokeColor Color.black\n        , Ui.textColor Color.black\n        ]\n        [ Ui.rect { x = x, y = y, w = layout.cell, h = layout.cell } Color.black\n        , Ui.text Resources.DefaultFont (Ui.alignCenter Ui.defaultTextOptions) { x = x, y = textY, w = layout.cell, h = 18 } label\n        ]\n        |> Ui.group\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.application\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": false,
@@ -1203,6 +1588,15 @@
       "watch_profile_id": "basalt"
     },
     "revision": "e5618f34e568",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_source": "step_message"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_known_messages": [
       "LeftPressed",
       "RightPressed",
@@ -1211,11 +1605,13 @@
       "BestLoaded",
       "RandomGenerated"
     ],
-    "runtime_message_cursor": 3,
+    "runtime_message_cursor": 2,
     "runtime_message_source": "runtime_followup",
     "runtime_model": {
       "best": 0,
       "cells": [
+        2,
+        0,
         0,
         0,
         0,
@@ -1229,8 +1625,6 @@
         0,
         0,
         0,
-        2,
-        0,
         0
       ],
       "colorMode": {
@@ -1241,13 +1635,11 @@
         "args": [],
         "ctor": "Rectangular"
       },
-      "last_message": "DeviceLoaded",
-      "last_operation": "nil",
+      "runtime_view_output_model_sha256": "be94be1bd91cddd149aeeddd7d10f55e50fb67b375f39404672664a7ed325abd",
       "score": 0,
       "screenH": 168,
       "screenW": 144,
-      "seed": 451259489,
-      "step_counter": 1,
+      "seed": 42424242,
       "turn": 0
     },
     "runtime_model_source": "step_message",
@@ -1266,7 +1658,7 @@
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 16,
         "kind": "text",
         "text": "2048  Best 0",
@@ -1276,10 +1668,6 @@
         "x": 4,
         "y": 4
       },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 192,
         "kind": "stroke_color",
@@ -1300,24 +1688,16 @@
         "y": 26
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
-        "text": ".",
+        "text": "2",
         "text_align": "center",
         "text_overflow": "word_wrap",
         "w": 28,
         "x": 11,
         "y": 31
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 192,
         "kind": "stroke_color",
@@ -1338,7 +1718,7 @@
         "y": 26
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": ".",
@@ -1348,14 +1728,6 @@
         "x": 42,
         "y": 31
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 192,
         "kind": "stroke_color",
@@ -1376,7 +1748,7 @@
         "y": 26
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": ".",
@@ -1386,14 +1758,6 @@
         "x": 73,
         "y": 31
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 192,
         "kind": "stroke_color",
@@ -1414,24 +1778,16 @@
         "y": 26
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
-        "text": "2",
+        "text": ".",
         "text_align": "center",
         "text_overflow": "word_wrap",
         "w": 28,
         "x": 104,
         "y": 31
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 192,
         "kind": "stroke_color",
@@ -1452,7 +1808,7 @@
         "y": 57
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": ".",
@@ -1462,14 +1818,6 @@
         "x": 11,
         "y": 62
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 192,
         "kind": "stroke_color",
@@ -1490,24 +1838,16 @@
         "y": 57
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
-        "text": ".",
+        "text": "2",
         "text_align": "center",
         "text_overflow": "word_wrap",
         "w": 28,
         "x": 42,
         "y": 62
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 192,
         "kind": "stroke_color",
@@ -1528,7 +1868,7 @@
         "y": 57
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": ".",
@@ -1538,14 +1878,6 @@
         "x": 73,
         "y": 62
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 192,
         "kind": "stroke_color",
@@ -1566,7 +1898,7 @@
         "y": 57
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": ".",
@@ -1576,14 +1908,6 @@
         "x": 104,
         "y": 62
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 192,
         "kind": "stroke_color",
@@ -1604,7 +1928,7 @@
         "y": 88
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": ".",
@@ -1614,14 +1938,6 @@
         "x": 11,
         "y": 93
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 192,
         "kind": "stroke_color",
@@ -1642,7 +1958,7 @@
         "y": 88
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": ".",
@@ -1652,14 +1968,6 @@
         "x": 42,
         "y": 93
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 192,
         "kind": "stroke_color",
@@ -1680,7 +1988,7 @@
         "y": 88
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": ".",
@@ -1690,14 +1998,6 @@
         "x": 73,
         "y": 93
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 192,
         "kind": "stroke_color",
@@ -1718,7 +2018,7 @@
         "y": 88
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": ".",
@@ -1728,14 +2028,6 @@
         "x": 104,
         "y": 93
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 192,
         "kind": "stroke_color",
@@ -1756,7 +2048,7 @@
         "y": 119
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": ".",
@@ -1766,14 +2058,6 @@
         "x": 11,
         "y": 124
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 192,
         "kind": "stroke_color",
@@ -1794,24 +2078,16 @@
         "y": 119
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
-        "text": "2",
+        "text": ".",
         "text_align": "center",
         "text_overflow": "word_wrap",
         "w": 28,
         "x": 42,
         "y": 124
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 192,
         "kind": "stroke_color",
@@ -1832,7 +2108,7 @@
         "y": 119
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": ".",
@@ -1842,14 +2118,6 @@
         "x": 73,
         "y": 124
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 192,
         "kind": "stroke_color",
@@ -1870,7 +2138,7 @@
         "y": 119
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": ".",
@@ -1879,26 +2147,28 @@
         "w": 28,
         "x": 104,
         "y": 124
-      },
-      {
-        "kind": "pop_context",
-        "text": null
       }
     ],
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -1912,32 +2182,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/game-basic.json b/ide/test/fixtures/debugger_template_corpus/game-basic.json
index 3eb36b22..cda0c0d1 100644
--- a/ide/test/fixtures/debugger_template_corpus/game-basic.json
+++ b/ide/test/fixtures/debugger_template_corpus/game-basic.json
@@ -16,16 +16,6 @@
       "color": 255,
       "kind": "clear"
     },
-    {
-      "antialiased": true,
-      "bitmap_id": 1,
-      "compositing_mode": 0,
-      "h": 1,
-      "kind": "bitmap_in_rect",
-      "w": 1,
-      "x": 0,
-      "y": 0
-    },
     {
       "antialiased": true,
       "compositing_mode": 0,
@@ -64,15 +54,26 @@
       "w": 120,
       "x": 4,
       "y": 4
+    },
+    {
+      "antialiased": true,
+      "bitmap_id": 0,
+      "compositing_mode": 0,
+      "h": 1,
+      "kind": "bitmap_in_rect",
+      "resource": "NoStaticBitmap",
+      "w": 1,
+      "x": 0,
+      "y": 0
     }
   ],
-  "preview_ops_sha256": "43a925d5b4f374d2aee86d0aad52ac1d369b326f8daa85e341cd371a39ea5429",
+  "preview_ops_sha256": "e7ec8a0a8f8e1b1373eaf3e7caaf0d9c0898243a165d1ed4b837ce962b07104d",
   "render_tree": {
     "node_count": 8,
     "node_types": [
-      "bitmapInRect",
       "canvasLayer",
       "clear",
+      "drawBitmapInRect",
       "fillRect",
       "rect",
       "text",
@@ -81,13 +82,6 @@
     ],
     "root_type": "windowStack",
     "tree": {
-      "box": {
-        "h": 168,
-        "text": null,
-        "w": 144,
-        "x": 0,
-        "y": 0
-      },
       "children": [
         {
           "children": [
@@ -96,69 +90,90 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
                 {
-                  "bitmap_id": 1,
+                  "bounds": {
+                    "h": 1,
+                    "text": null,
+                    "w": 1,
+                    "x": 0,
+                    "y": 0
+                  },
                   "children": [],
-                  "h": 1,
-                  "label": "",
+                  "kind": "drawBitmapInRect",
+                  "label": "drawBitmapInRect",
+                  "resource": "NoStaticBitmap",
                   "text": null,
-                  "type": "bitmapInRect",
-                  "w": 1,
-                  "x": 0,
-                  "y": 0
+                  "type": "drawBitmapInRect"
                 },
                 {
+                  "bounds": {
+                    "h": 14,
+                    "text": null,
+                    "w": 14,
+                    "x": 18,
+                    "y": 60
+                  },
                   "children": [],
-                  "fill": 192,
-                  "h": 14,
-                  "label": "",
+                  "color": 192,
+                  "kind": "fillRect",
+                  "label": "fillRect",
                   "text": null,
-                  "type": "fillRect",
-                  "w": 14,
-                  "x": 18,
-                  "y": 60
+                  "type": "fillRect"
                 },
                 {
+                  "bounds": {
+                    "h": 36,
+                    "text": null,
+                    "w": 18,
+                    "x": 104,
+                    "y": 112
+                  },
                   "children": [],
-                  "fill": 192,
-                  "h": 36,
-                  "label": "",
+                  "color": 192,
+                  "kind": "rect",
+                  "label": "rect",
                   "text": null,
-                  "type": "rect",
-                  "w": 18,
-                  "x": 104,
-                  "y": 112
+                  "type": "rect"
                 },
                 {
+                  "bounds": {
+                    "h": 24,
+                    "text": null,
+                    "w": 120,
+                    "x": 4,
+                    "y": 4
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 24,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Best 0",
+                  "options": [],
                   "text": "Best 0",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 120,
-                  "x": 4,
-                  "y": 4
+                  "type": "text"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
@@ -174,8 +189,6 @@
       "args": [],
       "ctor": "Rectangular"
     },
-    "last_message": "StorageStringLoaded",
-    "last_operation": "StorageStringLoaded",
     "runtime_view_output": [],
     "screenH": 168,
     "screenW": 144,
@@ -191,9 +204,7 @@
   ],
   "view_tree_type": "windowStack",
   "watch_model": {
-    "_debugger_steps": 1,
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Json.Decode as Decode\nimport Pebble.Button as Button\nimport Pebble.Events as Events\nimport Pebble.Frame as Frame\nimport Pebble.Game.Collision as Collision\nimport Pebble.Platform as Platform\nimport Pebble.Storage as Storage\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\nimport Pebble.Vibes as Vibes\n\n\ntype alias Model =\n    { x : Int\n    , y : Int\n    , vy : Int\n    , best : Int\n    }\n\n\ntype Msg\n    = FrameTick Frame.Frame\n    | UpPressed\n    | UpReleased\n    | StorageStringLoaded String\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit _ =\n    ( { x = 18, y = 60, vy = 0, best = 0 }\n    , Storage.readString 100 StorageStringLoaded\n    )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        FrameTick _ ->\n            let\n                nextY =\n                    min 140 (model.y + model.vy)\n\n                hit =\n                    Collision.rectRect\n                        { x = model.x, y = nextY, w = 14, h = 14 }\n                        { x = 104, y = 112, w = 18, h = 36 }\n            in\n            ( { model | y = nextY, vy = min 8 (model.vy + 1), best = max model.best (140 - nextY) }\n            , if hit then\n                  Vibes.shortPulse\n\n              else\n                  Cmd.none\n            )\n\n        UpPressed ->\n            ( { model | vy = -7 }, Cmd.none )\n\n        UpReleased ->\n            ( model, Storage.writeString 100 (String.fromInt model.best) )\n\n        StorageStringLoaded value ->\n            ( { model | best = Maybe.withDefault 0 (String.toInt value) }, Cmd.none )\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    Events.batch\n        [ Frame.every 33 FrameTick\n        , Button.onPress Button.Up UpPressed\n        , Button.onRelease Button.Up UpReleased\n        ]\n\n\nview : Model -> Ui.UiNode\nview model =\n    Ui.toUiNode\n        [ Ui.clear Color.white\n        , Ui.drawBitmapInRect Resources.NoStaticBitmap { x = 0, y = 0, w = 1, h = 1 }\n        , Ui.fillRect { x = model.x, y = model.y, w = 14, h = 14 } Color.black\n        , Ui.rect { x = 104, y = 112, w = 18, h = 36 } Color.black\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 4, w = 120, h = 24 } (\"Best \" ++ String.fromInt model.best)\n        ]\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.application\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": true,
@@ -211,6 +222,15 @@
       "watch_profile_id": "aplite"
     },
     "revision": "0f59c1efbb03",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_source": "step_message"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_known_messages": [
       "FrameTick",
       "UpPressed",
@@ -229,8 +249,7 @@
         "args": [],
         "ctor": "Rectangular"
       },
-      "last_message": "StorageStringLoaded",
-      "last_operation": "StorageStringLoaded",
+      "runtime_view_output_model_sha256": "21d0e49b6699a05b6dca21b600fd81d642b10d95b5b4d00ec9842147ba1472be",
       "screenH": 168,
       "screenW": 144,
       "vy": 0,
@@ -251,9 +270,10 @@
         "text": null
       },
       {
-        "bitmap_id": 1,
+        "bitmap_id": 0,
         "h": 1,
         "kind": "bitmap_in_rect",
+        "resource": "NoStaticBitmap",
         "text": null,
         "w": 1,
         "x": 0,
@@ -278,7 +298,7 @@
         "y": 112
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 24,
         "kind": "text",
         "text": "Best 0",
@@ -292,17 +312,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -316,32 +342,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/game-jump-n-run.json b/ide/test/fixtures/debugger_template_corpus/game-jump-n-run.json
index 33498900..dc88db35 100644
--- a/ide/test/fixtures/debugger_template_corpus/game-jump-n-run.json
+++ b/ide/test/fixtures/debugger_template_corpus/game-jump-n-run.json
@@ -49,6 +49,7 @@
       "compositing_mode": 0,
       "h": 14,
       "kind": "bitmap_in_rect",
+      "resource": "BitmapStaticJumpHero",
       "w": 12,
       "x": 24,
       "y": 84
@@ -101,7 +102,7 @@
       "kind": "fill_rect",
       "stroke_color": 192,
       "stroke_width": 1,
-      "w": 40,
+      "w": 0,
       "x": 144,
       "y": 132
     },
@@ -114,7 +115,7 @@
       "kind": "fill_rect",
       "stroke_color": 192,
       "stroke_width": 1,
-      "w": 40,
+      "w": 0,
       "x": 192,
       "y": 132
     },
@@ -127,7 +128,7 @@
       "kind": "fill_rect",
       "stroke_color": 192,
       "stroke_width": 1,
-      "w": 40,
+      "w": 0,
       "x": 240,
       "y": 132
     },
@@ -140,18 +141,18 @@
       "kind": "fill_rect",
       "stroke_color": 192,
       "stroke_width": 1,
-      "w": 18,
+      "w": 0,
       "x": 252,
       "y": 98
     }
   ],
-  "preview_ops_sha256": "b87a30f41683012a537c71989a9fe050bca623ef82ef3012fcbe337532a0dbe7",
+  "preview_ops_sha256": "617f8b1932fe8a5398ef82ce15b31d4b0a4b0923bcc83f75df73b84c1d241f6e",
   "render_tree": {
     "node_count": 14,
     "node_types": [
-      "bitmapInRect",
       "canvasLayer",
       "clear",
+      "drawBitmapInRect",
       "fillRect",
       "fillRect",
       "fillRect",
@@ -166,13 +167,6 @@
     ],
     "root_type": "windowStack",
     "tree": {
-      "box": {
-        "h": 168,
-        "text": null,
-        "w": 144,
-        "x": 0,
-        "y": 0
-      },
       "children": [
         {
           "children": [
@@ -181,137 +175,193 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
                 {
+                  "bounds": {
+                    "h": 16,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 10
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 16,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Score 0",
+                  "options": {
+                    "key": "align_center",
+                    "text": null,
+                    "type": "contextSetting",
+                    "value": []
+                  },
                   "text": "Score 0",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 10
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 16,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 26
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 16,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Best 0",
+                  "options": {
+                    "key": "align_center",
+                    "text": null,
+                    "type": "contextSetting",
+                    "value": []
+                  },
                   "text": "Best 0",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 26
+                  "type": "text"
                 },
                 {
-                  "bitmap_id": 1,
+                  "bounds": {
+                    "h": 14,
+                    "text": null,
+                    "w": 12,
+                    "x": 24,
+                    "y": 84
+                  },
                   "children": [],
-                  "h": 14,
-                  "label": "",
+                  "kind": "drawBitmapInRect",
+                  "label": "drawBitmapInRect",
+                  "resource": "BitmapStaticJumpHero",
                   "text": null,
-                  "type": "bitmapInRect",
-                  "w": 12,
-                  "x": 24,
-                  "y": 84
+                  "type": "drawBitmapInRect"
                 },
                 {
+                  "bounds": {
+                    "h": 8,
+                    "text": null,
+                    "w": 40,
+                    "x": -48,
+                    "y": 132
+                  },
                   "children": [],
-                  "fill": 192,
-                  "h": 8,
-                  "label": "",
+                  "color": 192,
+                  "kind": "fillRect",
+                  "label": "fillRect",
                   "text": null,
-                  "type": "fillRect",
-                  "w": 40,
-                  "x": -48,
-                  "y": 132
+                  "type": "fillRect"
                 },
                 {
+                  "bounds": {
+                    "h": 8,
+                    "text": null,
+                    "w": 40,
+                    "x": 0,
+                    "y": 132
+                  },
                   "children": [],
-                  "fill": 192,
-                  "h": 8,
-                  "label": "",
+                  "color": 192,
+                  "kind": "fillRect",
+                  "label": "fillRect",
                   "text": null,
-                  "type": "fillRect",
-                  "w": 40,
-                  "x": 0,
-                  "y": 132
+                  "type": "fillRect"
                 },
                 {
+                  "bounds": {
+                    "h": 8,
+                    "text": null,
+                    "w": 40,
+                    "x": 96,
+                    "y": 132
+                  },
                   "children": [],
-                  "fill": 192,
-                  "h": 8,
-                  "label": "",
+                  "color": 192,
+                  "kind": "fillRect",
+                  "label": "fillRect",
                   "text": null,
-                  "type": "fillRect",
-                  "w": 40,
-                  "x": 96,
-                  "y": 132
+                  "type": "fillRect"
                 },
                 {
+                  "bounds": {
+                    "h": 8,
+                    "text": null,
+                    "w": 40,
+                    "x": 144,
+                    "y": 132
+                  },
                   "children": [],
-                  "fill": 192,
-                  "h": 8,
-                  "label": "",
+                  "color": 192,
+                  "kind": "fillRect",
+                  "label": "fillRect",
                   "text": null,
-                  "type": "fillRect",
-                  "w": 40,
-                  "x": 144,
-                  "y": 132
+                  "type": "fillRect"
                 },
                 {
+                  "bounds": {
+                    "h": 8,
+                    "text": null,
+                    "w": 40,
+                    "x": 192,
+                    "y": 132
+                  },
                   "children": [],
-                  "fill": 192,
-                  "h": 8,
-                  "label": "",
+                  "color": 192,
+                  "kind": "fillRect",
+                  "label": "fillRect",
                   "text": null,
-                  "type": "fillRect",
-                  "w": 40,
-                  "x": 192,
-                  "y": 132
+                  "type": "fillRect"
                 },
                 {
+                  "bounds": {
+                    "h": 8,
+                    "text": null,
+                    "w": 40,
+                    "x": 240,
+                    "y": 132
+                  },
                   "children": [],
-                  "fill": 192,
-                  "h": 8,
-                  "label": "",
+                  "color": 192,
+                  "kind": "fillRect",
+                  "label": "fillRect",
                   "text": null,
-                  "type": "fillRect",
-                  "w": 40,
-                  "x": 240,
-                  "y": 132
+                  "type": "fillRect"
                 },
                 {
+                  "bounds": {
+                    "h": 28,
+                    "text": null,
+                    "w": 18,
+                    "x": 252,
+                    "y": 98
+                  },
                   "children": [],
-                  "fill": 192,
-                  "h": 28,
-                  "label": "",
+                  "color": 192,
+                  "kind": "fillRect",
+                  "label": "fillRect",
                   "text": null,
-                  "type": "fillRect",
-                  "w": 18,
-                  "x": 252,
-                  "y": 98
+                  "type": "fillRect"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
@@ -332,8 +382,6 @@
       "args": [],
       "ctor": "Nothing"
     },
-    "last_message": "BestScoreLoaded",
-    "last_operation": "BestScoreLoaded",
     "offset": 0,
     "playerY": 84,
     "runtime_view_output": [],
@@ -350,9 +398,7 @@
   ],
   "view_tree_type": "windowStack",
   "watch_model": {
-    "_debugger_steps": 1,
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Json.Decode as Decode\nimport Pebble.Button as Button\nimport Pebble.Events as Events\nimport Pebble.Frame as Frame\nimport Pebble.Platform as Platform\nimport Pebble.Storage as Storage\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\nimport Pebble.Vibes as Vibes\n\n\ntype alias PlatformTile =\n    { slot : Int\n    , baseY : Int\n    , moving : Bool\n    }\n\n\ntype alias Obstacle =\n    { slot : Int\n    , y : Int\n    , w : Int\n    , h : Int\n    }\n\n\ntype alias Model =\n    { playerY : Int\n    , velocityY : Int\n    , offset : Int\n    , score : Int\n    , best : Int\n    , alive : Bool\n    , lastLandingSlot : Maybe Int\n    , screenW : Int\n    , screenH : Int\n    , displayShape : Platform.DisplayShape\n    }\n\n\ntype Msg\n    = FrameTick Frame.Frame\n    | UpPressed\n    | DownPressed\n    | BestScoreLoaded Int\n\n\nplayerW : Int\nplayerW =\n    12\n\n\nplayerH : Int\nplayerH =\n    14\n\n\nplayerX : Int\nplayerX =\n    24\n\n\ntileSpacing : Int\ntileSpacing =\n    48\n\n\nstorageKey : Int\nstorageKey =\n    201\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit context =\n    ( freshModel 0 context.screen.width context.screen.height context.screen.shape\n    , Storage.readInt storageKey BestScoreLoaded\n    )\n\n\nfreshModel : Int -> Int -> Int -> Platform.DisplayShape -> Model\nfreshModel best screenW screenH displayShape =\n    { playerY = 84\n    , velocityY = 0\n    , offset = 0\n    , score = 0\n    , best = best\n    , alive = True\n    , lastLandingSlot = Nothing\n    , screenW = screenW\n    , screenH = screenH\n    , displayShape = displayShape\n    }\n\n\nreset : Model -> Model\nreset model =\n    freshModel model.best model.screenW model.screenH model.displayShape\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        FrameTick _ ->\n            if model.alive then\n                step model\n\n            else\n                ( model, Cmd.none )\n\n        UpPressed ->\n            if model.alive then\n                ( { model | velocityY = -9 }, Cmd.none )\n\n            else\n                ( reset model, Cmd.none )\n\n        DownPressed ->\n            if model.alive then\n                ( { model | velocityY = min 12 (model.velocityY + 3) }, Cmd.none )\n\n            else\n                ( model, Cmd.none )\n\n        BestScoreLoaded value ->\n            ( { model | best = max 0 value }, Cmd.none )\n\n\nstep : Model -> ( Model, Cmd Msg )\nstep model =\n    let\n        scrollSpeed =\n            min 8 (3 + model.score // 120)\n\n        nextOffset =\n            model.offset + scrollSpeed\n\n        nextY =\n            model.playerY + model.velocityY\n\n        player =\n            { x = playerX, y = nextY, w = playerW, h = playerH }\n\n        tiles =\n            visibleTiles nextOffset\n\n        obstacles =\n            visibleObstacles nextOffset\n\n        landingTile =\n            if model.velocityY >= 0 then\n                tiles\n                    |> List.filter (landedOnTile nextOffset model.playerY player)\n                    |> List.sortBy\n                        (\\tile ->\n                            let\n                                rect =\n                                    platformRect nextOffset tile\n                            in\n                            rect.y\n                        )\n                    |> List.head\n\n            else\n                Nothing\n\n        fixedY =\n            case landingTile of\n                Just tile ->\n                    let\n                        rect =\n                            platformRect nextOffset tile\n                    in\n                    rect.y - playerH\n\n                Nothing ->\n                    nextY\n\n        landedPlayer =\n            { x = playerX, y = fixedY, w = playerW, h = playerH }\n\n        scoreGain =\n            landingScore model.lastLandingSlot landingTile\n\n        nextScore =\n            model.score + scoreGain\n\n        nextBest =\n            max model.best nextScore\n\n        obstacleHit =\n            List.any (obstacleCollision landedPlayer nextOffset) obstacles\n\n        fellOff =\n            fixedY + playerH >= 156 && landingTile == Nothing\n\n        dead =\n            obstacleHit || fellOff\n\n        landCmd =\n            if scoreGain > 0 then\n                Vibes.shortPulse\n\n            else\n                Cmd.none\n\n        persistCmd =\n            if nextBest > model.best || dead then\n                Storage.writeInt storageKey nextBest\n\n            else\n                Cmd.none\n\n        deathCmd =\n            if dead then\n                Vibes.doublePulse\n\n            else\n                Cmd.none\n    in\n    ( { model\n        | offset = nextOffset\n        , playerY = fixedY\n        , velocityY =\n            if landingTile /= Nothing then\n                0\n\n            else\n                min 9 (model.velocityY + 1)\n        , score = nextScore\n        , best = nextBest\n        , alive = not dead\n        , lastLandingSlot =\n            case landingTile of\n                Just tile ->\n                    Just tile.slot\n\n                Nothing ->\n                    model.lastLandingSlot\n      }\n    , Cmd.batch [ persistCmd, if dead then deathCmd else landCmd ]\n    )\n\n\nlandingScore : Maybe Int -> Maybe PlatformTile -> Int\nlandingScore lastLanding landingTile =\n    case landingTile of\n        Nothing ->\n            0\n\n        Just tile ->\n            if lastLanding == Just tile.slot then\n                0\n\n            else if tile.moving then\n                2\n\n            else\n                1\n\n\nvisibleSlots : Int -> List Int\nvisibleSlots offset =\n    let\n        first =\n            offset // tileSpacing - 1\n\n        last =\n            first + 6\n    in\n    List.range first last\n\n\nvisibleTiles : Int -> List PlatformTile\nvisibleTiles offset =\n    visibleSlots offset\n        |> List.concatMap genPlatforms\n\n\nvisibleObstacles : Int -> List Obstacle\nvisibleObstacles offset =\n    visibleSlots offset\n        |> List.filterMap genObstacle\n\n\ngenPlatforms : Int -> List PlatformTile\ngenPlatforms slot =\n    let\n        roll =\n            hash slot\n    in\n    if slot <= 0 then\n        [ { slot = slot, baseY = 132, moving = False } ]\n\n    else if modBy 6 roll == 0 then\n        []\n\n    else\n        [ { slot = slot\n          , baseY = if modBy 9 roll == 0 then 116 else 132\n          , moving = modBy 8 roll == 0 && slot > 2\n          }\n        ]\n\n\ngenObstacle : Int -> Maybe Obstacle\ngenObstacle slot =\n    let\n        roll =\n            hash (slot * 31 + 5)\n    in\n    if slot < 4 then\n        Nothing\n\n    else if modBy 10 roll == 0 then\n        Just { slot = slot, y = 98, w = 18, h = 28 }\n\n    else\n        Nothing\n\n\nhash : Int -> Int\nhash n =\n    modBy 997 (n * 73 + 17)\n\n\nlandedOnTile : Int -> Int -> { x : Int, y : Int, w : Int, h : Int } -> PlatformTile -> Bool\nlandedOnTile offset previousPlayerY player tile =\n    let\n        platform =\n            platformRect offset tile\n\n        previousBottom =\n            previousPlayerY + player.h\n\n        playerBottom =\n            player.y + player.h\n\n        horizontalOverlap =\n            player.x < platform.x + platform.w && player.x + player.w > platform.x\n\n        landingFromAbove =\n            previousBottom <= platform.y && playerBottom >= platform.y\n\n        ridingPlatform =\n            abs (previousBottom - platform.y) <= 12\n    in\n    horizontalOverlap && playerBottom >= platform.y - 1 && (landingFromAbove || ridingPlatform)\n\n\n        obstacleCollision : { x : Int, y : Int, w : Int, h : Int } -> Int -> Obstacle -> Bool\n\n\nobstacleCollision player offset obstacle =\n    rectsOverlap player (obstacleRect offset obstacle)\n\n\nrectsOverlap : { x : Int, y : Int, w : Int, h : Int } -> { x : Int, y : Int, w : Int, h : Int } -> Bool\nrectsOverlap a b =\n    a.x\n        < b.x\n        + b.w\n        && a.x\n        + a.w\n        > b.x\n        && a.y\n        < b.y\n        + b.h\n        && a.y\n        + a.h\n        > b.y\n\n\nobstacleRect : Int -> Obstacle -> { x : Int, y : Int, w : Int, h : Int }\nobstacleRect offset obstacle =\n    { x = obstacle.slot * tileSpacing - offset + 12\n    , y = obstacle.y\n    , w = obstacle.w\n    , h = obstacle.h\n    }\n\n\nplatformRect : Int -> PlatformTile -> { x : Int, y : Int, w : Int, h : Int }\nplatformRect offset tile =\n    let\n        bob =\n            if tile.moving then\n                9 - abs (modBy 18 offset - 9)\n\n            else\n                0\n    in\n    { x = tile.slot * tileSpacing - offset\n    , y = tile.baseY + bob\n    , w = 40\n    , h = 8\n    }\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    Events.batch\n        [ Frame.every 33 FrameTick\n        , Button.onPress Button.Up UpPressed\n        , Button.onPress Button.Down DownPressed\n        ]\n\n\nview : Model -> Ui.UiNode\nview model =\n    let\n        tiles =\n            visibleTiles model.offset\n\n        obstacles =\n            visibleObstacles model.offset\n\n        hud =\n            hudOps model\n    in\n    Ui.toUiNode\n        ([ Ui.clear Color.white ]\n            ++ hud\n            ++ [ Ui.drawBitmapInRect Resources.BitmapStaticJumpHero { x = playerX, y = model.playerY, w = playerW, h = playerH } ]\n            ++ List.map (drawTile model.offset) tiles\n            ++ List.map (drawObstacle model.offset) obstacles\n            ++ (if model.alive then\n                    []\n\n                else\n                    gameOverOps model\n               )\n        )\n\n\nhudOps : Model -> List Ui.RenderOp\nhudOps model =\n    let\n        textOptions =\n            Ui.alignCenter Ui.defaultTextOptions\n\n        textW =\n            if Platform.displayShapeIsRound model.displayShape then\n                (min model.screenW model.screenH * 4) // 9\n\n            else\n                model.screenW - 8\n\n        textX =\n            (model.screenW - textW) // 2\n    in\n    [ Ui.text Resources.DefaultFont textOptions { x = textX, y = 10, w = textW, h = 16 } (\"Score \" ++ String.fromInt model.score)\n    , Ui.text Resources.DefaultFont textOptions { x = textX, y = 26, w = textW, h = 16 } (\"Best \" ++ String.fromInt model.best)\n    ]\n\n\ngameOverOps : Model -> List Ui.RenderOp\ngameOverOps model =\n    let\n        textOptions =\n            Ui.alignCenter Ui.defaultTextOptions\n\n        textW =\n            if Platform.displayShapeIsRound model.displayShape then\n                (min model.screenW model.screenH * 4) // 9\n\n            else\n                model.screenW - 8\n\n        textX =\n            (model.screenW - textW) // 2\n\n        textY =\n            if Platform.displayShapeIsRound model.displayShape then\n                (min model.screenW model.screenH * 3 // 5) - 14\n\n            else\n                model.screenH - 24\n    in\n    [ Ui.text Resources.DefaultFont textOptions { x = textX, y = textY, w = textW, h = 28 } \"Press Up\" ]\n\n\ntoUiRect : { x : Int, y : Int, w : Int, h : Int } -> { x : Int, y : Int, w : Int, h : Int }\ntoUiRect rect =\n    rect\n\n\ndrawTile : Int -> PlatformTile -> Ui.RenderOp\ndrawTile offset tile =\n    Ui.fillRect (toUiRect (platformRect offset tile)) (tileColor tile)\n\n\ntileColor : PlatformTile -> Color\ntileColor tile =\n    if tile.moving then\n        Color.darkGray\n\n    else\n        Color.black\n\n\ndrawObstacle : Int -> Obstacle -> Ui.RenderOp\ndrawObstacle offset obstacle =\n    Ui.fillRect (toUiRect (obstacleRect offset obstacle)) Color.black\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.application\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": true,
@@ -370,6 +416,15 @@
       "watch_profile_id": "aplite"
     },
     "revision": "1bdb400873dc",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_source": "step_message"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_known_messages": [
       "FrameTick",
       "UpPressed",
@@ -393,10 +448,9 @@
         "args": [],
         "ctor": "Nothing"
       },
-      "last_message": "BestScoreLoaded",
-      "last_operation": "BestScoreLoaded",
       "offset": 0,
       "playerY": 84,
+      "runtime_view_output_model_sha256": "6a28a1645ac7a77825f44cc7bc74e67d4699057687b497d03628fa731dc9c3d1",
       "score": 0,
       "screenH": 168,
       "screenW": 144,
@@ -416,7 +470,7 @@
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 16,
         "kind": "text",
         "text": "Score 0",
@@ -427,7 +481,7 @@
         "y": 10
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 16,
         "kind": "text",
         "text": "Best 0",
@@ -438,9 +492,10 @@
         "y": 26
       },
       {
-        "bitmap_id": 1,
+        "bitmap_id": 0,
         "h": 14,
         "kind": "bitmap_in_rect",
+        "resource": "BitmapStaticJumpHero",
         "text": null,
         "w": 12,
         "x": 24,
@@ -478,7 +533,7 @@
         "h": 8,
         "kind": "fill_rect",
         "text": null,
-        "w": 40,
+        "w": 0,
         "x": 144,
         "y": 132
       },
@@ -487,7 +542,7 @@
         "h": 8,
         "kind": "fill_rect",
         "text": null,
-        "w": 40,
+        "w": 0,
         "x": 192,
         "y": 132
       },
@@ -496,7 +551,7 @@
         "h": 8,
         "kind": "fill_rect",
         "text": null,
-        "w": 40,
+        "w": 0,
         "x": 240,
         "y": 132
       },
@@ -505,7 +560,7 @@
         "h": 28,
         "kind": "fill_rect",
         "text": null,
-        "w": 18,
+        "w": 0,
         "x": 252,
         "y": 98
       }
@@ -513,17 +568,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -537,32 +598,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/game-tiny-bird.json b/ide/test/fixtures/debugger_template_corpus/game-tiny-bird.json
index 99532d24..5b97ee6d 100644
--- a/ide/test/fixtures/debugger_template_corpus/game-tiny-bird.json
+++ b/ide/test/fixtures/debugger_template_corpus/game-tiny-bird.json
@@ -15,16 +15,6 @@
       "color": 255,
       "kind": "clear"
     },
-    {
-      "antialiased": true,
-      "bitmap_id": 1,
-      "compositing_mode": 0,
-      "h": 1,
-      "kind": "bitmap_in_rect",
-      "w": 1,
-      "x": 0,
-      "y": 0
-    },
     {
       "antialiased": true,
       "compositing_mode": 0,
@@ -101,7 +91,7 @@
       "kind": "fill_rect",
       "stroke_color": 192,
       "stroke_width": 1,
-      "w": 22,
+      "w": 0,
       "x": 198,
       "y": 0
     },
@@ -114,18 +104,29 @@
       "kind": "fill_rect",
       "stroke_color": 192,
       "stroke_width": 1,
-      "w": 22,
+      "w": 0,
       "x": 198,
       "y": 134
+    },
+    {
+      "antialiased": true,
+      "bitmap_id": 0,
+      "compositing_mode": 0,
+      "h": 1,
+      "kind": "bitmap_in_rect",
+      "resource": "NoStaticBitmap",
+      "w": 1,
+      "x": 0,
+      "y": 0
     }
   ],
-  "preview_ops_sha256": "4a5fc9ab14f6c7e2168fe417c2264f4e24d29b953ea978dd1be29dbf78d9f42b",
+  "preview_ops_sha256": "c8ebf8bcdc03c3612b9c05ff04e27d40f08dc4f8d511b3ce8c8a5d9dbd0016c8",
   "render_tree": {
     "node_count": 12,
     "node_types": [
-      "bitmapInRect",
       "canvasLayer",
       "clear",
+      "drawBitmapInRect",
       "fillRect",
       "fillRect",
       "fillRect",
@@ -138,13 +139,6 @@
     ],
     "root_type": "windowStack",
     "tree": {
-      "box": {
-        "h": 168,
-        "text": null,
-        "w": 144,
-        "x": 0,
-        "y": 0
-      },
       "children": [
         {
           "children": [
@@ -153,115 +147,153 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
                 {
-                  "bitmap_id": 1,
+                  "bounds": {
+                    "h": 1,
+                    "text": null,
+                    "w": 1,
+                    "x": 0,
+                    "y": 0
+                  },
                   "children": [],
-                  "h": 1,
-                  "label": "",
+                  "kind": "drawBitmapInRect",
+                  "label": "drawBitmapInRect",
+                  "resource": "NoStaticBitmap",
                   "text": null,
-                  "type": "bitmapInRect",
-                  "w": 1,
-                  "x": 0,
-                  "y": 0
+                  "type": "drawBitmapInRect"
                 },
                 {
+                  "bounds": {
+                    "h": 14,
+                    "text": null,
+                    "w": 14,
+                    "x": 18,
+                    "y": 60
+                  },
                   "children": [],
-                  "fill": 192,
-                  "h": 14,
-                  "label": "",
+                  "color": 192,
+                  "kind": "fillRect",
+                  "label": "fillRect",
                   "text": null,
-                  "type": "fillRect",
-                  "w": 14,
-                  "x": 18,
-                  "y": 60
+                  "type": "fillRect"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 120,
+                    "x": 4,
+                    "y": 4
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Score 0",
+                  "options": [],
                   "text": "Score 0",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 120,
-                  "x": 4,
-                  "y": 4
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 120,
+                    "x": 4,
+                    "y": 24
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Best 0",
+                  "options": [],
                   "text": "Best 0",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 120,
-                  "x": 4,
-                  "y": 24
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 62,
+                    "text": null,
+                    "w": 22,
+                    "x": 120,
+                    "y": 0
+                  },
                   "children": [],
-                  "fill": 192,
-                  "h": 62,
-                  "label": "",
+                  "color": 192,
+                  "kind": "fillRect",
+                  "label": "fillRect",
                   "text": null,
-                  "type": "fillRect",
-                  "w": 22,
-                  "x": 120,
-                  "y": 0
+                  "type": "fillRect"
                 },
                 {
+                  "bounds": {
+                    "h": 60,
+                    "text": null,
+                    "w": 22,
+                    "x": 120,
+                    "y": 108
+                  },
                   "children": [],
-                  "fill": 192,
-                  "h": 60,
-                  "label": "",
+                  "color": 192,
+                  "kind": "fillRect",
+                  "label": "fillRect",
                   "text": null,
-                  "type": "fillRect",
-                  "w": 22,
-                  "x": 120,
-                  "y": 108
+                  "type": "fillRect"
                 },
                 {
+                  "bounds": {
+                    "h": 88,
+                    "text": null,
+                    "w": 22,
+                    "x": 198,
+                    "y": 0
+                  },
                   "children": [],
-                  "fill": 192,
-                  "h": 88,
-                  "label": "",
+                  "color": 192,
+                  "kind": "fillRect",
+                  "label": "fillRect",
                   "text": null,
-                  "type": "fillRect",
-                  "w": 22,
-                  "x": 198,
-                  "y": 0
+                  "type": "fillRect"
                 },
                 {
+                  "bounds": {
+                    "h": 34,
+                    "text": null,
+                    "w": 22,
+                    "x": 198,
+                    "y": 134
+                  },
                   "children": [],
-                  "fill": 192,
-                  "h": 34,
-                  "label": "",
+                  "color": 192,
+                  "kind": "fillRect",
+                  "label": "fillRect",
                   "text": null,
-                  "type": "fillRect",
-                  "w": 22,
-                  "x": 198,
-                  "y": 134
+                  "type": "fillRect"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
@@ -279,8 +311,6 @@
       "args": [],
       "ctor": "Rectangular"
     },
-    "last_message": "StorageStringLoaded",
-    "last_operation": "StorageStringLoaded",
     "runtime_view_output": [],
     "score": 0,
     "screenH": 168,
@@ -305,9 +335,7 @@
   ],
   "view_tree_type": "windowStack",
   "watch_model": {
-    "_debugger_steps": 1,
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Json.Decode as Decode\nimport Pebble.Button as Button\nimport Pebble.Events as Events\nimport Pebble.Frame as Frame\nimport Pebble.Game.Collision as Collision\nimport Pebble.Platform as Platform\nimport Pebble.Storage as Storage\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\nimport Pebble.Vibes as Vibes\n\n\ntype alias Tube =\n    { x : Int\n    , gapY : Int\n    }\n\n\ntype alias Model =\n    { birdY : Int\n    , velocity : Int\n    , tubes : List Tube\n    , score : Int\n    , best : Int\n    , alive : Bool\n    , screenW : Int\n    , screenH : Int\n    , displayShape : Platform.DisplayShape\n    }\n\n\ntype Msg\n    = FrameTick Frame.Frame\n    | UpPressed\n    | StorageStringLoaded String\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit context =\n    ( reset 0 context.screen.width context.screen.height context.screen.shape\n    , Storage.readString 42 StorageStringLoaded\n    )\n\n\nreset : Int -> Int -> Int -> Platform.DisplayShape -> Model\nreset best screenW screenH displayShape =\n    { birdY = 60\n    , velocity = 0\n    , tubes = [ { x = 120, gapY = 62 }, { x = 198, gapY = 88 } ]\n    , score = 0\n    , best = best\n    , alive = True\n    , screenW = screenW\n    , screenH = screenH\n    , displayShape = displayShape\n    }\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        FrameTick _ ->\n            if model.alive then\n                step model\n\n            else\n                ( model, Cmd.none )\n\n        UpPressed ->\n            if model.alive then\n                ( { model | velocity = -8 }, Cmd.none )\n\n            else\n                ( reset model.best model.screenW model.screenH model.displayShape, Cmd.none )\n\n        StorageStringLoaded value ->\n            ( { model | best = Maybe.withDefault 0 (String.toInt value) }, Cmd.none )\n\n\nstep : Model -> ( Model, Cmd Msg )\nstep model =\n    let\n        movedTubes =\n            List.map (\\tube -> { tube | x = tube.x - 3 }) model.tubes\n\n        recycled =\n            case movedTubes of\n                first :: rest ->\n                    if first.x < -22 then\n                        rest ++ [ { x = 144, gapY = 48 + modBy 64 (model.score * 17) } ]\n\n                    else\n                        movedTubes\n\n                [] ->\n                    movedTubes\n\n        nextY =\n            model.birdY + model.velocity\n\n        nextVelocity =\n            min 8 (model.velocity + 1)\n\n        bird =\n            { x = 18, y = nextY, w = 14, h = 14 }\n\n        tubeHits =\n            List.any (tubeCollision bird) recycled\n\n        dead =\n            nextY > 145 || nextY < 0 || tubeHits\n\n        nextScore =\n            model.score + 1\n\n        nextBest =\n            max model.best nextScore\n    in\n    ( { model\n        | birdY = nextY\n        , velocity = nextVelocity\n        , tubes = recycled\n        , score = nextScore\n        , best = nextBest\n        , alive = not dead\n      }\n    , if dead then\n          Cmd.batch\n            [ Storage.writeString 42 (String.fromInt nextBest)\n            , Vibes.shortPulse\n            ]\n\n      else\n          Cmd.none\n    )\n\n\ntubeCollision : Collision.Rect -> Tube -> Bool\ntubeCollision bird tube =\n    let\n        gapH =\n            46\n    in\n    Collision.rectRect bird { x = tube.x, y = 0, w = 22, h = tube.gapY }\n        || Collision.rectRect bird { x = tube.x, y = tube.gapY + gapH, w = 22, h = 168 - tube.gapY - gapH }\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    Events.batch\n        [ Frame.every 33 FrameTick\n        , Button.onPress Button.Up UpPressed\n        ]\n\n\nview : Model -> Ui.UiNode\nview model =\n    Ui.toUiNode\n        ([ Ui.clear Color.white\n         , Ui.drawBitmapInRect Resources.NoStaticBitmap { x = 0, y = 0, w = 1, h = 1 }\n         , Ui.fillRect { x = 18, y = model.birdY, w = 14, h = 14 } Color.black\n         , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 4, w = 120, h = 20 } (\"Score \" ++ String.fromInt model.score)\n         , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 24, w = 120, h = 20 } (\"Best \" ++ String.fromInt model.best)\n         ]\n            ++ List.concatMap drawTube model.tubes\n            ++ (if model.alive then\n                    []\n\n                else\n                    [ gameOverOp model ]\n               )\n        )\n\n\ngameOverOp : Model -> Ui.RenderOp\ngameOverOp model =\n    let\n        textOptions =\n            Ui.alignCenter Ui.defaultTextOptions\n\n        textW =\n            if Platform.displayShapeIsRound model.displayShape then\n                (min model.screenW model.screenH * 4) // 9\n\n            else\n                100\n\n        textX =\n            (model.screenW - textW) // 2\n\n        textY =\n            if Platform.displayShapeIsRound model.displayShape then\n                (min model.screenW model.screenH * 3 // 5) - 14\n\n            else\n                76\n    in\n    Ui.text Resources.DefaultFont textOptions { x = textX, y = textY, w = textW, h = 28 } \"Press Up\"\n\n\ndrawTube : Tube -> List Ui.RenderOp\ndrawTube tube =\n    [ Ui.fillRect { x = tube.x, y = 0, w = 22, h = tube.gapY } Color.black\n    , Ui.fillRect { x = tube.x, y = tube.gapY + 46, w = 22, h = 168 - tube.gapY - 46 } Color.black\n    ]\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.application\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": true,
@@ -325,6 +353,15 @@
       "watch_profile_id": "aplite"
     },
     "revision": "ddef190255c1",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_source": "step_message"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_known_messages": [
       "FrameTick",
       "UpPressed",
@@ -344,8 +381,7 @@
         "args": [],
         "ctor": "Rectangular"
       },
-      "last_message": "StorageStringLoaded",
-      "last_operation": "StorageStringLoaded",
+      "runtime_view_output_model_sha256": "87d75448c7d88a7ca885de11c39a19a48c0b46c6ca884327414bab2fae9ca23c",
       "score": 0,
       "screenH": 168,
       "screenW": 144,
@@ -374,9 +410,10 @@
         "text": null
       },
       {
-        "bitmap_id": 1,
+        "bitmap_id": 0,
         "h": 1,
         "kind": "bitmap_in_rect",
+        "resource": "NoStaticBitmap",
         "text": null,
         "w": 1,
         "x": 0,
@@ -392,7 +429,7 @@
         "y": 60
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "Score 0",
@@ -403,7 +440,7 @@
         "y": 4
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "Best 0",
@@ -436,7 +473,7 @@
         "h": 88,
         "kind": "fill_rect",
         "text": null,
-        "w": 22,
+        "w": 0,
         "x": 198,
         "y": 0
       },
@@ -445,7 +482,7 @@
         "h": 34,
         "kind": "fill_rect",
         "text": null,
-        "w": 22,
+        "w": 0,
         "x": 198,
         "y": 134
       }
@@ -453,17 +490,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -477,32 +520,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/starter.json b/ide/test/fixtures/debugger_template_corpus/starter.json
index f4e226aa..1e11158a 100644
--- a/ide/test/fixtures/debugger_template_corpus/starter.json
+++ b/ide/test/fixtures/debugger_template_corpus/starter.json
@@ -4,17 +4,17 @@
     "root_type": "windowStack",
     "runtime_view_output_kinds": [
       "clear",
-      "push_context",
-      "stroke_width",
-      "antialiased",
       "stroke_color",
       "fill_color",
       "text_color",
       "round_rect",
       "arc",
-      "pop_context",
+      "path_outline",
+      "path_filled",
+      "path_outline_open",
       "line",
       "pixel",
+      "text_label",
       "text_int"
     ],
     "status": "ok"
@@ -24,9 +24,6 @@
       "color": 255,
       "kind": "clear"
     },
-    {
-      "kind": "unresolved"
-    },
     {
       "antialiased": true,
       "compositing_mode": 0,
@@ -43,16 +40,47 @@
     {
       "antialiased": true,
       "compositing_mode": 0,
-      "end_angle": 45000,
+      "end_angle": 0,
       "h": 36,
       "kind": "arc",
       "start_angle": 0,
-      "stroke_color": null,
+      "stroke_color": 192,
       "stroke_width": 1,
       "w": 36,
       "x": 20,
       "y": 16
     },
+    {
+      "antialiased": true,
+      "compositing_mode": 0,
+      "kind": "path_outline",
+      "offset_x": 86,
+      "offset_y": 16,
+      "rotation": 0,
+      "stroke_color": 192,
+      "stroke_width": 1
+    },
+    {
+      "antialiased": true,
+      "compositing_mode": 0,
+      "fill_color": 192,
+      "kind": "path_filled",
+      "offset_x": 108,
+      "offset_y": 26,
+      "rotation": 0,
+      "stroke_color": 192,
+      "stroke_width": 1
+    },
+    {
+      "antialiased": true,
+      "compositing_mode": 0,
+      "kind": "path_outline_open",
+      "offset_x": 10,
+      "offset_y": 78,
+      "rotation": 0,
+      "stroke_color": 192,
+      "stroke_width": 1
+    },
     {
       "antialiased": true,
       "color": 192,
@@ -75,28 +103,43 @@
       "x": 72,
       "y": 84
     },
+    {
+      "antialiased": true,
+      "compositing_mode": 0,
+      "kind": "text_label",
+      "text": "Waiting for companion app",
+      "text_color": 192,
+      "x": 0,
+      "y": 28
+    },
     {
       "antialiased": true,
       "compositing_mode": 0,
       "kind": "text_int",
       "text": "1",
-      "text_color": null,
+      "text_color": 192,
       "x": 0,
       "y": 56
     }
   ],
-  "preview_ops_sha256": "91951f60e26d99b5f1f31ec7c3f3eb8306ec64aaae24450a3cf5a0c02be44403",
+  "preview_ops_sha256": "a16518ac814782a2de602d82696f0d0bdc5eab75a507a81035769041af9bd847",
   "render_tree": {
-    "node_count": 10,
+    "node_count": 16,
     "node_types": [
       "arc",
       "canvasLayer",
       "clear",
-      "group",
       "line",
+      "pathFilled",
+      "pathOutline",
+      "pathOutlineOpen",
       "pixel",
       "roundRect",
+      "style",
+      "style",
+      "style",
       "textInt",
+      "textLabel",
       "window",
       "windowStack"
     ],
@@ -122,41 +165,135 @@
                   "type": "clear"
                 },
                 {
-                  "children": [
-                    {
-                      "children": [],
-                      "fill": 192,
-                      "h": 70,
-                      "label": "",
-                      "radius": 6,
-                      "text": null,
-                      "type": "roundRect",
-                      "w": 132,
-                      "x": 6,
-                      "y": 6
-                    },
-                    {
-                      "children": [],
-                      "end_angle": 45000,
-                      "h": 36,
-                      "label": "",
-                      "start_angle": 0,
-                      "text": null,
-                      "type": "arc",
-                      "w": 36,
-                      "x": 20,
-                      "y": 16
-                    }
+                  "key": "stroke_color",
+                  "text": null,
+                  "type": "style",
+                  "value": 192
+                },
+                {
+                  "key": "fill_color",
+                  "text": null,
+                  "type": "style",
+                  "value": 192
+                },
+                {
+                  "key": "text_color",
+                  "text": null,
+                  "type": "style",
+                  "value": 192
+                },
+                {
+                  "children": [],
+                  "fill": 192,
+                  "h": 70,
+                  "label": "",
+                  "radius": 6,
+                  "text": null,
+                  "type": "roundRect",
+                  "w": 132,
+                  "x": 6,
+                  "y": 6
+                },
+                {
+                  "children": [],
+                  "end_angle": 0,
+                  "h": 36,
+                  "label": "",
+                  "start_angle": 0,
+                  "text": null,
+                  "type": "arc",
+                  "w": 36,
+                  "x": 20,
+                  "y": 16
+                },
+                {
+                  "children": [],
+                  "label": "",
+                  "offset_x": 86,
+                  "offset_y": 16,
+                  "points": [
+                    [
+                      0,
+                      0
+                    ],
+                    [
+                      10,
+                      4
+                    ],
+                    [
+                      16,
+                      14
+                    ],
+                    [
+                      8,
+                      24
+                    ],
+                    [
+                      0,
+                      18
+                    ]
                   ],
+                  "rotation": 0,
+                  "text": null,
+                  "type": "pathOutline"
+                },
+                {
+                  "children": [],
                   "label": "",
-                  "style": {
-                    "fill_color": 192,
-                    "stroke_color": 192,
-                    "text": null,
-                    "text_color": 192
-                  },
+                  "offset_x": 108,
+                  "offset_y": 26,
+                  "points": [
+                    [
+                      0,
+                      0
+                    ],
+                    [
+                      8,
+                      6
+                    ],
+                    [
+                      6,
+                      14
+                    ],
+                    [
+                      2,
+                      20
+                    ],
+                    [
+                      0,
+                      14
+                    ]
+                  ],
+                  "rotation": 0,
                   "text": null,
-                  "type": "group"
+                  "type": "pathFilled"
+                },
+                {
+                  "children": [],
+                  "label": "",
+                  "offset_x": 10,
+                  "offset_y": 78,
+                  "points": [
+                    [
+                      0,
+                      0
+                    ],
+                    [
+                      8,
+                      4
+                    ],
+                    [
+                      16,
+                      2
+                    ],
+                    [
+                      24,
+                      6
+                    ]
+                  ],
+                  "rotation": 0,
+                  "text": null,
+                  "type": "pathOutlineOpen"
                 },
                 {
                   "children": [],
@@ -180,7 +317,16 @@
                 },
                 {
                   "children": [],
-                  "font_id": 1,
+                  "font_id": 0,
+                  "label": "",
+                  "text": "Waiting for companion app",
+                  "type": "textLabel",
+                  "x": 0,
+                  "y": 28
+                },
+                {
+                  "children": [],
+                  "font_id": 0,
                   "label": "",
                   "text": "1",
                   "type": "textInt",
@@ -206,28 +352,12 @@
     }
   },
   "runtime_model": {
-    "clock_style_24h": true,
-    "colorMode": {
-      "args": [],
-      "ctor": "BlackWhite"
-    },
-    "displayShape": {
-      "args": [],
-      "ctor": "Rectangular"
-    },
-    "firmware_version": "v4.4.0-sim",
-    "last_message": "FirmwareVersionString",
-    "last_operation": "FirmwareVersionString",
     "runtime_view_output": [],
-    "screenH": 168,
-    "screenW": 144,
     "temperature": {
       "args": [],
       "ctor": "Nothing"
     },
     "timeString": null,
-    "timezone": "UTC",
-    "timezone_is_set": true,
     "value": 1
   },
   "template": "starter",
@@ -236,16 +366,14 @@
     "update:WatchColorName {\"args\":[],\"ctor\":\"Black\"}",
     "update:WatchModelName {\"args\":[],\"ctor\":\"PebbleOriginal\"}",
     "update:TimezoneName",
-    "update:TimezoneIsSet",
-    "update:ClockStyle24h",
+    "update:TimezoneIsSet True",
+    "update:ClockStyle24h True",
     "update:CurrentTimeString \"08:53\"",
     "init:init"
   ],
   "view_tree_type": "windowStack",
   "watch_model": {
-    "_debugger_steps": 7,
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (Model, Msg, headOrZero, main, update, view)\n\n{-| Fixture application used by compiler and runtime tests.\n-}\n\nimport Companion.Types exposing (Location(..), Temperature, WatchToPhone(..))\nimport Companion.Watch as CompanionWatch\nimport Json.Decode as Decode\nimport Pebble.Accel as PebbleAccel\nimport Pebble.Button as PebbleButton\nimport Pebble.Cmd\nimport Pebble.Events as PebbleEvents\nimport Pebble.Platform as PebblePlatform\nimport Pebble.Storage as PebbleStorage\nimport Pebble.Time as PebbleTime\nimport Pebble.Ui as PebbleUi\nimport Pebble.Ui.Color as PebbleColor\nimport Pebble.Ui.Resources as UiResources\nimport Pebble.WatchInfo as PebbleWatchInfo\n\n\n{-| App model with counter and optional temperature.\n-}\ntype alias Model =\n    { value : Int, temperature : Maybe Temperature }\n\n\n{-| Messages handled by the fixture update loop.\n-}\ntype Msg\n    = Increment\n    | Decrement\n    | Tick Int\n    | UpPressed\n    | SelectPressed\n    | DownPressed\n    | AccelTap\n    | ProvideTemperature Temperature\n    | CurrentTimeString String\n    | ClockStyle24h Bool\n    | TimezoneIsSet Bool\n    | TimezoneName String\n    | WatchModelName PebbleWatchInfo.WatchModel\n    | WatchColorName PebbleWatchInfo.WatchColor\n    | FirmwareVersionString PebbleWatchInfo.FirmwareVersion\n\n\n{-| Return the first integer in a list, or `0` when empty.\n-}\nheadOrZero : List Int -> Int\nheadOrZero list =\n    Maybe.withDefault 0 (List.head list)\n\n\nhelper : Int -> Int\nhelper value =\n    value + 2\n\n\nadvanced : Int -> Int\nadvanced n =\n    let\n        base =\n            helper n\n    in\n    if base > 10 then\n        base\n\n    else\n        base + 1\n\n\ncounterOf : Model -> Int\ncounterOf model =\n    model.value\n\n\ntemperatureOf : Model -> Maybe Temperature\ntemperatureOf model =\n    model.temperature\n\n\nrequestWeather : Location -> Cmd Msg\nrequestWeather location =\n    CompanionWatch.sendWatchToPhone (RequestWeather location)\n\n\nrequestSystemInfo : Cmd Msg\nrequestSystemInfo =\n    Cmd.batch\n        [ PebbleTime.currentTimeString CurrentTimeString\n        , PebbleTime.clockStyle24h ClockStyle24h\n        , PebbleTime.timezoneIsSet TimezoneIsSet\n        , PebbleTime.timezone TimezoneName\n        , PebbleWatchInfo.getModel WatchModelName\n        , PebbleWatchInfo.getColor WatchColorName\n        , PebbleWatchInfo.getFirmwareVersion FirmwareVersionString\n        ]\n\n\ninit : PebblePlatform.LaunchContext -> ( Model, Cmd Msg )\ninit launchContext =\n    let\n        initial =\n            PebblePlatform.launchReasonToInt launchContext.reason\n    in\n    ( { value = initial, temperature = Nothing }\n    , Cmd.batch [ requestWeather Berlin, requestSystemInfo ]\n    )\n\n\n{-| Update the model with an incoming message.\n-}\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        Tick _ ->\n            handlePlatformMsg msg model\n\n        UpPressed ->\n            handlePlatformMsg msg model\n\n        SelectPressed ->\n            handlePlatformMsg msg model\n\n        DownPressed ->\n            handlePlatformMsg msg model\n\n        AccelTap ->\n            handlePlatformMsg msg model\n\n        _ ->\n            handleAppMsg msg model\n\n\nhandleAppMsg : Msg -> Model -> ( Model, Cmd Msg )\nhandleAppMsg msg model =\n    case msg of\n        Increment ->\n            let\n                counter =\n                    counterOf model\n            in\n            ( { value = counter + 1, temperature = temperatureOf model }, Cmd.none )\n\n        Decrement ->\n            let\n                counter =\n                    counterOf model\n            in\n            ( { value = counter - 1, temperature = temperatureOf model }, Cmd.none )\n\n        ProvideTemperature temperature ->\n            ( { value = counterOf model, temperature = Just temperature }, Cmd.none )\n\n        CurrentTimeString _ ->\n            ( model, Cmd.none )\n\n        ClockStyle24h _ ->\n            ( model, Cmd.none )\n\n        TimezoneIsSet _ ->\n            ( model, Cmd.none )\n\n        TimezoneName _ ->\n            ( model, Cmd.none )\n\n        WatchModelName _ ->\n            ( model, Cmd.none )\n\n        WatchColorName _ ->\n            ( model, Cmd.none )\n\n        FirmwareVersionString _ ->\n            ( model, Cmd.none )\n\n        _ ->\n            ( model, Cmd.none )\n\n\nhandlePlatformMsg : Msg -> Model -> ( Model, Cmd Msg )\nhandlePlatformMsg msg model =\n    case msg of\n        Tick _ ->\n            let\n                counter =\n                    counterOf model\n            in\n            let\n                next =\n                    advanced counter\n            in\n            ( { value = next, temperature = temperatureOf model }, Pebble.Cmd.timerAfter 1000 )\n\n        UpPressed ->\n            let\n                counter =\n                    counterOf model\n            in\n            let\n                next =\n                    counter + 1\n            in\n            ( { value = next, temperature = temperatureOf model }, PebbleStorage.writeInt 1 next )\n\n        SelectPressed ->\n            ( model, Cmd.batch [ requestWeather Berlin, requestSystemInfo ] )\n\n        DownPressed ->\n            let\n                counter =\n                    counterOf model\n            in\n            ( { value = counter - 1, temperature = temperatureOf model }, PebbleStorage.delete 1 )\n\n        AccelTap ->\n            let\n                counter =\n                    counterOf model\n            in\n            ( { value = counter + 1, temperature = temperatureOf model }, Cmd.none )\n\n        _ ->\n            ( model, Cmd.none )\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    PebbleEvents.batch\n        [ PebbleEvents.onSecondChange Tick\n        , PebbleButton.onPress PebbleButton.Up UpPressed\n        , PebbleButton.onPress PebbleButton.Select SelectPressed\n        , PebbleButton.onPress PebbleButton.Down DownPressed\n        , PebbleAccel.onTap AccelTap\n        ]\n\n\n{-| Produce the retained virtual UI tree for rendering.\n-}\nview : Model -> PebbleUi.UiNode\nview model =\n    PebbleUi.windowStack\n        [ PebbleUi.window 1\n            [ PebbleUi.canvasLayer 1\n                [ PebbleUi.clear PebbleColor.white\n                , PebbleUi.group\n                    (PebbleUi.context\n                        [ PebbleUi.strokeWidth 3\n                        , PebbleUi.antialiased 1\n                        , PebbleUi.strokeColor PebbleColor.black\n                        , PebbleUi.fillColor PebbleColor.black\n                        , PebbleUi.textColor PebbleColor.black\n                        ]\n                        [ PebbleUi.roundRect { x = 6, y = 6, w = 132, h = 70 } 6 PebbleColor.black\n                        , PebbleUi.arc { x = 20, y = 16, w = 36, h = 36 } 0 45000\n                        , PebbleUi.pathOutline\n                            (PebbleUi.path\n                                [ { x = 0, y = 0 }, { x = 10, y = 4 }, { x = 16, y = 14 }, { x = 8, y = 24 }, { x = 0, y = 18 } ]\n                                { x = 86, y = 16 }\n                                (PebbleUi.rotationFromPebbleAngle 0)\n                            )\n                        , PebbleUi.pathFilled\n                            (PebbleUi.path\n                                [ { x = 0, y = 0 }, { x = 8, y = 6 }, { x = 6, y = 14 }, { x = 2, y = 20 }, { x = 0, y = 14 } ]\n                                { x = 108, y = 26 }\n                                (PebbleUi.rotationFromPebbleAngle 0)\n                            )\n                        , PebbleUi.pathOutlineOpen\n                            (PebbleUi.path\n                                [ { x = 0, y = 0 }, { x = 8, y = 4 }, { x = 16, y = 2 }, { x = 24, y = 6 } ]\n                                { x = 10, y = 78 }\n                                (PebbleUi.rotationFromPebbleAngle 0)\n                            )\n                        ]\n                    )\n                , PebbleUi.line { x = 0, y = 84 } { x = 143, y = 84 } PebbleColor.black\n                , PebbleUi.pixel { x = 72, y = 84 } PebbleColor.black\n                , statusDraw model\n                , counterDraw model\n                ]\n            ]\n        ]\n\n\nstatusDraw : Model -> PebbleUi.RenderOp\nstatusDraw model =\n    let\n        maybeTemp =\n            temperatureOf model\n    in\n    case maybeTemp of\n        Just temperature ->\n            PebbleUi.textInt UiResources.DefaultFont { x = 0, y = 28 } (temperatureValue temperature)\n\n        Nothing ->\n            PebbleUi.textLabel UiResources.DefaultFont { x = 0, y = 28 } PebbleUi.WaitingForCompanion\n\n\ncounterDraw : Model -> PebbleUi.RenderOp\ncounterDraw model =\n    let\n        counter =\n            counterOf model\n    in\n    PebbleUi.textInt UiResources.DefaultFont { x = 0, y = 56 } counter\n\n\ntemperatureValue : Temperature -> Int\ntemperatureValue temperature =\n    case temperature of\n        Celsius value ->\n            value\n\n        Fahrenheit value ->\n            value\n\n\n{-| Program entry point.\n-}\nmain : Program Decode.Value Model Msg\nmain =\n    PebblePlatform.application\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": true,
@@ -263,6 +391,19 @@
       "watch_profile_id": "aplite"
     },
     "revision": "087c4c6e98b1",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_entry_count": 2,
+      "runtime_model_sha256": "a9b06a5e03d65ec402ae7d6232512006a27153c5cf592a7e8d8b2605cf68a07e",
+      "runtime_model_source": "step_message",
+      "view_tree_node_count": 12,
+      "view_tree_sha256": "576ffd55abaef1b891472c766a498910c2d0e26d486d9bd2c487366119cd2bce"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_known_messages": [
       "Increment",
       "Decrement",
@@ -283,26 +424,11 @@
     "runtime_message_cursor": 7,
     "runtime_message_source": "init_device_data",
     "runtime_model": {
-      "clock_style_24h": true,
-      "colorMode": {
-        "args": [],
-        "ctor": "BlackWhite"
-      },
-      "displayShape": {
-        "args": [],
-        "ctor": "Rectangular"
-      },
-      "firmware_version": "v4.4.0-sim",
-      "last_message": "FirmwareVersionString",
-      "last_operation": "FirmwareVersionString",
-      "screenH": 168,
-      "screenW": 144,
+      "runtime_view_output_model_sha256": "206947ec41ba072dafd2030ad0e336cc0bac66116b25b36e8b05fac3e97577b7",
       "temperature": {
         "args": [],
         "ctor": "Nothing"
       },
-      "timezone": "UTC",
-      "timezone_is_set": true,
       "value": 1
     },
     "runtime_model_source": "step_message",
@@ -320,20 +446,6 @@
         "kind": "clear",
         "text": null
       },
-      {
-        "kind": "push_context",
-        "text": null
-      },
-      {
-        "kind": "stroke_width",
-        "text": null,
-        "value": 3
-      },
-      {
-        "kind": "antialiased",
-        "text": null,
-        "value": true
-      },
       {
         "color": 192,
         "kind": "stroke_color",
@@ -360,7 +472,7 @@
         "y": 6
       },
       {
-        "end_angle": 45000,
+        "end_angle": 0,
         "h": 36,
         "kind": "arc",
         "start_angle": 0,
@@ -370,7 +482,86 @@
         "y": 16
       },
       {
-        "kind": "pop_context",
+        "kind": "path_outline",
+        "offset_x": 86,
+        "offset_y": 16,
+        "points": [
+          [
+            0,
+            0
+          ],
+          [
+            10,
+            4
+          ],
+          [
+            16,
+            14
+          ],
+          [
+            8,
+            24
+          ],
+          [
+            0,
+            18
+          ]
+        ],
+        "rotation": 0,
+        "text": null
+      },
+      {
+        "kind": "path_filled",
+        "offset_x": 108,
+        "offset_y": 26,
+        "points": [
+          [
+            0,
+            0
+          ],
+          [
+            8,
+            6
+          ],
+          [
+            6,
+            14
+          ],
+          [
+            2,
+            20
+          ],
+          [
+            0,
+            14
+          ]
+        ],
+        "rotation": 0,
+        "text": null
+      },
+      {
+        "kind": "path_outline_open",
+        "offset_x": 10,
+        "offset_y": 78,
+        "points": [
+          [
+            0,
+            0
+          ],
+          [
+            8,
+            4
+          ],
+          [
+            16,
+            2
+          ],
+          [
+            24,
+            6
+          ]
+        ],
+        "rotation": 0,
         "text": null
       },
       {
@@ -390,7 +581,14 @@
         "y": 84
       },
       {
-        "font_id": 1,
+        "font_id": 0,
+        "kind": "text_label",
+        "text": "Waiting for companion app",
+        "x": 0,
+        "y": 28
+      },
+      {
+        "font_id": 0,
         "kind": "text_int",
         "text": "1",
         "x": 0,
@@ -400,17 +598,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -424,32 +628,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/watch-demo-accel.json b/ide/test/fixtures/debugger_template_corpus/watch-demo-accel.json
index c6d5f9c1..26c90ec4 100644
--- a/ide/test/fixtures/debugger_template_corpus/watch-demo-accel.json
+++ b/ide/test/fixtures/debugger_template_corpus/watch-demo-accel.json
@@ -130,101 +130,135 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 8
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Accel demo",
+                  "options": [],
                   "text": "Accel demo",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 8
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 32
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "0",
+                  "options": [],
                   "text": "0",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 32
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 52
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "0",
+                  "options": [],
                   "text": "0",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 52
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 72
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "-1000",
+                  "options": [],
                   "text": "-1000",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 72
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 96
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "0",
+                  "options": [],
                   "text": "0",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 96
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 120
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Tap to count",
+                  "options": [],
                   "text": "Tap to count",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 120
+                  "type": "text"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
@@ -255,7 +289,6 @@
   "view_tree_type": "windowStack",
   "watch_model": {
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Json.Decode as Decode\nimport Pebble.Accel as Accel\nimport Pebble.Events as Events\nimport Pebble.Platform as Platform\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\nimport Pebble.Vibes as Vibes\n\n\ntype alias Model =\n    { x : Int\n    , y : Int\n    , z : Int\n    , taps : Int\n    }\n\n\ntype Msg\n    = AccelSample Accel.Sample\n    | AccelTap\n\n\naccelConfig : Accel.Config\naccelConfig =\n    { samplesPerUpdate = 1, samplingRate = Accel.Hz50 }\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit _ =\n    ( { x = 0, y = 0, z = -1000, taps = 0 }, Cmd.none )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        AccelSample sample ->\n            ( { model | x = sample.x, y = sample.y, z = sample.z }, Cmd.none )\n\n        AccelTap ->\n            ( { model | taps = model.taps + 1 }, Vibes.shortPulse )\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    Events.batch\n        [ Accel.onData accelConfig AccelSample\n        , Accel.onTap AccelTap\n        ]\n\n\nview : Model -> Ui.UiNode\nview model =\n    Ui.toUiNode\n        [ Ui.clear Color.white\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 8, w = 136, h = 20 } \"Accel demo\"\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 32, w = 136, h = 20 } (String.fromInt model.x)\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 52, w = 136, h = 20 } (String.fromInt model.y)\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 72, w = 136, h = 20 } (String.fromInt model.z)\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 96, w = 136, h = 20 } (String.fromInt model.taps)\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 120, w = 136, h = 20 } \"Tap to count\"\n        ]\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.application\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": true,
@@ -273,6 +306,15 @@
       "watch_profile_id": "aplite"
     },
     "revision": "dbf38b04879d",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_source": "init_model"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_model": {
       "colorMode": {
         "args": [],
@@ -282,6 +324,7 @@
         "args": [],
         "ctor": "Rectangular"
       },
+      "runtime_view_output_model_sha256": "ce11130755e4d16f4e4f5d92ef681ba12823b4d758846d7a98ab59f385a7383c",
       "screenH": 168,
       "screenW": 144,
       "taps": 0,
@@ -297,7 +340,7 @@
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "Accel demo",
@@ -308,7 +351,7 @@
         "y": 8
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "0",
@@ -319,7 +362,7 @@
         "y": 32
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "0",
@@ -330,7 +373,7 @@
         "y": 52
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "-1000",
@@ -341,7 +384,7 @@
         "y": 72
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "0",
@@ -352,7 +395,7 @@
         "y": 96
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "Tap to count",
@@ -366,17 +409,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -390,32 +439,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/watch-demo-app-focus.json b/ide/test/fixtures/debugger_template_corpus/watch-demo-app-focus.json
index 3ae94015..7ff0f569 100644
--- a/ide/test/fixtures/debugger_template_corpus/watch-demo-app-focus.json
+++ b/ide/test/fixtures/debugger_template_corpus/watch-demo-app-focus.json
@@ -100,75 +100,99 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 8
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "App focus",
+                  "options": [],
                   "text": "App focus",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 8
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 40
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Starting",
+                  "options": [],
                   "text": "Starting",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 40
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 72
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "0",
+                  "options": [],
                   "text": "0",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 72
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 40,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 100
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 40,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Toggle focus in simulator",
+                  "options": [],
                   "text": "Toggle focus in simulator",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 100
+                  "type": "text"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
@@ -200,7 +224,6 @@
   "view_tree_type": "windowStack",
   "watch_model": {
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Json.Decode as Decode\nimport Pebble.AppFocus as AppFocus\nimport Pebble.Platform as Platform\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\n\n\ntype alias Model =\n    { focus : Maybe AppFocus.State\n    , changes : Int\n    }\n\n\ntype Msg\n    = FocusChanged AppFocus.State\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit _ =\n    ( { focus = Nothing, changes = 0 }, Cmd.none )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        FocusChanged state ->\n            ( { focus = Just state, changes = model.changes + 1 }, Cmd.none )\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    AppFocus.onChange FocusChanged\n\n\nview : Model -> Ui.UiNode\nview model =\n    Ui.toUiNode\n        [ Ui.clear Color.white\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 8, w = 136, h = 20 } \"App focus\"\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 40, w = 136, h = 20 } (focusLabel model.focus)\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 72, w = 136, h = 20 } (String.fromInt model.changes)\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 100, w = 136, h = 40 } \"Toggle focus in simulator\"\n        ]\n\n\nfocusLabel : Maybe AppFocus.State -> String\nfocusLabel maybeFocus =\n    case maybeFocus of\n        Nothing ->\n            \"Starting\"\n\n        Just AppFocus.InFocus ->\n            \"In focus\"\n\n        Just AppFocus.OutOfFocus ->\n            \"Out of focus\"\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.application\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": true,
@@ -218,6 +241,15 @@
       "watch_profile_id": "aplite"
     },
     "revision": "0a51a485ba1d",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_source": "init_model"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_model": {
       "changes": 0,
       "colorMode": {
@@ -232,6 +264,7 @@
         "args": [],
         "ctor": "Nothing"
       },
+      "runtime_view_output_model_sha256": "0a857e5f3a4eb28242e2b430db681e18b5c00064ee913bff12bd44297f0d5453",
       "screenH": 168,
       "screenW": 144
     },
@@ -243,7 +276,7 @@
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "App focus",
@@ -254,7 +287,7 @@
         "y": 8
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "Starting",
@@ -265,7 +298,7 @@
         "y": 40
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "0",
@@ -276,7 +309,7 @@
         "y": 72
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 40,
         "kind": "text",
         "text": "Toggle focus in simulator",
@@ -290,17 +323,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -314,32 +353,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/watch-demo-compass.json b/ide/test/fixtures/debugger_template_corpus/watch-demo-compass.json
index ce939767..3dcbb2f5 100644
--- a/ide/test/fixtures/debugger_template_corpus/watch-demo-compass.json
+++ b/ide/test/fixtures/debugger_template_corpus/watch-demo-compass.json
@@ -33,7 +33,7 @@
       "font_size": 20,
       "h": 20,
       "kind": "text_label",
-      "text": "--",
+      "text": "180 deg",
       "text_align": "center",
       "text_color": null,
       "text_overflow": "word_wrap",
@@ -47,7 +47,7 @@
       "font_size": 20,
       "h": 20,
       "kind": "text_label",
-      "text": "Waiting",
+      "text": "Valid",
       "text_align": "center",
       "text_color": null,
       "text_overflow": "word_wrap",
@@ -84,7 +84,7 @@
       "y": 108
     }
   ],
-  "preview_ops_sha256": "cbe0ef6959e07af6a2af0d441f84bd609f871d042a6407b515b6e24380f686a2",
+  "preview_ops_sha256": "1bbbb1962877c8088e7d0cb520edb6c6b0e0a4273b548273b0d55134c3c46311",
   "render_tree": {
     "node_count": 9,
     "node_types": [
@@ -115,88 +115,117 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 8
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Compass demo",
+                  "options": [],
                   "text": "Compass demo",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 8
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 36
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
-                  "text": "--",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "180 deg",
+                  "options": [],
+                  "text": "180 deg",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 36
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 60
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
-                  "text": "Waiting",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Valid",
+                  "options": [],
+                  "text": "Valid",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 60
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 84
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "0",
+                  "options": [],
                   "text": "0",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 84
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 24,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 108
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 24,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Select: peek heading",
+                  "options": [],
                   "text": "Select: peek heading",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 108
+                  "type": "text"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
@@ -213,8 +242,13 @@
     },
     "hasCompass": true,
     "heading": {
-      "args": [],
-      "ctor": "Nothing"
+      "args": [
+        {
+          "degrees": 180.0,
+          "isValid": true
+        }
+      ],
+      "ctor": "Just"
     },
     "refreshes": 0,
     "runtime_view_output": [],
@@ -224,12 +258,12 @@
   },
   "template": "watch-demo-compass",
   "timeline_init_messages": [
+    "update:GotHeading {\"degrees\":180.0,\"isValid\":true}",
     "init:init"
   ],
   "view_tree_type": "windowStack",
   "watch_model": {
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Json.Decode as Decode\nimport Pebble.Button as Button\nimport Pebble.Compass as Compass\nimport Pebble.Events as Events\nimport Pebble.Platform as Platform\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\n\n\ntype alias Model =\n    { hasCompass : Bool\n    , heading : Maybe Compass.Heading\n    , refreshes : Int\n    }\n\n\ntype Msg\n    = SelectPressed\n    | GotHeading (Result Compass.Error Compass.Heading)\n    | HeadingChanged Compass.Heading\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit context =\n    ( { hasCompass = context.hasCompass\n      , heading = Nothing\n      , refreshes = 0\n      }\n    , if context.hasCompass then\n          Compass.current GotHeading\n\n      else\n          Cmd.none\n    )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        SelectPressed ->\n            if model.hasCompass then\n                ( { model | refreshes = model.refreshes + 1 }, Compass.current GotHeading )\n\n            else\n                ( model, Cmd.none )\n\n        GotHeading result ->\n            case result of\n                Ok heading ->\n                    ( { model | heading = Just heading }, Cmd.none )\n\n                Err Compass.Unavailable ->\n                    ( { model | heading = Nothing }, Cmd.none )\n\n                Err Compass.InvalidReading ->\n                    ( { model | heading = Nothing }, Cmd.none )\n\n        HeadingChanged heading ->\n            ( { model | heading = Just heading }, Cmd.none )\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions model =\n    if model.hasCompass then\n        Events.batch\n            [ Compass.onChange HeadingChanged\n            , Button.onPress Button.Select SelectPressed\n            ]\n\n    else\n        Events.batch []\n\n\nview : Model -> Ui.UiNode\nview model =\n    Ui.toUiNode\n        [ Ui.clear Color.white\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 8, w = 136, h = 20 } \"Compass demo\"\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 36, w = 136, h = 20 } (headingLabel model.heading model.hasCompass)\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 60, w = 136, h = 20 } (validLabel model.heading)\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 84, w = 136, h = 20 } (String.fromInt model.refreshes)\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 108, w = 136, h = 24 } \"Select: peek heading\"\n        ]\n\n\nheadingLabel : Maybe Compass.Heading -> Bool -> String\nheadingLabel maybeHeading hasCompass =\n    if not hasCompass then\n        \"No compass\"\n\n    else\n        case maybeHeading of\n            Nothing ->\n                \"--\"\n\n            Just heading ->\n                if heading.isValid then\n                    String.fromInt (round heading.degrees) ++ \" deg\"\n\n                else\n                    \"Invalid\"\n\n\nvalidLabel : Maybe Compass.Heading -> String\nvalidLabel maybeHeading =\n    case maybeHeading of\n        Nothing ->\n            \"Waiting\"\n\n        Just heading ->\n            if heading.isValid then\n                \"Valid\"\n\n            else\n                \"Invalid\"\n\n\nround : Float -> Int\nround value =\n    if value >= 0 then\n        floor (value + 0.5)\n\n    else\n        ceiling (value - 0.5)\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.application\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": true,
@@ -247,6 +281,22 @@
       "watch_profile_id": "aplite"
     },
     "revision": "97140f37858b",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_source": "step_message"
+    },
+    "runtime_execution_mode": "runtime_executed",
+    "runtime_known_messages": [
+      "SelectPressed",
+      "GotHeading",
+      "HeadingChanged"
+    ],
+    "runtime_message_cursor": 1,
+    "runtime_message_source": "runtime_followup",
     "runtime_model": {
       "colorMode": {
         "args": [],
@@ -258,14 +308,25 @@
       },
       "hasCompass": true,
       "heading": {
-        "args": [],
-        "ctor": "Nothing"
+        "args": [
+          {
+            "degrees": 180.0,
+            "isValid": true
+          }
+        ],
+        "ctor": "Just"
       },
       "refreshes": 0,
+      "runtime_view_output_model_sha256": "c72e72fd4c3ae2b25448a438e6155120d8b300cd6d8db348b3aeda24dfac04c5",
       "screenH": 168,
       "screenW": 144
     },
-    "runtime_model_source": "init_model",
+    "runtime_model_source": "step_message",
+    "runtime_update_branches": [
+      "SelectPressed",
+      "GotHeading result",
+      "HeadingChanged heading"
+    ],
     "runtime_view_output": [
       {
         "color": 255,
@@ -273,7 +334,7 @@
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "Compass demo",
@@ -284,10 +345,10 @@
         "y": 8
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
-        "text": "--",
+        "text": "180 deg",
         "text_align": "center",
         "text_overflow": "word_wrap",
         "w": 136,
@@ -295,10 +356,10 @@
         "y": 36
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
-        "text": "Waiting",
+        "text": "Valid",
         "text_align": "center",
         "text_overflow": "word_wrap",
         "w": 136,
@@ -306,7 +367,7 @@
         "y": 60
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "0",
@@ -317,7 +378,7 @@
         "y": 84
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 24,
         "kind": "text",
         "text": "Select: peek heading",
@@ -331,17 +392,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -355,32 +422,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/watch-demo-data-log.json b/ide/test/fixtures/debugger_template_corpus/watch-demo-data-log.json
index 5e6fff8b..7c1c7713 100644
--- a/ide/test/fixtures/debugger_template_corpus/watch-demo-data-log.json
+++ b/ide/test/fixtures/debugger_template_corpus/watch-demo-data-log.json
@@ -100,75 +100,99 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 8
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "DataLog demo",
+                  "options": [],
                   "text": "DataLog demo",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 8
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 36
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "0",
+                  "options": [],
                   "text": "0",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 36
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 56
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "0",
+                  "options": [],
                   "text": "0",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 56
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 40,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 84
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 40,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Up: int32 Select: int32 Down: bytes",
+                  "options": [],
                   "text": "Up: int32 Select: int32 Down: bytes",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 84
+                  "type": "text"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
@@ -197,7 +221,6 @@
   "view_tree_type": "windowStack",
   "watch_model": {
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Json.Decode as Decode\nimport Pebble.Button as Button\nimport Pebble.DataLog as DataLog\nimport Pebble.Events as Events\nimport Pebble.Platform as Platform\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\n\n\ntype alias Model =\n    { events : Int\n    , lastValue : Int\n    }\n\n\ntype Msg\n    = UpPressed\n    | SelectPressed\n    | DownPressed\n\n\nlogTag : DataLog.Tag\nlogTag =\n    DataLog.tag 9001\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit _ =\n    ( { events = 0, lastValue = 0 }, Cmd.none )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        UpPressed ->\n            logEvent { model | lastValue = model.events + 1 }\n\n        SelectPressed ->\n            logEvent { model | lastValue = model.events * 2 + 1 }\n\n        DownPressed ->\n            logBytes { model | lastValue = model.events + 10 }\n\n\nlogEvent : Model -> ( Model, Cmd Msg )\nlogEvent model =\n    let\n        next =\n            { model | events = model.events + 1 }\n    in\n    ( next, DataLog.logInt32 logTag next.events )\n\n\nlogBytes : Model -> ( Model, Cmd Msg )\nlogBytes model =\n    let\n        next =\n            { model | events = model.events + 1 }\n    in\n    ( next\n    , DataLog.logBytes logTag [ next.events, next.lastValue, 42 ]\n    )\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    Events.batch\n        [ Button.onPress Button.Up UpPressed\n        , Button.onPress Button.Select SelectPressed\n        , Button.onPress Button.Down DownPressed\n        ]\n\n\nview : Model -> Ui.UiNode\nview model =\n    Ui.toUiNode\n        [ Ui.clear Color.white\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 8, w = 136, h = 20 } \"DataLog demo\"\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 36, w = 136, h = 20 } (String.fromInt model.events)\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 56, w = 136, h = 20 } (String.fromInt model.lastValue)\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 84, w = 136, h = 40 } \"Up: int32 Select: int32 Down: bytes\"\n        ]\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.application\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": true,
@@ -215,6 +238,15 @@
       "watch_profile_id": "aplite"
     },
     "revision": "21c37541942b",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_source": "init_model"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_model": {
       "colorMode": {
         "args": [],
@@ -226,6 +258,7 @@
       },
       "events": 0,
       "lastValue": 0,
+      "runtime_view_output_model_sha256": "164690b5bfdba08b0ad27c01b029f11276692e18bb1df3a8f2099c0b41fd3125",
       "screenH": 168,
       "screenW": 144
     },
@@ -237,7 +270,7 @@
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "DataLog demo",
@@ -248,7 +281,7 @@
         "y": 8
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "0",
@@ -259,7 +292,7 @@
         "y": 36
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "0",
@@ -270,7 +303,7 @@
         "y": 56
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 40,
         "kind": "text",
         "text": "Up: int32 Select: int32 Down: bytes",
@@ -284,17 +317,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -308,32 +347,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/watch-demo-dictation.json b/ide/test/fixtures/debugger_template_corpus/watch-demo-dictation.json
index 374e1bd0..70ddf8c7 100644
--- a/ide/test/fixtures/debugger_template_corpus/watch-demo-dictation.json
+++ b/ide/test/fixtures/debugger_template_corpus/watch-demo-dictation.json
@@ -41,6 +41,9 @@
       "x": 4,
       "y": 32
     },
+    {
+      "kind": "unresolved"
+    },
     {
       "antialiased": true,
       "compositing_mode": 0,
@@ -56,15 +59,16 @@
       "y": 100
     }
   ],
-  "preview_ops_sha256": "829a731d510e7a9543b8904579545ad925a30985689f96bd6212ec196d4369c4",
+  "preview_ops_sha256": "6007b925d31ab482b3eb496ea1f8055f6e2ac0537110fa78c96adabecff292a6",
   "render_tree": {
-    "node_count": 7,
+    "node_count": 8,
     "node_types": [
       "canvasLayer",
       "clear",
       "text",
       "text",
       "text",
+      "text",
       "window",
       "windowStack"
     ],
@@ -85,62 +89,99 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 8
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Dictation demo",
+                  "options": [],
                   "text": "Dictation demo",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 8
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 32
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Ready",
+                  "options": [],
                   "text": "Ready",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 32
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 40,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 56
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 40,
+                  "font": "DefaultFont",
+                  "kind": "text",
                   "label": "",
+                  "options": [],
+                  "text": "",
+                  "text_align": "center",
+                  "text_overflow": "word_wrap",
+                  "type": "text"
+                },
+                {
+                  "bounds": {
+                    "h": 40,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 100
+                  },
+                  "children": [],
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Select: start Down: stop",
+                  "options": [],
                   "text": "Select: start Down: stop",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 100
+                  "type": "text"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
@@ -156,10 +197,12 @@
       "ctor": "Rectangular"
     },
     "hasMicrophone": true,
-    "result": [
-      1,
-      ""
-    ],
+    "result": {
+      "args": [
+        ""
+      ],
+      "ctor": "Ok"
+    },
     "runtime_view_output": [],
     "screenH": 168,
     "screenW": 144,
@@ -176,7 +219,6 @@
   "view_tree_type": "windowStack",
   "watch_model": {
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Json.Decode as Decode\nimport Pebble.Button as Button\nimport Pebble.Dictation as Dictation\nimport Pebble.Events as Events\nimport Pebble.Platform as Platform\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\n\n\ntype alias Model =\n    { hasMicrophone : Bool\n    , status : Maybe Dictation.Status\n    , result : Result Dictation.Error String\n    }\n\n\ntype Msg\n    = SelectPressed\n    | DownPressed\n    | DictationStatusChanged Dictation.Status\n    | DictationFinished (Result Dictation.Error String)\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit context =\n    ( { hasMicrophone = context.hasMicrophone\n      , status =\n            if context.hasMicrophone then\n                Nothing\n\n            else\n                Just Dictation.Finished\n      , result =\n            if context.hasMicrophone then\n                Ok \"\"\n\n            else\n                Err Dictation.NoMicrophone\n      }\n    , Cmd.none\n    )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        SelectPressed ->\n            if model.hasMicrophone then\n                ( { model | status = Just Dictation.Starting, result = Ok \"\" }, Dictation.start )\n\n            else\n                ( model, Cmd.none )\n\n        DownPressed ->\n            if model.hasMicrophone then\n                ( model, Dictation.stop )\n\n            else\n                ( model, Cmd.none )\n\n        DictationStatusChanged status ->\n            ( { model | status = Just status }, Cmd.none )\n\n        DictationFinished result ->\n            ( { model | status = Just Dictation.Finished, result = result }, Cmd.none )\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions model =\n    if model.hasMicrophone then\n        Events.batch\n            [ Dictation.onStatus DictationStatusChanged\n            , Dictation.onResult DictationFinished\n            , Button.onPress Button.Select SelectPressed\n            , Button.onPress Button.Down DownPressed\n            ]\n\n    else\n        Events.batch []\n\n\nview : Model -> Ui.UiNode\nview model =\n    Ui.toUiNode\n        [ Ui.clear Color.white\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 8, w = 136, h = 20 } \"Dictation demo\"\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 32, w = 136, h = 20 } (statusLabel model.status model.hasMicrophone)\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 56, w = 136, h = 40 } (resultLabel model.result)\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 100, w = 136, h = 40 } \"Select: start Down: stop\"\n        ]\n\n\nstatusLabel : Maybe Dictation.Status -> Bool -> String\nstatusLabel maybeStatus hasMicrophone =\n    if not hasMicrophone then\n        \"No microphone\"\n\n    else\n        case maybeStatus of\n            Nothing ->\n                \"Ready\"\n\n            Just Dictation.Starting ->\n                \"Starting\"\n\n            Just Dictation.Recognizing ->\n                \"Recognizing\"\n\n            Just Dictation.Finished ->\n                \"Finished\"\n\n\nresultLabel : Result Dictation.Error String -> String\nresultLabel result =\n    case result of\n        Ok transcript ->\n            transcript\n\n        Err Dictation.NoMicrophone ->\n            \"No microphone\"\n\n        Err Dictation.PhoneDisconnected ->\n            \"Phone disconnected\"\n\n        Err Dictation.Cancelled ->\n            \"Cancelled\"\n\n        Err (Dictation.Failed detail) ->\n            detail\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.application\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": false,
@@ -194,6 +236,15 @@
       "watch_profile_id": "diorite"
     },
     "revision": "f709b27f1546",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_source": "init_model"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_model": {
       "colorMode": {
         "args": [],
@@ -204,10 +255,13 @@
         "ctor": "Rectangular"
       },
       "hasMicrophone": true,
-      "result": [
-        1,
-        ""
-      ],
+      "result": {
+        "args": [
+          ""
+        ],
+        "ctor": "Ok"
+      },
+      "runtime_view_output_model_sha256": "73f12807580c169139d92b8fcbf0475e2b83c0ee1760432458137b75d7738acf",
       "screenH": 168,
       "screenW": 144,
       "status": {
@@ -223,7 +277,7 @@
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "Dictation demo",
@@ -234,7 +288,7 @@
         "y": 8
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "Ready",
@@ -245,7 +299,18 @@
         "y": 32
       },
       {
-        "font_id": 1,
+        "font_id": 0,
+        "h": 40,
+        "kind": "text",
+        "text": "",
+        "text_align": "center",
+        "text_overflow": "word_wrap",
+        "w": 136,
+        "x": 4,
+        "y": 56
+      },
+      {
+        "font_id": 0,
         "h": 40,
         "kind": "text",
         "text": "Select: start Down: stop",
@@ -259,17 +324,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -283,32 +354,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/watch-demo-drawing-showcase.json b/ide/test/fixtures/debugger_template_corpus/watch-demo-drawing-showcase.json
new file mode 100644
index 00000000..588a5eeb
--- /dev/null
+++ b/ide/test/fixtures/debugger_template_corpus/watch-demo-drawing-showcase.json
@@ -0,0 +1,663 @@
+{
+  "preview_diagnostics": {
+    "render_source": "runtime_view_output",
+    "root_type": "windowStack",
+    "runtime_view_output_kinds": [
+      "clear",
+      "text",
+      "fill_rect",
+      "rect",
+      "line",
+      "circle",
+      "fill_circle",
+      "pixel",
+      "round_rect",
+      "arc",
+      "fill_radial"
+    ],
+    "status": "ok"
+  },
+  "preview_ops": [
+    {
+      "color": 255,
+      "kind": "clear"
+    },
+    {
+      "antialiased": true,
+      "compositing_mode": 0,
+      "font_size": 18,
+      "h": 18,
+      "kind": "text_label",
+      "text": "Primitives 1/8",
+      "text_align": "center",
+      "text_color": null,
+      "text_overflow": "word_wrap",
+      "w": 144,
+      "x": 0,
+      "y": 2
+    },
+    {
+      "antialiased": true,
+      "compositing_mode": 0,
+      "font_size": 14,
+      "h": 14,
+      "kind": "text_label",
+      "text": "Up/Down: page",
+      "text_align": "left",
+      "text_color": null,
+      "text_overflow": "trailing_ellipsis",
+      "w": 136,
+      "x": 4,
+      "y": 152
+    },
+    {
+      "antialiased": true,
+      "compositing_mode": 0,
+      "fill": 234,
+      "fill_color": 234,
+      "h": 128,
+      "kind": "fill_rect",
+      "stroke_color": 234,
+      "stroke_width": 1,
+      "w": 144,
+      "x": 0,
+      "y": 22
+    },
+    {
+      "antialiased": true,
+      "compositing_mode": 0,
+      "fill": 192,
+      "h": 24,
+      "kind": "rect",
+      "stroke_color": 192,
+      "stroke_width": 1,
+      "w": 40,
+      "x": 4,
+      "y": 26
+    },
+    {
+      "antialiased": true,
+      "compositing_mode": 0,
+      "fill": 198,
+      "fill_color": 198,
+      "h": 24,
+      "kind": "fill_rect",
+      "stroke_color": 198,
+      "stroke_width": 1,
+      "w": 36,
+      "x": 50,
+      "y": 26
+    },
+    {
+      "antialiased": true,
+      "color": 240,
+      "compositing_mode": 0,
+      "kind": "line",
+      "stroke_color": 240,
+      "stroke_width": 1,
+      "x1": 92,
+      "x2": 132,
+      "y1": 26,
+      "y2": 50
+    },
+    {
+      "antialiased": true,
+      "color": 192,
+      "compositing_mode": 0,
+      "cx": 24,
+      "cy": 74,
+      "kind": "circle",
+      "r": 10,
+      "stroke_color": 192,
+      "stroke_width": 1
+    },
+    {
+      "antialiased": true,
+      "color": 204,
+      "compositing_mode": 0,
+      "cx": 72,
+      "cy": 74,
+      "fill_color": 204,
+      "kind": "fill_circle",
+      "r": 12,
+      "stroke_color": 204,
+      "stroke_width": 1
+    },
+    {
+      "antialiased": true,
+      "color": 240,
+      "compositing_mode": 0,
+      "kind": "pixel",
+      "stroke_color": 240,
+      "stroke_width": 1,
+      "x": 120,
+      "y": 74
+    },
+    {
+      "antialiased": true,
+      "compositing_mode": 0,
+      "fill": 192,
+      "h": 28,
+      "kind": "round_rect",
+      "radius": 6,
+      "stroke_color": 192,
+      "stroke_width": 1,
+      "w": 56,
+      "x": 4,
+      "y": 94
+    },
+    {
+      "antialiased": true,
+      "compositing_mode": 0,
+      "end_angle": 0,
+      "h": 28,
+      "kind": "arc",
+      "start_angle": 0,
+      "stroke_color": null,
+      "stroke_width": 1,
+      "w": 36,
+      "x": 68,
+      "y": 94
+    },
+    {
+      "antialiased": true,
+      "compositing_mode": 0,
+      "end_angle": 49152,
+      "fill_color": null,
+      "h": 28,
+      "kind": "fill_radial",
+      "start_angle": 0,
+      "stroke_color": null,
+      "stroke_width": 1,
+      "w": 32,
+      "x": 108,
+      "y": 94
+    }
+  ],
+  "preview_ops_sha256": "03119cdf5ddfbb07c5841a90c131700289cb61c3c70e97fd177930d09cff0a19",
+  "render_tree": {
+    "node_count": 16,
+    "node_types": [
+      "arc",
+      "canvasLayer",
+      "circle",
+      "clear",
+      "fillCircle",
+      "fillRadial",
+      "fillRect",
+      "fillRect",
+      "line",
+      "pixel",
+      "rect",
+      "roundRect",
+      "text",
+      "text",
+      "window",
+      "windowStack"
+    ],
+    "root_type": "windowStack",
+    "tree": {
+      "box": {
+        "h": 168,
+        "text": null,
+        "w": 144,
+        "x": 0,
+        "y": 0
+      },
+      "children": [
+        {
+          "children": [
+            {
+              "children": [
+                {
+                  "children": [],
+                  "color": 255,
+                  "kind": "clear",
+                  "label": "clear",
+                  "text": null,
+                  "type": "clear"
+                },
+                {
+                  "bounds": {
+                    "h": 18,
+                    "text": null,
+                    "w": 144,
+                    "x": 0,
+                    "y": 2
+                  },
+                  "children": [],
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Primitives 1/8",
+                  "options": [],
+                  "text": "Primitives 1/8",
+                  "text_align": "center",
+                  "text_overflow": "word_wrap",
+                  "type": "text"
+                },
+                {
+                  "bounds": {
+                    "h": 14,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 152
+                  },
+                  "children": [],
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Up/Down: page",
+                  "options": {
+                    "key": "trailing_ellipsis",
+                    "text": null,
+                    "type": "contextSetting",
+                    "value": {
+                      "key": "align_left",
+                      "text": null,
+                      "type": "contextSetting",
+                      "value": []
+                    }
+                  },
+                  "text": "Up/Down: page",
+                  "text_align": "left",
+                  "text_overflow": "trailing_ellipsis",
+                  "type": "text"
+                },
+                {
+                  "bounds": {
+                    "h": 128,
+                    "text": null,
+                    "w": 144,
+                    "x": 0,
+                    "y": 22
+                  },
+                  "children": [],
+                  "color": 234,
+                  "kind": "fillRect",
+                  "label": "fillRect",
+                  "text": null,
+                  "type": "fillRect"
+                },
+                {
+                  "bounds": {
+                    "h": 24,
+                    "text": null,
+                    "w": 40,
+                    "x": 4,
+                    "y": 26
+                  },
+                  "children": [],
+                  "color": 192,
+                  "kind": "rect",
+                  "label": "rect",
+                  "text": null,
+                  "type": "rect"
+                },
+                {
+                  "bounds": {
+                    "h": 24,
+                    "text": null,
+                    "w": 36,
+                    "x": 50,
+                    "y": 26
+                  },
+                  "children": [],
+                  "color": 198,
+                  "kind": "fillRect",
+                  "label": "fillRect",
+                  "text": null,
+                  "type": "fillRect"
+                },
+                {
+                  "children": [],
+                  "color": 240,
+                  "kind": "line",
+                  "label": "line",
+                  "text": null,
+                  "type": "line",
+                  "x1": 92,
+                  "x2": 132,
+                  "y1": 26,
+                  "y2": 50
+                },
+                {
+                  "children": [],
+                  "color": 192,
+                  "cx": 24,
+                  "cy": 74,
+                  "kind": "circle",
+                  "label": "circle",
+                  "r": 10,
+                  "text": null,
+                  "type": "circle"
+                },
+                {
+                  "children": [],
+                  "color": 204,
+                  "cx": 72,
+                  "cy": 74,
+                  "kind": "fillCircle",
+                  "label": "fillCircle",
+                  "r": 12,
+                  "text": null,
+                  "type": "fillCircle"
+                },
+                {
+                  "children": [],
+                  "color": 240,
+                  "kind": "pixel",
+                  "label": "pixel",
+                  "text": null,
+                  "type": "pixel",
+                  "x": 120,
+                  "y": 74
+                },
+                {
+                  "children": [],
+                  "color": 192,
+                  "h": 28,
+                  "kind": "roundRect",
+                  "label": "roundRect",
+                  "radius": 6,
+                  "text": null,
+                  "type": "roundRect",
+                  "w": 56,
+                  "x": 4,
+                  "y": 94
+                },
+                {
+                  "bounds": {
+                    "h": 28,
+                    "text": null,
+                    "w": 36,
+                    "x": 68,
+                    "y": 94
+                  },
+                  "children": [],
+                  "kind": "arc",
+                  "label": "arc",
+                  "text": null,
+                  "type": "arc"
+                },
+                {
+                  "bounds": {
+                    "h": 28,
+                    "text": null,
+                    "w": 32,
+                    "x": 108,
+                    "y": 94
+                  },
+                  "children": [],
+                  "end_angle": 49152,
+                  "kind": "fillRadial",
+                  "label": "fillRadial",
+                  "start_angle": 0,
+                  "text": null,
+                  "type": "fillRadial"
+                }
+              ],
+              "id": "1",
+              "kind": "canvasLayer",
+              "label": "",
+              "text": null,
+              "type": "canvasLayer"
+            }
+          ],
+          "id": "1",
+          "kind": "window",
+          "label": "",
+          "text": null,
+          "type": "window"
+        }
+      ],
+      "kind": "windowStack",
+      "label": "",
+      "text": null,
+      "type": "windowStack"
+    }
+  },
+  "runtime_model": {
+    "colorMode": {
+      "args": [],
+      "ctor": "Color"
+    },
+    "displayShape": {
+      "args": [],
+      "ctor": "Rectangular"
+    },
+    "pageIndex": 0,
+    "rotationAngle": 0,
+    "runtime_view_output": [],
+    "screenH": 168,
+    "screenW": 144,
+    "timeString": null
+  },
+  "template": "watch-demo-drawing-showcase",
+  "timeline_init_messages": [
+    "init:init"
+  ],
+  "view_tree_type": "windowStack",
+  "watch_model": {
+    "debugger_init_complete": true,
+    "last_source": "module Main exposing (main)\n\nimport Json.Decode as Decode\nimport Pebble.Button as Button\nimport Pebble.Events as Events\nimport Pebble.Frame as Frame\nimport Pebble.Platform as Platform\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\n\n\ntype alias Model =\n    { screenW : Int\n    , screenH : Int\n    , pageIndex : Int\n    , rotationAngle : Int\n    }\n\n\ntype Page\n    = Primitives\n    | Paths\n    | TextPage\n    | StaticBitmap\n    | AnimatedBitmap\n    | StaticVector\n    | AnimatedVector\n    | Combined\n\n\ntype Msg\n    = UpPressed\n    | DownPressed\n    | FrameTick Frame.Frame\n\n\npages : List Page\npages =\n    [ Primitives\n    , Paths\n    , TextPage\n    , StaticBitmap\n    , AnimatedBitmap\n    , StaticVector\n    , AnimatedVector\n    , Combined\n    ]\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit context =\n    ( { screenW = context.screen.width\n      , screenH = context.screen.height\n      , pageIndex = 0\n      , rotationAngle = 0\n      }\n    , Cmd.none\n    )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        UpPressed ->\n            ( { model | pageIndex = prevIndex model.pageIndex }, Cmd.none )\n\n        DownPressed ->\n            ( { model | pageIndex = nextIndex model.pageIndex }, Cmd.none )\n\n        FrameTick _ ->\n            ( { model | rotationAngle = modBy 65536 (model.rotationAngle + 4096) }, Cmd.none )\n\n\nprevIndex : Int -> Int\nprevIndex index =\n    let\n        count =\n            List.length pages\n    in\n    modBy count (index - 1 + count)\n\n\nnextIndex : Int -> Int\nnextIndex index =\n    modBy (List.length pages) (index + 1)\n\n\ncurrentPage : Int -> Page\ncurrentPage index =\n    pages\n        |> List.drop (modBy (List.length pages) index)\n        |> List.head\n        |> Maybe.withDefault Primitives\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    Events.batch\n        [ Button.onPress Button.Up UpPressed\n        , Button.onPress Button.Down DownPressed\n        , Frame.every 33 FrameTick\n        ]\n\n\nview : Model -> Ui.UiNode\nview model =\n    let\n        page =\n            currentPage model.pageIndex\n\n        header =\n            headerOps model page\n    in\n    header\n        ++ pageOps model page\n        |> Ui.toUiNode\n\n\nheaderOps : Model -> Page -> List Ui.RenderOp\nheaderOps model page =\n    [ Ui.clear Color.white\n    , Ui.text Resources.DefaultFont Ui.defaultTextOptions\n        { x = 0, y = 2, w = model.screenW, h = 18 }\n        (pageTitle page ++ \" \" ++ String.fromInt (model.pageIndex + 1) ++ \"/\" ++ String.fromInt (List.length pages))\n        , Ui.text Resources.DefaultFont\n        (Ui.alignLeft Ui.defaultTextOptions |> Ui.trailingEllipsis)\n        { x = 4, y = model.screenH - 16, w = model.screenW - 8, h = 14 }\n        \"Up/Down: page\"\n    ]\n\n\npageTitle : Page -> String\npageTitle page =\n    case page of\n        Primitives ->\n            \"Primitives\"\n\n        Paths ->\n            \"Paths\"\n\n        TextPage ->\n            \"Text\"\n\n        StaticBitmap ->\n            \"Bitmap\"\n\n        AnimatedBitmap ->\n            \"Anim BMP\"\n\n        StaticVector ->\n            \"Vector\"\n\n        AnimatedVector ->\n            \"Anim Vec\"\n\n        Combined ->\n            \"Combined\"\n\n\npageOps : Model -> Page -> List Ui.RenderOp\npageOps model page =\n    case page of\n        Primitives ->\n            primitivesOps model\n\n        Paths ->\n            pathsOps\n\n        TextPage ->\n            textOps model\n\n        StaticBitmap ->\n            staticBitmapOps model\n\n        AnimatedBitmap ->\n            animatedBitmapOps model\n\n        StaticVector ->\n            staticVectorOps model\n\n        AnimatedVector ->\n            animatedVectorOps model\n\n        Combined ->\n            combinedOps model\n\n\ncontentTop : Int\ncontentTop =\n    22\n\n\nprimitivesOps : Model -> List Ui.RenderOp\nprimitivesOps model =\n    let\n        w =\n            model.screenW\n\n        h =\n            model.screenH - contentTop - 18\n    in\n    [ Ui.fillRect { x = 0, y = contentTop, w = w, h = h } Color.lightGray\n    , Ui.rect { x = 4, y = contentTop + 4, w = 40, h = 24 } Color.black\n    , Ui.fillRect { x = 50, y = contentTop + 4, w = 36, h = 24 } Color.cobaltBlue\n    , Ui.line { x = 92, y = contentTop + 4 } { x = 132, y = contentTop + 28 } Color.red\n    , Ui.circle { x = 24, y = contentTop + 52 } 10 Color.black\n    , Ui.fillCircle { x = 72, y = contentTop + 52 } 12 Color.green\n    , Ui.pixel { x = 120, y = contentTop + 52 } Color.red\n    , Ui.roundRect { x = 4, y = contentTop + 72, w = 56, h = 28 } 6 Color.black\n    , Ui.arc { x = 68, y = contentTop + 72, w = 36, h = 28 } 0 32768\n    , Ui.fillRadial { x = 108, y = contentTop + 72, w = 32, h = 28 } 0 49152\n    ]\n\n\npathsOps : List Ui.RenderOp\npathsOps =\n    let\n        y0 =\n            contentTop + 8\n\n        triangle =\n            Ui.path\n                [ { x = 20, y = y0 + 40 }\n                , { x = 60, y = y0 + 40 }\n                , { x = 40, y = y0 }\n                ]\n                { x = 0, y = 0 }\n                (Ui.rotationFromDegrees 0)\n    in\n    [ Ui.group\n        (Ui.context\n            [ Ui.strokeWidth 2\n            , Ui.strokeColor Color.black\n            , Ui.fillColor Color.chromeYellow\n            , Ui.antialiased 1\n            ]\n            [ Ui.pathFilled triangle\n            , Ui.pathOutline triangle\n            , Ui.pathOutlineOpen\n                (Ui.path\n                    [ { x = 80, y = y0 + 10 }\n                    , { x = 120, y = y0 + 10 }\n                    , { x = 100, y = y0 + 44 }\n                    ]\n                    { x = 0, y = 0 }\n                    (Ui.rotationFromDegrees 0)\n                )\n            ]\n        )\n    ]\n\n\ntextOps : Model -> List Ui.RenderOp\ntextOps model =\n    let\n    y0 =\n        contentTop + 4\n  in\n  [ Ui.text Resources.DefaultFont Ui.defaultTextOptions\n      { x = 0, y = y0, w = model.screenW, h = 20 }\n      \"Centered text\"\n  , Ui.text Resources.DefaultFont\n      (Ui.alignLeft Ui.defaultTextOptions)\n      { x = 4, y = y0 + 24, w = model.screenW - 8, h = 20 }\n      \"Left aligned\"\n  , Ui.text Resources.DefaultFont\n      (Ui.alignRight Ui.defaultTextOptions)\n      { x = 4, y = y0 + 48, w = model.screenW - 8, h = 20 }\n      \"Right aligned\"\n  , Ui.textInt Resources.DefaultFont { x = 4, y = y0 + 72 } 42\n  , Ui.textLabel Resources.DefaultFont { x = 4, y = y0 + 96 } Ui.WaitingForCompanion\n  ]\n\n\nstaticBitmapOps : Model -> List Ui.RenderOp\nstaticBitmapOps model =\n    let\n        cx =\n            model.screenW // 2\n\n        cy =\n            (model.screenH + contentTop) // 2\n    in\n    [ Ui.drawBitmapInRect Resources.BitmapStaticBtIcon\n        { x = 8, y = contentTop + 8, w = 30, h = 30 }\n    , Ui.drawRotatedBitmap Resources.BitmapStaticBtIcon\n        { x = 0, y = 0, w = 30, h = 30 }\n        (Ui.rotationFromPebbleAngle model.rotationAngle)\n        { x = cx, y = cy }\n    ]\n\n\nanimatedBitmapOps : Model -> List Ui.RenderOp\nanimatedBitmapOps model =\n    let\n        cx =\n            model.screenW // 2 - 8\n\n        cy =\n            (model.screenH + contentTop) // 2 - 8\n    in\n    [ Ui.drawBitmapSequenceAt Resources.BitmapAnimatedSparkle { x = cx, y = cy } ]\n\n\nstaticVectorOps : Model -> List Ui.RenderOp\nstaticVectorOps model =\n    let\n        origin =\n            iconOrigin model 40\n    in\n    [ Ui.drawVectorAt Resources.VectorStaticWeatherClear origin ]\n\n\nanimatedVectorOps : Model -> List Ui.RenderOp\nanimatedVectorOps model =\n    let\n        origin =\n            iconOrigin model 40\n    in\n    [ Ui.drawVectorSequenceAt Resources.VectorAnimatedTransitionClearToCloudy origin ]\n\n\ncombinedOps : Model -> List Ui.RenderOp\ncombinedOps model =\n    let\n        y0 =\n            contentTop + 4\n    in\n    [ Ui.fillRect { x = 4, y = y0, w = 40, h = 20 } Color.cobaltBlue\n    , Ui.text Resources.DefaultFont\n        (Ui.alignLeft Ui.defaultTextOptions |> Ui.trailingEllipsis)\n        { x = 48, y = y0, w = 88, h = 20 }\n        \"All kinds\"\n    , Ui.drawBitmapInRect Resources.BitmapStaticBtIcon { x = 4, y = y0 + 28, w = 20, h = 20 }\n    , Ui.drawBitmapSequenceAt Resources.BitmapAnimatedSparkle { x = 30, y = y0 + 28 }\n    , Ui.drawVectorAt Resources.VectorStaticWeatherClear { x = 56, y = y0 + 24 }\n    , Ui.drawVectorSequenceAt Resources.VectorAnimatedTransitionClearToCloudy { x = 96, y = y0 + 24 }\n    , Ui.line { x = 4, y = y0 + 56 } { x = model.screenW - 4, y = y0 + 56 } Color.black\n    , Ui.fillCircle { x = model.screenW // 2, y = y0 + 80 } 14 Color.green\n    ]\n\n\niconOrigin : Model -> Int -> Ui.Point\niconOrigin model size =\n    { x = model.screenW // 2 - size // 2\n    , y = (model.screenH + contentTop) // 2 - size // 2\n    }\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.application\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
+    "launch_context": {
+      "has_compass": false,
+      "has_microphone": false,
+      "launch_reason": "LaunchUser",
+      "screen": {
+        "color_mode": "Color",
+        "height": 168,
+        "shape": "Rectangular",
+        "width": 144
+      },
+      "shape": "rect",
+      "supports_health": true,
+      "watch_model": "Basalt",
+      "watch_profile_id": "basalt"
+    },
+    "revision": "1ecdeeee4f33",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_source": "init_model"
+    },
+    "runtime_execution_mode": "runtime_executed",
+    "runtime_model": {
+      "colorMode": {
+        "args": [],
+        "ctor": "Color"
+      },
+      "displayShape": {
+        "args": [],
+        "ctor": "Rectangular"
+      },
+      "pageIndex": 0,
+      "rotationAngle": 0,
+      "runtime_view_output_model_sha256": "153ec8d66071cc71629a1db2f10eb2843265bd4bf920ad144ee54663dbf77b97",
+      "screenH": 168,
+      "screenW": 144
+    },
+    "runtime_model_source": "init_model",
+    "runtime_view_output": [
+      {
+        "color": 255,
+        "kind": "clear",
+        "text": null
+      },
+      {
+        "font_id": 0,
+        "h": 18,
+        "kind": "text",
+        "text": "Primitives 1/8",
+        "text_align": "center",
+        "text_overflow": "word_wrap",
+        "w": 144,
+        "x": 0,
+        "y": 2
+      },
+      {
+        "font_id": 0,
+        "h": 14,
+        "kind": "text",
+        "text": "Up/Down: page",
+        "text_align": "left",
+        "text_overflow": "trailing_ellipsis",
+        "w": 136,
+        "x": 4,
+        "y": 152
+      },
+      {
+        "fill": 234,
+        "h": 128,
+        "kind": "fill_rect",
+        "text": null,
+        "w": 144,
+        "x": 0,
+        "y": 22
+      },
+      {
+        "fill": 192,
+        "h": 24,
+        "kind": "rect",
+        "text": null,
+        "w": 40,
+        "x": 4,
+        "y": 26
+      },
+      {
+        "fill": 198,
+        "h": 24,
+        "kind": "fill_rect",
+        "text": null,
+        "w": 36,
+        "x": 50,
+        "y": 26
+      },
+      {
+        "color": 240,
+        "kind": "line",
+        "text": null,
+        "x1": 92,
+        "x2": 132,
+        "y1": 26,
+        "y2": 50
+      },
+      {
+        "color": 192,
+        "cx": 24,
+        "cy": 74,
+        "kind": "circle",
+        "r": 10,
+        "text": null
+      },
+      {
+        "color": 204,
+        "cx": 72,
+        "cy": 74,
+        "kind": "fill_circle",
+        "r": 12,
+        "text": null
+      },
+      {
+        "color": 240,
+        "kind": "pixel",
+        "text": null,
+        "x": 120,
+        "y": 74
+      },
+      {
+        "fill": 192,
+        "h": 28,
+        "kind": "round_rect",
+        "radius": 6,
+        "text": null,
+        "w": 56,
+        "x": 4,
+        "y": 94
+      },
+      {
+        "end_angle": 0,
+        "h": 28,
+        "kind": "arc",
+        "start_angle": 0,
+        "text": null,
+        "w": 36,
+        "x": 68,
+        "y": 94
+      },
+      {
+        "end_angle": 49152,
+        "h": 28,
+        "kind": "fill_radial",
+        "start_angle": 0,
+        "text": null,
+        "w": 32,
+        "x": 108,
+        "y": 94
+      }
+    ],
+    "screen_height": 168,
+    "screen_width": 144,
+    "simulator_settings": {
+      "calendar_events": [],
+      "storage_values": {},
+      "charging": false,
+      "timezone_id": "Europe/Berlin",
+      "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
+      "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
+      "dictation_error": "",
+      "environment": {
+        "moon": {
+          "moonriseMin": 900,
+          "moonsetMin": 300,
+          "phaseE6": 500000
+        },
+        "sun": {
+          "polarDay": false,
+          "sunriseMin": 420,
+          "sunsetMin": 1200
+        },
+        "tide": null
+      },
+      "timezone_offset_min": 0,
+      "weather": {
+        "condition": "clear",
+        "humidityPercent": 50,
+        "pressureHpa": 1013,
+        "temperatureC": 21,
+        "windKph": 8
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
+    },
+    "source_root": "watch",
+    "status": "idle",
+    "supports_color": true,
+    "timeString": null,
+    "watch_profile_id": "basalt"
+  }
+}
diff --git a/ide/test/fixtures/debugger_template_corpus/watch-demo-health.json b/ide/test/fixtures/debugger_template_corpus/watch-demo-health.json
index 88eb9936..61ed65e4 100644
--- a/ide/test/fixtures/debugger_template_corpus/watch-demo-health.json
+++ b/ide/test/fixtures/debugger_template_corpus/watch-demo-health.json
@@ -33,7 +33,7 @@
       "font_size": 20,
       "h": 20,
       "kind": "text_label",
-      "text": "Now: 4200",
+      "text": "Now: --",
       "text_align": "center",
       "text_color": null,
       "text_overflow": "word_wrap",
@@ -47,7 +47,7 @@
       "font_size": 20,
       "h": 20,
       "kind": "text_label",
-      "text": "Today: 9100",
+      "text": "Today: --",
       "text_align": "center",
       "text_color": null,
       "text_overflow": "word_wrap",
@@ -98,7 +98,7 @@
       "y": 120
     }
   ],
-  "preview_ops_sha256": "3a2481b6c1ff2d4d0dae858a112afaef4c0d1e40b02f95d3f260c4c1d2b476e6",
+  "preview_ops_sha256": "4b0716f9f60b0ecdb5743c352ebc10e292fa03240274878600a407797d4b5cc3",
   "render_tree": {
     "node_count": 10,
     "node_types": [
@@ -136,7 +136,7 @@
                 },
                 {
                   "children": [],
-                  "font_id": 1,
+                  "font_id": 0,
                   "h": 20,
                   "label": "",
                   "text": "Health demo",
@@ -149,10 +149,10 @@
                 },
                 {
                   "children": [],
-                  "font_id": 1,
+                  "font_id": 0,
                   "h": 20,
                   "label": "",
-                  "text": "Now: 4200",
+                  "text": "Now: --",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
                   "type": "text",
@@ -162,10 +162,10 @@
                 },
                 {
                   "children": [],
-                  "font_id": 1,
+                  "font_id": 0,
                   "h": 20,
                   "label": "",
-                  "text": "Today: 9100",
+                  "text": "Today: --",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
                   "type": "text",
@@ -175,7 +175,7 @@
                 },
                 {
                   "children": [],
-                  "font_id": 1,
+                  "font_id": 0,
                   "h": 20,
                   "label": "",
                   "text": "Waiting",
@@ -188,7 +188,7 @@
                 },
                 {
                   "children": [],
-                  "font_id": 1,
+                  "font_id": 0,
                   "h": 20,
                   "label": "",
                   "text": "0",
@@ -201,7 +201,7 @@
                 },
                 {
                   "children": [],
-                  "font_id": 1,
+                  "font_id": 0,
                   "h": 20,
                   "label": "",
                   "text": "Select: refresh",
@@ -231,54 +231,32 @@
     }
   },
   "runtime_model": {
-    "colorMode": {
-      "args": [],
-      "ctor": "Color"
-    },
-    "displayShape": {
-      "args": [],
-      "ctor": "Rectangular"
-    },
     "events": 0,
     "lastEvent": "Waiting",
-    "last_message": "GotStepsToday",
-    "last_operation": "GotStepsToday",
     "refreshes": 0,
     "runtime_view_output": [],
-    "screenH": 168,
-    "screenW": 144,
     "stepsNow": {
-      "args": [
-        4200
-      ],
-      "ctor": "Just"
+      "args": [],
+      "ctor": "Nothing"
     },
     "stepsToday": {
-      "args": [
-        9100
-      ],
-      "ctor": "Just"
+      "args": [],
+      "ctor": "Nothing"
     },
     "supported": {
-      "args": [
-        true
-      ],
-      "ctor": "Just"
+      "args": [],
+      "ctor": "Nothing"
     },
     "timeString": null
   },
   "template": "watch-demo-health",
   "timeline_init_messages": [
-    "update:GotStepsToday 9100",
-    "update:GotStepsNow 4200",
-    "update:GotSupported True",
+    "runtime_exec_error:GotSupported True",
     "init:init"
   ],
   "view_tree_type": "windowStack",
   "watch_model": {
-    "_debugger_steps": 3,
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Json.Decode as Decode\nimport Pebble.Button as Button\nimport Pebble.Events as Events\nimport Pebble.Health as Health\nimport Pebble.Platform as Platform\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\n\n\ntype alias Model =\n    { supported : Maybe Bool\n    , stepsNow : Maybe Int\n    , stepsToday : Maybe Int\n    , events : Int\n    , lastEvent : String\n    , refreshes : Int\n    }\n\n\ntype Msg\n    = SelectPressed\n    | GotSupported Bool\n    | GotStepsNow Int\n    | GotStepsToday Int\n    | HealthEvent Health.Event\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit _ =\n    ( { supported = Nothing\n      , stepsNow = Nothing\n      , stepsToday = Nothing\n      , events = 0\n      , lastEvent = \"Waiting\"\n      , refreshes = 0\n      }\n    , Health.supported GotSupported\n    )\n\n\nrequestHealth : Cmd Msg\nrequestHealth =\n    Cmd.batch\n        [ Health.value Health.StepCount GotStepsNow\n        , Health.sumToday Health.StepCount GotStepsToday\n        ]\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        SelectPressed ->\n            case model.supported of\n                Just True ->\n                    ( { model | refreshes = model.refreshes + 1 }, requestHealth )\n\n                _ ->\n                    ( { model | refreshes = model.refreshes + 1 }, Health.supported GotSupported )\n\n        GotSupported True ->\n            ( { model | supported = Just True }, requestHealth )\n\n        GotSupported False ->\n            ( { model | supported = Just False }, Cmd.none )\n\n        GotStepsNow value ->\n            ( { model | stepsNow = Just value }, Cmd.none )\n\n        GotStepsToday value ->\n            ( { model | stepsToday = Just value }, Cmd.none )\n\n        HealthEvent event ->\n            ( { model\n                | events = model.events + 1\n                , lastEvent = healthEventLabel event\n              }\n            , Cmd.none\n            )\n\n\nhealthEventLabel : Health.Event -> String\nhealthEventLabel event =\n    case event of\n        Health.SignificantUpdate ->\n            \"Significant\"\n\n        Health.MovementUpdate ->\n            \"Movement\"\n\n        Health.SleepUpdate ->\n            \"Sleep\"\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions model =\n    case model.supported of\n        Just False ->\n            Events.batch [ Button.onPress Button.Select SelectPressed ]\n\n        _ ->\n            Events.batch\n                [ Health.onEvent HealthEvent\n                , Button.onPress Button.Select SelectPressed\n                ]\n\n\nview : Model -> Ui.UiNode\nview model =\n    Ui.toUiNode\n        (Ui.clear Color.white\n            :: Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 8, w = 136, h = 20 } \"Health demo\"\n            :: bodyLines model\n        )\n\n\nbodyLines : Model -> List Ui.RenderOp\nbodyLines model =\n    case model.supported of\n        Just False ->\n            [ Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 40, w = 136, h = 40 } \"Health API not supported on this watch\"\n            , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 120, w = 136, h = 20 } \"Select: recheck\"\n            ]\n\n        _ ->\n            [ Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 32, w = 136, h = 20 } (\"Now: \" ++ intLabel model.stepsNow)\n            , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 52, w = 136, h = 20 } (\"Today: \" ++ intLabel model.stepsToday)\n            , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 76, w = 136, h = 20 } model.lastEvent\n            , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 96, w = 136, h = 20 } (String.fromInt model.events)\n            , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 120, w = 136, h = 20 } \"Select: refresh\"\n            ]\n\n\nintLabel : Maybe Int -> String\nintLabel maybeValue =\n    case maybeValue of\n        Nothing ->\n            \"--\"\n\n        Just value ->\n            String.fromInt value\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.application\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": false,
@@ -296,59 +274,38 @@
       "watch_profile_id": "basalt"
     },
     "revision": "33912e124781",
-    "runtime_known_messages": [
-      "SelectPressed",
-      "GotSupported",
-      "GotStepsNow",
-      "GotStepsToday",
-      "HealthEvent"
-    ],
-    "runtime_message_cursor": 3,
-    "runtime_message_source": "device_data",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_entry_count": 6,
+      "runtime_model_sha256": "9da4d3e4a55b1c3b4bfbc73828ff73b778ffc5cfbf8ba9ef0b724da6a5bb8093",
+      "runtime_model_source": "init_model",
+      "view_tree_node_count": 10,
+      "view_tree_sha256": "d781268b74fccdf7e3e2b4534c125e2a97aa5d11bc3899e50ec3edc2c9425a93"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_model": {
-      "colorMode": {
-        "args": [],
-        "ctor": "Color"
-      },
-      "displayShape": {
-        "args": [],
-        "ctor": "Rectangular"
-      },
       "events": 0,
       "lastEvent": "Waiting",
-      "last_message": "GotStepsToday",
-      "last_operation": "GotStepsToday",
       "refreshes": 0,
-      "screenH": 168,
-      "screenW": 144,
+      "runtime_view_output_model_sha256": "cca99bab419e90631307ead300180770e9f512724e18ccc258474fa3a0156236",
       "stepsNow": {
-        "args": [
-          4200
-        ],
-        "ctor": "Just"
+        "args": [],
+        "ctor": "Nothing"
       },
       "stepsToday": {
-        "args": [
-          9100
-        ],
-        "ctor": "Just"
+        "args": [],
+        "ctor": "Nothing"
       },
       "supported": {
-        "args": [
-          true
-        ],
-        "ctor": "Just"
+        "args": [],
+        "ctor": "Nothing"
       }
     },
-    "runtime_model_source": "step_message",
-    "runtime_update_branches": [
-      "SelectPressed",
-      "GotSupported True",
-      "GotSupported False",
-      "GotStepsNow value",
-      "GotStepsToday value",
-      "HealthEvent event"
-    ],
+    "runtime_model_source": "init_model",
     "runtime_view_output": [
       {
         "color": 255,
@@ -356,7 +313,7 @@
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "Health demo",
@@ -367,10 +324,10 @@
         "y": 8
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
-        "text": "Now: 4200",
+        "text": "Now: --",
         "text_align": "center",
         "text_overflow": "word_wrap",
         "w": 136,
@@ -378,10 +335,10 @@
         "y": 32
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
-        "text": "Today: 9100",
+        "text": "Today: --",
         "text_align": "center",
         "text_overflow": "word_wrap",
         "w": 136,
@@ -389,7 +346,7 @@
         "y": 52
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "Waiting",
@@ -400,7 +357,7 @@
         "y": 76
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "0",
@@ -411,7 +368,7 @@
         "y": 96
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "Select: refresh",
@@ -425,17 +382,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -449,32 +412,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/watch-demo-light.json b/ide/test/fixtures/debugger_template_corpus/watch-demo-light.json
index b2007e76..49c3a9b5 100644
--- a/ide/test/fixtures/debugger_template_corpus/watch-demo-light.json
+++ b/ide/test/fixtures/debugger_template_corpus/watch-demo-light.json
@@ -100,75 +100,99 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 8
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Light demo",
+                  "options": [],
                   "text": "Light demo",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 8
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 36
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Interaction",
+                  "options": [],
                   "text": "Interaction",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 36
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 64
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "0",
+                  "options": [],
                   "text": "0",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 64
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 40,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 92
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 40,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Up/Down: mode Select: apply",
+                  "options": [],
                   "text": "Up/Down: mode Select: apply",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 92
+                  "type": "text"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
@@ -197,7 +221,6 @@
   "view_tree_type": "windowStack",
   "watch_model": {
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Json.Decode as Decode\nimport Pebble.Button as Button\nimport Pebble.Events as Events\nimport Pebble.Light as Light\nimport Pebble.Platform as Platform\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\n\n\ntype alias Model =\n    { modeIndex : Int\n    , applies : Int\n    }\n\n\ntype Msg\n    = UpPressed\n    | SelectPressed\n    | DownPressed\n\n\nmodes : List ( String, Cmd Msg )\nmodes =\n    [ ( \"Interaction\", Light.interaction )\n    , ( \"Enable\", Light.enable )\n    , ( \"Disable\", Light.disable )\n    ]\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit _ =\n    ( { modeIndex = 0, applies = 0 }, Cmd.none )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        UpPressed ->\n            ( { model | modeIndex = prevIndex model.modeIndex }, Cmd.none )\n\n        DownPressed ->\n            ( { model | modeIndex = nextIndex model.modeIndex }, Cmd.none )\n\n        SelectPressed ->\n            applyMode { model | applies = model.applies + 1 }\n\n\napplyMode : Model -> ( Model, Cmd Msg )\napplyMode model =\n    case currentMode model.modeIndex of\n        ( _, cmd ) ->\n            ( model, cmd )\n\n\ncurrentMode : Int -> ( String, Cmd Msg )\ncurrentMode index =\n    let\n        count =\n            List.length modes\n\n        normalized =\n            modBy count (index + count)\n    in\n    modes\n        |> List.drop normalized\n        |> List.head\n        |> Maybe.withDefault ( \"Interaction\", Light.interaction )\n\n\nprevIndex : Int -> Int\nprevIndex index =\n    modBy (List.length modes) (index - 1 + List.length modes)\n\n\nnextIndex : Int -> Int\nnextIndex index =\n    modBy (List.length modes) (index + 1)\n\n\nmodeLabel : Model -> String\nmodeLabel model =\n    Tuple.first (currentMode model.modeIndex)\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    Events.batch\n        [ Button.onPress Button.Up UpPressed\n        , Button.onPress Button.Select SelectPressed\n        , Button.onPress Button.Down DownPressed\n        ]\n\n\nview : Model -> Ui.UiNode\nview model =\n    Ui.toUiNode\n        [ Ui.clear Color.white\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 8, w = 136, h = 20 } \"Light demo\"\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 36, w = 136, h = 20 } (modeLabel model)\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 64, w = 136, h = 20 } (String.fromInt model.applies)\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 92, w = 136, h = 40 } \"Up/Down: mode Select: apply\"\n        ]\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.application\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": true,
@@ -215,6 +238,15 @@
       "watch_profile_id": "aplite"
     },
     "revision": "7aa7185bce76",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_source": "init_model"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_model": {
       "applies": 0,
       "colorMode": {
@@ -226,6 +258,7 @@
         "ctor": "Rectangular"
       },
       "modeIndex": 0,
+      "runtime_view_output_model_sha256": "e8c3f58b6bd3de8e7974cefddbad7bc06a16127ac988bb7a6c8b9376baf0ccbe",
       "screenH": 168,
       "screenW": 144
     },
@@ -237,7 +270,7 @@
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "Light demo",
@@ -248,7 +281,7 @@
         "y": 8
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "Interaction",
@@ -259,7 +292,7 @@
         "y": 36
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "0",
@@ -270,7 +303,7 @@
         "y": 64
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 40,
         "kind": "text",
         "text": "Up/Down: mode Select: apply",
@@ -284,17 +317,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -308,32 +347,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/watch-demo-vibes.json b/ide/test/fixtures/debugger_template_corpus/watch-demo-vibes.json
index 4bc69d55..a080a387 100644
--- a/ide/test/fixtures/debugger_template_corpus/watch-demo-vibes.json
+++ b/ide/test/fixtures/debugger_template_corpus/watch-demo-vibes.json
@@ -100,75 +100,99 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 8
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Vibes pattern",
+                  "options": [],
                   "text": "Vibes pattern",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 8
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 36
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Short-long",
+                  "options": [],
                   "text": "Short-long",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 36
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 20,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 64
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 20,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "0",
+                  "options": [],
                   "text": "0",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 64
+                  "type": "text"
                 },
                 {
+                  "bounds": {
+                    "h": 40,
+                    "text": null,
+                    "w": 136,
+                    "x": 4,
+                    "y": 92
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 40,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "Up/Down: pattern Select: play",
+                  "options": [],
                   "text": "Up/Down: pattern Select: play",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 136,
-                  "x": 4,
-                  "y": 92
+                  "type": "text"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
@@ -197,7 +221,6 @@
   "view_tree_type": "windowStack",
   "watch_model": {
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Json.Decode as Decode\nimport Pebble.Button as Button\nimport Pebble.Events as Events\nimport Pebble.Platform as Platform\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\nimport Pebble.Vibes as Vibes\n\n\ntype alias Model =\n    { patternIndex : Int\n    , presses : Int\n    }\n\n\ntype Msg\n    = UpPressed\n    | SelectPressed\n    | DownPressed\n\n\npatterns : List ( String, List Int )\npatterns =\n    [ ( \"Short-long\", [ 100, 50, 300 ] )\n    , ( \"SOS\", [ 100, 100, 100, 100, 100, 300, 300, 300, 100, 100, 100 ] )\n    , ( \"Heartbeat\", [ 80, 80, 80, 200, 80, 80, 80, 400 ] )\n    ]\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit _ =\n    ( { patternIndex = 0, presses = 0 }, Cmd.none )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        UpPressed ->\n            playPattern { model | patternIndex = prevIndex model.patternIndex }\n\n        SelectPressed ->\n            playPattern { model | presses = model.presses + 1 }\n\n        DownPressed ->\n            playPattern { model | patternIndex = nextIndex model.patternIndex }\n\n\nplayPattern : Model -> ( Model, Cmd Msg )\nplayPattern model =\n    case currentPattern model.patternIndex of\n        ( _, segments ) ->\n            ( model, Vibes.pattern segments )\n\n\ncurrentPattern : Int -> ( String, List Int )\ncurrentPattern index =\n    let\n        count =\n            List.length patterns\n\n        normalized =\n            modBy count (index + count)\n    in\n    patterns\n        |> List.drop normalized\n        |> List.head\n        |> Maybe.withDefault ( \"Pulse\", [ 200 ] )\n\n\nprevIndex : Int -> Int\nprevIndex index =\n    modBy (List.length patterns) (index - 1 + List.length patterns)\n\n\nnextIndex : Int -> Int\nnextIndex index =\n    modBy (List.length patterns) (index + 1)\n\n\npatternLabel : Model -> String\npatternLabel model =\n    Tuple.first (currentPattern model.patternIndex)\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    Events.batch\n        [ Button.onPress Button.Up UpPressed\n        , Button.onPress Button.Select SelectPressed\n        , Button.onPress Button.Down DownPressed\n        ]\n\n\nview : Model -> Ui.UiNode\nview model =\n    Ui.toUiNode\n        [ Ui.clear Color.white\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 8, w = 136, h = 20 } \"Vibes pattern\"\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 36, w = 136, h = 20 } (patternLabel model)\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 64, w = 136, h = 20 } (String.fromInt model.presses)\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 92, w = 136, h = 40 } \"Up/Down: pattern Select: play\"\n        ]\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.application\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": true,
@@ -215,6 +238,15 @@
       "watch_profile_id": "aplite"
     },
     "revision": "20266e728bdd",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_source": "init_model"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_model": {
       "colorMode": {
         "args": [],
@@ -226,6 +258,7 @@
       },
       "patternIndex": 0,
       "presses": 0,
+      "runtime_view_output_model_sha256": "a5568ca83ef594c1b82ce0d93f222507b97150ecee7c125776c774e345ba6b77",
       "screenH": 168,
       "screenW": 144
     },
@@ -237,7 +270,7 @@
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "Vibes pattern",
@@ -248,7 +281,7 @@
         "y": 8
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "Short-long",
@@ -259,7 +292,7 @@
         "y": 36
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "0",
@@ -270,7 +303,7 @@
         "y": 64
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 40,
         "kind": "text",
         "text": "Up/Down: pattern Select: play",
@@ -284,17 +317,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -308,32 +347,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/watch-demo-watch-info.json b/ide/test/fixtures/debugger_template_corpus/watch-demo-watch-info.json
index 70e588af..602ad651 100644
--- a/ide/test/fixtures/debugger_template_corpus/watch-demo-watch-info.json
+++ b/ide/test/fixtures/debugger_template_corpus/watch-demo-watch-info.json
@@ -136,7 +136,7 @@
                 },
                 {
                   "children": [],
-                  "font_id": 1,
+                  "font_id": 0,
                   "h": 20,
                   "label": "",
                   "text": "WatchInfo demo",
@@ -149,7 +149,7 @@
                 },
                 {
                   "children": [],
-                  "font_id": 1,
+                  "font_id": 0,
                   "h": 20,
                   "label": "",
                   "text": "Original",
@@ -162,7 +162,7 @@
                 },
                 {
                   "children": [],
-                  "font_id": 1,
+                  "font_id": 0,
                   "h": 20,
                   "label": "",
                   "text": "Black",
@@ -175,7 +175,7 @@
                 },
                 {
                   "children": [],
-                  "font_id": 1,
+                  "font_id": 0,
                   "h": 20,
                   "label": "",
                   "text": "4.4.0",
@@ -188,7 +188,7 @@
                 },
                 {
                   "children": [],
-                  "font_id": 1,
+                  "font_id": 0,
                   "h": 20,
                   "label": "",
                   "text": "0",
@@ -201,7 +201,7 @@
                 },
                 {
                   "children": [],
-                  "font_id": 1,
+                  "font_id": 0,
                   "h": 20,
                   "label": "",
                   "text": "Select: refresh",
@@ -240,14 +240,6 @@
       ],
       "ctor": "Just"
     },
-    "colorMode": {
-      "args": [],
-      "ctor": "BlackWhite"
-    },
-    "displayShape": {
-      "args": [],
-      "ctor": "Rectangular"
-    },
     "firmware": {
       "args": [
         {
@@ -258,9 +250,6 @@
       ],
       "ctor": "Just"
     },
-    "firmware_version": "v4.4.0-sim",
-    "last_message": "GotFirmware",
-    "last_operation": "GotFirmware",
     "model": {
       "args": [
         {
@@ -272,8 +261,6 @@
     },
     "refreshes": 0,
     "runtime_view_output": [],
-    "screenH": 168,
-    "screenW": 144,
     "timeString": null
   },
   "template": "watch-demo-watch-info",
@@ -285,9 +272,7 @@
   ],
   "view_tree_type": "windowStack",
   "watch_model": {
-    "_debugger_steps": 3,
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Json.Decode as Decode\nimport Pebble.Button as Button\nimport Pebble.Events as Events\nimport Pebble.Platform as Platform\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\nimport Pebble.WatchInfo as WatchInfo\n\n\ntype alias Model =\n    { model : Maybe WatchInfo.WatchModel\n    , color : Maybe WatchInfo.WatchColor\n    , firmware : Maybe WatchInfo.FirmwareVersion\n    , refreshes : Int\n    }\n\n\ntype Msg\n    = SelectPressed\n    | GotModel WatchInfo.WatchModel\n    | GotColor WatchInfo.WatchColor\n    | GotFirmware WatchInfo.FirmwareVersion\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit _ =\n    ( { model = Nothing, color = Nothing, firmware = Nothing, refreshes = 0 }, requestInfo )\n\n\nrequestInfo : Cmd Msg\nrequestInfo =\n    Cmd.batch\n        [ WatchInfo.getModel GotModel\n        , WatchInfo.getColor GotColor\n        , WatchInfo.getFirmwareVersion GotFirmware\n        ]\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        SelectPressed ->\n            ( { model | refreshes = model.refreshes + 1 }, requestInfo )\n\n        GotModel value ->\n            ( { model | model = Just value }, Cmd.none )\n\n        GotColor value ->\n            ( { model | color = Just value }, Cmd.none )\n\n        GotFirmware value ->\n            ( { model | firmware = Just value }, Cmd.none )\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    Events.batch [ Button.onPress Button.Select SelectPressed ]\n\n\nview : Model -> Ui.UiNode\nview model =\n    Ui.toUiNode\n        [ Ui.clear Color.white\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 8, w = 136, h = 20 } \"WatchInfo demo\"\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 32, w = 136, h = 20 } (maybeLabel model.model watchModelLabel)\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 52, w = 136, h = 20 } (maybeLabel model.color watchColorLabel)\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 72, w = 136, h = 20 } (maybeLabel model.firmware firmwareLabel)\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 96, w = 136, h = 20 } (String.fromInt model.refreshes)\n        , Ui.text Resources.DefaultFont Ui.defaultTextOptions { x = 4, y = 120, w = 136, h = 20 } \"Select: refresh\"\n        ]\n\n\nmaybeLabel : Maybe a -> (a -> String) -> String\nmaybeLabel maybeValue toLabel =\n    case maybeValue of\n        Nothing ->\n            \"--\"\n\n        Just value ->\n            toLabel value\n\n\nwatchModelLabel : WatchInfo.WatchModel -> String\nwatchModelLabel watchModel =\n    case watchModel of\n        WatchInfo.PebbleOriginal ->\n            \"Original\"\n\n        WatchInfo.PebbleSteel ->\n            \"Steel\"\n\n        WatchInfo.PebbleTime ->\n            \"Time\"\n\n        WatchInfo.PebbleTimeSteel ->\n            \"Time Steel\"\n\n        WatchInfo.PebbleTimeRound14 ->\n            \"Round 14\"\n\n        WatchInfo.PebbleTimeRound20 ->\n            \"Round 20\"\n\n        WatchInfo.Pebble2Hr ->\n            \"Pebble 2 HR\"\n\n        WatchInfo.Pebble2Se ->\n            \"Pebble 2 SE\"\n\n        WatchInfo.PebbleTime2 ->\n            \"Time 2\"\n\n        WatchInfo.UnknownModel ->\n            \"Unknown\"\n\n        _ ->\n            \"Core device\"\n\n\nwatchColorLabel : WatchInfo.WatchColor -> String\nwatchColorLabel watchColor =\n    case watchColor of\n        WatchInfo.Black ->\n            \"Black\"\n\n        WatchInfo.White ->\n            \"White\"\n\n        WatchInfo.Red ->\n            \"Red\"\n\n        WatchInfo.Blue ->\n            \"Blue\"\n\n        WatchInfo.Green ->\n            \"Green\"\n\n        WatchInfo.StainlessSteel ->\n            \"Steel\"\n\n        WatchInfo.TimeBlack ->\n            \"Time black\"\n\n        WatchInfo.TimeWhite ->\n            \"Time white\"\n\n        WatchInfo.UnknownColor ->\n            \"Unknown\"\n\n        _ ->\n            \"Color variant\"\n\n\nfirmwareLabel : WatchInfo.FirmwareVersion -> String\nfirmwareLabel version =\n    String.fromInt version.major\n        ++ \".\"\n        ++ String.fromInt version.minor\n        ++ \".\"\n        ++ String.fromInt version.patch\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.application\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": true,
@@ -305,6 +290,19 @@
       "watch_profile_id": "aplite"
     },
     "revision": "66d6037c6245",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_entry_count": 4,
+      "runtime_model_sha256": "70fef460594670bb8910e3308ee9d2cae0c2dd895204828b5db35b0d202591f6",
+      "runtime_model_source": "step_message",
+      "view_tree_node_count": 11,
+      "view_tree_sha256": "09a9ac358b433b2075ce3fb05b370870c0a546ea54bea22026334d4e48bf7d8d"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_known_messages": [
       "SelectPressed",
       "GotModel",
@@ -323,14 +321,6 @@
         ],
         "ctor": "Just"
       },
-      "colorMode": {
-        "args": [],
-        "ctor": "BlackWhite"
-      },
-      "displayShape": {
-        "args": [],
-        "ctor": "Rectangular"
-      },
       "firmware": {
         "args": [
           {
@@ -341,9 +331,6 @@
         ],
         "ctor": "Just"
       },
-      "firmware_version": "v4.4.0-sim",
-      "last_message": "GotFirmware",
-      "last_operation": "GotFirmware",
       "model": {
         "args": [
           {
@@ -354,8 +341,7 @@
         "ctor": "Just"
       },
       "refreshes": 0,
-      "screenH": 168,
-      "screenW": 144
+      "runtime_view_output_model_sha256": "1727aa9340fd4fcf15fab8414507b161719e0d6ffeb49425bc49153d9f687d36"
     },
     "runtime_model_source": "step_message",
     "runtime_update_branches": [
@@ -371,7 +357,7 @@
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "WatchInfo demo",
@@ -382,7 +368,7 @@
         "y": 8
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "Original",
@@ -393,7 +379,7 @@
         "y": 32
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "Black",
@@ -404,7 +390,7 @@
         "y": 52
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "4.4.0",
@@ -415,7 +401,7 @@
         "y": 72
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "0",
@@ -426,7 +412,7 @@
         "y": 96
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 20,
         "kind": "text",
         "text": "Select: refresh",
@@ -440,17 +426,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -464,32 +456,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/watchface-analog.json b/ide/test/fixtures/debugger_template_corpus/watchface-analog.json
index a5054fd0..7fa16155 100644
--- a/ide/test/fixtures/debugger_template_corpus/watchface-analog.json
+++ b/ide/test/fixtures/debugger_template_corpus/watchface-analog.json
@@ -138,7 +138,8 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
@@ -147,7 +148,8 @@
                   "color": 192,
                   "cx": 72,
                   "cy": 84,
-                  "label": "",
+                  "kind": "circle",
+                  "label": "circle",
                   "r": 58,
                   "text": null,
                   "type": "circle"
@@ -155,7 +157,8 @@
                 {
                   "children": [],
                   "color": 192,
-                  "label": "",
+                  "kind": "pixel",
+                  "label": "pixel",
                   "text": null,
                   "type": "pixel",
                   "x": 72,
@@ -164,7 +167,8 @@
                 {
                   "children": [],
                   "color": 192,
-                  "label": "",
+                  "kind": "pixel",
+                  "label": "pixel",
                   "text": null,
                   "type": "pixel",
                   "x": 130,
@@ -173,7 +177,8 @@
                 {
                   "children": [],
                   "color": 192,
-                  "label": "",
+                  "kind": "pixel",
+                  "label": "pixel",
                   "text": null,
                   "type": "pixel",
                   "x": 72,
@@ -182,7 +187,8 @@
                 {
                   "children": [],
                   "color": 192,
-                  "label": "",
+                  "kind": "pixel",
+                  "label": "pixel",
                   "text": null,
                   "type": "pixel",
                   "x": 14,
@@ -191,7 +197,8 @@
                 {
                   "children": [],
                   "color": 192,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 72,
@@ -202,7 +209,8 @@
                 {
                   "children": [],
                   "color": 192,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 72,
@@ -215,41 +223,35 @@
                   "color": 192,
                   "cx": 72,
                   "cy": 84,
-                  "label": "",
+                  "kind": "fillCircle",
+                  "label": "fillCircle",
                   "r": 4,
                   "text": null,
                   "type": "fillCircle"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
     }
   },
   "runtime_model": {
-    "colorMode": {
-      "args": [],
-      "ctor": "BlackWhite"
-    },
-    "displayShape": {
-      "args": [],
-      "ctor": "Rectangular"
-    },
     "hour": 8,
-    "last_message": "CurrentDateTime",
-    "last_operation": "CurrentDateTime",
     "minute": 53,
     "runtime_view_output": [],
     "screenH": 168,
@@ -263,9 +265,7 @@
   ],
   "view_tree_type": "windowStack",
   "watch_model": {
-    "_debugger_steps": 1,
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Pebble.Events as PebbleEvents\nimport Pebble.Platform as PebblePlatform\nimport Pebble.Ui as PebbleUi\nimport Pebble.Ui.Color as PebbleColor\nimport Pebble.Cmd as PebbleCmd\nimport Json.Decode as Decode\n\n\ntype alias Model =\n    { hour : Int\n    , minute : Int\n    , screenW : Int\n    , screenH : Int\n    }\n\n\ntype Msg\n    = CurrentDateTime PebbleCmd.CurrentDateTime\n    | HourChanged Int\n    | MinuteChanged Int\n\n\ninit : PebblePlatform.LaunchContext -> ( Model, Cmd Msg )\ninit context =\n    ( { hour = 12\n      , minute = 0\n      , screenW = context.screen.width\n      , screenH = context.screen.height\n      }\n    , PebbleCmd.getCurrentDateTime CurrentDateTime\n    )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        CurrentDateTime value ->\n            ( { model\n                | hour = value.hour\n                , minute = value.minute\n              }\n            , Cmd.none\n            )\n\n        HourChanged hour ->\n            ( { model | hour = hour }, Cmd.none )\n\n        MinuteChanged minute ->\n            ( { model | minute = minute }, Cmd.none )\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    PebbleEvents.batch\n        [ PebbleEvents.onHourChange HourChanged\n        , PebbleEvents.onMinuteChange MinuteChanged\n        ]\n\n\nview : Model -> PebbleUi.UiNode\nview model =\n    let\n        centerX =\n            model.screenW // 2\n\n        centerY =\n            model.screenH // 2\n\n        radius =\n            max 22 ((min model.screenW model.screenH // 2) - 14)\n\n        minuteRadius =\n            (radius * 86) // 100\n\n        hourRadius =\n            (radius * 62) // 100\n\n        minuteIndex =\n            modBy 12 (model.minute // 5)\n\n        hourIndex =\n            modBy 12 (model.hour + (model.minute // 30))\n\n        minuteX =\n            handX centerX minuteRadius minuteIndex\n\n        minuteY =\n            handY centerY minuteRadius minuteIndex\n\n        hourX =\n            handX centerX hourRadius hourIndex\n\n        hourY =\n            handY centerY hourRadius hourIndex\n\n        markerTopX =\n            handX centerX radius 0\n\n        markerTopY =\n            handY centerY radius 0\n\n        markerRightX =\n            handX centerX radius 3\n\n        markerRightY =\n            handY centerY radius 3\n\n        markerBottomX =\n            handX centerX radius 6\n\n        markerBottomY =\n            handY centerY radius 6\n\n        markerLeftX =\n            handX centerX radius 9\n\n        markerLeftY =\n            handY centerY radius 9\n    in\n    PebbleUi.windowStack\n        [ PebbleUi.window 1\n            [ PebbleUi.canvasLayer 1\n                [ PebbleUi.clear PebbleColor.white\n                , PebbleUi.circle { x = centerX, y = centerY } radius PebbleColor.black\n                , markerPixel markerTopX markerTopY\n                , markerPixel markerRightX markerRightY\n                , markerPixel markerBottomX markerBottomY\n                , markerPixel markerLeftX markerLeftY\n                , PebbleUi.line { x = centerX, y = centerY } { x = hourX, y = hourY } PebbleColor.black\n                , PebbleUi.line { x = centerX, y = centerY } { x = minuteX, y = minuteY } PebbleColor.black\n                , PebbleUi.fillCircle { x = centerX, y = centerY } 4 PebbleColor.black\n                ]\n            ]\n        ]\n\n\nmarkerPixel : Int -> Int -> PebbleUi.RenderOp\nmarkerPixel x y =\n    PebbleUi.pixel { x = x, y = y } PebbleColor.black\n\n\nhandX : Int -> Int -> Int -> Int\nhandX centerX handRadius index =\n    centerX + ((unit12X index * handRadius) // 1000)\n\n\nhandY : Int -> Int -> Int -> Int\nhandY centerY handRadius index =\n    centerY + ((unit12Y index * handRadius) // 1000)\n\n\nunit12X : Int -> Int\nunit12X index =\n    case modBy 12 index of\n        0 ->\n            0\n\n        1 ->\n            500\n\n        2 ->\n            866\n\n        3 ->\n            1000\n\n        4 ->\n            866\n\n        5 ->\n            500\n\n        6 ->\n            0\n\n        7 ->\n            -500\n\n        8 ->\n            -866\n\n        9 ->\n            -1000\n\n        10 ->\n            -866\n\n        _ ->\n            -500\n\n\nunit12Y : Int -> Int\nunit12Y index =\n    case modBy 12 index of\n        0 ->\n            -1000\n\n        1 ->\n            -866\n\n        2 ->\n            -500\n\n        3 ->\n            0\n\n        4 ->\n            500\n\n        5 ->\n            866\n\n        6 ->\n            1000\n\n        7 ->\n            866\n\n        8 ->\n            500\n\n        9 ->\n            0\n\n        10 ->\n            -500\n\n        _ ->\n            -866\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    PebblePlatform.watchface\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": true,
@@ -283,6 +283,19 @@
       "watch_profile_id": "aplite"
     },
     "revision": "58449c92307e",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_entry_count": 4,
+      "runtime_model_sha256": "f0b9058c882f8b952a382474474d5ab70612ffe599efbf659fcaa1c727375cca",
+      "runtime_model_source": "step_message",
+      "view_tree_node_count": 13,
+      "view_tree_sha256": "fbb47c2892fb7056de333c97bd2fe18b3822551f1aff6d118209ea55fea9bf65"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_known_messages": [
       "CurrentDateTime",
       "HourChanged",
@@ -291,18 +304,9 @@
     "runtime_message_cursor": 1,
     "runtime_message_source": "init_device_data",
     "runtime_model": {
-      "colorMode": {
-        "args": [],
-        "ctor": "BlackWhite"
-      },
-      "displayShape": {
-        "args": [],
-        "ctor": "Rectangular"
-      },
       "hour": 8,
-      "last_message": "CurrentDateTime",
-      "last_operation": "CurrentDateTime",
       "minute": 53,
+      "runtime_view_output_model_sha256": "584fcd9f31d7b5bf52259ab6b9eac52d5804b7159052d458f725aee9431050a3",
       "screenH": 168,
       "screenW": 144
     },
@@ -384,17 +388,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -408,32 +418,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/watchface-digital.json b/ide/test/fixtures/debugger_template_corpus/watchface-digital.json
index c5c0abc4..d102cf61 100644
--- a/ide/test/fixtures/debugger_template_corpus/watchface-digital.json
+++ b/ide/test/fixtures/debugger_template_corpus/watchface-digital.json
@@ -70,15 +70,17 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
                 {
                   "children": [],
-                  "fill": 192,
+                  "color": 192,
                   "h": 70,
-                  "label": "",
+                  "kind": "roundRect",
+                  "label": "roundRect",
                   "radius": 8,
                   "text": null,
                   "type": "roundRect",
@@ -87,47 +89,54 @@
                   "y": 49
                 },
                 {
+                  "bounds": {
+                    "h": 52,
+                    "text": null,
+                    "w": 122,
+                    "x": 11,
+                    "y": 58
+                  },
                   "children": [],
-                  "font_id": 1,
-                  "h": 52,
-                  "label": "",
+                  "font": "DefaultFont",
+                  "kind": "text",
+                  "label": "08:53",
+                  "options": {
+                    "key": "align_center",
+                    "text": null,
+                    "type": "contextSetting",
+                    "value": []
+                  },
                   "text": "<TIME>",
                   "text_align": "center",
                   "text_overflow": "word_wrap",
-                  "type": "text",
-                  "w": 122,
-                  "x": 11,
-                  "y": 58
+                  "type": "text"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
     }
   },
   "runtime_model": {
-    "colorMode": {
-      "args": [],
-      "ctor": "BlackWhite"
-    },
     "displayShape": {
       "args": [],
       "ctor": "Rectangular"
     },
-    "last_message": "CurrentTimeString",
-    "last_operation": "CurrentTimeString",
     "runtime_view_output": [],
     "screenH": 168,
     "screenW": 144,
@@ -140,9 +149,7 @@
   ],
   "view_tree_type": "windowStack",
   "watch_model": {
-    "_debugger_steps": 1,
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Pebble.Events as PebbleEvents\nimport Pebble.Platform as PebblePlatform\nimport Pebble.Ui as PebbleUi\nimport Pebble.Ui.Color as PebbleColor\nimport Pebble.Ui.Resources as UiResources\nimport Pebble.Cmd as PebbleCmd\nimport Json.Decode as Decode\n\n\ntype alias Model =\n    { timeString : String\n    , screenW : Int\n    , screenH : Int\n    , displayShape : PebblePlatform.DisplayShape\n    }\n\n\ntype Msg\n    = MinuteChanged Int\n    | CurrentTimeString String\n\n\ninit : PebblePlatform.LaunchContext -> ( Model, Cmd Msg )\ninit context =\n    ( { timeString = \"--:--\"\n      , screenW = context.screen.width\n      , screenH = context.screen.height\n      , displayShape = context.screen.shape\n      }\n    , PebbleCmd.getCurrentTimeString CurrentTimeString\n    )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        MinuteChanged _ ->\n            ( model, PebbleCmd.getCurrentTimeString CurrentTimeString )\n\n        CurrentTimeString value ->\n            ( { model | timeString = value }, Cmd.none )\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    PebbleEvents.onMinuteChange MinuteChanged\n\n\nview : Model -> PebbleUi.UiNode\nview model =\n    let\n        cardW =\n            (model.screenW * 17) // 20\n\n        cardH =\n            max 66 ((model.screenH * 70) // 168)\n\n        cardX =\n            (model.screenW - cardW) // 2\n\n        cardY =\n            (model.screenH - cardH) // 2\n\n        cornerRadius =\n            max 6 (min cardW cardH // 8)\n\n        timeH =\n            min 52 (cardH - 8)\n\n        textY =\n            cardY + ((cardH - timeH) // 2)\n    in\n    PebbleUi.windowStack\n        [ PebbleUi.window 1\n            [ PebbleUi.canvasLayer 1\n                [ PebbleUi.clear PebbleColor.white\n                , PebbleUi.roundRect { x = cardX, y = cardY, w = cardW, h = cardH } cornerRadius PebbleColor.black\n                , PebbleUi.text UiResources.DefaultFont (PebbleUi.alignCenter PebbleUi.defaultTextOptions) { x = cardX, y = textY, w = cardW, h = timeH } model.timeString\n                ]\n            ]\n        ]\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    PebblePlatform.watchface\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": true,
@@ -160,6 +167,19 @@
       "watch_profile_id": "aplite"
     },
     "revision": "c4e0ad511ae0",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_entry_count": 4,
+      "runtime_model_sha256": "9965661e158addf68262f5dc8e65b3484cdfddeb68b036e4f2fb5617f03f34e6",
+      "runtime_model_source": "step_message",
+      "view_tree_node_count": 7,
+      "view_tree_sha256": "6596f44faee47e81860325b81d513f7b83251479008dfa623bed791acbd7b88e"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_known_messages": [
       "MinuteChanged",
       "CurrentTimeString"
@@ -167,16 +187,11 @@
     "runtime_message_cursor": 1,
     "runtime_message_source": "init_device_data",
     "runtime_model": {
-      "colorMode": {
-        "args": [],
-        "ctor": "BlackWhite"
-      },
       "displayShape": {
         "args": [],
         "ctor": "Rectangular"
       },
-      "last_message": "CurrentTimeString",
-      "last_operation": "CurrentTimeString",
+      "runtime_view_output_model_sha256": "8454bb871c70fc03907c1c1ee972eaebe96421cef95099f658020a04c5ae4b8d",
       "screenH": 168,
       "screenW": 144,
       "timeString": "08:53"
@@ -203,7 +218,7 @@
         "y": 49
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 52,
         "kind": "text",
         "text": "<TIME>",
@@ -217,17 +232,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -241,32 +262,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/watchface-poke-battle.json b/ide/test/fixtures/debugger_template_corpus/watchface-poke-battle.json
index b5fb0003..af457c5c 100644
--- a/ide/test/fixtures/debugger_template_corpus/watchface-poke-battle.json
+++ b/ide/test/fixtures/debugger_template_corpus/watchface-poke-battle.json
@@ -4,16 +4,14 @@
     "root_type": "windowStack",
     "runtime_view_output_kinds": [
       "clear",
-      "push_context",
       "text_color",
       "text",
-      "pop_context",
       "bitmap_in_rect",
       "fill_color",
       "fill_rect",
-      "stroke_width",
       "stroke_color",
-      "arc"
+      "arc",
+      "line"
     ],
     "status": "ok"
   },
@@ -30,7 +28,7 @@
       "kind": "text_label",
       "text": "08:53",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 255,
       "text_overflow": "word_wrap",
       "w": 80,
       "x": 32,
@@ -44,7 +42,7 @@
       "kind": "text_label",
       "text": "PIKACHU",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 255,
       "text_overflow": "word_wrap",
       "w": 72,
       "x": 57,
@@ -58,7 +56,7 @@
       "kind": "text_label",
       "text": ":L4",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 255,
       "text_overflow": "word_wrap",
       "w": 40,
       "x": 85,
@@ -72,7 +70,7 @@
       "kind": "text_label",
       "text": "HP:",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 255,
       "text_overflow": "word_wrap",
       "w": 24,
       "x": 60,
@@ -80,10 +78,11 @@
     },
     {
       "antialiased": true,
-      "bitmap_id": 9,
+      "bitmap_id": 3,
       "compositing_mode": 0,
       "h": 8,
       "kind": "bitmap_in_rect",
+      "resource": "BitmapStaticHealthEmpty",
       "w": 48,
       "x": 84,
       "y": 136
@@ -97,7 +96,7 @@
       "kind": "fill_rect",
       "stroke_color": 204,
       "stroke_width": 1,
-      "w": 3698,
+      "w": 39,
       "x": 86,
       "y": 138
     },
@@ -107,6 +106,7 @@
       "compositing_mode": 0,
       "h": 48,
       "kind": "bitmap_in_rect",
+      "resource": "BitmapStaticPikachuBack",
       "w": 56,
       "x": 24,
       "y": 103
@@ -114,24 +114,36 @@
     {
       "antialiased": true,
       "compositing_mode": 0,
-      "end_angle": 315,
+      "end_angle": 0,
       "h": 136,
       "kind": "arc",
-      "start_angle": 225,
-      "stroke_color": null,
+      "start_angle": 0,
+      "stroke_color": 2,
       "stroke_width": 1,
       "w": 136,
       "x": 4,
       "y": 16
     },
+    {
+      "antialiased": true,
+      "color": 192,
+      "compositing_mode": 0,
+      "kind": "line",
+      "stroke_color": 2,
+      "stroke_width": 1,
+      "x1": 30,
+      "x2": 114,
+      "y1": 140,
+      "y2": 140
+    },
     {
       "antialiased": true,
       "compositing_mode": 0,
-      "end_angle": 315,
+      "end_angle": 0,
       "h": 132,
       "kind": "arc",
-      "start_angle": 225,
-      "stroke_color": null,
+      "start_angle": 0,
+      "stroke_color": 1,
       "stroke_width": 1,
       "w": 132,
       "x": 6,
@@ -139,48 +151,63 @@
     },
     {
       "antialiased": true,
-      "bitmap_id": 2,
+      "color": 192,
+      "compositing_mode": 0,
+      "kind": "line",
+      "stroke_color": 1,
+      "stroke_width": 1,
+      "x1": 29,
+      "x2": 115,
+      "y1": 137,
+      "y2": 137
+    },
+    {
+      "antialiased": true,
+      "bitmap_id": 4,
       "compositing_mode": 0,
       "h": 12,
       "kind": "bitmap_in_rect",
+      "resource": "BitmapStaticBoxBall",
       "w": 12,
       "x": 18,
       "y": 133
     },
     {
       "antialiased": true,
-      "bitmap_id": 2,
+      "bitmap_id": 4,
       "compositing_mode": 0,
       "h": 12,
       "kind": "bitmap_in_rect",
+      "resource": "BitmapStaticBoxBall",
       "w": 12,
       "x": 114,
       "y": 133
     },
     {
       "antialiased": true,
-      "bitmap_id": 15,
+      "bitmap_id": 1,
       "compositing_mode": 0,
       "h": 24,
       "kind": "bitmap_in_rect",
+      "resource": "BitmapStaticPokeball",
       "w": 24,
       "x": 108,
       "y": 87
     }
   ],
-  "preview_ops_sha256": "af07a51936d39cc1470b2f8724724c6c017aa698bc89fa8c0f2ca2b8c8a72a79",
+  "preview_ops_sha256": "1fe15a83a0b6e718ecefef29bca572e99ad451bf821a5f4814a0b94a9ba58de4",
   "render_tree": {
-    "node_count": 23,
+    "node_count": 32,
     "node_types": [
       "arc",
       "arc",
-      "bitmapInRect",
-      "bitmapInRect",
-      "bitmapInRect",
-      "bitmapInRect",
-      "bitmapInRect",
       "canvasLayer",
       "clear",
+      "drawBitmapInRect",
+      "drawBitmapInRect",
+      "drawBitmapInRect",
+      "drawBitmapInRect",
+      "drawBitmapInRect",
       "fillRect",
       "group",
       "group",
@@ -189,6 +216,15 @@
       "group",
       "group",
       "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "line",
+      "line",
       "text",
       "text",
       "text",
@@ -198,13 +234,6 @@
     ],
     "root_type": "windowStack",
     "tree": {
-      "box": {
-        "h": 168,
-        "text": null,
-        "w": 144,
-        "x": 0,
-        "y": 0
-      },
       "children": [
         {
           "children": [
@@ -213,242 +242,381 @@
                 {
                   "children": [],
                   "color": 192,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 28,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 28,
+                            "text": null,
+                            "w": 80,
+                            "x": 32,
+                            "y": 12
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": "08:53",
+                          "options": [],
+                          "text": "<TIME>",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "text": "<TIME>",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 80,
-                      "x": 32,
-                      "y": 12
+                      "style": {
+                        "text": null,
+                        "text_color": 255
+                      },
+                      "text": null,
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "text": null,
-                    "text_color": 255
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 16,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 16,
+                            "text": null,
+                            "w": 72,
+                            "x": 57,
+                            "y": 104
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": "PIKACHU",
+                          "options": [],
+                          "text": "PIKACHU",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "text": "PIKACHU",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 72,
-                      "x": 57,
-                      "y": 104
+                      "style": {
+                        "text": null,
+                        "text_color": 255
+                      },
+                      "text": null,
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "text": null,
-                    "text_color": 255
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 12,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 12,
+                            "text": null,
+                            "w": 40,
+                            "x": 85,
+                            "y": 119
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": ":L4",
+                          "options": [],
+                          "text": ":L4",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "text": ":L4",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 40,
-                      "x": 85,
-                      "y": 119
+                      "style": {
+                        "text": null,
+                        "text_color": 255
+                      },
+                      "text": null,
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "text": null,
-                    "text_color": 255
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 10,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 10,
+                            "text": null,
+                            "w": 24,
+                            "x": 60,
+                            "y": 134
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": "HP:",
+                          "options": [],
+                          "text": "HP:",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "text": "HP:",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 24,
-                      "x": 60,
-                      "y": 134
+                      "style": {
+                        "text": null,
+                        "text_color": 255
+                      },
+                      "text": null,
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "text": null,
-                    "text_color": 255
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
-                  "bitmap_id": 9,
+                  "bounds": {
+                    "h": 8,
+                    "text": null,
+                    "w": 48,
+                    "x": 84,
+                    "y": 136
+                  },
                   "children": [],
-                  "h": 8,
-                  "label": "",
+                  "kind": "drawBitmapInRect",
+                  "label": "drawBitmapInRect",
+                  "resource": "BitmapStaticHealthEmpty",
                   "text": null,
-                  "type": "bitmapInRect",
-                  "w": 48,
-                  "x": 84,
-                  "y": 136
+                  "type": "drawBitmapInRect"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "fill": 204,
-                      "h": 2,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 2,
+                            "text": null,
+                            "w": 39,
+                            "x": 86,
+                            "y": 138
+                          },
+                          "children": [],
+                          "color": 204,
+                          "kind": "fillRect",
+                          "label": "fillRect",
+                          "text": null,
+                          "type": "fillRect"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
+                      "style": {
+                        "fill_color": 204,
+                        "text": null
+                      },
                       "text": null,
-                      "type": "fillRect",
-                      "w": 3698,
-                      "x": 86,
-                      "y": 138
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "fill_color": 204,
-                    "text": null
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
-                  "bitmap_id": 16,
+                  "bounds": {
+                    "h": 48,
+                    "text": null,
+                    "w": 56,
+                    "x": 24,
+                    "y": 103
+                  },
                   "children": [],
-                  "h": 48,
-                  "label": "",
+                  "kind": "drawBitmapInRect",
+                  "label": "drawBitmapInRect",
+                  "resource": "BitmapStaticPikachuBack",
                   "text": null,
-                  "type": "bitmapInRect",
-                  "w": 56,
-                  "x": 24,
-                  "y": 103
+                  "type": "drawBitmapInRect"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "end_angle": 315,
-                      "h": 136,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 136,
+                            "text": null,
+                            "w": 136,
+                            "x": 4,
+                            "y": 16
+                          },
+                          "children": [],
+                          "kind": "arc",
+                          "label": "arc",
+                          "text": null,
+                          "type": "arc"
+                        },
+                        {
+                          "children": [],
+                          "color": 192,
+                          "kind": "line",
+                          "label": "line",
+                          "text": null,
+                          "type": "line",
+                          "x1": 30,
+                          "x2": 114,
+                          "y1": 140,
+                          "y2": 140
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "start_angle": 225,
+                      "style": {
+                        "stroke_color": 2,
+                        "text": null
+                      },
                       "text": null,
-                      "type": "arc",
-                      "w": 136,
-                      "x": 4,
-                      "y": 16
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "stroke_color": 255,
-                    "text": null
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "end_angle": 315,
-                      "h": 132,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 132,
+                            "text": null,
+                            "w": 132,
+                            "x": 6,
+                            "y": 18
+                          },
+                          "children": [],
+                          "kind": "arc",
+                          "label": "arc",
+                          "text": null,
+                          "type": "arc"
+                        },
+                        {
+                          "children": [],
+                          "color": 192,
+                          "kind": "line",
+                          "label": "line",
+                          "text": null,
+                          "type": "line",
+                          "x1": 29,
+                          "x2": 115,
+                          "y1": 137,
+                          "y2": 137
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "start_angle": 225,
+                      "style": {
+                        "stroke_color": 1,
+                        "text": null
+                      },
                       "text": null,
-                      "type": "arc",
-                      "w": 132,
-                      "x": 6,
-                      "y": 18
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "stroke_color": 255,
-                    "text": null
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
-                  "bitmap_id": 2,
+                  "bounds": {
+                    "h": 12,
+                    "text": null,
+                    "w": 12,
+                    "x": 18,
+                    "y": 133
+                  },
                   "children": [],
-                  "h": 12,
-                  "label": "",
+                  "kind": "drawBitmapInRect",
+                  "label": "drawBitmapInRect",
+                  "resource": "BitmapStaticBoxBall",
                   "text": null,
-                  "type": "bitmapInRect",
-                  "w": 12,
-                  "x": 18,
-                  "y": 133
+                  "type": "drawBitmapInRect"
                 },
                 {
-                  "bitmap_id": 2,
+                  "bounds": {
+                    "h": 12,
+                    "text": null,
+                    "w": 12,
+                    "x": 114,
+                    "y": 133
+                  },
                   "children": [],
-                  "h": 12,
-                  "label": "",
+                  "kind": "drawBitmapInRect",
+                  "label": "drawBitmapInRect",
+                  "resource": "BitmapStaticBoxBall",
                   "text": null,
-                  "type": "bitmapInRect",
-                  "w": 12,
-                  "x": 114,
-                  "y": 133
+                  "type": "drawBitmapInRect"
                 },
                 {
-                  "bitmap_id": 15,
+                  "bounds": {
+                    "h": 24,
+                    "text": null,
+                    "w": 24,
+                    "x": 108,
+                    "y": 87
+                  },
                   "children": [],
-                  "h": 24,
-                  "label": "",
+                  "kind": "drawBitmapInRect",
+                  "label": "drawBitmapInRect",
+                  "resource": "BitmapStaticPokeball",
                   "text": null,
-                  "type": "bitmapInRect",
-                  "w": 24,
-                  "x": 108,
-                  "y": 87
+                  "type": "drawBitmapInRect"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
@@ -463,19 +631,12 @@
       "ctor": "Just"
     },
     "battleNonce": 0,
-    "clock_style_24h": true,
-    "colorMode": {
-      "args": [],
-      "ctor": "Color"
-    },
     "customName": "",
     "displayShape": {
       "args": [],
       "ctor": "Rectangular"
     },
     "healthSupported": true,
-    "last_message": "HealthSupported",
-    "last_operation": "HealthSupported",
     "layout": {
       "arcEnd": 315,
       "arcStart": 225,
@@ -550,19 +711,18 @@
     "showDate": false,
     "showSteps": false,
     "stepGoal": 10000,
-    "step_counter": 1,
     "stepsToday": {
       "args": [],
       "ctor": "Nothing"
     },
     "timeString": null,
-    "use24Hour": false
+    "use24Hour": true
   },
   "template": "watchface-poke-battle",
   "timeline_init_messages": [
     "update:HealthSupported True",
     "update:BatteryLevelChanged 88",
-    "update:ClockStyle24h",
+    "update:ClockStyle24h True",
     "update:CurrentDateTime {\"day\":27,\"dayOfWeek\":{\"args\":[],\"ctor\":\"Wednesday\"},\"hour\":8,\"minute\":53,\"month\":5,\"second\":0,\"utcOffsetMinutes\":0,\"year\":2026}",
     "update:CustomNameLoaded \"\"",
     "update:ShowStepsSettingLoaded 0",
@@ -571,10 +731,8 @@
   ],
   "view_tree_type": "windowStack",
   "watch_model": {
-    "_debugger_steps": 8,
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
-    "last_source": "module Main exposing (main)\n\nimport Battle as Battle exposing (Scene(..))\nimport Basics\nimport Json.Decode as Decode\nimport Pebble.Button as Button\nimport Pebble.Events as Events\nimport Pebble.Frame as Frame\nimport Pebble.Health as Health\nimport Pebble.Platform as Platform\nimport Pebble.Storage as Storage\nimport Pebble.System as System\nimport Pebble.Time as Time\nimport Pebble.Ui as Ui\nimport Pokemon as Pokemon exposing (Player, PlayerSpecies(..))\nimport Render exposing (FaceModel, render)\n\n\ntype alias Model =\n    { screenW : Int\n    , screenH : Int\n    , displayShape : Platform.DisplayShape\n    , layout : Render.Layout\n    , now : Maybe Time.CurrentDateTime\n    , use24Hour : Bool\n    , batteryLevel : Maybe Int\n    , stepsToday : Maybe Int\n    , healthSupported : Bool\n    , stepGoal : Int\n    , playerSpecies : PlayerSpecies\n    , customName : String\n    , showDate : Bool\n    , showSteps : Bool\n    , player : Player\n    , opponent : Pokemon.Opponent\n    , opponentPick : Int\n    , scene : Scene\n    , opponentHealth : Float\n    , opponentYOffset : Int\n    , animating : Bool\n    , battleNonce : Int\n    }\n\n\ntype Msg\n    = CurrentDateTime Time.CurrentDateTime\n    | ClockStyle24h Bool\n    | MinuteChanged Int\n    | HourChanged Int\n    | BatteryLevelChanged Int\n    | StepsToday Int\n    | HealthSupported Bool\n    | FrameTick Frame.Frame\n    | SelectPressed\n    | UpPressed\n    | DownPressed\n    | PlayerSettingLoaded Int\n    | ShowDateSettingLoaded Int\n    | ShowStepsSettingLoaded Int\n    | CustomNameLoaded String\n\n\nstoragePlayerKey : Int\nstoragePlayerKey =\n    701\n\n\nstorageShowDateKey : Int\nstorageShowDateKey =\n    702\n\n\nstorageShowStepsKey : Int\nstorageShowStepsKey =\n    703\n\n\nstorageCustomNameKey : Int\nstorageCustomNameKey =\n    704\n\n\ndefaultStepGoal : Int\ndefaultStepGoal =\n    10000\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit context =\n    let\n        screenW =\n            context.screen.width\n\n        screenH =\n            context.screen.height\n\n        startAnimating =\n            context.reason == Platform.LaunchWakeup\n    in\n    ( { screenW = screenW\n      , screenH = screenH\n      , displayShape = context.screen.shape\n      , layout = Render.layoutFor screenW screenH\n      , now = Nothing\n      , use24Hour = False\n      , batteryLevel = Nothing\n      , stepsToday = Nothing\n      , healthSupported = False\n      , stepGoal = defaultStepGoal\n      , playerSpecies = Pokemon.Pikachu\n      , customName = \"\"\n      , showDate = False\n      , showSteps = False\n      , player = Pokemon.playerFromSpecies screenW screenH Pokemon.Pikachu\n      , opponent =\n            Pokemon.opponentForTier screenW screenH 0 0\n      , opponentPick = 0\n      , scene =\n            if startAnimating then\n                Battle.initialScene\n\n            else\n                Waiting\n      , opponentHealth = 1\n      , opponentYOffset = 0\n      , animating = startAnimating\n      , battleNonce = 0\n      }\n    , Cmd.batch\n        [ Time.currentDateTime CurrentDateTime\n        , Time.clockStyle24h ClockStyle24h\n        , System.batteryLevel BatteryLevelChanged\n        , Health.supported HealthSupported\n        , Storage.readInt storagePlayerKey PlayerSettingLoaded\n        , Storage.readInt storageShowDateKey ShowDateSettingLoaded\n        , Storage.readInt storageShowStepsKey ShowStepsSettingLoaded\n        , Storage.readString storageCustomNameKey CustomNameLoaded\n        ]\n    )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        CurrentDateTime value ->\n            ( { model | now = Just value }, Cmd.none )\n\n        ClockStyle24h value ->\n            ( { model | use24Hour = value }, Cmd.none )\n\n        MinuteChanged _ ->\n            ( model, refreshSteps model )\n\n        HourChanged _ ->\n            ( model, Time.currentDateTime CurrentDateTime )\n\n        BatteryLevelChanged level ->\n            ( { model | batteryLevel = Just (Basics.clamp 0 100 level) }, Cmd.none )\n\n        HealthSupported supported ->\n            ( { model | healthSupported = supported }\n            , if supported then\n                  refreshSteps model\n\n              else\n                  Cmd.none\n            )\n\n        StepsToday steps ->\n            let\n                tier =\n                    Pokemon.stepTierIndex steps model.stepGoal\n\n                pick =\n                    opponentPickIndex tier steps model.battleNonce\n            in\n            ( { model\n                | stepsToday = Just steps\n                , opponent =\n                    if model.scene == Waiting then\n                        Pokemon.opponentForTier model.screenW model.screenH tier pick\n\n                    else\n                        model.opponent\n                , opponentPick = pick\n              }\n            , Cmd.none\n            )\n\n        FrameTick _ ->\n            if model.animating then\n                advanceAnimation model\n\n            else\n                ( model, Cmd.none )\n\n        SelectPressed ->\n            startBattle model\n\n        UpPressed ->\n            cyclePlayer model\n\n        DownPressed ->\n            toggleDisplayOptions model\n\n        PlayerSettingLoaded index ->\n            let\n                species =\n                    Pokemon.playerSpeciesFromIndex index\n\n                player =\n                    Pokemon.playerFromSpecies model.screenW model.screenH species\n            in\n            ( { model\n                | playerSpecies = species\n                , player = withCustomName model.customName player\n              }\n            , Cmd.none\n            )\n\n        ShowDateSettingLoaded value ->\n            ( { model | showDate = value /= 0 }, Cmd.none )\n\n        ShowStepsSettingLoaded value ->\n            ( { model | showSteps = value /= 0 }, Cmd.none )\n\n        CustomNameLoaded name ->\n            ( { model | customName = name, player = withCustomName name model.player }\n            , Cmd.none\n            )\n\n\nwithCustomName : String -> Player -> Player\nwithCustomName name player =\n    if String.isEmpty name then\n        player\n\n    else\n        { player | displayName = String.left 8 name }\n\n\ntoggleDisplayOptions : Model -> ( Model, Cmd Msg )\ntoggleDisplayOptions model =\n    case ( model.showDate, model.showSteps ) of\n        ( False, False ) ->\n            ( { model | showDate = True }, Storage.writeInt storageShowDateKey 1 )\n\n        ( True, False ) ->\n            ( { model | showDate = False, showSteps = True }\n            , Cmd.batch\n                [ Storage.writeInt storageShowDateKey 0\n                , Storage.writeInt storageShowStepsKey 1\n                ]\n            )\n\n        ( _, True ) ->\n            ( { model | showDate = False, showSteps = False }\n            , Storage.writeInt storageShowStepsKey 0\n            )\n\n\ncyclePlayer : Model -> ( Model, Cmd Msg )\ncyclePlayer model =\n    let\n        nextIndex =\n            modBy 5 (playerIndex model.playerSpecies + 1)\n\n        species =\n            Pokemon.playerSpeciesFromIndex nextIndex\n\n        player =\n            Pokemon.playerFromSpecies model.screenW model.screenH species\n                |> withCustomName model.customName\n    in\n    ( { model | playerSpecies = species, player = player }\n    , Storage.writeInt storagePlayerKey nextIndex\n    )\n\n\nplayerIndex : PlayerSpecies -> Int\nplayerIndex species =\n    case species of\n        Pokemon.Pikachu ->\n            0\n\n        Pokemon.PlayerSquirtle ->\n            1\n\n        Pokemon.Flareon ->\n            2\n\n        Pokemon.Mew ->\n            3\n\n        Pokemon.Mewtwo ->\n            4\n\n\nstartBattle : Model -> ( Model, Cmd Msg )\nstartBattle model =\n    let\n        steps =\n            Maybe.withDefault 0 model.stepsToday\n\n        tier =\n            Pokemon.stepTierIndex steps model.stepGoal\n\n        nonce =\n            model.battleNonce + 1\n\n        pick =\n            opponentPickIndex tier steps nonce\n    in\n    ( { model\n        | animating = True\n        , scene = Battle.initialScene\n        , opponentHealth = 1\n        , opponentYOffset = 0\n        , opponent = Pokemon.opponentForTier model.screenW model.screenH tier pick\n        , opponentPick = pick\n        , battleNonce = nonce\n      }\n    , Cmd.none\n    )\n\n\n{-| Picks a roster index within the current tier. Uses step count and a battle\ncounter so opponent variety does not depend on `Random.step` (unsupported on watch).\n-}\nopponentPickIndex : Int -> Int -> Int -> Int\nopponentPickIndex tier steps nonce =\n    let\n        tierSize =\n            case tier of\n                0 ->\n                    3\n\n                3 ->\n                    1\n\n                _ ->\n                    2\n    in\n    modBy tierSize (steps + nonce * 17 + tier * 31)\n\n\nadvanceAnimation : Model -> ( Model, Cmd Msg )\nadvanceAnimation model =\n    case model.scene of\n        HealthDrain ->\n            let\n                nextHealth =\n                    model.opponentHealth - 0.2\n            in\n            if nextHealth > 0.1 then\n                ( { model | opponentHealth = nextHealth }, Cmd.none )\n\n            else\n                advanceFrom model { model | opponentHealth = nextHealth }\n\n        FaintSlide ->\n            let\n                nextOffset =\n                    model.opponentYOffset + 20\n            in\n            if nextOffset < 100 then\n                ( { model | opponentYOffset = nextOffset }, Cmd.none )\n\n            else\n                advanceFrom model { model | opponentYOffset = nextOffset }\n\n        _ ->\n            advanceFrom model model\n\n\nadvanceFrom : Model -> Model -> ( Model, Cmd Msg )\nadvanceFrom model nextModel =\n    let\n        ( scene, finished ) =\n            Battle.advance model.scene\n                { opponentHealth = nextModel.opponentHealth\n                , opponentYOffset = nextModel.opponentYOffset\n                }\n    in\n    if finished then\n        ( { nextModel | animating = False, scene = Waiting, opponentHealth = 1, opponentYOffset = 0 }\n        , Cmd.none\n        )\n\n    else if isFaintedScene scene then\n        ( { nextModel | scene = scene, opponentYOffset = 0, opponentHealth = 1 }, Cmd.none )\n\n    else\n        ( { nextModel | scene = scene }, Cmd.none )\n\n\nisFaintedScene : Scene -> Bool\nisFaintedScene battleScene =\n    case battleScene of\n        Fainted _ ->\n            True\n\n        _ ->\n            False\n\n\nrefreshSteps : Model -> Cmd Msg\nrefreshSteps model =\n    if model.healthSupported then\n        Health.sumToday Health.StepCount StepsToday\n\n    else\n        Cmd.none\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions model =\n    Events.batch\n        [ Events.onMinuteChange MinuteChanged\n        , Events.onHourChange HourChanged\n        , System.onBatteryChange BatteryLevelChanged\n        , Button.onRelease Button.Select SelectPressed\n        , Button.onRelease Button.Up UpPressed\n        , Button.onRelease Button.Down DownPressed\n        ]\n        |> addAnimationSub model\n\n\naddAnimationSub : Model -> Sub Msg -> Sub Msg\naddAnimationSub model subs =\n    if model.animating then\n        Sub.batch [ subs, Frame.every 500 FrameTick ]\n\n    else\n        subs\n\n\nclockHour : Model -> Int\nclockHour model =\n    case model.now of\n        Just now ->\n            now.hour\n\n        Nothing ->\n            0\n\n\nclockMinute : Model -> Int\nclockMinute model =\n    case model.now of\n        Just now ->\n            now.minute\n\n        Nothing ->\n            0\n\n\nclockMonth : Model -> Int\nclockMonth model =\n    case model.now of\n        Just now ->\n            now.month\n\n        Nothing ->\n            1\n\n\nclockDay : Model -> Int\nclockDay model =\n    case model.now of\n        Just now ->\n            now.day\n\n        Nothing ->\n            1\n\n\nplayerLevelFromSteps : Model -> Int\nplayerLevelFromSteps model =\n    model.stepsToday\n        |> Maybe.map (\\steps -> Basics.clamp 4 99 ((steps * 99) // max 1 model.stepGoal))\n        |> Maybe.withDefault 4\n\n\nplayerForView : Model -> Pokemon.Player\nplayerForView model =\n    { model.player | levelTag = \":L\" ++ String.fromInt (playerLevelFromSteps model) }\n\n\nthunderFlashForView : Model -> Bool\nthunderFlashForView model =\n    let\n        player =\n            playerForView model\n    in\n    model.scene == AttackFrame2 && player.attack == Pokemon.Thunder\n\n\n        faceModelFrom : Model -> FaceModel\n\n\nfaceModelFrom model =\n    { layout = model.layout\n    , scene = model.scene\n    , player = playerForView model\n    , opponent = model.opponent\n    , opponentHealth = model.opponentHealth\n    , opponentYOffset = model.opponentYOffset\n    , batteryPercent = Maybe.withDefault 100 model.batteryLevel\n    , showDate = model.showDate\n    , showSteps = model.showSteps\n    , stepsToday = model.stepsToday\n    , hour = clockHour model\n    , minute = clockMinute model\n    , month = clockMonth model\n    , day = clockDay model\n    , use24Hour = model.use24Hour\n    , thunderFlash = thunderFlashForView model\n    }\n\n\nview : Model -> Ui.UiNode\nview model =\n    Ui.toUiNode (render (faceModelFrom model))\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.watchface\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
+    "last_source": "module Main exposing (main)\n\nimport Battle as Battle exposing (Scene(..))\nimport Basics\nimport Json.Decode as Decode\nimport Pebble.Button as Button\nimport Pebble.Events as Events\nimport Pebble.Frame as Frame\nimport Pebble.Health as Health\nimport Pebble.Platform as Platform\nimport Pebble.Storage as Storage\nimport Pebble.System as System\nimport Pebble.Time as Time\nimport Pebble.Ui as Ui\nimport Pokemon as Pokemon exposing (Player, PlayerSpecies(..))\nimport Render exposing (FaceModel, render)\n\n\ntype alias Model =\n    { screenW : Int\n    , screenH : Int\n    , displayShape : Platform.DisplayShape\n    , layout : Render.Layout\n    , now : Maybe Time.CurrentDateTime\n    , use24Hour : Bool\n    , batteryLevel : Maybe Int\n    , stepsToday : Maybe Int\n    , healthSupported : Bool\n    , stepGoal : Int\n    , playerSpecies : PlayerSpecies\n    , customName : String\n    , showDate : Bool\n    , showSteps : Bool\n    , player : Player\n    , opponent : Pokemon.Opponent\n    , opponentPick : Int\n    , scene : Scene\n    , opponentHealth : Float\n    , opponentYOffset : Int\n    , animating : Bool\n    , battleNonce : Int\n    }\n\n\ntype Msg\n    = CurrentDateTime Time.CurrentDateTime\n    | ClockStyle24h Bool\n    | MinuteChanged Int\n    | HourChanged Int\n    | BatteryLevelChanged Int\n    | StepsToday Int\n    | HealthSupported Bool\n    | FrameTick Frame.Frame\n    | SelectPressed\n    | UpPressed\n    | DownPressed\n    | PlayerSettingLoaded Int\n    | ShowDateSettingLoaded Int\n    | ShowStepsSettingLoaded Int\n    | CustomNameLoaded String\n\n\nstoragePlayerKey : Int\nstoragePlayerKey =\n    701\n\n\nstorageShowDateKey : Int\nstorageShowDateKey =\n    702\n\n\nstorageShowStepsKey : Int\nstorageShowStepsKey =\n    703\n\n\nstorageCustomNameKey : Int\nstorageCustomNameKey =\n    704\n\n\ndefaultStepGoal : Int\ndefaultStepGoal =\n    10000\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit context =\n    let\n        screenW =\n            context.screen.width\n\n        screenH =\n            context.screen.height\n\n        startAnimating =\n            context.reason == Platform.LaunchWakeup\n    in\n    ( { screenW = screenW\n      , screenH = screenH\n      , displayShape = context.screen.shape\n      , layout = Render.layoutFor screenW screenH\n      , now = Nothing\n      , use24Hour = False\n      , batteryLevel = Nothing\n      , stepsToday = Nothing\n      , healthSupported = False\n      , stepGoal = defaultStepGoal\n      , playerSpecies = Pokemon.Pikachu\n      , customName = \"\"\n      , showDate = False\n      , showSteps = False\n      , player = Pokemon.playerFromSpecies screenW screenH Pokemon.Pikachu\n      , opponent =\n            Pokemon.opponentForTier screenW screenH 0 0\n      , opponentPick = 0\n      , scene =\n            if startAnimating then\n                Battle.initialScene\n\n            else\n                Waiting\n      , opponentHealth = 1\n      , opponentYOffset = 0\n      , animating = startAnimating\n      , battleNonce = 0\n      }\n    , Cmd.batch\n        [ Time.currentDateTime CurrentDateTime\n        , Time.clockStyle24h ClockStyle24h\n        , System.batteryLevel BatteryLevelChanged\n        , Health.supported HealthSupported\n        , Storage.readInt storagePlayerKey PlayerSettingLoaded\n        , Storage.readInt storageShowDateKey ShowDateSettingLoaded\n        , Storage.readInt storageShowStepsKey ShowStepsSettingLoaded\n        , Storage.readString storageCustomNameKey CustomNameLoaded\n        ]\n    )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        CurrentDateTime value ->\n            ( { model | now = Just value }, Cmd.none )\n\n        ClockStyle24h value ->\n            ( { model | use24Hour = value }, Cmd.none )\n\n        MinuteChanged _ ->\n            ( model\n            , Cmd.batch\n                [ refreshSteps model\n                , Time.currentDateTime CurrentDateTime\n                ]\n            )\n\n        HourChanged _ ->\n            ( model, Time.currentDateTime CurrentDateTime )\n\n        BatteryLevelChanged level ->\n            ( { model | batteryLevel = Just (Basics.clamp 0 100 level) }, Cmd.none )\n\n        HealthSupported supported ->\n            ( { model | healthSupported = supported }\n            , if supported then\n                  refreshSteps model\n\n              else\n                  Cmd.none\n            )\n\n        StepsToday steps ->\n            let\n                tier =\n                    Pokemon.stepTierIndex steps model.stepGoal\n\n                pick =\n                    opponentPickIndex tier steps model.battleNonce\n            in\n            ( { model\n                | stepsToday = Just steps\n                , opponent =\n                    if model.scene == Waiting then\n                        Pokemon.opponentForTier model.screenW model.screenH tier pick\n\n                    else\n                        model.opponent\n                , opponentPick = pick\n              }\n            , Cmd.none\n            )\n\n        FrameTick _ ->\n            if model.animating then\n                advanceAnimation model\n\n            else\n                ( model, Cmd.none )\n\n        SelectPressed ->\n            startBattle model\n\n        UpPressed ->\n            cyclePlayer model\n\n        DownPressed ->\n            toggleDisplayOptions model\n\n        PlayerSettingLoaded index ->\n            let\n                species =\n                    Pokemon.playerSpeciesFromIndex index\n\n                player =\n                    Pokemon.playerFromSpecies model.screenW model.screenH species\n            in\n            ( { model\n                | playerSpecies = species\n                , player = withCustomName model.customName player\n              }\n            , Cmd.none\n            )\n\n        ShowDateSettingLoaded value ->\n            ( { model | showDate = value /= 0 }, Cmd.none )\n\n        ShowStepsSettingLoaded value ->\n            ( { model | showSteps = value /= 0 }, Cmd.none )\n\n        CustomNameLoaded name ->\n            ( { model | customName = name, player = withCustomName name model.player }\n            , Cmd.none\n            )\n\n\nwithCustomName : String -> Player -> Player\nwithCustomName name player =\n    if String.isEmpty name then\n        player\n\n    else\n        { player | displayName = String.left 8 name }\n\n\ntoggleDisplayOptions : Model -> ( Model, Cmd Msg )\ntoggleDisplayOptions model =\n    case ( model.showDate, model.showSteps ) of\n        ( False, False ) ->\n            ( { model | showDate = True }, Storage.writeInt storageShowDateKey 1 )\n\n        ( True, False ) ->\n            ( { model | showDate = False, showSteps = True }\n            , Cmd.batch\n                [ Storage.writeInt storageShowDateKey 0\n                , Storage.writeInt storageShowStepsKey 1\n                ]\n            )\n\n        ( _, True ) ->\n            ( { model | showDate = False, showSteps = False }\n            , Storage.writeInt storageShowStepsKey 0\n            )\n\n\ncyclePlayer : Model -> ( Model, Cmd Msg )\ncyclePlayer model =\n    let\n        nextIndex =\n            modBy 5 (playerIndex model.playerSpecies + 1)\n\n        species =\n            Pokemon.playerSpeciesFromIndex nextIndex\n\n        player =\n            Pokemon.playerFromSpecies model.screenW model.screenH species\n                |> withCustomName model.customName\n    in\n    ( { model | playerSpecies = species, player = player }\n    , Storage.writeInt storagePlayerKey nextIndex\n    )\n\n\nplayerIndex : PlayerSpecies -> Int\nplayerIndex species =\n    case species of\n        Pokemon.Pikachu ->\n            0\n\n        Pokemon.PlayerSquirtle ->\n            1\n\n        Pokemon.Flareon ->\n            2\n\n        Pokemon.Mew ->\n            3\n\n        Pokemon.Mewtwo ->\n            4\n\n\nstartBattle : Model -> ( Model, Cmd Msg )\nstartBattle model =\n    let\n        steps =\n            Maybe.withDefault 0 model.stepsToday\n\n        tier =\n            Pokemon.stepTierIndex steps model.stepGoal\n\n        nonce =\n            model.battleNonce + 1\n\n        pick =\n            opponentPickIndex tier steps nonce\n    in\n    ( { model\n        | animating = True\n        , scene = Battle.initialScene\n        , opponentHealth = 1\n        , opponentYOffset = 0\n        , opponent = Pokemon.opponentForTier model.screenW model.screenH tier pick\n        , opponentPick = pick\n        , battleNonce = nonce\n      }\n    , Cmd.none\n    )\n\n\n{-| Picks a roster index within the current tier. Uses step count and a battle\ncounter so opponent variety does not depend on `Random.step` (unsupported on watch).\n-}\nopponentPickIndex : Int -> Int -> Int -> Int\nopponentPickIndex tier steps nonce =\n    let\n        tierSize =\n            case tier of\n                0 ->\n                    3\n\n                3 ->\n                    1\n\n                _ ->\n                    2\n    in\n    modBy tierSize (steps + nonce * 17 + tier * 31)\n\n\nadvanceAnimation : Model -> ( Model, Cmd Msg )\nadvanceAnimation model =\n    case model.scene of\n        HealthDrain ->\n            let\n                nextHealth =\n                    model.opponentHealth - 0.2\n            in\n            if nextHealth > 0.1 then\n                ( { model | opponentHealth = nextHealth }, Cmd.none )\n\n            else\n                advanceFrom model { model | opponentHealth = nextHealth }\n\n        FaintSlide ->\n            let\n                nextOffset =\n                    model.opponentYOffset + 20\n            in\n            if nextOffset < 100 then\n                ( { model | opponentYOffset = nextOffset }, Cmd.none )\n\n            else\n                advanceFrom model { model | opponentYOffset = nextOffset }\n\n        _ ->\n            advanceFrom model model\n\n\nadvanceFrom : Model -> Model -> ( Model, Cmd Msg )\nadvanceFrom model nextModel =\n    let\n        ( scene, finished ) =\n            Battle.advance model.scene\n                { opponentHealth = nextModel.opponentHealth\n                , opponentYOffset = nextModel.opponentYOffset\n                }\n    in\n    if finished then\n        ( { nextModel | animating = False, scene = Waiting, opponentHealth = 1, opponentYOffset = 0 }\n        , Cmd.none\n        )\n\n    else if isFaintedScene scene then\n        ( { nextModel | scene = scene, opponentYOffset = 0, opponentHealth = 1 }, Cmd.none )\n\n    else\n        ( { nextModel | scene = scene }, Cmd.none )\n\n\nisFaintedScene : Scene -> Bool\nisFaintedScene battleScene =\n    case battleScene of\n        Fainted _ ->\n            True\n\n        _ ->\n            False\n\n\nrefreshSteps : Model -> Cmd Msg\nrefreshSteps model =\n    if model.healthSupported then\n        Health.sumToday Health.StepCount StepsToday\n\n    else\n        Cmd.none\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions model =\n    Events.batch\n        [ Events.onMinuteChange MinuteChanged\n        , Events.onHourChange HourChanged\n        , System.onBatteryChange BatteryLevelChanged\n        , Button.onRelease Button.Select SelectPressed\n        , Button.onRelease Button.Up UpPressed\n        , Button.onRelease Button.Down DownPressed\n        ]\n        |> addAnimationSub model\n\n\naddAnimationSub : Model -> Sub Msg -> Sub Msg\naddAnimationSub model subs =\n    if model.animating then\n        Sub.batch [ subs, Frame.every 500 FrameTick ]\n\n    else\n        subs\n\n\nclockHour : Model -> Int\nclockHour model =\n    case model.now of\n        Just now ->\n            now.hour\n\n        Nothing ->\n            0\n\n\nclockMinute : Model -> Int\nclockMinute model =\n    case model.now of\n        Just now ->\n            now.minute\n\n        Nothing ->\n            0\n\n\nclockMonth : Model -> Int\nclockMonth model =\n    case model.now of\n        Just now ->\n            now.month\n\n        Nothing ->\n            1\n\n\nclockDay : Model -> Int\nclockDay model =\n    case model.now of\n        Just now ->\n            now.day\n\n        Nothing ->\n            1\n\n\nplayerLevelFromSteps : Model -> Int\nplayerLevelFromSteps model =\n    model.stepsToday\n        |> Maybe.map (\\steps -> Basics.clamp 4 99 ((steps * 99) // max 1 model.stepGoal))\n        |> Maybe.withDefault 4\n\n\nplayerForView : Model -> Pokemon.Player\nplayerForView model =\n    { model.player | levelTag = \":L\" ++ String.fromInt (playerLevelFromSteps model) }\n\n\nthunderFlashForView : Model -> Bool\nthunderFlashForView model =\n    let\n        player =\n            playerForView model\n    in\n    model.scene == AttackFrame2 && player.attack == Pokemon.Thunder\n\n\n        faceModelFrom : Model -> FaceModel\n\n\nfaceModelFrom model =\n    { layout = model.layout\n    , scene = model.scene\n    , player = playerForView model\n    , opponent = model.opponent\n    , opponentHealth = model.opponentHealth\n    , opponentYOffset = model.opponentYOffset\n    , batteryPercent = Maybe.withDefault 100 model.batteryLevel\n    , showDate = model.showDate\n    , showSteps = model.showSteps\n    , stepsToday = model.stepsToday\n    , hour = clockHour model\n    , minute = clockMinute model\n    , month = clockMonth model\n    , day = clockDay model\n    , use24Hour = model.use24Hour\n    , thunderFlash = thunderFlashForView model\n    }\n\n\nview : Model -> Ui.UiNode\nview model =\n    Ui.toUiNode (render (faceModelFrom model))\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.watchface\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": false,
       "has_microphone": false,
@@ -590,7 +748,20 @@
       "watch_model": "Basalt",
       "watch_profile_id": "basalt"
     },
-    "revision": "70a2275e3574",
+    "revision": "8c096a678234",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_entry_count": 22,
+      "runtime_model_sha256": "e147b543029e2f226cf47b241292b9a745ea80f5595a532331b5e0bb3082466f",
+      "runtime_model_source": "step_message",
+      "view_tree_node_count": 19,
+      "view_tree_sha256": "27f5a70be738d74a8acee02928589700291673745976e17f54f3b09327b584c0"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_known_messages": [
       "CurrentDateTime",
       "ClockStyle24h",
@@ -619,19 +790,12 @@
         "ctor": "Just"
       },
       "battleNonce": 0,
-      "clock_style_24h": true,
-      "colorMode": {
-        "args": [],
-        "ctor": "Color"
-      },
       "customName": "",
       "displayShape": {
         "args": [],
         "ctor": "Rectangular"
       },
       "healthSupported": true,
-      "last_message": "HealthSupported",
-      "last_operation": "HealthSupported",
       "layout": {
         "arcEnd": 315,
         "arcStart": 225,
@@ -696,6 +860,7 @@
         "args": [],
         "ctor": "Pikachu"
       },
+      "runtime_view_output_model_sha256": "6bda5021e77233d181b2e345f6ca572784f80e4c3fba997f8467b87af7a748a6",
       "scene": {
         "args": [],
         "ctor": "Waiting"
@@ -705,12 +870,11 @@
       "showDate": false,
       "showSteps": false,
       "stepGoal": 10000,
-      "step_counter": 1,
       "stepsToday": {
         "args": [],
         "ctor": "Nothing"
       },
-      "use24Hour": false
+      "use24Hour": true
     },
     "runtime_model_source": "step_message",
     "runtime_update_branches": [
@@ -736,17 +900,13 @@
         "kind": "clear",
         "text": null
       },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 255,
         "kind": "text_color",
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 28,
         "kind": "text",
         "text": "<TIME>",
@@ -756,21 +916,13 @@
         "x": 32,
         "y": 12
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 255,
         "kind": "text_color",
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 16,
         "kind": "text",
         "text": "PIKACHU",
@@ -780,21 +932,13 @@
         "x": 57,
         "y": 104
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 255,
         "kind": "text_color",
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 12,
         "kind": "text",
         "text": ":L4",
@@ -804,21 +948,13 @@
         "x": 85,
         "y": 119
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 255,
         "kind": "text_color",
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 10,
         "kind": "text",
         "text": "HP:",
@@ -829,22 +965,15 @@
         "y": 134
       },
       {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "bitmap_id": 9,
+        "bitmap_id": 0,
         "h": 8,
         "kind": "bitmap_in_rect",
+        "resource": "BitmapStaticHealthEmpty",
         "text": null,
         "w": 48,
         "x": 84,
         "y": 136
       },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 204,
         "kind": "fill_color",
@@ -855,101 +984,93 @@
         "h": 2,
         "kind": "fill_rect",
         "text": null,
-        "w": 3698,
+        "w": 39,
         "x": 86,
         "y": 138
       },
       {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "bitmap_id": 16,
+        "bitmap_id": 0,
         "h": 48,
         "kind": "bitmap_in_rect",
+        "resource": "BitmapStaticPikachuBack",
         "text": null,
         "w": 56,
         "x": 24,
         "y": 103
       },
       {
-        "kind": "push_context",
-        "text": null
-      },
-      {
-        "kind": "stroke_width",
-        "text": null,
-        "value": 2
-      },
-      {
-        "color": 255,
+        "color": 2,
         "kind": "stroke_color",
         "text": null
       },
       {
-        "end_angle": 315,
+        "end_angle": 0,
         "h": 136,
         "kind": "arc",
-        "start_angle": 225,
+        "start_angle": 0,
         "text": null,
         "w": 136,
         "x": 4,
         "y": 16
       },
       {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "kind": "push_context",
-        "text": null
-      },
-      {
-        "kind": "stroke_width",
+        "color": 192,
+        "kind": "line",
         "text": null,
-        "value": 1
+        "x1": 30,
+        "x2": 114,
+        "y1": 140,
+        "y2": 140
       },
       {
-        "color": 255,
+        "color": 1,
         "kind": "stroke_color",
         "text": null
       },
       {
-        "end_angle": 315,
+        "end_angle": 0,
         "h": 132,
         "kind": "arc",
-        "start_angle": 225,
+        "start_angle": 0,
         "text": null,
         "w": 132,
         "x": 6,
         "y": 18
       },
       {
-        "kind": "pop_context",
-        "text": null
+        "color": 192,
+        "kind": "line",
+        "text": null,
+        "x1": 29,
+        "x2": 115,
+        "y1": 137,
+        "y2": 137
       },
       {
-        "bitmap_id": 2,
+        "bitmap_id": 0,
         "h": 12,
         "kind": "bitmap_in_rect",
+        "resource": "BitmapStaticBoxBall",
         "text": null,
         "w": 12,
         "x": 18,
         "y": 133
       },
       {
-        "bitmap_id": 2,
+        "bitmap_id": 0,
         "h": 12,
         "kind": "bitmap_in_rect",
+        "resource": "BitmapStaticBoxBall",
         "text": null,
         "w": 12,
         "x": 114,
         "y": 133
       },
       {
-        "bitmap_id": 15,
+        "bitmap_id": 0,
         "h": 24,
         "kind": "bitmap_in_rect",
+        "resource": "BitmapStaticPokeball",
         "text": null,
         "w": 24,
         "x": 108,
@@ -959,17 +1080,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -983,32 +1110,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/watchface-tangram-time.json b/ide/test/fixtures/debugger_template_corpus/watchface-tangram-time.json
index ef62b5dd..2edd4866 100644
--- a/ide/test/fixtures/debugger_template_corpus/watchface-tangram-time.json
+++ b/ide/test/fixtures/debugger_template_corpus/watchface-tangram-time.json
@@ -7,10 +7,8 @@
       "circle",
       "fill_circle",
       "vector_at",
-      "push_context",
       "text_color",
-      "text",
-      "pop_context"
+      "text"
     ],
     "status": "ok"
   },
@@ -173,16 +171,16 @@
       "kind": "text_label",
       "text": "08:53",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 255,
       "text_overflow": "word_wrap",
       "w": 72,
       "x": 64,
       "y": 108
     }
   ],
-  "preview_ops_sha256": "e8efc1cdfd3abac6414d14f38a7d1e774262708f51954fb241dcbdd087990975",
+  "preview_ops_sha256": "28aac31e204d24caa631aed6bfa8a40895c0626c1b90821a0bfab904a492f8dd",
   "render_tree": {
-    "node_count": 14,
+    "node_count": 15,
     "node_types": [
       "canvasLayer",
       "circle",
@@ -195,6 +193,7 @@
       "fillCircle",
       "fillCircle",
       "group",
+      "group",
       "text",
       "window",
       "windowStack"
@@ -216,7 +215,8 @@
                 {
                   "children": [],
                   "color": 193,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
@@ -225,7 +225,8 @@
                   "color": 215,
                   "cx": 72,
                   "cy": 84,
-                  "label": "",
+                  "kind": "circle",
+                  "label": "circle",
                   "r": 60,
                   "text": null,
                   "type": "circle"
@@ -235,7 +236,8 @@
                   "color": 255,
                   "cx": 72,
                   "cy": 16,
-                  "label": "",
+                  "kind": "fillCircle",
+                  "label": "fillCircle",
                   "r": 2,
                   "text": null,
                   "type": "fillCircle"
@@ -245,7 +247,8 @@
                   "color": 255,
                   "cx": 140,
                   "cy": 84,
-                  "label": "",
+                  "kind": "fillCircle",
+                  "label": "fillCircle",
                   "r": 2,
                   "text": null,
                   "type": "fillCircle"
@@ -255,7 +258,8 @@
                   "color": 255,
                   "cx": 72,
                   "cy": 152,
-                  "label": "",
+                  "kind": "fillCircle",
+                  "label": "fillCircle",
                   "r": 2,
                   "text": null,
                   "type": "fillCircle"
@@ -265,26 +269,34 @@
                   "color": 255,
                   "cx": 4,
                   "cy": 84,
-                  "label": "",
+                  "kind": "fillCircle",
+                  "label": "fillCircle",
                   "r": 2,
                   "text": null,
                   "type": "fillCircle"
                 },
                 {
                   "children": [],
-                  "label": "",
+                  "frame": 0,
+                  "kind": "drawVectorAt",
+                  "label": "drawVectorAt",
+                  "origin": {
+                    "text": null,
+                    "x": 14,
+                    "y": 8
+                  },
+                  "resource": "VectorStaticTangramKite",
+                  "rotation": 0,
                   "text": null,
-                  "type": "drawVectorAt",
-                  "vector_id": 6,
-                  "x": 14,
-                  "y": 8
+                  "type": "drawVectorAt"
                 },
                 {
                   "children": [],
                   "color": 248,
                   "cx": 30,
                   "cy": 105,
-                  "label": "",
+                  "kind": "fillCircle",
+                  "label": "fillCircle",
                   "r": 4,
                   "text": null,
                   "type": "fillCircle"
@@ -294,7 +306,8 @@
                   "color": 248,
                   "cx": 25,
                   "cy": 32,
-                  "label": "",
+                  "kind": "fillCircle",
+                  "label": "fillCircle",
                   "r": 3,
                   "text": null,
                   "type": "fillCircle"
@@ -302,40 +315,62 @@
                 {
                   "children": [
                     {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 22,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 22,
+                            "text": null,
+                            "w": 72,
+                            "x": 64,
+                            "y": 108
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": "08:53",
+                          "options": {
+                            "key": "align_center",
+                            "text": null,
+                            "type": "contextSetting",
+                            "value": []
+                          },
+                          "text": "<TIME>",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "text": "<TIME>",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 72,
-                      "x": 64,
-                      "y": 108
+                      "style": {
+                        "text": null,
+                        "text_color": 255
+                      },
+                      "text": null,
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "text": null,
-                    "text_color": 255
-                  },
                   "text": null,
                   "type": "group"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
@@ -350,13 +385,7 @@
       "args": [],
       "ctor": "Nothing"
     },
-    "displayShape": {
-      "args": [],
-      "ctor": "Rectangular"
-    },
     "downloadedPieces": [],
-    "last_message": "CurrentDateTime",
-    "last_operation": "CurrentDateTime",
     "now": {
       "args": [
         {
@@ -391,9 +420,7 @@
   ],
   "view_tree_type": "windowStack",
   "watch_model": {
-    "_debugger_steps": 1,
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Companion.Types exposing (PhoneToWatch(..), WatchToPhone(..))\nimport Companion.Watch as CompanionWatch\nimport Json.Decode as Decode\nimport Pebble.Cmd as PebbleCmd\nimport Pebble.Events as Events\nimport Pebble.Platform as Platform\nimport Pebble.Ui as Ui exposing (Point)\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\n\n\ntype alias Model =\n    { now : Maybe PebbleCmd.CurrentDateTime\n    , screenW : Int\n    , screenH : Int\n    , colorMode : Platform.ColorCapability\n    , companionFigure : Maybe Int\n    , downloadedPieces : List DownloadedPiece\n    , pendingFigure : Maybe PendingFigure\n    }\n\n\ntype alias DownloadedPiece =\n    { index : Int\n    , vertexCount : Int\n    , p1 : Point\n    , p2 : Point\n    , p3 : Point\n    , p4 : Point\n    }\n\n\ntype alias PendingFigure =\n    { figureId : Int\n    , pieces : List DownloadedPiece\n    }\n\n\ntype alias Rect =\n    { x : Int\n    , y : Int\n    , w : Int\n    , h : Int\n    }\n\n\ntype Msg\n    = CurrentDateTime PebbleCmd.CurrentDateTime\n    | MinuteChanged Int\n    | FromPhone PhoneToWatch\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit context =\n    ( { now = Nothing\n      , screenW = context.screen.width\n      , screenH = context.screen.height\n      , colorMode = context.screen.colorMode\n      , companionFigure = Nothing\n      , downloadedPieces = []\n      , pendingFigure = Nothing\n      }\n    , Cmd.batch\n        [ PebbleCmd.getCurrentDateTime CurrentDateTime\n        , CompanionWatch.sendWatchToPhone RequestFigure\n        ]\n    )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        CurrentDateTime value ->\n            ( { model | now = Just value }, Cmd.none )\n\n        MinuteChanged _ ->\n            ( model\n            , PebbleCmd.getCurrentDateTime CurrentDateTime\n            )\n\n        FromPhone (ProvideFigure figureId) ->\n            ( { model | companionFigure = Just (modBy figureCount figureId), downloadedPieces = [], pendingFigure = Nothing }, Cmd.none )\n\n        FromPhone (BeginFigure figureId) ->\n            ( { model | companionFigure = Just figureId, pendingFigure = Just { figureId = figureId, pieces = [] } }, Cmd.none )\n\n        FromPhone (ProvidePiece figureId pieceIndex vertexCount x1 y1 x2 y2 x3 y3 x4 y4) ->\n            ( addDownloadedPiece figureId\n                { index = pieceIndex\n                , vertexCount = vertexCount\n                , p1 = o x1 y1\n                , p2 = o x2 y2\n                , p3 = o x3 y3\n                , p4 = o x4 y4\n                }\n                model\n            , Cmd.none\n            )\n\n        FromPhone (EndFigure figureId) ->\n            ( finishDownloadedFigure figureId model, Cmd.none )\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    Events.batch\n        [ Events.onMinuteChange MinuteChanged\n        , CompanionWatch.onPhoneToWatch FromPhone\n        ]\n\n\nview : Model -> Ui.UiNode\nview model =\n    let\n        cx =\n            model.screenW // 2\n\n        cy =\n            model.screenH // 2\n\n        hour =\n            currentHour model\n\n        minute =\n            currentMinute model\n\n        scale =\n            layoutScale model\n\n        clockRadius =\n            scaled scale 60\n\n        markerRadius =\n            scaled scale 68\n\n        hourRadius =\n            scaled scale 42\n\n        minuteRadius =\n            scaled scale 66\n\n        figure =\n            case model.companionFigure of\n                Just companionFigure ->\n                    companionFigure\n\n                Nothing ->\n                    minute\n    in\n    List.concat\n        [ [ Ui.clear (backgroundColor model)\n          , Ui.circle { x = cx, y = cy } clockRadius (clockColor model)\n          ]\n        , hourMarkers cx cy markerRadius (foregroundColor model)\n        , case model.downloadedPieces of\n            [] ->\n                [ builtInFigure scale cx cy hour minute figure ]\n\n            pieces ->\n                downloadedTangram model.colorMode scale cx cy hour minute figure pieces\n        , [ Ui.fillCircle (clockPoint cx cy hour hourRadius) 4 (accentColor model)\n          , Ui.fillCircle (minutePoint cx cy minute minuteRadius) 3 (accentColor model)\n          ]\n        , timeText model scale cx cy hour minute figure\n        ]\n        |> Ui.toUiNode\n\n\nfigureVector : Int -> Resources.StaticVector\nfigureVector figure =\n    case modBy figureCount figure of\n        0 ->\n            Resources.VectorStaticTangramBird\n\n        1 ->\n            Resources.VectorStaticTangramComet\n\n        2 ->\n            Resources.VectorStaticTangramCrown\n\n        3 ->\n            Resources.VectorStaticTangramBoat\n\n        4 ->\n            Resources.VectorStaticTangramFlower\n\n        _ ->\n            Resources.VectorStaticTangramKite\n\n\nfigureOriginOffsetX : Int\nfigureOriginOffsetX =\n    66\n\n\nfigureOriginOffsetY : Int\nfigureOriginOffsetY =\n    58\n\n\nvectorDrawOrigin : Int -> Point -> Point\nvectorDrawOrigin scale base =\n    { x = base.x - scaled scale figureOriginOffsetX\n    , y = base.y - scaled scale figureOriginOffsetY\n    }\n\n\nbuiltInFigure : Int -> Int -> Int -> Int -> Int -> Int -> Ui.RenderOp\nbuiltInFigure scale cx cy hour minute figure =\n    let\n        base =\n            formOrigin scale cx cy hour minute figure\n\n        origin =\n            vectorDrawOrigin scale base\n    in\n    Ui.drawVectorAt (figureVector figure) origin\n\n\ndownloadedTangram : Platform.ColorCapability -> Int -> Int -> Int -> Int -> Int -> Int -> List DownloadedPiece -> List Ui.RenderOp\ndownloadedTangram colorMode scale cx cy hour minute figure pieces =\n    let\n        base =\n            formOrigin scale cx cy hour minute figure\n    in\n    pieces\n        |> List.reverse\n        |> List.concatMap (\\piece -> tangramPiece (displayColor colorMode (pieceColor piece.index)) (shapeAt scale base (piecePoints piece)))\n\n\npiecePoints : DownloadedPiece -> List Point\npiecePoints piece =\n    if piece.vertexCount == 3 then\n        [ piece.p1, piece.p2, piece.p3 ]\n    else\n        [ piece.p1, piece.p2, piece.p3, piece.p4 ]\n\n\npieceColor : Int -> Color.Color\npieceColor index =\n    case modBy 7 index of\n        0 ->\n            Color.vividCerulean\n\n        1 ->\n            Color.pictonBlue\n\n        2 ->\n            Color.tiffanyBlue\n\n        3 ->\n            Color.cyan\n\n        4 ->\n            Color.blueMoon\n\n        5 ->\n            Color.electricBlue\n\n        _ ->\n            Color.veryLightBlue\n\n\nbackgroundColor : Model -> Color.Color\nbackgroundColor model =\n    if Platform.colorCapabilityIsColor model.colorMode then\n        Color.oxfordBlue\n    else\n        Color.white\n\n\nforegroundColor : Model -> Color.Color\nforegroundColor model =\n    if Platform.colorCapabilityIsColor model.colorMode then\n        Color.white\n    else\n        Color.black\n\n\nclockColor : Model -> Color.Color\nclockColor model =\n    if Platform.colorCapabilityIsColor model.colorMode then\n        Color.veryLightBlue\n    else\n        Color.black\n\n\naccentColor : Model -> Color.Color\naccentColor model =\n    if Platform.colorCapabilityIsColor model.colorMode then\n        Color.chromeYellow\n    else\n        Color.black\n\n\ndisplayColor : Platform.ColorCapability -> Color.Color -> Color.Color\ndisplayColor colorMode color =\n    if Platform.colorCapabilityIsColor colorMode then\n        color\n    else\n        Color.black\n\n\ntangramPiece : Color.Color -> List Point -> List Ui.RenderOp\ntangramPiece color points =\n    polygonLines color points\n        ++ hatchLines color points\n\n\npolygonLines : Color.Color -> List Point -> List Ui.RenderOp\npolygonLines color points =\n    case points of\n        a :: b :: c :: [] ->\n            [ Ui.line a b color, Ui.line b c color, Ui.line c a color ]\n\n        a :: b :: c :: d :: [] ->\n            [ Ui.line a b color, Ui.line b c color, Ui.line c d color, Ui.line d a color ]\n\n        _ ->\n            []\n\n\nhatchLines : Color.Color -> List Point -> List Ui.RenderOp\nhatchLines color points =\n    case points of\n        a :: b :: c :: [] ->\n            [ Ui.line (midpoint a b) (midpoint a c) color\n            , Ui.line (midpoint b a) (midpoint b c) color\n            , Ui.line (midpoint c a) (midpoint c b) color\n            ]\n\n        a :: b :: c :: d :: [] ->\n            [ Ui.line (midpoint a b) (midpoint d c) color\n            , Ui.line (midpoint a d) (midpoint b c) color\n            ]\n\n        _ ->\n            []\n\n\nshapeAt : Int -> Point -> List Point -> List Point\nshapeAt scale anchor points =\n    List.map (\\point -> { x = anchor.x + scaled scale point.x, y = anchor.y + scaled scale point.y }) points\n\n\nnudgePoint : Point -> Point -> Point\nnudgePoint point nudge =\n    { x = point.x + nudge.x, y = point.y + nudge.y }\n\n\nscalePoint : Int -> Point -> Point\nscalePoint scale point =\n    { x = scaled scale point.x, y = scaled scale point.y }\n\n\nscaled : Int -> Int -> Int\nscaled scale value =\n    (value * scale) // 100\n\n\nlayoutScale : Model -> Int\nlayoutScale model =\n    clampInt 100 130 ((min model.screenW model.screenH * 100) // 156)\n\n\no : Int -> Int -> Point\no x y =\n    { x = x, y = y }\n\n\nmidpoint : Point -> Point -> Point\nmidpoint a b =\n    { x = (a.x + b.x) // 2, y = (a.y + b.y) // 2 }\n\n\np : Int -> Int -> Int -> Int -> Point\np cx cy x y =\n    { x = cx + x, y = cy + y }\n\n\nformOrigin : Int -> Int -> Int -> Int -> Int -> Int -> Point\nformOrigin scale cx cy hour minute figure =\n    let\n        drift =\n            scalePoint scale (minuteNudge minute)\n\n        clearanceDrift =\n            case minute // 15 of\n                0 ->\n                    scalePoint scale (o 0 8)\n\n                1 ->\n                    scalePoint scale (o -8 0)\n\n                2 ->\n                    scalePoint scale (o 0 -8)\n\n                _ ->\n                    scalePoint scale (o 8 0)\n\n        hourDrift =\n            case modBy 4 hour of\n                0 ->\n                    scalePoint scale (o -2 -1)\n\n                1 ->\n                    scalePoint scale (o 2 -1)\n\n                2 ->\n                    scalePoint scale (o 2 1)\n\n                _ ->\n                    scalePoint scale (o -2 1)\n\n        figureDrift =\n            scalePoint scale (figureNudge figure)\n    in\n    nudgePoint (nudgePoint (nudgePoint (nudgePoint (p cx cy 0 (scaled scale -20)) clearanceDrift) drift) hourDrift) figureDrift\n\n\ncurrentHour : Model -> Int\ncurrentHour model =\n    case model.now of\n        Just value ->\n            modBy 12 value.hour\n\n        Nothing ->\n            0\n\n\ncurrentMinute : Model -> Int\ncurrentMinute model =\n    case model.now of\n        Just value ->\n            value.minute\n\n        Nothing ->\n            0\n\n\naddDownloadedPiece : Int -> DownloadedPiece -> Model -> Model\naddDownloadedPiece figureId piece model =\n    case model.pendingFigure of\n        Just pending ->\n            if pending.figureId == figureId then\n                { model | pendingFigure = Just { pending | pieces = piece :: pending.pieces } }\n            else\n                model\n\n        Nothing ->\n            model\n\n\nfinishDownloadedFigure : Int -> Model -> Model\nfinishDownloadedFigure figureId model =\n    case model.pendingFigure of\n        Just pending ->\n            if pending.figureId == figureId && List.length pending.pieces >= 7 then\n                { model | downloadedPieces = pending.pieces, pendingFigure = Nothing }\n            else\n                { model | pendingFigure = Nothing }\n\n        Nothing ->\n            model\n\n\nfigureCount : Int\nfigureCount =\n    6\n\n\nfigureNudge : Int -> Point\nfigureNudge figure =\n    case modBy 8 (figure // figureCount) of\n        0 ->\n            o 0 0\n\n        1 ->\n            o 6 -4\n\n        2 ->\n            o -6 -4\n\n        3 ->\n            o 8 3\n\n        4 ->\n            o -8 3\n\n        5 ->\n            o 4 7\n\n        6 ->\n            o -4 7\n\n        _ ->\n            o 0 -8\n\n\nminutePoint : Int -> Int -> Int -> Int -> Point\nminutePoint cx cy minute radius =\n    let\n        slot =\n            minute // 5\n\n        fine =\n            modBy 5 minute\n\n        start =\n            clockPoint cx cy slot radius\n\n        finish =\n            clockPoint cx cy (slot + 1) radius\n    in\n    { x = start.x + ((finish.x - start.x) * fine) // 5\n    , y = start.y + ((finish.y - start.y) * fine) // 5\n    }\n\n\nminuteAnchor : Int -> Int -> Int -> Int -> Int -> Point\nminuteAnchor cx cy minute offset radius =\n    nudgePoint (clockPoint cx cy ((minute // 5) + offset) radius) (minuteNudge minute)\n\n\nminuteNudge : Int -> Point\nminuteNudge minute =\n    case modBy 5 minute of\n        0 ->\n            o 0 0\n\n        1 ->\n            o 3 -1\n\n        2 ->\n            o 4 1\n\n        3 ->\n            o 2 3\n\n        _ ->\n            o -1 4\n\n\nclockPoint : Int -> Int -> Int -> Int -> Point\nclockPoint cx cy slot radius =\n    let\n        scaled =\n            radius // 2\n    in\n    case modBy 12 slot of\n        0 ->\n            p cx cy 0 (0 - radius)\n\n        1 ->\n            p cx cy scaled (0 - radius)\n\n        2 ->\n            p cx cy radius (0 - scaled)\n\n        3 ->\n            p cx cy radius 0\n\n        4 ->\n            p cx cy radius scaled\n\n        5 ->\n            p cx cy scaled radius\n\n        6 ->\n            p cx cy 0 radius\n\n        7 ->\n            p cx cy (0 - scaled) radius\n\n        8 ->\n            p cx cy (0 - radius) scaled\n\n        9 ->\n            p cx cy (0 - radius) 0\n\n        10 ->\n            p cx cy (0 - radius) (0 - scaled)\n\n        _ ->\n            p cx cy (0 - scaled) (0 - radius)\n\n\nhourMarkers : Int -> Int -> Int -> Color.Color -> List Ui.RenderOp\nhourMarkers cx cy radius color =\n    [ Ui.fillCircle (clockPoint cx cy 0 radius) 2 color\n    , Ui.fillCircle (clockPoint cx cy 3 radius) 2 color\n    , Ui.fillCircle (clockPoint cx cy 6 radius) 2 color\n    , Ui.fillCircle (clockPoint cx cy 9 radius) 2 color\n    ]\n\n\ntimeText : Model -> Int -> Int -> Int -> Int -> Int -> Int -> List Ui.RenderOp\ntimeText model scale cx cy hour minute figure =\n    let\n        label =\n            case model.now of\n                Just value ->\n                    pad2 value.hour ++ \":\" ++ pad2 value.minute\n\n                Nothing ->\n                    \"--:--\"\n\n        position =\n            timeTextPosition model.screenW model.screenH scale cx cy hour minute figure\n    in\n    [ Ui.group\n        (Ui.context\n            [ Ui.textColor (foregroundColor model) ]\n            [ Ui.text Resources.DefaultFont (Ui.alignCenter Ui.defaultTextOptions) { x = position.x, y = position.y, w = timeTextWidth, h = timeTextHeight } label ]\n        )\n    ]\n\n\ntimeTextWidth : Int\ntimeTextWidth =\n    72\n\n\ntimeTextHeight : Int\ntimeTextHeight =\n    22\n\n\ntimeTextPosition : Int -> Int -> Int -> Int -> Int -> Int -> Int -> Int -> Point\ntimeTextPosition screenW screenH scale cx cy hour minute figure =\n    let\n        hourRadius =\n            scaled scale 42\n\n        minuteRadius =\n            scaled scale 66\n\n        markerRadius =\n            scaled scale 68\n\n        candidates =\n            [ o 8 (cy + 24)\n            , o (screenW - timeTextWidth - 8) (cy + 24)\n            , o 16 (cy + 44)\n            , o (screenW - timeTextWidth - 16) (cy + 44)\n            , o (cx - 72) (cy - 58)\n            , o cx (cy - 58)\n            , o 8 (cy - 12)\n            , o (screenW - timeTextWidth - 8) (cy - 12)\n            ]\n\n        hourMarker =\n            clockPoint cx cy hour hourRadius\n\n        minuteMarker =\n            minutePoint cx cy minute minuteRadius\n\n        figureRect =\n            tangramBounds scale (formOrigin scale cx cy hour minute figure)\n    in\n    bestTextCandidate cy hourMarker minuteMarker (clockPoint cx cy 0 markerRadius) (clockPoint cx cy 3 markerRadius) (clockPoint cx cy 6 markerRadius) (clockPoint cx cy 9 markerRadius) figureRect candidates\n        |> clampTextPosition screenW screenH\n\n\nbestTextCandidate : Int -> Point -> Point -> Point -> Point -> Point -> Point -> Rect -> List Point -> Point\nbestTextCandidate cy hourMarker minuteMarker topMarker rightMarker bottomMarker leftMarker figureRect candidates =\n    case candidates of\n        first :: rest ->\n            List.foldl\n                (\\candidate best ->\n                    if textCandidateScore cy hourMarker minuteMarker topMarker rightMarker bottomMarker leftMarker figureRect candidate < textCandidateScore cy hourMarker minuteMarker topMarker rightMarker bottomMarker leftMarker figureRect best then\n                        candidate\n                    else\n                        best\n                )\n                first\n                rest\n\n        [] ->\n            o 0 0\n\n\ntextCandidateScore : Int -> Point -> Point -> Point -> Point -> Point -> Point -> Rect -> Point -> Int\ntextCandidateScore cy hourMarker minuteMarker topMarker rightMarker bottomMarker leftMarker figureRect position =\n    let\n        rect =\n            { x = position.x, y = position.y, w = timeTextWidth, h = timeTextHeight }\n\n        handPenalty =\n            pointPenalty 10 hourMarker.x hourMarker.y rect.x rect.y rect.w rect.h\n                + pointPenalty 10 minuteMarker.x minuteMarker.y rect.x rect.y rect.w rect.h\n\n        fixedMarkerPenalty =\n            pointPenalty 12 topMarker.x topMarker.y rect.x rect.y rect.w rect.h\n                + pointPenalty 12 rightMarker.x rightMarker.y rect.x rect.y rect.w rect.h\n                + pointPenalty 12 bottomMarker.x bottomMarker.y rect.x rect.y rect.w rect.h\n                + pointPenalty 12 leftMarker.x leftMarker.y rect.x rect.y rect.w rect.h\n\n        figurePenalty =\n            rectOverlapPenalty (rect.x - 4) (rect.y - 4) (rect.w + 8) (rect.h + 8) figureRect.x figureRect.y figureRect.w figureRect.h\n\n        lowerBias =\n            if position.y >= cy then\n                -25\n            else\n                0\n    in\n    handPenalty + fixedMarkerPenalty + figurePenalty + lowerBias\n\n\npointPenalty : Int -> Int -> Int -> Int -> Int -> Int -> Int -> Int\npointPenalty clearance pointX pointY rectX rectY rectW rectH =\n    if pointX >= rectX - clearance && pointX <= rectX + rectW + clearance && pointY >= rectY - clearance && pointY <= rectY + rectH + clearance then\n        260\n    else\n        0\n\n\nrectOverlapPenalty : Int -> Int -> Int -> Int -> Int -> Int -> Int -> Int -> Int\nrectOverlapPenalty ax ay aw ah bx by bw bh =\n    if ax < bx + bw && ax + aw > bx && ay < by + bh && ay + ah > by then\n        120\n    else\n        0\n\n\ntangramBounds : Int -> Point -> Rect\ntangramBounds scale origin =\n    { x = origin.x - scaled scale figureOriginOffsetX\n    , y = origin.y - scaled scale figureOriginOffsetY\n    , w = scaled scale (figureOriginOffsetX * 2)\n    , h = scaled scale (figureOriginOffsetY + 68)\n    }\n\n\nclampTextPosition : Int -> Int -> Point -> Point\nclampTextPosition screenW screenH position =\n    { x = clampInt 8 (screenW - timeTextWidth - 8) position.x\n    , y = clampInt 8 (screenH - timeTextHeight - 8) position.y\n    }\n\n\nclampInt : Int -> Int -> Int -> Int\nclampInt low high value =\n    max low (min high value)\n\n\npad2 : Int -> String\npad2 value =\n    if value < 10 then\n        \"0\" ++ String.fromInt value\n    else\n        String.fromInt value\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.watchface\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": false,
@@ -411,6 +438,19 @@
       "watch_profile_id": "basalt"
     },
     "revision": "6f33d949dfe1",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_entry_count": 7,
+      "runtime_model_sha256": "16e4923bcb01f1bc2fb1957d55e8a30db71f218f4e018e77704b1d0703c82705",
+      "runtime_model_source": "step_message",
+      "view_tree_node_count": 15,
+      "view_tree_sha256": "c31971cc1e187e39deb49e6893d6a8b3a25d79caa8656748ec624f568702d23a"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_known_messages": [
       "CurrentDateTime",
       "MinuteChanged",
@@ -427,13 +467,7 @@
         "args": [],
         "ctor": "Nothing"
       },
-      "displayShape": {
-        "args": [],
-        "ctor": "Rectangular"
-      },
       "downloadedPieces": [],
-      "last_message": "CurrentDateTime",
-      "last_operation": "CurrentDateTime",
       "now": {
         "args": [
           {
@@ -456,6 +490,7 @@
         "args": [],
         "ctor": "Nothing"
       },
+      "runtime_view_output_model_sha256": "bb1c7787a814a45024f8ba4358c58ffaba4f75158025c41e4be90391836b2ca8",
       "screenH": 168,
       "screenW": 144
     },
@@ -516,8 +551,9 @@
       },
       {
         "kind": "vector_at",
+        "resource": "VectorStaticTangramKite",
         "text": null,
-        "vector_id": 6,
+        "vector_id": 0,
         "x": 14,
         "y": 8
       },
@@ -537,17 +573,13 @@
         "r": 3,
         "text": null
       },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 255,
         "kind": "text_color",
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 22,
         "kind": "text",
         "text": "<TIME>",
@@ -556,26 +588,28 @@
         "w": 72,
         "x": 64,
         "y": 108
-      },
-      {
-        "kind": "pop_context",
-        "text": null
       }
     ],
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -589,32 +623,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/watchface-tutorial-complete.json b/ide/test/fixtures/debugger_template_corpus/watchface-tutorial-complete.json
index 5ea616c5..77abac35 100644
--- a/ide/test/fixtures/debugger_template_corpus/watchface-tutorial-complete.json
+++ b/ide/test/fixtures/debugger_template_corpus/watchface-tutorial-complete.json
@@ -4,13 +4,11 @@
     "root_type": "windowStack",
     "runtime_view_output_kinds": [
       "clear",
-      "push_context",
       "stroke_color",
       "fill_color",
       "text_color",
       "round_rect",
       "fill_rect",
-      "pop_context",
       "text"
     ],
     "status": "ok"
@@ -18,12 +16,7 @@
   "preview_ops": [
     {
       "color": 192,
-      "kind": "clear",
-      "source": {
-        "call": "PebbleUi.clear",
-        "line": 224,
-        "path": "src/Main.elm"
-      }
+      "kind": "clear"
     },
     {
       "antialiased": true,
@@ -32,11 +25,6 @@
       "h": 8,
       "kind": "round_rect",
       "radius": 2,
-      "source": {
-        "call": "PebbleUi.roundRect",
-        "line": 198,
-        "path": "src/Main.elm"
-      },
       "stroke_color": 255,
       "stroke_width": 1,
       "w": 72,
@@ -50,12 +38,7 @@
       "fill_color": 204,
       "h": 4,
       "kind": "fill_rect",
-      "source": {
-        "call": "PebbleUi.fillRect",
-        "line": 199,
-        "path": "src/Main.elm"
-      },
-      "stroke_color": 204,
+      "stroke_color": 255,
       "stroke_width": 1,
       "w": 59,
       "x": 38,
@@ -67,14 +50,9 @@
       "font_size": 56,
       "h": 56,
       "kind": "text_label",
-      "source": {
-        "call": "PebbleUi.text",
-        "line": 240,
-        "path": "src/Main.elm"
-      },
       "text": "08:53",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 255,
       "text_overflow": "word_wrap",
       "w": 144,
       "x": 0,
@@ -86,23 +64,18 @@
       "font_size": 22,
       "h": 22,
       "kind": "text_label",
-      "source": {
-        "call": "PebbleUi.text",
-        "line": 240,
-        "path": "src/Main.elm"
-      },
       "text": "21C Clear",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 255,
       "text_overflow": "word_wrap",
       "w": 144,
       "x": 0,
       "y": 136
     }
   ],
-  "preview_ops_sha256": "13ccea9c700890e2a27a914742f82deb66c4abd30e8b817bc36b84da057e1b5e",
+  "preview_ops_sha256": "4d1ed5afb2c847952999a12d86b80d4c79ed6b5bd6112306ded793c4f591063d",
   "render_tree": {
-    "node_count": 11,
+    "node_count": 14,
     "node_types": [
       "canvasLayer",
       "clear",
@@ -110,6 +83,9 @@
       "group",
       "group",
       "group",
+      "group",
+      "group",
+      "group",
       "roundRect",
       "text",
       "text",
@@ -118,13 +94,6 @@
     ],
     "root_type": "windowStack",
     "tree": {
-      "box": {
-        "h": 168,
-        "text": null,
-        "w": 144,
-        "x": 0,
-        "y": 0
-      },
       "children": [
         {
           "children": [
@@ -133,107 +102,153 @@
                 {
                   "children": [],
                   "color": 192,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "fill": 255,
-                      "h": 8,
-                      "label": "",
-                      "radius": 2,
-                      "text": null,
-                      "type": "roundRect",
-                      "w": 72,
-                      "x": 36,
-                      "y": 6
-                    },
-                    {
-                      "children": [],
-                      "fill": 204,
-                      "h": 4,
+                      "children": [
+                        {
+                          "children": [],
+                          "color": 255,
+                          "h": 8,
+                          "kind": "roundRect",
+                          "label": "roundRect",
+                          "radius": 2,
+                          "text": null,
+                          "type": "roundRect",
+                          "w": 72,
+                          "x": 36,
+                          "y": 6
+                        },
+                        {
+                          "bounds": {
+                            "h": 4,
+                            "text": null,
+                            "w": 59,
+                            "x": 38,
+                            "y": 8
+                          },
+                          "children": [],
+                          "color": 204,
+                          "kind": "fillRect",
+                          "label": "fillRect",
+                          "text": null,
+                          "type": "fillRect"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
+                      "style": {
+                        "fill_color": 204,
+                        "stroke_color": 255,
+                        "text": null,
+                        "text_color": 255
+                      },
                       "text": null,
-                      "type": "fillRect",
-                      "w": 59,
-                      "x": 38,
-                      "y": 8
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "fill_color": 204,
-                    "stroke_color": 255,
-                    "text": null,
-                    "text_color": 255
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 56,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 56,
+                            "text": null,
+                            "w": 144,
+                            "x": 0,
+                            "y": 46
+                          },
+                          "children": [],
+                          "font": "Jersey",
+                          "kind": "text",
+                          "label": "08:53",
+                          "options": [],
+                          "text": "<TIME>",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "text": "<TIME>",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 144,
-                      "x": 0,
-                      "y": 46
+                      "style": {
+                        "text": null,
+                        "text_color": 255
+                      },
+                      "text": null,
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "text": null,
-                    "text_color": 255
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 22,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 22,
+                            "text": null,
+                            "w": 144,
+                            "x": 0,
+                            "y": 136
+                          },
+                          "children": [],
+                          "font": "Jersey",
+                          "kind": "text",
+                          "label": "21C Clear",
+                          "options": [],
+                          "text": "21C Clear",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "text": "21C Clear",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 144,
-                      "x": 0,
-                      "y": 136
+                      "style": {
+                        "text": null,
+                        "text_color": 255
+                      },
+                      "text": null,
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "text": null,
-                    "text_color": 255
-                  },
                   "text": null,
                   "type": "group"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
@@ -291,8 +306,6 @@
       "args": [],
       "ctor": "Rectangular"
     },
-    "last_message": "FromPhone",
-    "last_operation": "FromPhone",
     "runtime_view_output": [],
     "screenH": 168,
     "screenW": 144,
@@ -328,9 +341,7 @@
   ],
   "view_tree_type": "windowStack",
   "watch_model": {
-    "_debugger_steps": 5,
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Companion.Types exposing (Location(..), PhoneToWatch(..), Temperature(..), TutorialColor(..), WatchToPhone(..), WeatherCondition(..))\nimport Companion.Watch as CompanionWatch\nimport Json.Decode as Decode\nimport Pebble.Events as PebbleEvents\nimport Pebble.Platform as PebblePlatform\nimport Pebble.System as PebbleSystem\nimport Pebble.Time as PebbleTime\nimport Pebble.Ui as PebbleUi\nimport Pebble.Ui.Color as PebbleColor\nimport Pebble.Ui.Resources as UiResources\nimport Pebble.Vibes as PebbleVibes\n\n\ntype alias Model =\n    { screenW : Int\n    , screenH : Int\n    , displayShape : PebblePlatform.DisplayShape\n    , currentDateTime : Maybe PebbleTime.CurrentDateTime\n    , batteryLevel : Maybe Int\n    , connected : Maybe Bool\n    , temperature : Maybe Temperature\n    , condition : Maybe WeatherCondition\n    , backgroundColor : Maybe TutorialColor\n    , textColor : Maybe TutorialColor\n    , showDate : Maybe Bool\n    }\n\n\ntype Msg\n    = CurrentDateTime PebbleTime.CurrentDateTime\n    | FromPhone PhoneToWatch\n    | MinuteChanged Int\n    | HourChanged Int\n    | BatteryLevelChanged Int\n    | ConnectionStatusChanged Bool\n\n\ninit : PebblePlatform.LaunchContext -> ( Model, Cmd Msg )\ninit context =\n    ( { screenW = context.screen.width\n      , screenH = context.screen.height\n      , displayShape = context.screen.shape\n      , currentDateTime = Nothing\n      , batteryLevel = Nothing\n      , connected = Nothing\n      , temperature = Nothing\n      , condition = Nothing\n      , backgroundColor = Nothing\n      , textColor = Nothing\n      , showDate = Nothing\n      }\n    , Cmd.batch\n        [ PebbleTime.currentDateTime CurrentDateTime\n        , PebbleSystem.batteryLevel BatteryLevelChanged\n        , PebbleSystem.connectionStatus ConnectionStatusChanged\n        , CompanionWatch.sendWatchToPhone (RequestWeather CurrentLocation)\n        ]\n    )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        CurrentDateTime value ->\n            ( { model | currentDateTime = Just value }, Cmd.none )\n\n        FromPhone message ->\n            updateFromPhone message model\n\n        MinuteChanged minute ->\n            ( { model | currentDateTime = updateMinute minute model.currentDateTime }\n            , if modBy 30 minute == 0 then\n                  CompanionWatch.sendWatchToPhone (RequestWeather CurrentLocation)\n\n              else\n                  Cmd.none\n            )\n\n        HourChanged _ ->\n            ( model, PebbleTime.currentDateTime CurrentDateTime )\n\n        BatteryLevelChanged level ->\n            ( { model | batteryLevel = Just (clamp 0 100 level) }, Cmd.none )\n\n        ConnectionStatusChanged connected ->\n            ( { model | connected = Just connected }\n            , if connected then\n                  Cmd.none\n\n              else\n                  PebbleVibes.doublePulse\n            )\n\n\nupdateFromPhone : PhoneToWatch -> Model -> ( Model, Cmd Msg )\nupdateFromPhone message model =\n    case message of\n        ProvideTemperature temperature ->\n            ( { model | temperature = Just temperature }, Cmd.none )\n\n        ProvideCondition condition ->\n            ( { model | condition = Just condition }, Cmd.none )\n\n        SetBackgroundColor color ->\n            ( { model | backgroundColor = Just color }, Cmd.none )\n\n        SetTextColor color ->\n            ( { model | textColor = Just color }, Cmd.none )\n\n        SetShowDate value ->\n            ( { model | showDate = Just value }, Cmd.none )\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    PebbleEvents.batch\n        [ PebbleEvents.onMinuteChange MinuteChanged\n        , PebbleEvents.onHourChange HourChanged\n        , PebbleSystem.onBatteryChange BatteryLevelChanged\n        , PebbleSystem.onConnectionChange ConnectionStatusChanged\n        , CompanionWatch.onPhoneToWatch FromPhone\n        ]\n\n\nview : Model -> PebbleUi.UiNode\nview model =\n    let\n        w =\n            model.screenW\n\n        h =\n            model.screenH\n\n        timeY =\n            (h // 2) - 38\n\n        dateY =\n            timeY + 48\n\n        weatherY =\n            h\n                - (if PebblePlatform.displayShapeIsRound model.displayShape then\n                    42\n\n                   else\n                    32\n                  )\n\n        batteryW =\n            w // 2\n\n        batteryX =\n            (w - batteryW) // 2\n\n        batteryY =\n            if PebblePlatform.displayShapeIsRound model.displayShape then\n                h // 8\n\n            else\n                h // 28\n\n        backgroundColor =\n            Maybe.withDefault Black model.backgroundColor\n                |> pebbleColor\n\n        textColor =\n            Maybe.withDefault White model.textColor\n                |> pebbleColor\n\n        batteryOps =\n            case model.batteryLevel of\n                Nothing ->\n                    []\n\n                Just batteryLevel ->\n                    let\n                        batteryFill =\n                            ((batteryW - 4) * batteryLevel) // 100\n\n                        batteryColor =\n                            if batteryLevel <= 20 then\n                                PebbleColor.red\n\n                            else if batteryLevel <= 40 then\n                                PebbleColor.chromeYellow\n\n                            else\n                                PebbleColor.green\n                    in\n                    [ PebbleUi.group\n                        (PebbleUi.context\n                            [ PebbleUi.strokeColor textColor\n                            , PebbleUi.fillColor batteryColor\n                            , PebbleUi.textColor textColor\n                            ]\n                            [ PebbleUi.roundRect { x = batteryX, y = batteryY, w = batteryW, h = 8 } 2 textColor\n                            , PebbleUi.fillRect { x = batteryX + 2, y = batteryY + 2, w = batteryFill, h = 4 } batteryColor\n                            ]\n                        )\n                    ]\n\n        btIcon =\n            case model.connected of\n                Just False ->\n                    [ PebbleUi.drawBitmapInRect UiResources.BitmapStaticBtIcon { x = (w - 30) // 2, y = batteryY + 12, w = 30, h = 30 } ]\n\n                _ ->\n                    []\n\n        dateOps =\n            if Maybe.withDefault False model.showDate then\n                case model.currentDateTime of\n                    Just currentDateTime ->\n                        [ drawCentered model textColor dateY 24 (dateString currentDateTime) ]\n\n                    Nothing ->\n                        []\n\n            else\n                []\n    in\n    [ PebbleUi.clear backgroundColor\n    ]\n        ++ batteryOps\n        ++ [ drawCentered model textColor timeY 56 (timeString model)\n           , drawCentered model textColor weatherY 22 (weatherString model)\n           ]\n        ++ btIcon\n        ++ dateOps\n        |> PebbleUi.toUiNode\n\n\ndrawCentered : Model -> PebbleColor.Color -> Int -> Int -> String -> PebbleUi.RenderOp\ndrawCentered model textColor y height value =\n    PebbleUi.group\n        (PebbleUi.context\n            [ PebbleUi.textColor textColor ]\n            [ PebbleUi.text UiResources.Jersey PebbleUi.defaultTextOptions { x = 0, y = y, w = model.screenW, h = height } value ]\n        )\n\n\ntimeString : Model -> String\ntimeString model =\n    case model.currentDateTime of\n        Nothing ->\n            \"--:--\"\n\n        Just currentDateTime ->\n            pad2 currentDateTime.hour ++ \":\" ++ pad2 currentDateTime.minute\n\n\ndateString : PebbleTime.CurrentDateTime -> String\ndateString currentDateTime =\n    weekdayString currentDateTime.dayOfWeek ++ \" \" ++ monthString currentDateTime.month ++ \" \" ++ String.fromInt currentDateTime.day\n\n\nupdateMinute : Int -> Maybe PebbleTime.CurrentDateTime -> Maybe PebbleTime.CurrentDateTime\nupdateMinute minute maybeCurrentDateTime =\n    case maybeCurrentDateTime of\n        Nothing ->\n            Nothing\n\n        Just currentDateTime ->\n            Just { currentDateTime | minute = minute }\n\n\nweatherString : Model -> String\nweatherString model =\n    case ( model.temperature, model.condition ) of\n        ( Just temperature, Just condition ) ->\n            temperatureString temperature ++ \" \" ++ conditionString condition\n\n        _ ->\n            \"Loading...\"\n\n\ntemperatureString : Temperature -> String\ntemperatureString temperature =\n    case temperature of\n        Celsius value ->\n            String.fromInt value ++ \"C\"\n\n        Fahrenheit value ->\n            String.fromInt value ++ \"F\"\n\n\npebbleColor : TutorialColor -> PebbleColor.Color\npebbleColor color =\n    case color of\n        Black ->\n            PebbleColor.black\n\n        White ->\n            PebbleColor.white\n\n        Green ->\n            PebbleColor.green\n\n        Blue ->\n            PebbleColor.blue\n\n        Yellow ->\n            PebbleColor.chromeYellow\n\n\nconditionString : WeatherCondition -> String\nconditionString condition =\n    case condition of\n        Clear ->\n            \"Clear\"\n\n        Cloudy ->\n            \"Cloudy\"\n\n        Fog ->\n            \"Fog\"\n\n        Drizzle ->\n            \"Drizzle\"\n\n        Rain ->\n            \"Rain\"\n\n        Snow ->\n            \"Snow\"\n\n        Showers ->\n            \"Showers\"\n\n        Storm ->\n            \"Storm\"\n\n        UnknownWeather ->\n            \"Weather\"\n\n\nweekdayString : PebbleTime.DayOfWeek -> String\nweekdayString day =\n    case day of\n        PebbleTime.Monday ->\n            \"Mon\"\n\n        PebbleTime.Tuesday ->\n            \"Tue\"\n\n        PebbleTime.Wednesday ->\n            \"Wed\"\n\n        PebbleTime.Thursday ->\n            \"Thu\"\n\n        PebbleTime.Friday ->\n            \"Fri\"\n\n        PebbleTime.Saturday ->\n            \"Sat\"\n\n        PebbleTime.Sunday ->\n            \"Sun\"\n\n\nmonthString : Int -> String\nmonthString month =\n    case month of\n        1 ->\n            \"Jan\"\n\n        2 ->\n            \"Feb\"\n\n        3 ->\n            \"Mar\"\n\n        4 ->\n            \"Apr\"\n\n        5 ->\n            \"May\"\n\n        6 ->\n            \"Jun\"\n\n        7 ->\n            \"Jul\"\n\n        8 ->\n            \"Aug\"\n\n        9 ->\n            \"Sep\"\n\n        10 ->\n            \"Oct\"\n\n        11 ->\n            \"Nov\"\n\n        _ ->\n            \"Dec\"\n\n\npad2 : Int -> String\npad2 value =\n    if value < 10 then\n        \"0\" ++ String.fromInt value\n\n    else\n        String.fromInt value\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    PebblePlatform.watchface\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": true,
@@ -348,6 +359,15 @@
       "watch_profile_id": "aplite"
     },
     "revision": "a8bc9bb95055",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_source": "step_message"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_known_messages": [
       "CurrentDateTime",
       "FromPhone",
@@ -410,8 +430,7 @@
         "args": [],
         "ctor": "Rectangular"
       },
-      "last_message": "FromPhone",
-      "last_operation": "FromPhone",
+      "runtime_view_output_model_sha256": "c4df3c71fc7be744e37e408b9774ed6a2fe0bd7ea672dcf23b0a279cbee2953a",
       "screenH": 168,
       "screenW": 144,
       "showDate": {
@@ -449,10 +468,6 @@
         "kind": "clear",
         "text": null
       },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 255,
         "kind": "stroke_color",
@@ -487,21 +502,13 @@
         "x": 38,
         "y": 8
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 255,
         "kind": "text_color",
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 56,
         "kind": "text",
         "text": "<TIME>",
@@ -511,21 +518,13 @@
         "x": 0,
         "y": 46
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 255,
         "kind": "text_color",
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 22,
         "kind": "text",
         "text": "21C Clear",
@@ -534,26 +533,28 @@
         "w": 144,
         "x": 0,
         "y": 136
-      },
-      {
-        "kind": "pop_context",
-        "text": null
       }
     ],
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -567,32 +568,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/watchface-weather-animated.json b/ide/test/fixtures/debugger_template_corpus/watchface-weather-animated.json
index c0ff9bf5..932e1006 100644
--- a/ide/test/fixtures/debugger_template_corpus/watchface-weather-animated.json
+++ b/ide/test/fixtures/debugger_template_corpus/watchface-weather-animated.json
@@ -4,10 +4,8 @@
     "root_type": "windowStack",
     "runtime_view_output_kinds": [
       "clear",
-      "push_context",
       "text_color",
       "text",
-      "pop_context",
       "vector_at"
     ],
     "status": "ok"
@@ -15,12 +13,7 @@
   "preview_ops": [
     {
       "color": 255,
-      "kind": "clear",
-      "source": {
-        "call": "Ui.clear",
-        "line": 138,
-        "path": "src/Main.elm"
-      }
+      "kind": "clear"
     },
     {
       "antialiased": true,
@@ -28,14 +21,9 @@
       "font_size": 40,
       "h": 40,
       "kind": "text_label",
-      "source": {
-        "call": "Ui.text",
-        "line": 175,
-        "path": "src/Main.elm"
-      },
       "text": "08:53",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 192,
       "text_overflow": "word_wrap",
       "w": 144,
       "x": 0,
@@ -47,83 +35,53 @@
       "font_size": 18,
       "h": 18,
       "kind": "text_label",
-      "source": {
-        "call": "Ui.text",
-        "line": 175,
-        "path": "src/Main.elm"
-      },
       "text": "18C Fog",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 192,
       "text_overflow": "word_wrap",
       "w": 144,
       "x": 0,
       "y": 92
     },
     {
-      "fill_color": 0,
-      "kind": "path_outline_open",
-      "offset_x": 0,
-      "offset_y": 0,
-      "rotation": 0,
-      "stroke_color": 192,
-      "stroke_width": 2
-    },
-    {
-      "fill_color": 0,
-      "kind": "path_outline_open",
-      "offset_x": 0,
-      "offset_y": 0,
-      "rotation": 0,
-      "stroke_color": 192,
-      "stroke_width": 2
-    },
-    {
-      "fill_color": 0,
-      "kind": "path_outline_open",
+      "fill_color": 192,
+      "kind": "path_filled",
       "offset_x": 0,
       "offset_y": 0,
       "rotation": 0,
-      "stroke_color": 192,
-      "stroke_width": 2
-    },
-    {
-      "cx": 80,
-      "cy": 128,
-      "fill_color": 192,
-      "kind": "fill_circle",
-      "r": 5,
       "stroke_color": 0,
       "stroke_width": 1
     },
     {
-      "cx": 76,
-      "cy": 126,
       "fill_color": 192,
-      "kind": "fill_circle",
-      "r": 7,
+      "kind": "path_filled",
+      "offset_x": 0,
+      "offset_y": 0,
+      "rotation": 0,
       "stroke_color": 0,
       "stroke_width": 1
     },
     {
-      "cx": 70,
-      "cy": 128,
       "fill_color": 192,
-      "kind": "fill_circle",
-      "r": 6,
+      "kind": "path_filled",
+      "offset_x": 0,
+      "offset_y": 0,
+      "rotation": 0,
       "stroke_color": 0,
       "stroke_width": 1
     }
   ],
-  "preview_ops_sha256": "1815a7aff42dedc08027eff4d355c98f241ad6cf0644e5597c5f82b5761271d0",
+  "preview_ops_sha256": "eab81f2b6a75bab7cea1128308cd1888dad98673fe11531e826adce9879322e9",
   "render_tree": {
-    "node_count": 9,
+    "node_count": 11,
     "node_types": [
       "canvasLayer",
       "clear",
       "drawVectorAt",
       "group",
       "group",
+      "group",
+      "group",
       "text",
       "text",
       "window",
@@ -131,13 +89,6 @@
     ],
     "root_type": "windowStack",
     "tree": {
-      "box": {
-        "h": 168,
-        "text": null,
-        "w": 144,
-        "x": 0,
-        "y": 0
-      },
       "children": [
         {
           "children": [
@@ -146,80 +97,128 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 40,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 40,
+                            "text": null,
+                            "w": 144,
+                            "x": 0,
+                            "y": 56
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": "08:53",
+                          "options": {
+                            "key": "align_center",
+                            "text": null,
+                            "type": "contextSetting",
+                            "value": []
+                          },
+                          "text": "<TIME>",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "text": "<TIME>",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 144,
-                      "x": 0,
-                      "y": 56
+                      "style": {
+                        "text": null,
+                        "text_color": 192
+                      },
+                      "text": null,
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "text": null,
-                    "text_color": 192
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [
                     {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 18,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 18,
+                            "text": null,
+                            "w": 144,
+                            "x": 0,
+                            "y": 92
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": "18C Fog",
+                          "options": {
+                            "key": "align_center",
+                            "text": null,
+                            "type": "contextSetting",
+                            "value": []
+                          },
+                          "text": "18C Fog",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "text": "18C Fog",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 144,
-                      "x": 0,
-                      "y": 92
+                      "style": {
+                        "text": null,
+                        "text_color": 192
+                      },
+                      "text": null,
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "text": null,
-                    "text_color": 192
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [],
-                  "label": "",
+                  "frame": 0,
+                  "kind": "drawVectorAt",
+                  "label": "drawVectorAt",
+                  "origin": {
+                    "text": null,
+                    "x": 48,
+                    "y": 102
+                  },
+                  "resource": "VectorStaticWeatherFog",
+                  "rotation": 0,
                   "text": null,
-                  "type": "drawVectorAt",
-                  "vector_id": 4,
-                  "x": 48,
-                  "y": 102
+                  "type": "drawVectorAt"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
@@ -256,8 +255,6 @@
       ],
       "ctor": "Just"
     },
-    "last_message": "EnableWeatherTransitions",
-    "last_operation": "EnableWeatherTransitions",
     "now": {
       "args": [
         {
@@ -299,13 +296,12 @@
     "update:FromPhone {\"args\":[],\"ctor\":\"Fog\"}",
     "update:FromPhone 18",
     "update:CurrentDateTime {\"day\":27,\"dayOfWeek\":{\"args\":[],\"ctor\":\"Wednesday\"},\"hour\":8,\"minute\":53,\"month\":5,\"second\":0,\"utcOffsetMinutes\":0,\"year\":2026}",
+    "update:EnableWeatherTransitions {\"args\":[],\"ctor\":\"EnableWeatherTransitions\"}",
     "init:init"
   ],
   "view_tree_type": "windowStack",
   "watch_model": {
-    "_debugger_steps": 4,
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
     "last_source": "module Main exposing (main)\n\nimport Companion.Types exposing (Location(..), PhoneToWatch(..), Temperature(..), WatchToPhone(..), WeatherCondition(..))\nimport Companion.Watch as CompanionWatch\nimport Json.Decode as Decode\nimport Pebble.Cmd as Cmd\nimport Pebble.Events as Events\nimport Pebble.Platform as Platform\nimport Pebble.Time as Time\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\n\n\ntype alias Model =\n    { now : Maybe Time.CurrentDateTime\n    , temperature : Maybe Temperature\n    , condition : Maybe WeatherCondition\n    , displayedCondition : Maybe WeatherCondition\n    , activeTransition : Maybe Resources.AnimatedVector\n    , suppressWeatherTransitions : Bool\n    , screenW : Int\n    , screenH : Int\n    }\n\n\ntype Msg\n    = CurrentDateTime Time.CurrentDateTime\n    | FromPhone PhoneToWatch\n    | MinuteChanged Int\n    | TransitionFinished\n    | EnableWeatherTransitions\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit context =\n    ( { now = Nothing\n      , temperature = Nothing\n      , condition = Nothing\n      , displayedCondition = Nothing\n      , activeTransition = Nothing\n      , suppressWeatherTransitions = True\n      , screenW = context.screen.width\n      , screenH = context.screen.height\n      }\n    , Cmd.batch\n        [ Time.currentDateTime CurrentDateTime\n        , CompanionWatch.sendWatchToPhone (RequestWeather CurrentLocation)\n        , Cmd.timerAfter weatherTransitionWarmupMs EnableWeatherTransitions\n        ]\n    )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        CurrentDateTime value ->\n            ( { model | now = Just value }, Cmd.none )\n\n        FromPhone message ->\n            updateFromPhone message model\n\n        MinuteChanged _ ->\n            ( model\n            , Cmd.batch\n                [ Time.currentDateTime CurrentDateTime\n                , CompanionWatch.sendWatchToPhone (RequestWeather CurrentLocation)\n                ]\n            )\n\n        TransitionFinished ->\n            ( { model\n                | displayedCondition = model.condition\n                , activeTransition = Nothing\n              }\n            , Cmd.none\n            )\n\n        EnableWeatherTransitions ->\n            ( { model | suppressWeatherTransitions = False }, Cmd.none )\n\n\nupdateFromPhone : PhoneToWatch -> Model -> ( Model, Cmd Msg )\nupdateFromPhone message model =\n    case message of\n        ProvideTemperature temperature ->\n            ( { model | temperature = Just temperature }, Cmd.none )\n\n        ProvideCondition newCondition ->\n            let\n                nextModel =\n                    { model | condition = Just newCondition }\n            in\n            case model.displayedCondition of\n                Nothing ->\n                    ( { nextModel | displayedCondition = Just newCondition }, Cmd.none )\n\n                Just displayed ->\n                    if newCondition == displayed then\n                        ( nextModel, Cmd.none )\n\n                    else if model.suppressWeatherTransitions || model.activeTransition /= Nothing then\n                        ( { nextModel | displayedCondition = Just newCondition, activeTransition = Nothing }\n                        , Cmd.none\n                        )\n\n                    else\n                        case transitionVector displayed newCondition of\n                            Nothing ->\n                                ( { nextModel | displayedCondition = Just newCondition }, Cmd.none )\n\n                            Just vector ->\n                                ( { nextModel | activeTransition = Just vector }\n                                , Cmd.timerAfter transitionDurationMs TransitionFinished\n                                )\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    Events.batch\n        [ Events.onMinuteChange MinuteChanged\n        , CompanionWatch.onPhoneToWatch FromPhone\n        ]\n\n\nview : Model -> Ui.UiNode\nview model =\n    let\n        cx =\n            model.screenW // 2\n\n        timeY =\n            (model.screenH // 2) - 28\n\n        iconOrigin =\n            { x = cx - (iconSize // 2), y = (model.screenH * 3) // 4 - (iconSize // 2) }\n    in\n    [ Ui.clear Color.white\n    , drawCentered model Color.black timeY 40 (timeString model)\n    , drawCentered model Color.black (timeY + 36) 18 (weatherString model)\n    ]\n        ++ weatherIconOps model iconOrigin\n        |> Ui.toUiNode\n\n\nweatherIconOps : Model -> Ui.Point -> List Ui.RenderOp\nweatherIconOps model origin =\n    if model.suppressWeatherTransitions then\n        []\n\n    else\n        case ( model.temperature, model.condition ) of\n            ( Just _, Just _ ) ->\n                case model.activeTransition of\n                    Just vector ->\n                        [ Ui.drawVectorSequenceAt vector origin ]\n\n                    Nothing ->\n                        case model.displayedCondition of\n                            Nothing ->\n                                []\n\n                            Just condition ->\n                                [ Ui.drawVectorAt (conditionVector condition) origin ]\n\n            _ ->\n                []\n\n\ndrawCentered : Model -> Color.Color -> Int -> Int -> String -> Ui.RenderOp\ndrawCentered model textColor y height value =\n    Ui.group\n        (Ui.context\n            [ Ui.textColor textColor ]\n            [ Ui.text Resources.DefaultFont (Ui.alignCenter Ui.defaultTextOptions) { x = 0, y = y, w = model.screenW, h = height } value ]\n        )\n\n\ntimeString : Model -> String\ntimeString model =\n    case model.now of\n        Nothing ->\n            \"--:--\"\n\n        Just currentDateTime ->\n            pad2 currentDateTime.hour ++ \":\" ++ pad2 currentDateTime.minute\n\n\nweatherString : Model -> String\nweatherString model =\n    case ( model.temperature, model.condition ) of\n        ( Just temperature, Just condition ) ->\n            temperatureString temperature ++ \" \" ++ conditionString condition\n\n        _ ->\n            \"Loading...\"\n\n\ntemperatureString : Temperature -> String\ntemperatureString temperature =\n    case temperature of\n        Celsius value ->\n            String.fromInt value ++ \"C\"\n\n        Fahrenheit value ->\n            String.fromInt value ++ \"F\"\n\n\nconditionString : WeatherCondition -> String\nconditionString condition =\n    case condition of\n        Clear ->\n            \"Clear\"\n\n        Cloudy ->\n            \"Cloudy\"\n\n        Fog ->\n            \"Fog\"\n\n        Drizzle ->\n            \"Drizzle\"\n\n        Rain ->\n            \"Rain\"\n\n        Snow ->\n            \"Snow\"\n\n        Showers ->\n            \"Showers\"\n\n        Storm ->\n            \"Storm\"\n\n        UnknownWeather ->\n            \"Weather\"\n\n\nconditionVector : WeatherCondition -> Resources.StaticVector\nconditionVector condition =\n    case condition of\n        Clear ->\n            Resources.VectorStaticWeatherClear\n\n        Cloudy ->\n            Resources.VectorStaticWeatherCloudy\n\n        Fog ->\n            Resources.VectorStaticWeatherFog\n\n        Drizzle ->\n            Resources.VectorStaticWeatherDrizzle\n\n        Rain ->\n            Resources.VectorStaticWeatherRain\n\n        Snow ->\n            Resources.VectorStaticWeatherSnow\n\n        Showers ->\n            Resources.VectorStaticWeatherShowers\n\n        Storm ->\n            Resources.VectorStaticWeatherStorm\n\n        UnknownWeather ->\n            Resources.VectorStaticWeatherUnknown\n\n\ntransitionVector : WeatherCondition -> WeatherCondition -> Maybe Resources.AnimatedVector\ntransitionVector from to =\n    if from == to then\n        Nothing\n\n    else\n        case from of\n            Clear ->\n                case to of\n                    Cloudy ->\n                        Just Resources.VectorAnimatedTransitionClearToCloudy\n\n                    Fog ->\n                        Just Resources.VectorAnimatedTransitionClearToFog\n\n                    Drizzle ->\n                        Just Resources.VectorAnimatedTransitionClearToDrizzle\n\n                    Rain ->\n                        Just Resources.VectorAnimatedTransitionClearToRain\n\n                    Snow ->\n                        Just Resources.VectorAnimatedTransitionClearToSnow\n\n                    Showers ->\n                        Just Resources.VectorAnimatedTransitionClearToShowers\n\n                    Storm ->\n                        Just Resources.VectorAnimatedTransitionClearToStorm\n\n                    _ ->\n                        Nothing\n\n            Cloudy ->\n                case to of\n                    Clear ->\n                        Just Resources.VectorAnimatedTransitionCloudyToClear\n\n                    Fog ->\n                        Just Resources.VectorAnimatedTransitionCloudyToFog\n\n                    Drizzle ->\n                        Just Resources.VectorAnimatedTransitionCloudyToDrizzle\n\n                    Rain ->\n                        Just Resources.VectorAnimatedTransitionCloudyToRain\n\n                    Snow ->\n                        Just Resources.VectorAnimatedTransitionCloudyToSnow\n\n                    Showers ->\n                        Just Resources.VectorAnimatedTransitionCloudyToShowers\n\n                    Storm ->\n                        Just Resources.VectorAnimatedTransitionCloudyToStorm\n\n                    _ ->\n                        Nothing\n\n            Fog ->\n                case to of\n                    Clear ->\n                        Just Resources.VectorAnimatedTransitionFogToClear\n\n                    Cloudy ->\n                        Just Resources.VectorAnimatedTransitionFogToCloudy\n\n                    Drizzle ->\n                        Just Resources.VectorAnimatedTransitionFogToDrizzle\n\n                    Rain ->\n                        Just Resources.VectorAnimatedTransitionFogToRain\n\n                    Snow ->\n                        Just Resources.VectorAnimatedTransitionFogToSnow\n\n                    Showers ->\n                        Just Resources.VectorAnimatedTransitionFogToShowers\n\n                    Storm ->\n                        Just Resources.VectorAnimatedTransitionFogToStorm\n\n                    _ ->\n                        Nothing\n\n            Drizzle ->\n                case to of\n                    Clear ->\n                        Just Resources.VectorAnimatedTransitionDrizzleToClear\n\n                    Cloudy ->\n                        Just Resources.VectorAnimatedTransitionDrizzleToCloudy\n\n                    Fog ->\n                        Just Resources.VectorAnimatedTransitionDrizzleToFog\n\n                    Rain ->\n                        Just Resources.VectorAnimatedTransitionDrizzleToRain\n\n                    Snow ->\n                        Just Resources.VectorAnimatedTransitionDrizzleToSnow\n\n                    Showers ->\n                        Just Resources.VectorAnimatedTransitionDrizzleToShowers\n\n                    Storm ->\n                        Just Resources.VectorAnimatedTransitionDrizzleToStorm\n\n                    _ ->\n                        Nothing\n\n            Rain ->\n                case to of\n                    Clear ->\n                        Just Resources.VectorAnimatedTransitionRainToClear\n\n                    Cloudy ->\n                        Just Resources.VectorAnimatedTransitionRainToCloudy\n\n                    Fog ->\n                        Just Resources.VectorAnimatedTransitionRainToFog\n\n                    Drizzle ->\n                        Just Resources.VectorAnimatedTransitionRainToDrizzle\n\n                    Snow ->\n                        Just Resources.VectorAnimatedTransitionRainToSnow\n\n                    Showers ->\n                        Just Resources.VectorAnimatedTransitionRainToShowers\n\n                    Storm ->\n                        Just Resources.VectorAnimatedTransitionRainToStorm\n\n                    _ ->\n                        Nothing\n\n            Snow ->\n                case to of\n                    Clear ->\n                        Just Resources.VectorAnimatedTransitionSnowToClear\n\n                    Cloudy ->\n                        Just Resources.VectorAnimatedTransitionSnowToCloudy\n\n                    Fog ->\n                        Just Resources.VectorAnimatedTransitionSnowToFog\n\n                    Drizzle ->\n                        Just Resources.VectorAnimatedTransitionSnowToDrizzle\n\n                    Rain ->\n                        Just Resources.VectorAnimatedTransitionSnowToRain\n\n                    Showers ->\n                        Just Resources.VectorAnimatedTransitionSnowToShowers\n\n                    Storm ->\n                        Just Resources.VectorAnimatedTransitionSnowToStorm\n\n                    _ ->\n                        Nothing\n\n            Showers ->\n                case to of\n                    Clear ->\n                        Just Resources.VectorAnimatedTransitionShowersToClear\n\n                    Cloudy ->\n                        Just Resources.VectorAnimatedTransitionShowersToCloudy\n\n                    Fog ->\n                        Just Resources.VectorAnimatedTransitionShowersToFog\n\n                    Drizzle ->\n                        Just Resources.VectorAnimatedTransitionShowersToDrizzle\n\n                    Rain ->\n                        Just Resources.VectorAnimatedTransitionShowersToRain\n\n                    Snow ->\n                        Just Resources.VectorAnimatedTransitionShowersToSnow\n\n                    Storm ->\n                        Just Resources.VectorAnimatedTransitionShowersToStorm\n\n                    _ ->\n                        Nothing\n\n            Storm ->\n                case to of\n                    Clear ->\n                        Just Resources.VectorAnimatedTransitionStormToClear\n\n                    Cloudy ->\n                        Just Resources.VectorAnimatedTransitionStormToCloudy\n\n                    Fog ->\n                        Just Resources.VectorAnimatedTransitionStormToFog\n\n                    Drizzle ->\n                        Just Resources.VectorAnimatedTransitionStormToDrizzle\n\n                    Rain ->\n                        Just Resources.VectorAnimatedTransitionStormToRain\n\n                    Snow ->\n                        Just Resources.VectorAnimatedTransitionStormToSnow\n\n                    Showers ->\n                        Just Resources.VectorAnimatedTransitionStormToShowers\n\n                    _ ->\n                        Nothing\n\n            UnknownWeather ->\n                Nothing\n\n\niconSize : Int\niconSize =\n    48\n\n\ntransitionDurationMs : Int\ntransitionDurationMs =\n    900\n\n\nweatherTransitionWarmupMs : Int\nweatherTransitionWarmupMs =\n    2500\n\n\npad2 : Int -> String\npad2 value =\n    if value < 10 then\n        \"0\" ++ String.fromInt value\n\n    else\n        String.fromInt value\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.watchface\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": false,
@@ -323,6 +319,15 @@
       "watch_profile_id": "basalt"
     },
     "revision": "c82b6d8cefc4",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_source": "step_message"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_known_messages": [
       "CurrentDateTime",
       "FromPhone",
@@ -330,7 +335,7 @@
       "TransitionFinished",
       "EnableWeatherTransitions"
     ],
-    "runtime_message_cursor": 4,
+    "runtime_message_cursor": 5,
     "runtime_message_source": "subscription_trigger",
     "runtime_model": {
       "activeTransition": {
@@ -363,8 +368,6 @@
         ],
         "ctor": "Just"
       },
-      "last_message": "EnableWeatherTransitions",
-      "last_operation": "EnableWeatherTransitions",
       "now": {
         "args": [
           {
@@ -383,6 +386,7 @@
         ],
         "ctor": "Just"
       },
+      "runtime_view_output_model_sha256": "950d41b56558efd6332f2282e58534717176df0cae3ca31b5c0a5a6077994e50",
       "screenH": 168,
       "screenW": 144,
       "suppressWeatherTransitions": false,
@@ -412,17 +416,13 @@
         "kind": "clear",
         "text": null
       },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 192,
         "kind": "text_color",
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 40,
         "kind": "text",
         "text": "<TIME>",
@@ -432,21 +432,13 @@
         "x": 0,
         "y": 56
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 192,
         "kind": "text_color",
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "18C Fog",
@@ -456,14 +448,11 @@
         "x": 0,
         "y": 92
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
       {
         "kind": "vector_at",
+        "resource": "VectorStaticWeatherFog",
         "text": null,
-        "vector_id": 4,
+        "vector_id": 3,
         "x": 48,
         "y": 102
       }
@@ -471,17 +460,23 @@
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -495,29 +490,24 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "fog",
         "temperatureC": 18
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",
diff --git a/ide/test/fixtures/debugger_template_corpus/watchface-yes.json b/ide/test/fixtures/debugger_template_corpus/watchface-yes.json
index 4142d45e..e2d475ba 100644
--- a/ide/test/fixtures/debugger_template_corpus/watchface-yes.json
+++ b/ide/test/fixtures/debugger_template_corpus/watchface-yes.json
@@ -5,10 +5,8 @@
     "runtime_view_output_kinds": [
       "clear",
       "fill_circle",
-      "push_context",
       "stroke_color",
       "fill_color",
-      "pop_context",
       "circle",
       "line",
       "text_color",
@@ -65,7 +63,7 @@
       "cy": 84,
       "kind": "circle",
       "r": 50,
-      "stroke_color": 255,
+      "stroke_color": 248,
       "stroke_width": 1
     },
     {
@@ -76,7 +74,7 @@
       "cy": 84,
       "kind": "circle",
       "r": 45,
-      "stroke_color": 213,
+      "stroke_color": 248,
       "stroke_width": 1
     },
     {
@@ -84,7 +82,7 @@
       "color": 255,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 255,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 72,
       "x2": 72,
@@ -99,7 +97,7 @@
       "kind": "text_label",
       "text": "24",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 234,
       "text_overflow": "word_wrap",
       "w": 12,
       "x": 66,
@@ -110,7 +108,7 @@
       "color": 234,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 234,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 57,
       "x2": 59,
@@ -122,7 +120,7 @@
       "color": 255,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 255,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 44,
       "x2": 47,
@@ -137,7 +135,7 @@
       "kind": "text_label",
       "text": "2",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 234,
       "text_overflow": "word_wrap",
       "w": 12,
       "x": 33,
@@ -148,7 +146,7 @@
       "color": 234,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 234,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 30,
       "x2": 37,
@@ -160,7 +158,7 @@
       "color": 255,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 255,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 24,
       "x2": 29,
@@ -175,7 +173,7 @@
       "kind": "text_label",
       "text": "4",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 234,
       "text_overflow": "word_wrap",
       "w": 12,
       "x": 9,
@@ -186,7 +184,7 @@
       "color": 234,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 234,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 15,
       "x2": 24,
@@ -198,7 +196,7 @@
       "color": 255,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 255,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 17,
       "x2": 22,
@@ -213,7 +211,7 @@
       "kind": "text_label",
       "text": "6",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 234,
       "text_overflow": "word_wrap",
       "w": 12,
       "x": 0,
@@ -224,7 +222,7 @@
       "color": 234,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 234,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 15,
       "x2": 24,
@@ -236,7 +234,7 @@
       "color": 255,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 255,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 24,
       "x2": 29,
@@ -251,7 +249,7 @@
       "kind": "text_label",
       "text": "8",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 234,
       "text_overflow": "word_wrap",
       "w": 12,
       "x": 9,
@@ -262,7 +260,7 @@
       "color": 234,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 234,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 30,
       "x2": 37,
@@ -274,7 +272,7 @@
       "color": 255,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 255,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 45,
       "x2": 47,
@@ -289,7 +287,7 @@
       "kind": "text_label",
       "text": "10",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 234,
       "text_overflow": "word_wrap",
       "w": 12,
       "x": 33,
@@ -300,7 +298,7 @@
       "color": 234,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 234,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 57,
       "x2": 59,
@@ -312,7 +310,7 @@
       "color": 255,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 255,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 72,
       "x2": 72,
@@ -327,7 +325,7 @@
       "kind": "text_label",
       "text": "12",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 234,
       "text_overflow": "word_wrap",
       "w": 12,
       "x": 66,
@@ -338,7 +336,7 @@
       "color": 234,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 234,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 87,
       "x2": 85,
@@ -350,7 +348,7 @@
       "color": 255,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 255,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 99,
       "x2": 97,
@@ -365,7 +363,7 @@
       "kind": "text_label",
       "text": "14",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 234,
       "text_overflow": "word_wrap",
       "w": 12,
       "x": 99,
@@ -376,7 +374,7 @@
       "color": 234,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 234,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 114,
       "x2": 107,
@@ -388,7 +386,7 @@
       "color": 255,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 255,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 120,
       "x2": 115,
@@ -403,7 +401,7 @@
       "kind": "text_label",
       "text": "16",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 234,
       "text_overflow": "word_wrap",
       "w": 12,
       "x": 123,
@@ -414,7 +412,7 @@
       "color": 234,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 234,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 129,
       "x2": 120,
@@ -426,7 +424,7 @@
       "color": 255,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 255,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 127,
       "x2": 122,
@@ -441,7 +439,7 @@
       "kind": "text_label",
       "text": "18",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 234,
       "text_overflow": "word_wrap",
       "w": 12,
       "x": 132,
@@ -452,7 +450,7 @@
       "color": 234,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 234,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 129,
       "x2": 120,
@@ -464,7 +462,7 @@
       "color": 255,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 255,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 120,
       "x2": 115,
@@ -479,7 +477,7 @@
       "kind": "text_label",
       "text": "20",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 234,
       "text_overflow": "word_wrap",
       "w": 12,
       "x": 123,
@@ -490,7 +488,7 @@
       "color": 234,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 234,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 114,
       "x2": 107,
@@ -502,7 +500,7 @@
       "color": 255,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 255,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 100,
       "x2": 97,
@@ -517,7 +515,7 @@
       "kind": "text_label",
       "text": "22",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 234,
       "text_overflow": "word_wrap",
       "w": 12,
       "x": 99,
@@ -528,7 +526,7 @@
       "color": 234,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 234,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 87,
       "x2": 85,
@@ -540,7 +538,7 @@
       "color": 255,
       "compositing_mode": 0,
       "kind": "line",
-      "stroke_color": 255,
+      "stroke_color": 248,
       "stroke_width": 1,
       "x1": 72,
       "x2": 43,
@@ -553,10 +551,10 @@
       "compositing_mode": 0,
       "cx": 72,
       "cy": 84,
-      "fill_color": 255,
+      "fill_color": 248,
       "kind": "fill_circle",
       "r": 4,
-      "stroke_color": 255,
+      "stroke_color": 248,
       "stroke_width": 1
     },
     {
@@ -567,16 +565,16 @@
       "kind": "text_label",
       "text": "08:53",
       "text_align": "center",
-      "text_color": null,
+      "text_color": 255,
       "text_overflow": "word_wrap",
       "w": 64,
       "x": 41,
       "y": 50
     }
   ],
-  "preview_ops_sha256": "937afe06c7db1513e4dd944cdcca36797674fe0e6b366ea857c4b6cd6c9b3b5f",
+  "preview_ops_sha256": "3d2320009a40fb98567682d3d64cca4493d7a384dc402a5fff92ba21e34fc259",
   "render_tree": {
-    "node_count": 62,
+    "node_count": 76,
     "node_types": [
       "canvasLayer",
       "circle",
@@ -600,6 +598,20 @@
       "group",
       "group",
       "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
+      "group",
       "line",
       "line",
       "line",
@@ -658,7 +670,8 @@
                 {
                   "children": [],
                   "color": 192,
-                  "label": "",
+                  "kind": "clear",
+                  "label": "clear",
                   "text": null,
                   "type": "clear"
                 },
@@ -667,7 +680,8 @@
                   "color": 193,
                   "cx": 72,
                   "cy": 84,
-                  "label": "",
+                  "kind": "fillCircle",
+                  "label": "fillCircle",
                   "r": 50,
                   "text": null,
                   "type": "fillCircle"
@@ -677,7 +691,8 @@
                   "color": 192,
                   "cx": 72,
                   "cy": 84,
-                  "label": "",
+                  "kind": "fillCircle",
+                  "label": "fillCircle",
                   "r": 45,
                   "text": null,
                   "type": "fillCircle"
@@ -685,22 +700,32 @@
                 {
                   "children": [
                     {
-                      "children": [],
-                      "color": 248,
-                      "cx": 72,
-                      "cy": 84,
+                      "children": [
+                        {
+                          "children": [],
+                          "color": 248,
+                          "cx": 72,
+                          "cy": 84,
+                          "kind": "fillCircle",
+                          "label": "fillCircle",
+                          "r": 45,
+                          "text": null,
+                          "type": "fillCircle"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "r": 45,
+                      "style": {
+                        "fill_color": 248,
+                        "stroke_color": 248,
+                        "text": null
+                      },
                       "text": null,
-                      "type": "fillCircle"
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "fill_color": 248,
-                    "stroke_color": 248,
-                    "text": null
-                  },
                   "text": null,
                   "type": "group"
                 },
@@ -709,7 +734,8 @@
                   "color": 255,
                   "cx": 72,
                   "cy": 84,
-                  "label": "",
+                  "kind": "circle",
+                  "label": "circle",
                   "r": 50,
                   "text": null,
                   "type": "circle"
@@ -719,7 +745,8 @@
                   "color": 213,
                   "cx": 72,
                   "cy": 84,
-                  "label": "",
+                  "kind": "circle",
+                  "label": "circle",
                   "r": 45,
                   "text": null,
                   "type": "circle"
@@ -727,7 +754,8 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 72,
@@ -738,31 +766,46 @@
                 {
                   "children": [
                     {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 8,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 8,
+                            "text": null,
+                            "w": 12,
+                            "x": 66,
+                            "y": 146
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": "24",
+                          "options": [],
+                          "text": "24",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "text": "24",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 12,
-                      "x": 66,
-                      "y": 146
+                      "style": {
+                        "text": null,
+                        "text_color": 234
+                      },
+                      "text": null,
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "text": null,
-                    "text_color": 234
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [],
                   "color": 234,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 57,
@@ -773,7 +816,8 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 44,
@@ -784,31 +828,46 @@
                 {
                   "children": [
                     {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 8,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 8,
+                            "text": null,
+                            "w": 12,
+                            "x": 33,
+                            "y": 137
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": "2",
+                          "options": [],
+                          "text": "2",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "text": "2",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 12,
-                      "x": 33,
-                      "y": 137
+                      "style": {
+                        "text": null,
+                        "text_color": 234
+                      },
+                      "text": null,
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "text": null,
-                    "text_color": 234
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [],
                   "color": 234,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 30,
@@ -819,7 +878,8 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 24,
@@ -830,31 +890,46 @@
                 {
                   "children": [
                     {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 8,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 8,
+                            "text": null,
+                            "w": 12,
+                            "x": 9,
+                            "y": 113
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": "4",
+                          "options": [],
+                          "text": "4",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "text": "4",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 12,
-                      "x": 9,
-                      "y": 113
+                      "style": {
+                        "text": null,
+                        "text_color": 234
+                      },
+                      "text": null,
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "text": null,
-                    "text_color": 234
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [],
                   "color": 234,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 15,
@@ -865,7 +940,8 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 17,
@@ -876,31 +952,46 @@
                 {
                   "children": [
                     {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 8,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 8,
+                            "text": null,
+                            "w": 12,
+                            "x": 0,
+                            "y": 80
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": "6",
+                          "options": [],
+                          "text": "6",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "text": "6",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 12,
-                      "x": 0,
-                      "y": 80
+                      "style": {
+                        "text": null,
+                        "text_color": 234
+                      },
+                      "text": null,
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "text": null,
-                    "text_color": 234
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [],
                   "color": 234,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 15,
@@ -911,7 +1002,8 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 24,
@@ -922,31 +1014,46 @@
                 {
                   "children": [
                     {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 8,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 8,
+                            "text": null,
+                            "w": 12,
+                            "x": 9,
+                            "y": 47
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": "8",
+                          "options": [],
+                          "text": "8",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "text": "8",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 12,
-                      "x": 9,
-                      "y": 47
+                      "style": {
+                        "text": null,
+                        "text_color": 234
+                      },
+                      "text": null,
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "text": null,
-                    "text_color": 234
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [],
                   "color": 234,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 30,
@@ -957,7 +1064,8 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 45,
@@ -968,31 +1076,46 @@
                 {
                   "children": [
                     {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 8,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 8,
+                            "text": null,
+                            "w": 12,
+                            "x": 33,
+                            "y": 23
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": "10",
+                          "options": [],
+                          "text": "10",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "text": "10",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 12,
-                      "x": 33,
-                      "y": 23
+                      "style": {
+                        "text": null,
+                        "text_color": 234
+                      },
+                      "text": null,
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "text": null,
-                    "text_color": 234
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [],
                   "color": 234,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 57,
@@ -1003,7 +1126,8 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 72,
@@ -1014,31 +1138,46 @@
                 {
                   "children": [
                     {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 8,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 8,
+                            "text": null,
+                            "w": 12,
+                            "x": 66,
+                            "y": 14
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": "12",
+                          "options": [],
+                          "text": "12",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "text": "12",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 12,
-                      "x": 66,
-                      "y": 14
+                      "style": {
+                        "text": null,
+                        "text_color": 234
+                      },
+                      "text": null,
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "text": null,
-                    "text_color": 234
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [],
                   "color": 234,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 87,
@@ -1049,7 +1188,8 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 99,
@@ -1060,31 +1200,46 @@
                 {
                   "children": [
                     {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 8,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 8,
+                            "text": null,
+                            "w": 12,
+                            "x": 99,
+                            "y": 23
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": "14",
+                          "options": [],
+                          "text": "14",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "text": "14",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 12,
-                      "x": 99,
-                      "y": 23
+                      "style": {
+                        "text": null,
+                        "text_color": 234
+                      },
+                      "text": null,
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "text": null,
-                    "text_color": 234
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [],
                   "color": 234,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 114,
@@ -1095,7 +1250,8 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 120,
@@ -1106,31 +1262,46 @@
                 {
                   "children": [
                     {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 8,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 8,
+                            "text": null,
+                            "w": 12,
+                            "x": 123,
+                            "y": 47
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": "16",
+                          "options": [],
+                          "text": "16",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "text": "16",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 12,
-                      "x": 123,
-                      "y": 47
+                      "style": {
+                        "text": null,
+                        "text_color": 234
+                      },
+                      "text": null,
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "text": null,
-                    "text_color": 234
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [],
                   "color": 234,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 129,
@@ -1141,7 +1312,8 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 127,
@@ -1152,31 +1324,46 @@
                 {
                   "children": [
                     {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 8,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 8,
+                            "text": null,
+                            "w": 12,
+                            "x": 132,
+                            "y": 80
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": "18",
+                          "options": [],
+                          "text": "18",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "text": "18",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 12,
-                      "x": 132,
-                      "y": 80
+                      "style": {
+                        "text": null,
+                        "text_color": 234
+                      },
+                      "text": null,
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "text": null,
-                    "text_color": 234
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [],
                   "color": 234,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 129,
@@ -1187,7 +1374,8 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 120,
@@ -1198,31 +1386,46 @@
                 {
                   "children": [
                     {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 8,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 8,
+                            "text": null,
+                            "w": 12,
+                            "x": 123,
+                            "y": 113
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": "20",
+                          "options": [],
+                          "text": "20",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "text": "20",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 12,
-                      "x": 123,
-                      "y": 113
+                      "style": {
+                        "text": null,
+                        "text_color": 234
+                      },
+                      "text": null,
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "text": null,
-                    "text_color": 234
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [],
                   "color": 234,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 114,
@@ -1233,7 +1436,8 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 100,
@@ -1244,31 +1448,46 @@
                 {
                   "children": [
                     {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 8,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 8,
+                            "text": null,
+                            "w": 12,
+                            "x": 99,
+                            "y": 137
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": "22",
+                          "options": [],
+                          "text": "22",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "text": "22",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 12,
-                      "x": 99,
-                      "y": 137
+                      "style": {
+                        "text": null,
+                        "text_color": 234
+                      },
+                      "text": null,
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "text": null,
-                    "text_color": 234
-                  },
                   "text": null,
                   "type": "group"
                 },
                 {
                   "children": [],
                   "color": 234,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 87,
@@ -1279,7 +1498,8 @@
                 {
                   "children": [],
                   "color": 255,
-                  "label": "",
+                  "kind": "line",
+                  "label": "line",
                   "text": null,
                   "type": "line",
                   "x1": 72,
@@ -1292,7 +1512,8 @@
                   "color": 255,
                   "cx": 72,
                   "cy": 84,
-                  "label": "",
+                  "kind": "fillCircle",
+                  "label": "fillCircle",
                   "r": 4,
                   "text": null,
                   "type": "fillCircle"
@@ -1300,40 +1521,57 @@
                 {
                   "children": [
                     {
-                      "children": [],
-                      "font_id": 1,
-                      "h": 18,
+                      "children": [
+                        {
+                          "bounds": {
+                            "h": 18,
+                            "text": null,
+                            "w": 64,
+                            "x": 41,
+                            "y": 50
+                          },
+                          "children": [],
+                          "font": "DefaultFont",
+                          "kind": "text",
+                          "label": "08:53",
+                          "options": [],
+                          "text": "<TIME>",
+                          "text_align": "center",
+                          "text_overflow": "word_wrap",
+                          "type": "text"
+                        }
+                      ],
+                      "kind": "group",
                       "label": "",
-                      "text": "<TIME>",
-                      "text_align": "center",
-                      "text_overflow": "word_wrap",
-                      "type": "text",
-                      "w": 64,
-                      "x": 41,
-                      "y": 50
+                      "style": {
+                        "text": null,
+                        "text_color": 255
+                      },
+                      "text": null,
+                      "type": "group"
                     }
                   ],
+                  "kind": "group",
                   "label": "",
-                  "style": {
-                    "text": null,
-                    "text_color": 192
-                  },
                   "text": null,
                   "type": "group"
                 }
               ],
-              "id": 1,
+              "id": "1",
+              "kind": "canvasLayer",
               "label": "",
               "text": null,
               "type": "canvasLayer"
             }
           ],
-          "id": 1,
+          "id": "1",
+          "kind": "window",
           "label": "",
           "text": null,
           "type": "window"
         }
       ],
+      "kind": "windowStack",
       "label": "",
       "text": null,
       "type": "windowStack"
@@ -1350,10 +1588,6 @@
       ],
       "ctor": "Just"
     },
-    "colorMode": {
-      "args": [],
-      "ctor": "Color"
-    },
     "connected": {
       "args": [
         true
@@ -1387,8 +1621,6 @@
       "args": [],
       "ctor": "InternetEnabled"
     },
-    "last_message": "ConnectionChanged",
-    "last_operation": "ConnectionChanged",
     "moonPhaseE6": {
       "args": [],
       "ctor": "Nothing"
@@ -1450,10 +1682,8 @@
   ],
   "view_tree_type": "windowStack",
   "watch_model": {
-    "_debugger_steps": 3,
     "debugger_init_complete": true,
-    "elm_executor_mode": "runtime_executed",
-    "last_source": "module Main exposing (main)\n\nimport Companion.Types exposing (AltitudeUnit(..), InternetMode(..), PhoneToWatch(..), SunMode(..), TemperatureUnit(..), TideKind(..), WatchToPhone(..), WeatherCondition(..), WindUnit(..))\nimport Companion.Watch as CompanionWatch\nimport Json.Decode as Decode\nimport Pebble.Button as Button\nimport Pebble.Events as Events\nimport Pebble.Platform as Platform\nimport Pebble.System as System\nimport Pebble.Time as Time\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\n\n\ntype alias DisplayUnits =\n    { temperature : TemperatureUnit\n    , wind : WindUnit\n    }\n\n\ntype alias SunWindow =\n    { sunriseMin : Int\n    , sunsetMin : Int\n    , mode : SunMode\n    }\n\n\ntype alias Temperature =\n    { c10 : Int\n    , unit : TemperatureUnit\n    }\n\n\ntype WindDirection\n    = North\n    | NorthEast\n    | East\n    | SouthEast\n    | South\n    | SouthWest\n    | West\n    | NorthWest\n\n\ntype alias Wind =\n    { direction : WindDirection\n    , speed : Int\n    , unit : WindUnit\n    }\n\n\ntype alias Weather =\n    { temperature : Temperature\n    , condition : WeatherCondition\n    , precipMm10 : Int\n    , uv10 : Int\n    , pressureHpa : Int\n    }\n\n\ntype alias Tide =\n    { nextMin : Int\n    , levelCm : Int\n    , progress : Int\n    , kind : TideKind\n    }\n\n\ntype alias Altitude =\n    { meters : Int\n    , unit : AltitudeUnit\n    }\n\n\ntype alias Model =\n    { screenW : Int\n    , screenH : Int\n    , displayShape : Platform.DisplayShape\n    , now : Maybe Time.CurrentDateTime\n    , tickSecond : Int\n    , batteryLevel : Maybe Int\n    , connected : Maybe Bool\n    , homeLatE6 : Maybe Int\n    , homeLonE6 : Maybe Int\n    , homeTzOffsetMin : Int\n    , displayUnits : DisplayUnits\n    , sun : Maybe SunWindow\n    , moonriseMin : Maybe Int\n    , moonsetMin : Maybe Int\n    , moonPhaseE6 : Maybe Int\n    , weather : Maybe Weather\n    , wind : Maybe Wind\n    , tide : Maybe Tide\n    , altitude : Maybe Altitude\n    , internetMode : InternetMode\n    }\n\n\ntype Msg\n    = CurrentDateTime Time.CurrentDateTime\n    | MinuteChanged Int\n    | HourChanged Int\n    | SecondChanged Int\n    | BatteryLevelChanged Int\n    | ConnectionChanged Bool\n    | FromPhone PhoneToWatch\n    | RequestRefresh\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit context =\n    ( { screenW = context.screen.width\n      , screenH = context.screen.height\n      , displayShape = context.screen.shape\n      , now = Nothing\n      , tickSecond = 0\n      , batteryLevel = Nothing\n      , connected = Nothing\n      , homeLatE6 = Nothing\n      , homeLonE6 = Nothing\n      , homeTzOffsetMin = 0\n      , displayUnits = { temperature = Celsius, wind = MetersPerSecond }\n      , sun = Nothing\n      , moonriseMin = Nothing\n      , moonsetMin = Nothing\n      , moonPhaseE6 = Nothing\n      , weather = Nothing\n      , wind = Nothing\n      , tide = Nothing\n      , altitude = Nothing\n      , internetMode = InternetEnabled\n      }\n    , Cmd.batch\n        [ Time.currentDateTime CurrentDateTime\n        , System.batteryLevel BatteryLevelChanged\n        , System.connectionStatus ConnectionChanged\n        , CompanionWatch.sendWatchToPhone RequestUpdate\n        ]\n    )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        CurrentDateTime value ->\n            ( { model | now = Just value }, Cmd.none )\n\n        MinuteChanged minute ->\n            ( { model | now = Maybe.map (\\now -> { now | minute = minute }) model.now }\n            , CompanionWatch.sendWatchToPhone RequestUpdate\n            )\n\n        HourChanged _ ->\n            ( model, Time.currentDateTime CurrentDateTime )\n\n        SecondChanged second ->\n            ( { model | tickSecond = second }, Cmd.none )\n\n        BatteryLevelChanged level ->\n            ( { model | batteryLevel = Just (clamp 0 100 level) }, Cmd.none )\n\n        ConnectionChanged connected ->\n            ( { model | connected = Just connected }, Cmd.none )\n\n        RequestRefresh ->\n            ( model, CompanionWatch.sendWatchToPhone RequestUpdate )\n\n        FromPhone message ->\n            ( updateFromPhone message model, Cmd.none )\n\n\nupdateFromPhone : PhoneToWatch -> Model -> Model\nupdateFromPhone message model =\n    case message of\n        ProvideLocation lat lon offset ->\n            { model | homeLatE6 = Just lat, homeLonE6 = Just lon, homeTzOffsetMin = offset }\n\n        ProvideSun sunrise sunset sunMode ->\n            { model | sun = Just { sunriseMin = sunrise, sunsetMin = sunset, mode = sunMode } }\n\n        ProvideMoon moonrise moonset phase ->\n            { model | moonriseMin = Just moonrise, moonsetMin = Just moonset, moonPhaseE6 = Just phase }\n\n        ProvideMoonPhase phase ->\n            { model | moonPhaseE6 = Just phase }\n\n        ProvideWeather temp condition precip uv pressure tempUnit ->\n            { model\n                | weather =\n                    Just\n                        { temperature = { c10 = temp, unit = tempUnit }\n                , condition = condition\n                , precipMm10 = precip\n                , uv10 = uv\n                , pressureHpa = pressure\n            }\n                , displayUnits = updateTemperatureUnit tempUnit model.displayUnits\n            }\n\n        ProvideWind windDir windSpeed windUnit ->\n            { model\n                | wind =\n                    Just\n                        { direction = windDirectionFromSector windDir\n                        , speed = windSpeed\n                        , unit = windUnit\n                        }\n                , displayUnits = updateWindUnit windUnit model.displayUnits\n            }\n\n        ProvideTide nextMin levelCm progress tideKind ->\n            { model\n                | tide =\n                    Just\n                        { nextMin = nextMin\n                        , levelCm = levelCm\n                        , progress = clamp 0 1000 progress\n                        , kind = tideKind\n                        }\n            }\n\n        ClearTide ->\n            { model | tide = Nothing }\n\n        ProvideAltitude meters unit ->\n            { model | altitude = Just { meters = meters, unit = unit } }\n\n        SetUseInternet mode ->\n            { model | internetMode = mode }\n\n        SetUnits tempUnit windUnit ->\n            { model\n                | displayUnits = { temperature = tempUnit, wind = windUnit }\n                , weather = Maybe.map (mapWeatherTemperatureUnit tempUnit) model.weather\n                , wind = Maybe.map (mapWindUnit windUnit) model.wind\n            }\n\n\nupdateTemperatureUnit : TemperatureUnit -> DisplayUnits -> DisplayUnits\nupdateTemperatureUnit unit units =\n    { units | temperature = unit }\n\n\nupdateWindUnit : WindUnit -> DisplayUnits -> DisplayUnits\nupdateWindUnit unit units =\n    { units | wind = unit }\n\n\nmapWeatherTemperatureUnit : TemperatureUnit -> Weather -> Weather\nmapWeatherTemperatureUnit unit weather =\n    { weather | temperature = { c10 = weather.temperature.c10, unit = unit } }\n\n\nmapWindUnit : WindUnit -> Wind -> Wind\nmapWindUnit unit wind =\n    { wind | unit = unit }\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    Events.batch\n        [ Events.onMinuteChange MinuteChanged\n        , Events.onHourChange HourChanged\n        , Events.onSecondChange SecondChanged\n        , System.onBatteryChange BatteryLevelChanged\n        , System.onConnectionChange ConnectionChanged\n        , CompanionWatch.onPhoneToWatch FromPhone\n        , Button.onRelease Button.Down RequestRefresh\n        ]\n\n\nview : Model -> Ui.UiNode\nview model =\n    Ui.toUiNode (faceOps model)\n\n\nfaceOps : Model -> List Ui.RenderOp\nfaceOps model =\n    let\n        cx =\n            model.screenW // 2\n\n        cy =\n            model.screenH // 2\n\n        radius =\n            (min model.screenW model.screenH // 2) - 22\n\n        dial =\n            drawDial model cx cy radius\n    in\n    [ Ui.clear Color.black ]\n        ++ dial\n\n\ndrawDial : Model -> Int -> Int -> Int -> List Ui.RenderOp\ndrawDial model cx cy radius =\n    let\n        nowMin =\n            homeMinuteOfDay model\n\n        sunWindow =\n            Maybe.withDefault defaultSunWindow model.sun\n\n        hasSunData =\n            case model.sun of\n                Just _ ->\n                    True\n\n                Nothing ->\n                    False\n\n        sunrise =\n            sunWindow.sunriseMin\n\n        sunset =\n            sunWindow.sunsetMin\n\n        dayText =\n            if isDayAtTop model then\n                Color.black\n\n            else\n                Color.white\n\n        hand =\n            pointAt cx cy (radius - 10) (angleFromMinute nowMin)\n\n        moonPhaseY =\n            cy + (radius // 2)\n\n        timeTextY =\n            cy - (radius // 2) - 9\n\n        sunriseAngle =\n            angleFromMinute sunrise\n\n        sunsetAngle =\n            angleFromMinute sunset\n\n        moonStart =\n            sunriseAngle\n\n        moonEnd =\n            sunsetAngle\n\n        moonBounds =\n            square cx cy radius\n\n        sunBounds =\n            square cx cy (radius - 5)\n    in\n    [ Ui.fillCircle { x = cx, y = cy } radius Color.oxfordBlue ]\n        ++ (if hasSunData then\n                [ Ui.group\n                    (Ui.context\n                        [ Ui.fillColor Color.blueMoon, Ui.strokeColor Color.blueMoon ]\n                        [ Ui.fillRadial moonBounds moonStart\n                            (if moonEnd < moonStart then\n                                65536\n\n                             else\n                                moonEnd\n                            )\n                        ]\n                    )\n                ]\n                    ++ (if moonEnd < moonStart then\n                            [ Ui.group\n                                (Ui.context\n                                    [ Ui.fillColor Color.blueMoon, Ui.strokeColor Color.blueMoon ]\n                                    [ Ui.fillRadial moonBounds 0 moonEnd ]\n                                )\n                            ]\n\n                        else\n                            []\n                       )\n\n            else\n                []\n           )\n        ++ [ Ui.fillCircle { x = cx, y = cy } (radius - 5) Color.black ]\n        ++ (if not hasSunData || sunWindow.mode == PolarDay then\n                [ Ui.group\n                    (Ui.context\n                        [ Ui.fillColor Color.chromeYellow, Ui.strokeColor Color.chromeYellow ]\n                        [ Ui.fillCircle { x = cx, y = cy } (radius - 5) Color.chromeYellow ]\n                    )\n                ]\n\n            else\n                [ Ui.group\n                    (Ui.context\n                        [ Ui.fillColor Color.chromeYellow, Ui.strokeColor Color.chromeYellow ]\n                        [ Ui.fillRadial sunBounds sunriseAngle\n                            (if sunsetAngle < sunriseAngle then\n                                65536\n\n                             else\n                                sunsetAngle\n                            )\n                        ]\n                    )\n                ]\n                    ++ (if sunsetAngle < sunriseAngle then\n                            [ Ui.group\n                                (Ui.context\n                                    [ Ui.fillColor Color.chromeYellow, Ui.strokeColor Color.chromeYellow ]\n                                    [ Ui.fillRadial sunBounds 0 sunsetAngle ]\n                                )\n                            ]\n\n                        else\n                            []\n                       )\n           )\n        ++ [ Ui.circle { x = cx, y = cy } radius Color.white\n           , Ui.circle { x = cx, y = cy } (radius - 5) Color.darkGray\n           ]\n        ++ drawOuterScale cx cy radius\n        ++ (case model.moonPhaseE6 of\n                Just phase ->\n                    drawMoonPhase cx moonPhaseY (max 10 (radius // 5)) phase\n\n                Nothing ->\n                    []\n           )\n        ++ [ Ui.line { x = cx, y = cy } hand Color.white\n           , Ui.fillCircle { x = cx, y = cy } 4 Color.white\n           , textAt dayText { x = cx - 31, y = timeTextY, w = 64, h = 18 } (timeString model)\n           ]\n\n\ndrawOuterScale : Int -> Int -> Int -> List Ui.RenderOp\ndrawOuterScale cx cy radius =\n    List.concatMap\n        (\\hour ->\n            let\n                angle =\n                    angleFromMinute (hour * 60)\n\n                inner =\n                    pointAt cx cy radius angle\n\n                outer =\n                    pointAt cx cy\n                        (radius\n                            + (if modBy 2 hour == 0 then\n                                5\n\n                               else\n                                9\n                              )\n                        )\n                        angle\n\n                labelPoint =\n                    pointAt cx cy (radius + 16) angle\n\n                label =\n                    if hour == 0 then\n                        \"24\"\n\n                    else\n                        String.fromInt hour\n            in\n            if modBy 2 hour == 0 then\n                [ Ui.line outer inner Color.white\n                , textAt Color.lightGray { x = labelPoint.x - 6, y = labelPoint.y - 4, w = 12, h = 8 } label\n                ]\n\n            else\n                [ Ui.line outer inner Color.lightGray ]\n        )\n        (List.range 0 23)\n\n\ndrawMoonPhase : Int -> Int -> Int -> Int -> List Ui.RenderOp\ndrawMoonPhase cx cy radius phaseE6 =\n    let\n        lit =\n            abs (phaseE6 - 500000) * radius // 500000\n\n        offset =\n            if phaseE6 < 500000 then\n                -lit\n\n            else\n                lit\n    in\n    [ Ui.fillCircle { x = cx, y = cy } radius Color.lightGray\n    , Ui.fillCircle { x = cx + offset, y = cy } radius Color.black\n    , Ui.circle { x = cx, y = cy } radius Color.white\n    ]\n\n\ndrawDate : Model -> List Ui.RenderOp\ndrawDate model =\n    case model.now of\n        Nothing ->\n            []\n\n        Just now ->\n            [ textAt Color.white { x = model.screenW - 52, y = 4, w = 48, h = 14 } (monthString now.month ++ \" \" ++ String.fromInt now.day)\n            , textAt Color.lightGray { x = model.screenW - 42, y = 18, w = 38, h = 12 } (String.fromInt now.year)\n            ]\n\n\ndrawCorners : Model -> List Ui.RenderOp\ndrawCorners model =\n    [ drawTopLeft model\n    , drawWeatherCorner model\n    , drawBottomRight model\n    ]\n        |> List.concat\n\n\ndrawTopLeft : Model -> List Ui.RenderOp\ndrawTopLeft model =\n    case model.connected of\n        Just False ->\n            [ textAt Color.red { x = 4, y = 4, w = 32, h = 18 } \"BT\" ]\n\n        _ ->\n            let\n                showBattery =\n                    batteryAlert model && slot model 2 == 1\n\n                label =\n                    if showBattery then\n                        String.fromInt (Maybe.withDefault 0 model.batteryLevel) ++ \"%\"\n\n                    else\n                        \"--\"\n            in\n            [ textAt Color.white { x = 4, y = 4, w = 40, h = 16 } label\n            , textAt Color.darkGray { x = 4, y = 18, w = 44, h = 12 } (if showBattery then \"Battery\" else \"Steps\")\n            ]\n\n\ndrawWeatherCorner : Model -> List Ui.RenderOp\ndrawWeatherCorner model =\n    let\n        y =\n            model.screenH - 36\n\n        mode =\n            slot model 5\n\n        label =\n            if mode == 0 then\n                temperatureString model\n\n            else if mode == 1 then\n                windString model\n\n            else if mode == 2 then\n                precipitationString model\n\n            else if mode == 3 then\n                uvString model\n\n            else\n                pressureString model\n\n        condition =\n            model.weather\n                |> Maybe.map .condition\n                |> Maybe.withDefault UnknownWeather\n    in\n    drawWeatherIcon 8 (y - 18) condition\n        ++ [ textAt Color.white { x = 4, y = y, w = 68, h = 18 } label ]\n\n\ndrawBottomRight : Model -> List Ui.RenderOp\ndrawBottomRight model =\n    let\n        x =\n            model.screenW - 64\n\n        y =\n            model.screenH - 36\n    in\n    case model.tide of\n        Just tide ->\n            drawTide x (y - 8) model tide\n\n        Nothing ->\n            case model.altitude of\n                Just altitude ->\n                    [ mountainIcon (x + 3) (y - 12)\n                    , textAt Color.white { x = x, y = y, w = 60, h = 18 } (altitudeString altitude)\n                    ]\n\n                Nothing ->\n                    drawSunMoonCountdown x y model\n\n\ndrawTide : Int -> Int -> Model -> Tide -> List Ui.RenderOp\ndrawTide x y model tide =\n    let\n        highLow =\n            if tide.kind == HighTide then\n                \"H\"\n\n            else\n                \"L\"\n\n        mode =\n            slot model 3\n    in\n    [ Ui.circle { x = x + 48, y = y + 10 } 11 Color.blueMoon\n    , Ui.arc (square (x + 48) (y + 10) 10) 0 (tide.progress * 65536 // 1000)\n    , textAt Color.white { x = x, y = y, w = 60, h = 18 } (tideLabel tide mode highLow)\n    ]\n\n\ntideLabel : Tide -> Int -> String -> String\ntideLabel tide mode highLow =\n    if mode == 0 then\n        highLow ++ \" \" ++ durationString tide.nextMin\n\n    else if mode == 1 then\n        decimal1 (abs tide.levelCm) ++ \"m\"\n\n    else if tide.kind == HighTide then\n        \"Rising\"\n\n    else\n        \"Falling\"\n\n\ndrawSunMoonCountdown : Int -> Int -> Model -> List Ui.RenderOp\ndrawSunMoonCountdown x y model =\n    let\n        nowMin =\n            homeMinuteOfDay model\n\n        mode =\n            slot model 3\n\n        label =\n            if mode == 0 then\n                nextEventString nowMin \"SR\" \"SS\" (Maybe.map .sunriseMin model.sun) (Maybe.map .sunsetMin model.sun)\n\n            else if mode == 1 then\n                nextEventString nowMin \"MR\" \"MS\" model.moonriseMin model.moonsetMin\n\n            else\n                \"Age \" ++ decimal1 (moonAge10 model)\n    in\n    [ textAt Color.white { x = x, y = y, w = 62, h = 18 } label ]\n\n\ndrawWeatherIcon : Int -> Int -> WeatherCondition -> List Ui.RenderOp\ndrawWeatherIcon x y condition =\n    case condition of\n        Clear ->\n            [ Ui.fillCircle { x = x + 12, y = y + 12 } 8 Color.chromeYellow ]\n\n        Cloudy ->\n            cloudIcon x y\n\n        Fog ->\n            [ Ui.line { x = x + 2, y = y + 8 } { x = x + 24, y = y + 8 } Color.lightGray\n            , Ui.line { x = x + 4, y = y + 14 } { x = x + 26, y = y + 14 } Color.lightGray\n            ]\n\n        Drizzle ->\n            cloudIcon x y ++ rainLines x y 2\n\n        Rain ->\n            cloudIcon x y ++ rainLines x y 3\n\n        Showers ->\n            cloudIcon x y ++ rainLines x y 4\n\n        Snow ->\n            cloudIcon x y ++ [ textAt Color.white { x = x + 9, y = y + 14, w = 16, h = 12 } \"*\" ]\n\n        Storm ->\n            cloudIcon x y ++\n                [ Ui.line { x = x + 13, y = y + 12 } { x = x + 8, y = y + 23 } Color.chromeYellow\n                , Ui.line { x = x + 8, y = y + 23 } { x = x + 18, y = y + 17 } Color.chromeYellow\n                ]\n\n        UnknownWeather ->\n            [ Ui.circle { x = x + 12, y = y + 12 } 8 Color.darkGray ]\n\n\ncloudIcon : Int -> Int -> List Ui.RenderOp\ncloudIcon x y =\n    [ Ui.fillCircle { x = x + 10, y = y + 12 } 7 Color.lightGray\n    , Ui.fillCircle { x = x + 18, y = y + 13 } 6 Color.lightGray\n    , Ui.fillRect { x = x + 6, y = y + 12, w = 18, h = 8 } Color.lightGray\n    ]\n\n\nrainLines : Int -> Int -> Int -> List Ui.RenderOp\nrainLines x y count =\n    List.map\n        (\\index ->\n            let\n                dx =\n                    x + 7 + (index * 5)\n            in\n            Ui.line { x = dx, y = y + 22 } { x = dx - 2, y = y + 27 } Color.blueMoon\n        )\n        (List.range 0 (count - 1))\n\n\nmountainIcon : Int -> Int -> Ui.RenderOp\nmountainIcon x y =\n    Ui.pathOutlineOpen\n        (Ui.path\n            [ { x = x, y = y + 18 }, { x = x + 10, y = y + 4 }, { x = x + 18, y = y + 18 }, { x = x + 26, y = y + 7 }, { x = x + 34, y = y + 18 } ]\n            { x = 0, y = 0 }\n            (Ui.rotationFromDegrees 0)\n        )\n\n\ntextAt : Color.Color -> Ui.Rect -> String -> Ui.RenderOp\ntextAt color bounds value =\n    Ui.group\n        (Ui.context\n            [ Ui.textColor color ]\n            [ Ui.text Resources.DefaultFont Ui.defaultTextOptions bounds value ]\n        )\n\n\npointAt : Int -> Int -> Int -> Int -> Ui.Point\npointAt cx cy radius angle =\n    let\n        theta =\n            toFloat angle * 2 * Basics.pi / 65536\n    in\n    { x = cx + round (sin theta * toFloat radius)\n    , y = cy - round (cos theta * toFloat radius)\n    }\n\n\nsquare : Int -> Int -> Int -> Ui.Rect\nsquare cx cy radius =\n    { x = cx - radius, y = cy - radius, w = radius * 2, h = radius * 2 }\n\n\nangleFromMinute : Int -> Int\nangleFromMinute minute =\n    modBy 65536 (((minute - 720) * 65536) // 1440)\n\n\nhomeMinuteOfDay : Model -> Int\nhomeMinuteOfDay model =\n    case model.now of\n        Nothing ->\n            720\n\n        Just now ->\n            modBy 1440 ((now.hour * 60) + now.minute + model.homeTzOffsetMin - now.utcOffsetMinutes)\n\n\ndefaultSunWindow : SunWindow\ndefaultSunWindow =\n    { sunriseMin = 360\n    , sunsetMin = 1080\n    , mode = SunCycle\n    }\n\n\nisDayAtTop : Model -> Bool\nisDayAtTop model =\n    let\n        sunWindow =\n            Maybe.withDefault defaultSunWindow model.sun\n\n        sunrise =\n            sunWindow.sunriseMin\n\n        sunset =\n            sunWindow.sunsetMin\n    in\n    sunWindow.mode == PolarDay || (sunrise <= 720 && 720 <= sunset)\n\n\n        timeString : Model -> String\n\n\ntimeString model =\n    let\n        minute =\n            homeMinuteOfDay model\n\n        hour =\n            minute // 60\n    in\n    pad2 hour ++ \":\" ++ pad2 (modBy 60 minute)\n\n\ntemperatureString : Model -> String\ntemperatureString model =\n    case Maybe.map .temperature model.weather of\n        Nothing ->\n            \"--\"\n\n        Just temperature ->\n            if temperature.unit == Fahrenheit then\n                String.fromInt ((temperature.c10 * 9 // 5 + 320 + 5) // 10) ++ \"F\"\n\n            else\n                String.fromInt ((temperature.c10 + 5) // 10) ++ \"C\"\n\n\nwindString : Model -> String\nwindString model =\n    case model.wind of\n        Nothing ->\n            \"--\"\n\n        Just wind ->\n            directionString wind.direction ++ \" \" ++ String.fromInt wind.speed ++ windUnitString wind.unit\n\n\nprecipitationString : Model -> String\nprecipitationString model =\n    case model.weather of\n        Nothing ->\n            \"--\"\n\n        Just weather ->\n            if weather.temperature.unit == Fahrenheit then\n                decimal1 (weather.precipMm10 * 4 // 10) ++ \"in\"\n\n            else\n                decimal1 weather.precipMm10 ++ \"mm\"\n\n\nuvString : Model -> String\nuvString model =\n    case model.weather of\n        Nothing ->\n            \"UV --\"\n\n        Just weather ->\n            \"UV \" ++ decimal1 weather.uv10\n\n\npressureString : Model -> String\npressureString model =\n    case model.weather of\n        Nothing ->\n            \"--\"\n\n        Just weather ->\n            String.fromInt weather.pressureHpa ++ \"hPa\"\n\n\nwindUnitString : WindUnit -> String\nwindUnitString unit =\n    if unit == MilesPerHour then\n        \"mph\"\n\n    else\n        \"m/s\"\n\n\naltitudeString : Altitude -> String\naltitudeString altitude =\n    if altitude.unit == Feet then\n        String.fromInt (altitude.meters * 328 // 100) ++ \"ft\"\n\n    else\n        String.fromInt altitude.meters ++ \"m\"\n\n\nnextEventString : Int -> String -> String -> Maybe Int -> Maybe Int -> String\nnextEventString nowMin riseLabel setLabel maybeRise maybeSet =\n    case ( maybeRise, maybeSet ) of\n        ( Just rise, Just set ) ->\n            if nowMin < rise then\n                riseLabel ++ \" \" ++ durationString (rise - nowMin)\n\n            else if nowMin < set then\n                setLabel ++ \" \" ++ durationString (set - nowMin)\n\n            else\n                riseLabel ++ \" \" ++ durationString (rise + 1440 - nowMin)\n\n        _ ->\n            \"--\"\n\n\ndurationString : Int -> String\ndurationString minutes =\n    String.fromInt (minutes // 60) ++ \":\" ++ pad2 (modBy 60 minutes)\n\n\nmoonAge10 : Model -> Int\nmoonAge10 model =\n    Maybe.withDefault (fallbackMoonPhaseE6 model) model.moonPhaseE6 * 295 // 1000000\n\n\nfallbackMoonPhaseE6 : Model -> Int\nfallbackMoonPhaseE6 model =\n    case model.now of\n        Nothing ->\n            0\n\n        Just now ->\n            modBy 1000000 (((now.day + (now.month * 29)) * 33898) + (now.minute * 23))\n\n\nbatteryAlert : Model -> Bool\nbatteryAlert model =\n    case model.batteryLevel of\n        Just level ->\n            level <= 25\n\n                Nothing ->\n            False\n\n\nslot : Model -> Int -> Int\nslot model count =\n    modBy count (model.tickSecond // 5)\n\n\nwindDirectionFromSector : Int -> WindDirection\nwindDirectionFromSector sector =\n    case modBy 8 sector of\n        0 ->\n            North\n\n        1 ->\n            NorthEast\n\n        2 ->\n            East\n\n        3 ->\n            SouthEast\n\n        4 ->\n            South\n\n        5 ->\n            SouthWest\n\n        6 ->\n            West\n\n        _ ->\n            NorthWest\n\n\ndirectionString : WindDirection -> String\ndirectionString direction =\n    case direction of\n        North ->\n            \"N\"\n\n        NorthEast ->\n            \"NE\"\n\n        East ->\n            \"E\"\n\n        SouthEast ->\n            \"SE\"\n\n        South ->\n            \"S\"\n\n        SouthWest ->\n            \"SW\"\n\n        West ->\n            \"W\"\n\n        NorthWest ->\n            \"NW\"\n\n\nmonthString : Int -> String\nmonthString month =\n    case month of\n        1 ->\n            \"Jan\"\n\n        2 ->\n            \"Feb\"\n\n        3 ->\n            \"Mar\"\n\n        4 ->\n            \"Apr\"\n\n        5 ->\n            \"May\"\n\n        6 ->\n            \"Jun\"\n\n        7 ->\n            \"Jul\"\n\n        8 ->\n            \"Aug\"\n\n        9 ->\n            \"Sep\"\n\n        10 ->\n            \"Oct\"\n\n        11 ->\n            \"Nov\"\n\n        _ ->\n            \"Dec\"\n\n\ndecimal1 : Int -> String\ndecimal1 value =\n    let\n        sign =\n            if value < 0 then\n                \"-\"\n\n            else\n                \"\"\n\n        absolute =\n            abs value\n    in\n    sign ++ String.fromInt (absolute // 10) ++ \".\" ++ String.fromInt (modBy 10 absolute)\n\n\npad2 : Int -> String\npad2 value =\n    if value < 10 then\n        \"0\" ++ String.fromInt value\n\n    else\n        String.fromInt value\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.watchface\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
+    "last_source": "module Main exposing (main)\n\nimport Companion.Types exposing (AltitudeUnit(..), InternetMode(..), PhoneToWatch(..), SunMode(..), TemperatureUnit(..), TideKind(..), WatchToPhone(..), WeatherCondition(..), WindUnit(..))\nimport Companion.Watch as CompanionWatch\nimport Json.Decode as Decode\nimport Pebble.Button as Button\nimport Pebble.Events as Events\nimport Pebble.Platform as Platform\nimport Pebble.System as System\nimport Pebble.Time as Time\nimport Pebble.Ui as Ui\nimport Pebble.Ui.Color as Color\nimport Pebble.Ui.Resources as Resources\n\n\ntype alias DisplayUnits =\n    { temperature : TemperatureUnit\n    , wind : WindUnit\n    }\n\n\ntype alias SunWindow =\n    { sunriseMin : Int\n    , sunsetMin : Int\n    , mode : SunMode\n    }\n\n\ntype alias Temperature =\n    { c10 : Int\n    , unit : TemperatureUnit\n    }\n\n\ntype WindDirection\n    = North\n    | NorthEast\n    | East\n    | SouthEast\n    | South\n    | SouthWest\n    | West\n    | NorthWest\n\n\ntype alias Wind =\n    { direction : WindDirection\n    , speed : Int\n    , unit : WindUnit\n    }\n\n\ntype alias Weather =\n    { temperature : Temperature\n    , condition : WeatherCondition\n    , precipMm10 : Int\n    , uv10 : Int\n    , pressureHpa : Int\n    }\n\n\ntype alias Tide =\n    { nextMin : Int\n    , levelCm : Int\n    , progress : Int\n    , kind : TideKind\n    }\n\n\ntype alias Altitude =\n    { meters : Int\n    , unit : AltitudeUnit\n    }\n\n\ntype alias Model =\n    { screenW : Int\n    , screenH : Int\n    , displayShape : Platform.DisplayShape\n    , now : Maybe Time.CurrentDateTime\n    , tickSecond : Int\n    , batteryLevel : Maybe Int\n    , connected : Maybe Bool\n    , homeLatE6 : Maybe Int\n    , homeLonE6 : Maybe Int\n    , homeTzOffsetMin : Int\n    , displayUnits : DisplayUnits\n    , sun : Maybe SunWindow\n    , moonriseMin : Maybe Int\n    , moonsetMin : Maybe Int\n    , moonPhaseE6 : Maybe Int\n    , weather : Maybe Weather\n    , wind : Maybe Wind\n    , tide : Maybe Tide\n    , altitude : Maybe Altitude\n    , internetMode : InternetMode\n    }\n\n\ntype Msg\n    = CurrentDateTime Time.CurrentDateTime\n    | MinuteChanged Int\n    | HourChanged Int\n    | SecondChanged Int\n    | BatteryLevelChanged Int\n    | ConnectionChanged Bool\n    | FromPhone PhoneToWatch\n    | RequestRefresh\n\n\ninit : Platform.LaunchContext -> ( Model, Cmd Msg )\ninit context =\n    ( { screenW = context.screen.width\n      , screenH = context.screen.height\n      , displayShape = context.screen.shape\n      , now = Nothing\n      , tickSecond = 0\n      , batteryLevel = Nothing\n      , connected = Nothing\n      , homeLatE6 = Nothing\n      , homeLonE6 = Nothing\n      , homeTzOffsetMin = 0\n      , displayUnits = { temperature = Celsius, wind = MetersPerSecond }\n      , sun = Nothing\n      , moonriseMin = Nothing\n      , moonsetMin = Nothing\n      , moonPhaseE6 = Nothing\n      , weather = Nothing\n      , wind = Nothing\n      , tide = Nothing\n      , altitude = Nothing\n      , internetMode = InternetEnabled\n      }\n    , Cmd.batch\n        [ Time.currentDateTime CurrentDateTime\n        , System.batteryLevel BatteryLevelChanged\n        , System.connectionStatus ConnectionChanged\n        , CompanionWatch.sendWatchToPhone RequestUpdate\n        ]\n    )\n\n\nupdate : Msg -> Model -> ( Model, Cmd Msg )\nupdate msg model =\n    case msg of\n        CurrentDateTime value ->\n            ( { model | now = Just value }, Cmd.none )\n\n        MinuteChanged minute ->\n            case model.now of\n                Nothing ->\n                    ( model, Time.currentDateTime CurrentDateTime )\n\n                Just now ->\n                    ( { model | now = Just { now | minute = minute } }\n                    , CompanionWatch.sendWatchToPhone RequestUpdate\n                    )\n\n        HourChanged _ ->\n            ( model, Time.currentDateTime CurrentDateTime )\n\n        SecondChanged second ->\n            ( { model | tickSecond = second }, Cmd.none )\n\n        BatteryLevelChanged level ->\n            ( { model | batteryLevel = Just (clamp 0 100 level) }, Cmd.none )\n\n        ConnectionChanged connected ->\n            ( { model | connected = Just connected }, Cmd.none )\n\n        RequestRefresh ->\n            ( model, CompanionWatch.sendWatchToPhone RequestUpdate )\n\n        FromPhone message ->\n            ( updateFromPhone message model, Cmd.none )\n\n\nupdateFromPhone : PhoneToWatch -> Model -> Model\nupdateFromPhone message model =\n    case message of\n        ProvideLocation lat lon offset ->\n            { model | homeLatE6 = Just lat, homeLonE6 = Just lon, homeTzOffsetMin = offset }\n\n        ProvideSun sunrise sunset sunMode ->\n            { model | sun = Just { sunriseMin = sunrise, sunsetMin = sunset, mode = sunMode } }\n\n        ProvideMoon moonrise moonset phase ->\n            { model | moonriseMin = Just moonrise, moonsetMin = Just moonset, moonPhaseE6 = Just phase }\n\n        ProvideMoonPhase phase ->\n            { model | moonPhaseE6 = Just phase }\n\n        ProvideWeather temp condition precip uv pressure tempUnit ->\n            { model\n                | weather =\n                    Just\n                        { temperature = { c10 = temp, unit = tempUnit }\n                , condition = condition\n                , precipMm10 = precip\n                , uv10 = uv\n                , pressureHpa = pressure\n            }\n                , displayUnits = updateTemperatureUnit tempUnit model.displayUnits\n            }\n\n        ProvideWind windDir windSpeed windUnit ->\n            { model\n                | wind =\n                    Just\n                        { direction = windDirectionFromSector windDir\n                        , speed = windSpeed\n                        , unit = windUnit\n                        }\n                , displayUnits = updateWindUnit windUnit model.displayUnits\n            }\n\n        ProvideTide nextMin levelCm progress tideKind ->\n            { model\n                | tide =\n                    Just\n                        { nextMin = nextMin\n                        , levelCm = levelCm\n                        , progress = clamp 0 1000 progress\n                        , kind = tideKind\n                        }\n            }\n\n        ClearTide ->\n            { model | tide = Nothing }\n\n        ProvideAltitude meters unit ->\n            { model | altitude = Just { meters = meters, unit = unit } }\n\n        SetUseInternet mode ->\n            { model | internetMode = mode }\n\n        SetUnits tempUnit windUnit ->\n            { model\n                | displayUnits = { temperature = tempUnit, wind = windUnit }\n                , weather = Maybe.map (mapWeatherTemperatureUnit tempUnit) model.weather\n                , wind = Maybe.map (mapWindUnit windUnit) model.wind\n            }\n\n\nupdateTemperatureUnit : TemperatureUnit -> DisplayUnits -> DisplayUnits\nupdateTemperatureUnit unit units =\n    { units | temperature = unit }\n\n\nupdateWindUnit : WindUnit -> DisplayUnits -> DisplayUnits\nupdateWindUnit unit units =\n    { units | wind = unit }\n\n\nmapWeatherTemperatureUnit : TemperatureUnit -> Weather -> Weather\nmapWeatherTemperatureUnit unit weather =\n    { weather | temperature = { c10 = weather.temperature.c10, unit = unit } }\n\n\nmapWindUnit : WindUnit -> Wind -> Wind\nmapWindUnit unit wind =\n    { wind | unit = unit }\n\n\nsubscriptions : Model -> Sub Msg\nsubscriptions _ =\n    Events.batch\n        [ Events.onMinuteChange MinuteChanged\n        , Events.onHourChange HourChanged\n        , Events.onSecondChange SecondChanged\n        , System.onBatteryChange BatteryLevelChanged\n        , System.onConnectionChange ConnectionChanged\n        , CompanionWatch.onPhoneToWatch FromPhone\n        , Button.onRelease Button.Down RequestRefresh\n        ]\n\n\nview : Model -> Ui.UiNode\nview model =\n    Ui.toUiNode (faceOps model)\n\n\nfaceOps : Model -> List Ui.RenderOp\nfaceOps model =\n    let\n        cx =\n            model.screenW // 2\n\n        cy =\n            model.screenH // 2\n\n        radius =\n            (min model.screenW model.screenH // 2) - 22\n\n        dial =\n            drawDial model cx cy radius\n    in\n    [ Ui.clear Color.black ]\n        ++ dial\n\n\ndrawDial : Model -> Int -> Int -> Int -> List Ui.RenderOp\ndrawDial model cx cy radius =\n    let\n        nowMin =\n            homeMinuteOfDay model\n\n        sunWindow =\n            Maybe.withDefault defaultSunWindow model.sun\n\n        hasSunData =\n            case model.sun of\n                Just _ ->\n                    True\n\n                Nothing ->\n                    False\n\n        sunrise =\n            sunWindow.sunriseMin\n\n        sunset =\n            sunWindow.sunsetMin\n\n        timeTextColor =\n            Color.white\n\n        hand =\n            pointAt cx cy (radius - 10) (angleFromMinute nowMin)\n\n        moonPhaseY =\n            cy + (radius // 2)\n\n        timeTextY =\n            cy - (radius // 2) - 9\n\n        sunriseAngle =\n            angleFromMinute sunrise\n\n        sunsetAngle =\n            angleFromMinute sunset\n\n        moonStart =\n            sunriseAngle\n\n        moonEnd =\n            sunsetAngle\n\n        moonBounds =\n            square cx cy radius\n\n        sunBounds =\n            square cx cy (radius - 5)\n    in\n    [ Ui.fillCircle { x = cx, y = cy } radius Color.oxfordBlue ]\n        ++ (if hasSunData then\n                [ Ui.group\n                    (Ui.context\n                        [ Ui.fillColor Color.blueMoon, Ui.strokeColor Color.blueMoon ]\n                        [ Ui.fillRadial moonBounds moonStart\n                            (if moonEnd < moonStart then\n                                65536\n\n                             else\n                                moonEnd\n                            )\n                        ]\n                    )\n                ]\n                    ++ (if moonEnd < moonStart then\n                            [ Ui.group\n                                (Ui.context\n                                    [ Ui.fillColor Color.blueMoon, Ui.strokeColor Color.blueMoon ]\n                                    [ Ui.fillRadial moonBounds 0 moonEnd ]\n                                )\n                            ]\n\n                        else\n                            []\n                       )\n\n            else\n                []\n           )\n        ++ [ Ui.fillCircle { x = cx, y = cy } (radius - 5) Color.black ]\n        ++ (if not hasSunData || sunWindow.mode == PolarDay then\n                [ Ui.group\n                    (Ui.context\n                        [ Ui.fillColor Color.chromeYellow, Ui.strokeColor Color.chromeYellow ]\n                        [ Ui.fillCircle { x = cx, y = cy } (radius - 5) Color.chromeYellow ]\n                    )\n                ]\n\n            else\n                [ Ui.group\n                    (Ui.context\n                        [ Ui.fillColor Color.chromeYellow, Ui.strokeColor Color.chromeYellow ]\n                        [ Ui.fillRadial sunBounds sunriseAngle\n                            (if sunsetAngle < sunriseAngle then\n                                65536\n\n                             else\n                                sunsetAngle\n                            )\n                        ]\n                    )\n                ]\n                    ++ (if sunsetAngle < sunriseAngle then\n                            [ Ui.group\n                                (Ui.context\n                                    [ Ui.fillColor Color.chromeYellow, Ui.strokeColor Color.chromeYellow ]\n                                    [ Ui.fillRadial sunBounds 0 sunsetAngle ]\n                                )\n                            ]\n\n                        else\n                            []\n                       )\n           )\n        ++ [ Ui.circle { x = cx, y = cy } radius Color.white\n           , Ui.circle { x = cx, y = cy } (radius - 5) Color.darkGray\n           ]\n        ++ drawOuterScale cx cy radius\n        ++ (case model.moonPhaseE6 of\n                Just phase ->\n                    drawMoonPhase cx moonPhaseY (max 10 (radius // 5)) phase\n\n                Nothing ->\n                    []\n           )\n        ++ [ Ui.line { x = cx, y = cy } hand Color.white\n           , Ui.fillCircle { x = cx, y = cy } 4 Color.white\n           , textAt timeTextColor { x = cx - 31, y = timeTextY, w = 64, h = 18 } (timeString model)\n           ]\n\n\ndrawOuterScale : Int -> Int -> Int -> List Ui.RenderOp\ndrawOuterScale cx cy radius =\n    List.concatMap\n        (\\hour ->\n            let\n                angle =\n                    angleFromMinute (hour * 60)\n\n                inner =\n                    pointAt cx cy radius angle\n\n                outer =\n                    pointAt cx cy\n                        (radius\n                            + (if modBy 2 hour == 0 then\n                                5\n\n                               else\n                                9\n                              )\n                        )\n                        angle\n\n                labelPoint =\n                    pointAt cx cy (radius + 16) angle\n\n                label =\n                    if hour == 0 then\n                        \"24\"\n\n                    else\n                        String.fromInt hour\n            in\n            if modBy 2 hour == 0 then\n                [ Ui.line outer inner Color.white\n                , textAt Color.lightGray { x = labelPoint.x - 6, y = labelPoint.y - 4, w = 12, h = 8 } label\n                ]\n\n            else\n                [ Ui.line outer inner Color.lightGray ]\n        )\n        (List.range 0 23)\n\n\ndrawMoonPhase : Int -> Int -> Int -> Int -> List Ui.RenderOp\ndrawMoonPhase cx cy radius phaseE6 =\n    let\n        lit =\n            abs (phaseE6 - 500000) * radius // 500000\n\n        offset =\n            if phaseE6 < 500000 then\n                -lit\n\n            else\n                lit\n    in\n    [ Ui.fillCircle { x = cx, y = cy } radius Color.lightGray\n    , Ui.fillCircle { x = cx + offset, y = cy } radius Color.black\n    , Ui.circle { x = cx, y = cy } radius Color.white\n    ]\n\n\ndrawDate : Model -> List Ui.RenderOp\ndrawDate model =\n    case model.now of\n        Nothing ->\n            []\n\n        Just now ->\n            [ textAt Color.white { x = model.screenW - 52, y = 4, w = 48, h = 14 } (monthString now.month ++ \" \" ++ String.fromInt now.day)\n            , textAt Color.lightGray { x = model.screenW - 42, y = 18, w = 38, h = 12 } (String.fromInt now.year)\n            ]\n\n\ndrawCorners : Model -> List Ui.RenderOp\ndrawCorners model =\n    [ drawTopLeft model\n    , drawWeatherCorner model\n    , drawBottomRight model\n    ]\n        |> List.concat\n\n\ndrawTopLeft : Model -> List Ui.RenderOp\ndrawTopLeft model =\n    case model.connected of\n        Just False ->\n            [ textAt Color.red { x = 4, y = 4, w = 32, h = 18 } \"BT\" ]\n\n        _ ->\n            let\n                showBattery =\n                    batteryAlert model && slot model 2 == 1\n\n                label =\n                    if showBattery then\n                        String.fromInt (Maybe.withDefault 0 model.batteryLevel) ++ \"%\"\n\n                    else\n                        \"--\"\n            in\n            [ textAt Color.white { x = 4, y = 4, w = 40, h = 16 } label\n            , textAt Color.darkGray { x = 4, y = 18, w = 44, h = 12 } (if showBattery then \"Battery\" else \"Steps\")\n            ]\n\n\ndrawWeatherCorner : Model -> List Ui.RenderOp\ndrawWeatherCorner model =\n    let\n        y =\n            model.screenH - 36\n\n        mode =\n            slot model 5\n\n        label =\n            if mode == 0 then\n                temperatureString model\n\n            else if mode == 1 then\n                windString model\n\n            else if mode == 2 then\n                precipitationString model\n\n            else if mode == 3 then\n                uvString model\n\n            else\n                pressureString model\n\n        condition =\n            model.weather\n                |> Maybe.map .condition\n                |> Maybe.withDefault UnknownWeather\n    in\n    drawWeatherIcon 8 (y - 18) condition\n        ++ [ textAt Color.white { x = 4, y = y, w = 68, h = 18 } label ]\n\n\ndrawBottomRight : Model -> List Ui.RenderOp\ndrawBottomRight model =\n    let\n        x =\n            model.screenW - 64\n\n        y =\n            model.screenH - 36\n    in\n    case model.tide of\n        Just tide ->\n            drawTide x (y - 8) model tide\n\n        Nothing ->\n            case model.altitude of\n                Just altitude ->\n                    [ mountainIcon (x + 3) (y - 12)\n                    , textAt Color.white { x = x, y = y, w = 60, h = 18 } (altitudeString altitude)\n                    ]\n\n                Nothing ->\n                    drawSunMoonCountdown x y model\n\n\ndrawTide : Int -> Int -> Model -> Tide -> List Ui.RenderOp\ndrawTide x y model tide =\n    let\n        highLow =\n            if tide.kind == HighTide then\n                \"H\"\n\n            else\n                \"L\"\n\n        mode =\n            slot model 3\n    in\n    [ Ui.circle { x = x + 48, y = y + 10 } 11 Color.blueMoon\n    , Ui.arc (square (x + 48) (y + 10) 10) 0 (tide.progress * 65536 // 1000)\n    , textAt Color.white { x = x, y = y, w = 60, h = 18 } (tideLabel tide mode highLow)\n    ]\n\n\ntideLabel : Tide -> Int -> String -> String\ntideLabel tide mode highLow =\n    if mode == 0 then\n        highLow ++ \" \" ++ durationString tide.nextMin\n\n    else if mode == 1 then\n        decimal1 (abs tide.levelCm) ++ \"m\"\n\n    else if tide.kind == HighTide then\n        \"Rising\"\n\n    else\n        \"Falling\"\n\n\ndrawSunMoonCountdown : Int -> Int -> Model -> List Ui.RenderOp\ndrawSunMoonCountdown x y model =\n    let\n        nowMin =\n            homeMinuteOfDay model\n\n        mode =\n            slot model 3\n\n        label =\n            if mode == 0 then\n                nextEventString nowMin \"SR\" \"SS\" (Maybe.map .sunriseMin model.sun) (Maybe.map .sunsetMin model.sun)\n\n            else if mode == 1 then\n                nextEventString nowMin \"MR\" \"MS\" model.moonriseMin model.moonsetMin\n\n            else\n                \"Age \" ++ decimal1 (moonAge10 model)\n    in\n    [ textAt Color.white { x = x, y = y, w = 62, h = 18 } label ]\n\n\ndrawWeatherIcon : Int -> Int -> WeatherCondition -> List Ui.RenderOp\ndrawWeatherIcon x y condition =\n    case condition of\n        Clear ->\n            [ Ui.fillCircle { x = x + 12, y = y + 12 } 8 Color.chromeYellow ]\n\n        Cloudy ->\n            cloudIcon x y\n\n        Fog ->\n            [ Ui.line { x = x + 2, y = y + 8 } { x = x + 24, y = y + 8 } Color.lightGray\n            , Ui.line { x = x + 4, y = y + 14 } { x = x + 26, y = y + 14 } Color.lightGray\n            ]\n\n        Drizzle ->\n            cloudIcon x y ++ rainLines x y 2\n\n        Rain ->\n            cloudIcon x y ++ rainLines x y 3\n\n        Showers ->\n            cloudIcon x y ++ rainLines x y 4\n\n        Snow ->\n            cloudIcon x y ++ [ textAt Color.white { x = x + 9, y = y + 14, w = 16, h = 12 } \"*\" ]\n\n        Storm ->\n            cloudIcon x y ++\n                [ Ui.line { x = x + 13, y = y + 12 } { x = x + 8, y = y + 23 } Color.chromeYellow\n                , Ui.line { x = x + 8, y = y + 23 } { x = x + 18, y = y + 17 } Color.chromeYellow\n                ]\n\n        UnknownWeather ->\n            [ Ui.circle { x = x + 12, y = y + 12 } 8 Color.darkGray ]\n\n\ncloudIcon : Int -> Int -> List Ui.RenderOp\ncloudIcon x y =\n    [ Ui.fillCircle { x = x + 10, y = y + 12 } 7 Color.lightGray\n    , Ui.fillCircle { x = x + 18, y = y + 13 } 6 Color.lightGray\n    , Ui.fillRect { x = x + 6, y = y + 12, w = 18, h = 8 } Color.lightGray\n    ]\n\n\nrainLines : Int -> Int -> Int -> List Ui.RenderOp\nrainLines x y count =\n    List.map\n        (\\index ->\n            let\n                dx =\n                    x + 7 + (index * 5)\n            in\n            Ui.line { x = dx, y = y + 22 } { x = dx - 2, y = y + 27 } Color.blueMoon\n        )\n        (List.range 0 (count - 1))\n\n\nmountainIcon : Int -> Int -> Ui.RenderOp\nmountainIcon x y =\n    Ui.pathOutlineOpen\n        (Ui.path\n            [ { x = x, y = y + 18 }, { x = x + 10, y = y + 4 }, { x = x + 18, y = y + 18 }, { x = x + 26, y = y + 7 }, { x = x + 34, y = y + 18 } ]\n            { x = 0, y = 0 }\n            (Ui.rotationFromDegrees 0)\n        )\n\n\ntextAt : Color.Color -> Ui.Rect -> String -> Ui.RenderOp\ntextAt color bounds value =\n    Ui.group\n        (Ui.context\n            [ Ui.textColor color ]\n            [ Ui.text Resources.DefaultFont Ui.defaultTextOptions bounds value ]\n        )\n\n\npointAt : Int -> Int -> Int -> Int -> Ui.Point\npointAt cx cy radius angle =\n    let\n        theta =\n            toFloat angle * 2 * Basics.pi / 65536\n    in\n    { x = cx + round (sin theta * toFloat radius)\n    , y = cy - round (cos theta * toFloat radius)\n    }\n\n\nsquare : Int -> Int -> Int -> Ui.Rect\nsquare cx cy radius =\n    { x = cx - radius, y = cy - radius, w = radius * 2, h = radius * 2 }\n\n\nangleFromMinute : Int -> Int\nangleFromMinute minute =\n    modBy 65536 (((minute - 720) * 65536) // 1440)\n\n\nhomeMinuteOfDay : Model -> Int\nhomeMinuteOfDay model =\n    case model.now of\n        Nothing ->\n            720\n\n        Just now ->\n            modBy 1440 ((now.hour * 60) + now.minute + model.homeTzOffsetMin - now.utcOffsetMinutes)\n\n\ndefaultSunWindow : SunWindow\ndefaultSunWindow =\n    { sunriseMin = 360\n    , sunsetMin = 1080\n    , mode = SunCycle\n    }\n\n\ntimeString : Model -> String\ntimeString model =\n    let\n        minute =\n            homeMinuteOfDay model\n\n        hour =\n            minute // 60\n    in\n    pad2 hour ++ \":\" ++ pad2 (modBy 60 minute)\n\n\ntemperatureString : Model -> String\ntemperatureString model =\n    case Maybe.map .temperature model.weather of\n        Nothing ->\n            \"--\"\n\n        Just temperature ->\n            if temperature.unit == Fahrenheit then\n                String.fromInt ((temperature.c10 * 9 // 5 + 320 + 5) // 10) ++ \"F\"\n\n            else\n                String.fromInt ((temperature.c10 + 5) // 10) ++ \"C\"\n\n\nwindString : Model -> String\nwindString model =\n    case model.wind of\n        Nothing ->\n            \"--\"\n\n        Just wind ->\n            directionString wind.direction ++ \" \" ++ String.fromInt wind.speed ++ windUnitString wind.unit\n\n\nprecipitationString : Model -> String\nprecipitationString model =\n    case model.weather of\n        Nothing ->\n            \"--\"\n\n        Just weather ->\n            if weather.temperature.unit == Fahrenheit then\n                decimal1 (weather.precipMm10 * 4 // 10) ++ \"in\"\n\n            else\n                decimal1 weather.precipMm10 ++ \"mm\"\n\n\nuvString : Model -> String\nuvString model =\n    case model.weather of\n        Nothing ->\n            \"UV --\"\n\n        Just weather ->\n            \"UV \" ++ decimal1 weather.uv10\n\n\npressureString : Model -> String\npressureString model =\n    case model.weather of\n        Nothing ->\n            \"--\"\n\n        Just weather ->\n            String.fromInt weather.pressureHpa ++ \"hPa\"\n\n\nwindUnitString : WindUnit -> String\nwindUnitString unit =\n    if unit == MilesPerHour then\n        \"mph\"\n\n    else\n        \"m/s\"\n\n\naltitudeString : Altitude -> String\naltitudeString altitude =\n    if altitude.unit == Feet then\n        String.fromInt (altitude.meters * 328 // 100) ++ \"ft\"\n\n    else\n        String.fromInt altitude.meters ++ \"m\"\n\n\nnextEventString : Int -> String -> String -> Maybe Int -> Maybe Int -> String\nnextEventString nowMin riseLabel setLabel maybeRise maybeSet =\n    case ( maybeRise, maybeSet ) of\n        ( Just rise, Just set ) ->\n            if nowMin < rise then\n                riseLabel ++ \" \" ++ durationString (rise - nowMin)\n\n            else if nowMin < set then\n                setLabel ++ \" \" ++ durationString (set - nowMin)\n\n            else\n                riseLabel ++ \" \" ++ durationString (rise + 1440 - nowMin)\n\n        _ ->\n            \"--\"\n\n\ndurationString : Int -> String\ndurationString minutes =\n    String.fromInt (minutes // 60) ++ \":\" ++ pad2 (modBy 60 minutes)\n\n\nmoonAge10 : Model -> Int\nmoonAge10 model =\n    Maybe.withDefault (fallbackMoonPhaseE6 model) model.moonPhaseE6 * 295 // 1000000\n\n\nfallbackMoonPhaseE6 : Model -> Int\nfallbackMoonPhaseE6 model =\n    case model.now of\n        Nothing ->\n            0\n\n        Just now ->\n            modBy 1000000 (((now.day + (now.month * 29)) * 33898) + (now.minute * 23))\n\n\nbatteryAlert : Model -> Bool\nbatteryAlert model =\n    case model.batteryLevel of\n        Just level ->\n            level <= 25\n\n                Nothing ->\n            False\n\n\nslot : Model -> Int -> Int\nslot model count =\n    modBy count (model.tickSecond // 5)\n\n\nwindDirectionFromSector : Int -> WindDirection\nwindDirectionFromSector sector =\n    case modBy 8 sector of\n        0 ->\n            North\n\n        1 ->\n            NorthEast\n\n        2 ->\n            East\n\n        3 ->\n            SouthEast\n\n        4 ->\n            South\n\n        5 ->\n            SouthWest\n\n        6 ->\n            West\n\n        _ ->\n            NorthWest\n\n\ndirectionString : WindDirection -> String\ndirectionString direction =\n    case direction of\n        North ->\n            \"N\"\n\n        NorthEast ->\n            \"NE\"\n\n        East ->\n            \"E\"\n\n        SouthEast ->\n            \"SE\"\n\n        South ->\n            \"S\"\n\n        SouthWest ->\n            \"SW\"\n\n        West ->\n            \"W\"\n\n        NorthWest ->\n            \"NW\"\n\n\nmonthString : Int -> String\nmonthString month =\n    case month of\n        1 ->\n            \"Jan\"\n\n        2 ->\n            \"Feb\"\n\n        3 ->\n            \"Mar\"\n\n        4 ->\n            \"Apr\"\n\n        5 ->\n            \"May\"\n\n        6 ->\n            \"Jun\"\n\n        7 ->\n            \"Jul\"\n\n        8 ->\n            \"Aug\"\n\n        9 ->\n            \"Sep\"\n\n        10 ->\n            \"Oct\"\n\n        11 ->\n            \"Nov\"\n\n        _ ->\n            \"Dec\"\n\n\ndecimal1 : Int -> String\ndecimal1 value =\n    let\n        sign =\n            if value < 0 then\n                \"-\"\n\n            else\n                \"\"\n\n        absolute =\n            abs value\n    in\n    sign ++ String.fromInt (absolute // 10) ++ \".\" ++ String.fromInt (modBy 10 absolute)\n\n\npad2 : Int -> String\npad2 value =\n    if value < 10 then\n        \"0\" ++ String.fromInt value\n\n    else\n        String.fromInt value\n\n\nmain : Program Decode.Value Model Msg\nmain =\n    Platform.watchface\n        { init = init\n        , update = update\n        , view = view\n        , subscriptions = subscriptions\n        }\n",
     "launch_context": {
       "has_compass": false,
       "has_microphone": false,
@@ -1469,7 +1699,20 @@
       "watch_model": "Basalt",
       "watch_profile_id": "basalt"
     },
-    "revision": "29379fa50e8f",
+    "revision": "b704d31d7cfa",
+    "runtime_execution": {
+      "compiler": "elmx",
+      "contract": "elmx.runtime_executor.v1",
+      "engine": "elmx_runtime_v1",
+      "execution_backend": "compiled_elixir",
+      "runtime_mode": "runtime_first",
+      "runtime_model_entry_count": 20,
+      "runtime_model_sha256": "be38019707b40a87b19f70fc4209d75c137f460c097b1bb00679ddb19a9427d5",
+      "runtime_model_source": "step_message",
+      "view_tree_node_count": 64,
+      "view_tree_sha256": "3c0a19fb60f6f51477a1a998a249e20fb001d1854c1d0d33f8468c9c7849ceb2"
+    },
+    "runtime_execution_mode": "runtime_executed",
     "runtime_known_messages": [
       "CurrentDateTime",
       "MinuteChanged",
@@ -1493,10 +1736,6 @@
         ],
         "ctor": "Just"
       },
-      "colorMode": {
-        "args": [],
-        "ctor": "Color"
-      },
       "connected": {
         "args": [
           true
@@ -1530,8 +1769,6 @@
         "args": [],
         "ctor": "InternetEnabled"
       },
-      "last_message": "ConnectionChanged",
-      "last_operation": "ConnectionChanged",
       "moonPhaseE6": {
         "args": [],
         "ctor": "Nothing"
@@ -1562,6 +1799,7 @@
         ],
         "ctor": "Just"
       },
+      "runtime_view_output_model_sha256": "53d06ad60360f70016123c4e3a21e44821cd28a017aecabc32bad4e327785eff",
       "screenH": 168,
       "screenW": 144,
       "sun": {
@@ -1615,10 +1853,6 @@
         "r": 45,
         "text": null
       },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 248,
         "kind": "stroke_color",
@@ -1637,10 +1871,6 @@
         "r": 45,
         "text": null
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
       {
         "color": 255,
         "cx": 72,
@@ -1666,17 +1896,13 @@
         "y1": 139,
         "y2": 134
       },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "text_color",
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 8,
         "kind": "text",
         "text": "24",
@@ -1686,10 +1912,6 @@
         "x": 66,
         "y": 146
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "line",
@@ -1708,17 +1930,13 @@
         "y1": 132,
         "y2": 127
       },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "text_color",
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 8,
         "kind": "text",
         "text": "2",
@@ -1728,10 +1946,6 @@
         "x": 33,
         "y": 137
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "line",
@@ -1750,17 +1964,13 @@
         "y1": 111,
         "y2": 109
       },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "text_color",
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 8,
         "kind": "text",
         "text": "4",
@@ -1770,10 +1980,6 @@
         "x": 9,
         "y": 113
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "line",
@@ -1792,17 +1998,13 @@
         "y1": 84,
         "y2": 84
       },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "text_color",
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 8,
         "kind": "text",
         "text": "6",
@@ -1812,10 +2014,6 @@
         "x": 0,
         "y": 80
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "line",
@@ -1834,17 +2032,13 @@
         "y1": 56,
         "y2": 59
       },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "text_color",
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 8,
         "kind": "text",
         "text": "8",
@@ -1854,10 +2048,6 @@
         "x": 9,
         "y": 47
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "line",
@@ -1876,17 +2066,13 @@
         "y1": 36,
         "y2": 41
       },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "text_color",
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 8,
         "kind": "text",
         "text": "10",
@@ -1896,10 +2082,6 @@
         "x": 33,
         "y": 23
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "line",
@@ -1918,17 +2100,13 @@
         "y1": 29,
         "y2": 34
       },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "text_color",
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 8,
         "kind": "text",
         "text": "12",
@@ -1938,10 +2116,6 @@
         "x": 66,
         "y": 14
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "line",
@@ -1960,17 +2134,13 @@
         "y1": 36,
         "y2": 41
       },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "text_color",
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 8,
         "kind": "text",
         "text": "14",
@@ -1980,10 +2150,6 @@
         "x": 99,
         "y": 23
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "line",
@@ -2002,17 +2168,13 @@
         "y1": 56,
         "y2": 59
       },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "text_color",
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 8,
         "kind": "text",
         "text": "16",
@@ -2022,10 +2184,6 @@
         "x": 123,
         "y": 47
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "line",
@@ -2044,17 +2202,13 @@
         "y1": 84,
         "y2": 84
       },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "text_color",
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 8,
         "kind": "text",
         "text": "18",
@@ -2064,10 +2218,6 @@
         "x": 132,
         "y": 80
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "line",
@@ -2086,17 +2236,13 @@
         "y1": 111,
         "y2": 109
       },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "text_color",
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 8,
         "kind": "text",
         "text": "20",
@@ -2106,10 +2252,6 @@
         "x": 123,
         "y": 113
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "line",
@@ -2128,17 +2270,13 @@
         "y1": 132,
         "y2": 127
       },
-      {
-        "kind": "push_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "text_color",
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 8,
         "kind": "text",
         "text": "22",
@@ -2148,10 +2286,6 @@
         "x": 99,
         "y": 137
       },
-      {
-        "kind": "pop_context",
-        "text": null
-      },
       {
         "color": 234,
         "kind": "line",
@@ -2179,16 +2313,12 @@
         "text": null
       },
       {
-        "kind": "push_context",
-        "text": null
-      },
-      {
-        "color": 192,
+        "color": 255,
         "kind": "text_color",
         "text": null
       },
       {
-        "font_id": 1,
+        "font_id": 0,
         "h": 18,
         "kind": "text",
         "text": "<TIME>",
@@ -2197,26 +2327,28 @@
         "w": 64,
         "x": 41,
         "y": 50
-      },
-      {
-        "kind": "pop_context",
-        "text": null
       }
     ],
     "screen_height": 168,
     "screen_width": 144,
     "simulator_settings": {
-      "accuracy": 25.0,
-      "app_in_focus": true,
-      "battery_percent": 88,
       "calendar_events": [],
+      "storage_values": {},
       "charging": false,
-      "clock_24h": true,
-      "compass_heading_deg": 0,
+      "timezone_id": "Europe/Berlin",
       "compass_valid": true,
+      "use_simulated_time": true,
+      "simulated_date": "2026-05-27",
+      "compass_heading_deg": 0,
+      "latitude": 48.14,
+      "companion_timeline_token": "demo-timeline-token",
+      "notifications_enabled": true,
+      "health_steps_today": 9100,
+      "language": "en",
       "connected": true,
+      "preferences": {},
+      "battery_percent": 88,
       "dictation_error": "",
-      "dictation_transcript": "",
       "environment": {
         "moon": {
           "moonriseMin": 900,
@@ -2230,32 +2362,27 @@
         },
         "tide": null
       },
-      "health_steps": 4200,
-      "health_steps_today": 9100,
-      "language": "en",
-      "latitude": 48.137154,
-      "locale": "en-US",
-      "longitude": 11.576124,
-      "network_online": true,
-      "notifications_enabled": true,
-      "preferences": {},
-      "quiet_hours": false,
-      "region": "US",
-      "simulated_date": "2026-05-27",
-      "simulated_time": "08:53:00",
-      "storage_values": {},
-      "timeline_peek": false,
-      "timezone_id": "Europe/Berlin",
       "timezone_offset_min": 0,
-      "use_simulated_time": true,
-      "vibe_pattern_ms": [],
       "weather": {
         "condition": "clear",
         "humidityPercent": 50,
         "pressureHpa": 1013,
         "temperatureC": 21,
         "windKph": 8
-      }
+      },
+      "region": "US",
+      "clock_24h": true,
+      "longitude": 11.58,
+      "vibe_pattern_ms": [],
+      "accuracy": 25.0,
+      "app_in_focus": true,
+      "locale": "en-US",
+      "network_online": true,
+      "timeline_peek": false,
+      "health_steps": 4200,
+      "dictation_transcript": "",
+      "simulated_time": "08:53:00",
+      "quiet_hours": false
     },
     "source_root": "watch",
     "status": "idle",