@happyvertical/smrt-planner 0.0.2 → 0.1.1

package/dist/index.js

@@ -1,5 +1,6 @@
 /**
- * smrt planner as a package: mount the `Planner` component in a host layout,
+ * smrt planner as a package: mount `Planner` for the full app shell, or
+ * `PlannerControls` inside a host-owned shell,
  * drive it with the typed command set (`./commands` has no UI in it), and read
  * its plan as a compact snapshot.
  *
@@ -12,5 +13,9 @@ export { parseKitchenConfig, sendToKitchen, } from "./kitchen/client.js";
 export { KITCHEN_FRAGMENT_KEY, readKitchenFragment, } from "./kitchen/fragment.js";
 export { createPlannerAssistant, } from "./planner/assistant.js";
 export * from "./planner/commands/index.js";
+export { default as HostPlanner } from './planner/host/HostPlanner.svelte';
+export { createHostSession, } from "./planner/host/session.svelte.js";
 export { plannerController } from "./planner/instance.js";
 export { default as Planner } from './planner/Planner.svelte';
+export { default as PlannerControls } from './planner/PlannerControls.svelte';
+export { PLANNER_SHELL_EDGE_TOGGLES, PLANNER_SHELL_PANEL_DEFAULTS, plannerShellProps, } from "./planner/shell.js";

package/dist/kitchen/LiveKitchenBridge.svelte

@@ -0,0 +1,73 @@
+<script lang="ts">
+import { onMount } from 'svelte';
+import { createHostSession } from '../planner/host/session.svelte.js';
+import { callLiveKitchen, type LiveKitchenBinding } from './live.js';
+
+let {
+  binding,
+  onlock,
+}: { binding: LiveKitchenBinding; onlock?: (locked: boolean) => void } =
+  $props();
+const session = createHostSession((name, args) =>
+  callLiveKitchen(binding, name, args),
+);
+
+$effect(() => {
+  onlock?.(session.locked);
+  return () => onlock?.(false);
+});
+
+onMount(() => {
+  const stop = session.mount();
+  void session.connect(binding.planId);
+  const timer = setInterval(() => {
+    if (
+      !session.busy &&
+      !session.retryable &&
+      document.visibilityState === 'visible'
+    ) {
+      void session.connect(binding.planId);
+    }
+  }, 1500);
+  return () => {
+    clearInterval(timer);
+    stop();
+  };
+});
+</script>
+
+{#if session.error}
+  <p role="alert" class="bridge-error">Kitchen live preview: {session.error}</p>
+{/if}
+{#if session.preservedDraft && !session.retryable}
+  <details class="bridge-preserved">
+    <summary>Preserved edit</summary>
+    <textarea readonly aria-label="Preserved cookbook edit" value={JSON.stringify(session.preservedDraft, null, 2)}></textarea>
+    <button type="button" onclick={() => session.dismissPreservedDraft()}>Dismiss preserved edit</button>
+  </details>
+{/if}
+{#if session.retryable}
+  <div class="bridge-backdrop" aria-hidden="true"></div>
+  <div class="bridge-recovery" role="dialog" aria-modal="true" aria-labelledby="bridge-recovery-title">
+    <h2 id="bridge-recovery-title">Kitchen edit needs attention</h2>
+    <p>The app is paused until this edit is retried. The same command will be sent so Kitchen can safely recognize a previous success.</p>
+    {#if session.draft}
+      <label for="bridge-draft">Preserved cookbook edit</label>
+      <textarea id="bridge-draft" readonly value={JSON.stringify(session.draft, null, 2)}></textarea>
+    {/if}
+    <button type="button" disabled={session.busy} onclick={() => session.retry()}>Retry same edit</button>
+  </div>
+{/if}
+
+<style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
+  .bridge-error { margin: 0; padding: var(--smrt-spacing-2, .5rem) var(--smrt-spacing-4, 1rem); color: var(--smrt-color-on-error-container, #b91c1c); background: var(--smrt-color-error-container, #fef2f2); }
+  .bridge-backdrop { position: fixed; inset: 0; z-index: 9998; background: rgb(0 0 0 / .45); }
+  .bridge-recovery { position: fixed; z-index: 9999; inset-inline: max(1rem, calc((100vw - 32rem) / 2)); top: 15vh; display: grid; gap: .75rem; padding: 1.5rem; border-radius: var(--smrt-radius-large, .75rem); background: var(--smrt-surface-raised, white); color: var(--smrt-color-on-surface, black); box-shadow: var(--smrt-elevation-4); }
+  .bridge-recovery h2, .bridge-recovery p { margin: 0; }
+  .bridge-preserved { padding: var(--smrt-spacing-2, .5rem) var(--smrt-spacing-4, 1rem); color: var(--smrt-color-on-error-container, #b91c1c); background: var(--smrt-color-error-container, #fef2f2); }
+  .bridge-preserved textarea { width: 100%; min-height: 8rem; }
+  .bridge-recovery textarea { min-height: 10rem; max-height: 35vh; width: 100%; }
+}
+</style>

package/dist/kitchen/LiveKitchenBridge.svelte.d.ts

@@ -0,0 +1,8 @@
+import { type LiveKitchenBinding } from './live.ts';
+type $$ComponentProps = {
+    binding: LiveKitchenBinding;
+    onlock?: (locked: boolean) => void;
+};
+declare const LiveKitchenBridge: import("svelte").Component<$$ComponentProps, {}, "">;
+type LiveKitchenBridge = ReturnType<typeof LiveKitchenBridge>;
+export default LiveKitchenBridge;

package/dist/kitchen/live.d.ts

@@ -0,0 +1,7 @@
+/** Development preview binding: a single Kitchen plan and loopback bridge. */
+export interface LiveKitchenBinding {
+    planId: string;
+    port: number;
+}
+export declare function liveKitchenBinding(search: string): LiveKitchenBinding | null;
+export declare function callLiveKitchen(binding: LiveKitchenBinding, name: string, args: Record<string, unknown>): Promise<unknown>;

package/dist/kitchen/live.js

@@ -0,0 +1,51 @@
+const KEY = 'smrt-planner:live-kitchen:v1';
+const PLAN_ID = /^plan-[a-f0-9-]{8,36}$/;
+function valid(value) {
+    const binding = value;
+    return (!!binding &&
+        PLAN_ID.test(binding.planId) &&
+        Number.isInteger(binding.port) &&
+        binding.port > 0 &&
+        binding.port <= 65535);
+}
+export function liveKitchenBinding(search) {
+    const params = new URLSearchParams(search);
+    const planId = params.get('kitchenPlan');
+    const port = Number(params.get('kitchenPort'));
+    const fromUrl = { planId, port };
+    if (valid(fromUrl)) {
+        try {
+            sessionStorage.setItem(KEY, JSON.stringify(fromUrl));
+        }
+        catch {
+            /* URL still binds this tab. */
+        }
+        return fromUrl;
+    }
+    try {
+        const saved = JSON.parse(sessionStorage.getItem(KEY) ?? 'null');
+        return valid(saved) ? saved : null;
+    }
+    catch {
+        return null;
+    }
+}
+export async function callLiveKitchen(binding, name, args) {
+    if (args.planId !== binding.planId)
+        throw new Error('Preview plan id changed.');
+    const root = `http://127.0.0.1:${binding.port}/plans/${binding.planId}`;
+    const response = name === 'get_plan'
+        ? await fetch(root, { cache: 'no-store' })
+        : name === 'run_commands'
+            ? await fetch(`${root}/commands`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify(args),
+            })
+            : null;
+    if (!response)
+        throw new Error(`Preview tool ${name} is unavailable.`);
+    if (!response.ok)
+        throw new Error(`Kitchen preview answered ${response.status}.`);
+    return response.json();
+}

package/dist/library/icons.js

@@ -23,4 +23,38 @@ export const COOKBOOK_ICONS = {
         'M17 20l-1-5h-5l1-7',
         'M4 10l4-1l4-1l4 1.5l4 1.5',
     ],
+    leaf: [
+        'M5 21c.5-4.5 2.5-8 7-10',
+        'M9 18c6.218 0 10.5-3.288 11-12v-2h-4.014c-9 0-11.986 4-12 9c0 1 0 3 2 5h3z',
+    ],
+    scissors: [
+        'M6 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0-6 0',
+        'M6 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0-6 0',
+        'M8.6 8.6l10.4 10.4',
+        'M8.6 15.4l10.4-10.4',
+    ],
+    coffee: [
+        'M3 14c.83.642 2.077 1.017 3.5 1c1.423.017 2.67-.358 3.5-1c.83-.642 2.077-1.017 3.5-1c1.423-.017 2.67.358 3.5 1',
+        'M8 3a2.4 2.4 0 0 0-1 2a2.4 2.4 0 0 0 1 2',
+        'M12 3a2.4 2.4 0 0 0-1 2a2.4 2.4 0 0 0 1 2',
+        'M3 10h14v5a6 6 0 0 1-6 6h-2a6 6 0 0 1-6-6v-5z',
+        'M16.746 16.726a3 3 0 1 0 .252-5.555',
+    ],
+    forklift: [
+        'M5 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0',
+        'M13 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0',
+        'M7 17h4',
+        'M3 17v-6h13v6',
+        'M5 11v-4h4',
+        'M9 11v-6h4l3 6',
+        'M22 15h-3v-10',
+        'M16 13h3',
+    ],
+    heart: [
+        'M19.5 12.572l-7.5 7.428l-7.5-7.428a5 5 0 1 1 7.5-6.566a5 5 0 1 1 7.5 6.572',
+    ],
+    pencil: [
+        'M4 20h4l10.5-10.5a2.828 2.828 0 1 0-4-4l-10.5 10.5v4',
+        'M13.5 6.5l4 4',
+    ],
 };