feat(layout): plan 01 — tile engine + view registry

1 files changed, 37 insertions, 0 deletions

diff --git a/src/app/views/CacheWarmingPane.svelte b/src/app/views/CacheWarmingPane.svelte
new file mode 100644
index 0000000..d1d9b43
--- /dev/null
+++ b/src/app/views/CacheWarmingPane.svelte
@@ -0,0 +1,37 @@
+<script lang="ts">
+  /**
+   * The `cache-warming` view — the backend's conversation-scoped cache-warming
+   * surface with the WarmNow adapter. Re-mounts per conversation (like
+   * ChatView) so the view's local warming history / manual-warm feedback
+   * can't bleed across tabs (the {#key} moved inside the wrapper).
+   */
+  import { CacheWarmingView, type WarmFeedback } from "../../features/cache-warming";
+  import type { AppViewPorts } from "../view-ports";
+
+  const CACHE_WARMING_ID = "cache-warming";
+
+  let { ports }: { ports: AppViewPorts } = $props();
+  const store = $derived(ports.store);
+
+  // Adapt the store's WarmResult to the cache-warming feature's WarmNow port.
+  async function warmNow(): Promise<WarmFeedback | null> {
+    const result = await store.warmNow();
+    if (result === null) return null;
+    return result.ok
+      ? {
+          ok: true,
+          cachePct: result.response.cachePct,
+          expectedCacheRate: result.response.expectedCacheRate,
+        }
+      : { ok: false, error: result.error };
+  }
+</script>
+
+{#key store.activeConversationId}
+  <CacheWarmingView
+    spec={store.surface(CACHE_WARMING_ID)}
+    canWarm={store.activeConversationId !== null}
+    onInvoke={(msg) => store.invoke(msg.surfaceId, msg.actionId, msg.payload)}
+    {warmNow}
+  />
+{/key}