@happyvertical/smrt-planner 0.57.11 → 0.57.13

package/dist/components/ExportPanel.svelte

@@ -2,9 +2,11 @@
 import { Button, Chip, Disclosure } from '@happyvertical/smrt-ui';
 import { Alert, ConfirmDialog } from '@happyvertical/smrt-ui/feedback';
 import { Textarea } from '@happyvertical/smrt-ui/forms';
+import { onMount, tick } from 'svelte';
+import type { BrowserAssistantTransport } from '../assistant/transport.js';
 import { describeCookbook, summarizeCookbook } from '../cookbook/describe.js';
 import {
-  downloadCookbook,
+  downloadCookbookFile,
   exportFileName,
   exportFileSize,
   formatSize,
@@ -18,11 +20,18 @@ import {
 import { cookbookStore } from '../cookbook/store.svelte.js';
 import type { Cookbook } from '../cookbook/types.js';
 import { parseCookbookText } from '../cookbook/validate.js';
-import { useDataSource } from '../data/context.js';
 import { kitchenState } from '../kitchen/state.svelte.js';
 import { getLibraryCookbook } from '../library/index.js';
 import { libraryState } from '../library/state.svelte.js';
+import type {
+  ExportData,
+  PlannerController,
+} from '../planner/commands/index.js';
+import { capturePlannerExport } from '../planner/export-context.js';
+import { plannerController } from '../planner/instance.js';
+import type { PlannerExportAction } from '../planner/types.js';
 import CopyButton from './CopyButton.svelte';
+import ProjectControls from './ProjectControls.svelte';
 
 /**
  * The Export tab: what the cookbook holds, a prompt that hands it to a coding
@@ -32,9 +41,49 @@ import CopyButton from './CopyButton.svelte';
 interface Props {
   /** Replaces `navigator.clipboard.writeText` (tests). */
   write?: (text: string) => Promise<void>;
+  exportAction?: PlannerExportAction;
+  controller?: PlannerController;
+  nativeAssistant?: BrowserAssistantTransport;
+  onreset?: () => void;
+  resetDisabledReason?: string;
 }
 
-let { write }: Props = $props();
+let {
+  write,
+  exportAction,
+  controller = plannerController,
+  nativeAssistant,
+  onreset,
+  resetDisabledReason,
+}: Props = $props();
+let actionPending = $state(false);
+let assistantBusy = $state(false);
+let actionError = $state('');
+onMount(() =>
+  nativeAssistant?.subscribeConversation(() => {
+    assistantBusy = nativeAssistant?.busy ?? false;
+  }),
+);
+function downloadCurrent() {
+  const result = controller.run({ name: 'export_cookbook', input: {} });
+  if (result.ok) downloadCookbookFile(result.data as ExportData);
+  else actionError = result.error.message;
+}
+async function runExportAction() {
+  if (!exportAction || actionPending) return;
+  actionError = '';
+  actionPending = true;
+  try {
+    await exportAction.run(capturePlannerExport(controller, nativeAssistant));
+  } catch (cause) {
+    actionError =
+      cause instanceof Error
+        ? cause.message
+        : 'The export action could not finish. Try again.';
+  } finally {
+    actionPending = false;
+  }
+}
 
 let fileInput: HTMLInputElement | undefined = $state();
 let promptBox: ReturnType<typeof Textarea> | undefined = $state();
@@ -46,7 +95,7 @@ let pendingDropped = $state<string[]>([]);
 let error = $state('');
 let notice = $state('');
 let copyNotice = $state('');
-let confirmingReset = $state(false);
+let promptOpen = $state(false);
 
 // A file is named for the cookbook's own name, else the library cookbook last
 // applied, else a generic name.
@@ -67,7 +116,9 @@ const command = $derived(applyCommand(fileName, appName));
 const COPY_BY_HAND =
   'Copying is not available here. The text is selected: press Ctrl+C (Cmd+C on a Mac) to copy it.';
 
-function promptCopyFailed() {
+async function promptCopyFailed() {
+  promptOpen = true;
+  await tick();
   const element = promptBox?.getElement();
   element?.focus();
   element?.select();
@@ -110,93 +161,74 @@ function confirmImport() {
   pending = null;
   pendingDropped = [];
 }
-
-const dataSource = useDataSource();
-
-function confirmReset() {
-  cookbookStore.reset();
-  // Rows the visitor added, edited or deleted go with the cookbook.
-  dataSource.reset?.();
-  confirmingReset = false;
-  // The shell holds its settings in memory too; reload so it starts from its
-  // defaults (the cookbook is already saved empty).
-  cookbookStore.flush();
-  location.reload();
-}
 </script>
 
 <div class="export">
-  <p class="meta">
-    Your recipes, their options, the theme, the layout and customised pages,
-    kept together in this browser as one cookbook. Sample records are not part
-    of it.
-  </p>
-
-  <section class="block" aria-labelledby="summary-heading" data-export-section="summary">
-    <h2 id="summary-heading">In this cookbook</h2>
-    {#if summary.length}
-      <dl class="summary">
-        {#each summary as line (line.id)}
-          <dt>{line.label}</dt>
-          <dd>
-            {#if line.chips}
-              <ul class="chips">
-                {#each line.chips as chip, i (`${chip}:${i}`)}
-                  <li><Chip label={chip} size="sm" /></li>
-                {/each}
-              </ul>
-            {:else}
-              {line.text}
-            {/if}
-          </dd>
-        {/each}
-      </dl>
-    {:else}
-      <p class="quiet">Nothing customised yet. Add recipes or apply a cookbook first.</p>
-    {/if}
-  </section>
-
   <section class="block" aria-labelledby="prompt-heading" data-export-section="prompt">
-    <h2 id="prompt-heading">Copy prompt for your coding agent</h2>
-    <p class="meta" id="prompt-note">
-      Paste it into Claude Code, Codex or another coding agent. The prompt
-      carries the cookbook, creates the app <code>{appName}</code> with the smrt CLI {prompt.version} and
-      starts it. About {formatSize(prompt.bytes)}.
-    </p>
-    <Textarea
-      bind:this={promptBox}
-      class="prompt"
-      value={prompt.text}
-      readonly
-      rows={10}
-      spellcheck={false}
-      wrap="soft"
-      aria-label="Prompt for your coding agent"
-      aria-describedby="prompt-note"
-      interaction={false}
-    />
-    <div class="actions" data-export-actions="primary">
-      <CopyButton
-        text={() => prompt.text}
-        label="Copy prompt"
-        {write}
-        oncopied={() => (copyNotice = 'Prompt copied.')}
-        onfail={promptCopyFailed}
-      />
-      {#if kitchenState.config}
-        <Button
-          variant="secondary"
-          disabled={kitchenState.status === 'sending'}
-          onclick={() => kitchenState.send(cookbookStore.snapshot())}
-        >{kitchenState.status === 'sending' ? 'Sending to kitchen…' : 'Send to kitchen'}</Button>
+    <div class="export-intro">
+      <p class="eyebrow">Your app plan</p>
+      <h2 id="prompt-heading">Ready for the next step?</h2>
+      <p class="meta">Your recipes, theme, layout and customised pages travel together as a cookbook. Sample records stay in this preview.</p>
+    </div>
+    <div class="next-steps" data-export-actions="primary">
+      {#if exportAction}
+        <div class="build-step">
+          <h3>Build your app</h3>
+          <p class="meta">Continue with your current plan.</p>
+          <div class="actions">
+            <Button disabled={actionPending || assistantBusy} onclick={runExportAction}>{exportAction.label}</Button>
+          </div>
+        </div>
       {/if}
-      <Button variant="secondary" onclick={() => downloadCookbook(current, current.name ?? libraryName)}>Download cookbook</Button>
+      <div class="copy-step">
+        <h3>Keep a copy</h3>
+        <p class="meta">Download your cookbook or copy a prompt for your coding agent.</p>
+        <div class="actions">
+          <CopyButton
+            text={() => prompt.text}
+            label="Copy prompt"
+            variant={exportAction ? 'secondary' : 'primary'}
+            {write}
+            oncopied={() => (copyNotice = 'Prompt copied.')}
+            onfail={promptCopyFailed}
+          />
+          {#if kitchenState.config}
+            <Button
+              variant="secondary"
+              disabled={kitchenState.status === 'sending'}
+              onclick={() => kitchenState.send(cookbookStore.snapshot())}
+            >{kitchenState.status === 'sending' ? 'Sending to kitchen…' : 'Send to kitchen'}</Button>
+          {/if}
+          <Button variant="secondary" onclick={downloadCurrent}>Download cookbook</Button>
+        </div>
+      </div>
     </div>
+    {#if actionError}<Alert variant="error" title="Export action failed">{actionError}</Alert>{/if}
+    {#if exportAction && assistantBusy}<p class="meta" role="status">Wait for the assistant to finish, or stop it, before continuing.</p>{/if}
     <p class="notice" role="status" aria-live="polite">{copyNotice}</p>
+    <Disclosure title="Preview coding-agent prompt" bind:open={promptOpen}>
+      <p class="meta" id="prompt-note">
+        Paste it into Claude Code, Codex or another coding agent. The prompt
+        carries the cookbook, creates the app <code>{appName}</code> with the smrt CLI {prompt.version} and
+        starts it. About {formatSize(prompt.bytes)}.
+      </p>
+      <Textarea
+        bind:this={promptBox}
+        class="prompt"
+        value={prompt.text}
+        readonly
+        rows={7}
+        spellcheck={false}
+        wrap="soft"
+        aria-label="Prompt for your coding agent"
+        aria-describedby="prompt-note"
+        interaction={false}
+      />
+    </Disclosure>
   </section>
 
-  <section class="block" aria-labelledby="file-heading" data-export-section="file">
-    <h2 id="file-heading">The downloaded file</h2>
+  <section class="block" aria-label="Downloaded file instructions" data-export-section="file">
+    <Disclosure title="Use the downloaded file yourself">
     <p class="meta">
       Download writes <code>{fileName}</code> ({fileSize}). To make the app from
       it yourself, run this where the file is:
@@ -215,6 +247,32 @@ function confirmReset() {
     <Disclosure title="Preview JSON">
       <pre class="json">{serializeCookbook(current)}</pre>
     </Disclosure>
+    </Disclosure>
+  </section>
+
+  <section class="block" aria-label="Cookbook summary" data-export-section="summary">
+    <Disclosure title="In this cookbook">
+      {#if summary.length}
+        <dl class="summary">
+          {#each summary as line (line.id)}
+            <dt>{line.label}</dt>
+            <dd>
+              {#if line.chips}
+                <ul class="chips">
+                  {#each line.chips as chip, i (`${chip}:${i}`)}
+                    <li><Chip label={chip} size="sm" /></li>
+                  {/each}
+                </ul>
+              {:else}
+                {line.text}
+              {/if}
+            </dd>
+          {/each}
+        </dl>
+      {:else}
+        <p class="quiet">Nothing customised yet. Add recipes or apply a cookbook first.</p>
+      {/if}
+    </Disclosure>
   </section>
 
   {#if kitchenState.needsLink}
@@ -259,31 +317,33 @@ function confirmReset() {
     </div>
   {/if}
 
-  <section class="block replace" aria-labelledby="replace-heading" data-export-section="replace">
-    <h2 id="replace-heading">Replace or start over</h2>
-    <p class="meta">
-      Both replace everything listed above; download a copy first to keep it.
-    </p>
-    <div class="actions" data-export-actions="replace">
-      <Button variant="secondary" onclick={() => fileInput?.click()}>Import cookbook…</Button>
-      <Button variant="ghost" onclick={() => (confirmingReset = true)}>Reset</Button>
-    </div>
-    <p class="meta">
-      Import swaps this cookbook for one from a file. Reset empties it and
-      removes the sample records you added or changed.
-    </p>
-    <input
-      bind:this={fileInput}
-      type="file"
-      accept="application/json,.json"
-      hidden
-      aria-label="Cookbook file"
-      onchange={choose}
-    />
-    {#if error}
-      <Alert variant="error" title="Import failed">{error}</Alert>
-    {/if}
-    <p class="notice" role="status" aria-live="polite">{notice}</p>
+  <section class="block replace" aria-label="Import or reset project" data-export-section="replace">
+    <Disclosure title="Import or reset project">
+      <p class="meta">
+        Both replace everything listed above; download a copy first to keep it.
+      </p>
+      <div class="actions" data-export-actions="replace">
+        <Button variant="secondary" onclick={() => fileInput?.click()}>Import cookbook…</Button>
+
+      </div>
+      <p class="meta">
+        Import swaps this cookbook for one from a file. Reset project also clears
+        your conversation, sample records and current Build it draft.
+      </p>
+      <ProjectControls resetOnly {controller} {nativeAssistant} {onreset} {resetDisabledReason} />
+      <input
+        bind:this={fileInput}
+        type="file"
+        accept="application/json,.json"
+        hidden
+        aria-label="Cookbook file"
+        onchange={choose}
+      />
+      {#if error}
+        <Alert variant="error" title="Import failed">{error}</Alert>
+      {/if}
+      <p class="notice" role="status" aria-live="polite">{notice}</p>
+    </Disclosure>
   </section>
 </div>
 
@@ -299,16 +359,6 @@ function confirmReset() {
   oncancel={() => (pending = null)}
 />
 
-<ConfirmDialog
-  open={confirmingReset}
-  title="Reset the cookbook?"
-  message="This removes every recipe, saved option, theme and layout change, and the sample records you added or changed. Download a copy first to keep it."
-  confirmLabel="Reset"
-  destructive
-  onconfirm={confirmReset}
-  oncancel={() => (confirmingReset = false)}
-/>
-
 <style>
 @layer smrt.reset, smrt.structure, smrt.theme;
 @layer smrt.theme {
@@ -319,6 +369,7 @@ function confirmReset() {
   }
 
   h2,
+  h3,
   p,
   dl,
   dd,
@@ -330,6 +381,12 @@ function confirmReset() {
     font: var(--smrt-typography-title-medium-font);
   }
 
+  h3 { font: var(--smrt-typography-title-small-font); }
+  .eyebrow { color: var(--smrt-color-on-surface-variant); font: var(--smrt-typography-label-large-font); }
+  .export-intro, .build-step, .copy-step { display: grid; gap: var(--smrt-spacing-3); min-inline-size: 0; }
+  .next-steps { display: grid; gap: var(--smrt-spacing-4); }
+  .build-step { padding: var(--smrt-spacing-4); border: var(--smrt-hairline); border-radius: var(--smrt-control-radius); background: var(--smrt-surface-sunken); }
+
   .block {
     display: grid;
     gap: var(--smrt-spacing-3);
@@ -443,6 +500,7 @@ function confirmReset() {
 
   /* Forced colours: the command and preview boxes keep a visible edge. */
   @media (forced-colors: active) {
+    .build-step,
     .command code,
     .json {
       border-color: CanvasText;

package/dist/components/ExportPanel.svelte.d.ts

@@ -1,3 +1,6 @@
+import type { BrowserAssistantTransport } from '../assistant/transport.ts';
+import type { PlannerController } from '../planner/commands/index.ts';
+import type { PlannerExportAction } from '../planner/types.ts';
 /**
  * The Export tab: what the cookbook holds, a prompt that hands it to a coding
  * agent, the file download (and the command the file needs), Send to kitchen
@@ -6,6 +9,11 @@
 interface Props {
     /** Replaces `navigator.clipboard.writeText` (tests). */
     write?: (text: string) => Promise<void>;
+    exportAction?: PlannerExportAction;
+    controller?: PlannerController;
+    nativeAssistant?: BrowserAssistantTransport;
+    onreset?: () => void;
+    resetDisabledReason?: string;
 }
 declare const ExportPanel: import("svelte").Component<Props, {}, "">;
 type ExportPanel = ReturnType<typeof ExportPanel>;

package/dist/components/ExportPanel.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExportPanel.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/ExportPanel.svelte.ts"],"names":[],"mappings":"AA6BA;;;;GAIG;AACH,UAAU,KAAK;IACb,wDAAwD;IACxD,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACzC;AAqPD,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ExportPanel.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/ExportPanel.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAoB3E,OAAO,KAAK,EAEV,iBAAiB,EAClB,MAAM,8BAA8B,CAAC;AAGtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAK/D;;;;GAIG;AACH,UAAU,KAAK;IACb,wDAAwD;IACxD,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,eAAe,CAAC,EAAE,yBAAyB,CAAC;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAsSD,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/HeaderIconLink.svelte

@@ -7,10 +7,15 @@
  * (`aria-current="page"`); `transitionName` is the `view-transition-name` it
  * carries while a route transition runs (one per control, unique on screen).
  */
+import {
+  shellTargetAction,
+  tryUseShellTargets,
+} from '@happyvertical/smrt-svelte/workspace';
 import { Icon } from '@happyvertical/smrt-ui';
 
 interface Props {
   href: string;
+  guideTarget?: string;
   label: string;
   /** A smrt-ui preset icon name. */
   icon?: string;
@@ -23,6 +28,7 @@ interface Props {
 
 let {
   href,
+  guideTarget,
   label,
   icon,
   path,
@@ -30,9 +36,11 @@ let {
   transitionName,
   onclick,
 }: Props = $props();
+const target = shellTargetAction(tryUseShellTargets());
 </script>
 
 <a
+  use:target={guideTarget ?? `item:${transitionName}`}
   class="header-link"
   {href}
   aria-label={label}

package/dist/components/HeaderIconLink.svelte.d.ts

@@ -1,5 +1,6 @@
 interface Props {
     href: string;
+    guideTarget?: string;
     label: string;
     /** A smrt-ui preset icon name. */
     icon?: string;

package/dist/components/HeaderIconLink.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderIconLink.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/HeaderIconLink.svelte.ts"],"names":[],"mappings":"AAcA,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;AAyBD,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"HeaderIconLink.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/HeaderIconLink.svelte.ts"],"names":[],"mappings":"AAkBA,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;AA4BD,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/components/ProjectControls.svelte

@@ -0,0 +1,133 @@
+<script lang="ts">
+import { Button } from '@happyvertical/smrt-ui';
+import { Alert, ConfirmDialog } from '@happyvertical/smrt-ui/feedback';
+import { Switch } from '@happyvertical/smrt-ui/forms';
+import { tick } from 'svelte';
+import type { BrowserAssistantTransport } from '../assistant/transport.js';
+import { useDataSource } from '../data/context.js';
+import type { PlannerController } from '../planner/commands/index.js';
+import { plannerController } from '../planner/instance.js';
+import type { PlannerProjectPersistence } from '../planner/types.js';
+import {
+  resetWorkspace,
+  workspacePersistence,
+} from '../planner/workspace.svelte.js';
+
+interface Props {
+  controller?: PlannerController;
+  nativeAssistant?: BrowserAssistantTransport;
+  onreset?: () => void;
+  resetDisabledReason?: string;
+  resetOnly?: boolean;
+  projectPersistence?: PlannerProjectPersistence | null;
+}
+let {
+  controller = plannerController,
+  nativeAssistant,
+  onreset,
+  resetDisabledReason,
+  resetOnly = false,
+  projectPersistence = workspacePersistence,
+}: Props = $props();
+const dataSource = useDataSource();
+let confirming = $state(false);
+let recovering = $state(false);
+let error = $state('');
+let notice = $state('');
+let remembering = $derived(projectPersistence?.remembering ?? false);
+
+function remember(value: boolean) {
+  error = projectPersistence?.setRemember(value)
+    ? ''
+    : 'Your storage preference could not be changed. Your existing plan is preserved.';
+}
+function reset() {
+  confirming = false;
+  if (resetDisabledReason) return;
+  error = '';
+  if (!resetWorkspace({ controller, dataSource, nativeAssistant, onreset })) {
+    error = 'The project could not be fully reset. Please try again.';
+    return;
+  }
+  notice = 'Project reset. Start a new plan whenever you are ready.';
+}
+function recover() {
+  recovering = false;
+  if (resetDisabledReason) return;
+  if (!projectPersistence?.recover()) {
+    error =
+      'The previous plan could not be recovered. Its saved copy is preserved.';
+    return;
+  }
+  location.reload();
+}
+function discard() {
+  error = projectPersistence?.discardRecovery()
+    ? ''
+    : 'The previous saved copy could not be removed. Please try again.';
+}
+</script>
+
+<section class="project" aria-label="Project">
+  {#if !resetOnly && projectPersistence}
+    <h2>Project</h2>
+    <p class="meta">Your plan, sample records and settings stay in this browser session by default. Conversations and contact or request drafts stay in the current tab session.</p>
+    <Switch
+      label="Remember this plan"
+      bind:checked={remembering}
+      onchange={async (event) => {
+        const input = event.currentTarget;
+        remember(input.checked);
+        await tick();
+        remembering = projectPersistence?.remembering ?? false;
+        input.checked = remembering;
+      }}
+    />
+    <p class="meta">Remembering keeps your cookbook, sample records and settings on this device after the session ends. Conversations and contact or request drafts still stay in the current tab session. Turn it off to remove the remembered project copy.</p>
+    {#if projectPersistence?.recoveryAvailable}
+      <Alert variant="info" title="Previous saved plan available">
+        An earlier project has been kept as a recovery copy of its cookbook, sample records and settings. Recover it to replace this project, or discard the copy. Conversations are not remembered.
+      </Alert>
+      <div class="actions">
+        <Button variant="secondary" onclick={() => (recovering = true)} disabled={!!resetDisabledReason}>Recover previous plan</Button>
+        <Button variant="ghost" onclick={discard}>Discard saved copy</Button>
+      </div>
+    {/if}
+  {/if}
+  <div class="actions">
+    <Button variant="ghost" disabled={!!resetDisabledReason} onclick={() => (confirming = true)}>Reset project</Button>
+  </div>
+  {#if resetDisabledReason}<p class="meta" role="status">{resetDisabledReason}</p>{/if}
+  {#if error}<Alert variant="error" title="Project action could not finish">{error}</Alert>{/if}
+  {#if notice}<p role="status">{notice}</p>{/if}
+</section>
+
+<ConfirmDialog
+  open={recovering}
+  title="Recover the previous plan?"
+  message="Recovering replaces this project with its previous cookbook, sample records and settings. Current manual edits will be lost. It does not recover conversations or contact and request drafts."
+  confirmLabel="Recover plan"
+  destructive
+  onconfirm={recover}
+  oncancel={() => (recovering = false)}
+/>
+
+<ConfirmDialog
+  open={confirming}
+  title="Reset this project?"
+  message="This clears your plan, conversation, sample records, manual edits and current Build it draft. Manual edits will be lost. Your theme preference and identity settings are kept. Download the cookbook first if you want a copy. A reset cannot unsend a request you already sent."
+  confirmLabel="Reset project"
+  destructive
+  onconfirm={reset}
+  oncancel={() => (confirming = false)}
+/>
+
+<style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
+  .project { display: grid; gap: var(--smrt-spacing-3); }
+  h2, p { margin: 0; }
+  .meta { color: var(--smrt-color-on-surface-variant); }
+  .actions { display: flex; flex-wrap: wrap; gap: var(--smrt-spacing-2); }
+}
+</style>

package/dist/components/ProjectControls.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { BrowserAssistantTransport } from '../assistant/transport.ts';
+import type { PlannerController } from '../planner/commands/index.ts';
+import type { PlannerProjectPersistence } from '../planner/types.ts';
+interface Props {
+    controller?: PlannerController;
+    nativeAssistant?: BrowserAssistantTransport;
+    onreset?: () => void;
+    resetDisabledReason?: string;
+    resetOnly?: boolean;
+    projectPersistence?: PlannerProjectPersistence | null;
+}
+declare const ProjectControls: import("svelte").Component<Props, {}, "">;
+type ProjectControls = ReturnType<typeof ProjectControls>;
+export default ProjectControls;
+//# sourceMappingURL=ProjectControls.svelte.d.ts.map

package/dist/components/ProjectControls.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectControls.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/ProjectControls.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAE3E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAOrE,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,eAAe,CAAC,EAAE,yBAAyB,CAAC;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,yBAAyB,GAAG,IAAI,CAAC;CACvD;AAkGD,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/components/SectionOverview.svelte

@@ -6,9 +6,8 @@
 // The shell's pencil edits it like the layout; widget data comes from the
 // in-browser sample source. Mount it under `{#key}` on the section id.
 //
-// The widgets are page sections, not cards in a card: the grid's `plain`
-// presentation drops the tile frame (edit mode brings it back with the
-// controls) and each title is drawn as a section heading.
+// The grid defaults to the existing themed card presentation. Explicit plain
+// presentation remains available; edit mode keeps its controls and frame.
 import {
   type OverviewDefinition,
   OverviewGrid,
@@ -34,7 +33,7 @@ interface SectionOverviewProps {
   models: readonly OverviewModelChoice[];
   /** Accessible name of the grid. */
   label: string;
-  /** Page sections (`plain`, the default) or framed tiles (`card`). */
+  /** Existing themed tiles (`card`, default) or unframed page sections (`plain`). */
   presentation?: 'card' | 'plain';
   /** An in-app path with the app query; the standalone page's `appHref`. */
   href?: (path: string) => string;
@@ -45,7 +44,7 @@ let {
   entries,
   models,
   label,
-  presentation = 'plain',
+  presentation = 'card',
   href = appHref,
 }: SectionOverviewProps = $props();
 

package/dist/components/SectionOverview.svelte.d.ts

@@ -8,7 +8,7 @@ interface SectionOverviewProps {
     models: readonly OverviewModelChoice[];
     /** Accessible name of the grid. */
     label: string;
-    /** Page sections (`plain`, the default) or framed tiles (`card`). */
+    /** Existing themed tiles (`card`, default) or unframed page sections (`plain`). */
     presentation?: 'card' | 'plain';
     /** An in-app path with the app query; the standalone page's `appHref`. */
     href?: (path: string) => string;

package/dist/components/SectionOverview.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionOverview.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/SectionOverview.svelte.ts"],"names":[],"mappings":"AAaA,OAAO,EACL,KAAK,kBAAkB,EAEvB,KAAK,mBAAmB,EAIzB,MAAM,qCAAqC,CAAC;AAQ7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAG3D,UAAU,oBAAoB;IAC5B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,2EAA2E;IAC3E,OAAO,EAAE,WAAW,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAC3C,mDAAmD;IACnD,MAAM,EAAE,SAAS,mBAAmB,EAAE,CAAC;IACvC,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,0EAA0E;IAC1E,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CACjC;AA2FD,QAAA,MAAM,eAAe,0DAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"SectionOverview.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/SectionOverview.svelte.ts"],"names":[],"mappings":"AAYA,OAAO,EACL,KAAK,kBAAkB,EAEvB,KAAK,mBAAmB,EAIzB,MAAM,qCAAqC,CAAC;AAQ7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAG3D,UAAU,oBAAoB;IAC5B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,2EAA2E;IAC3E,OAAO,EAAE,WAAW,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAC3C,mDAAmD;IACnD,MAAM,EAAE,SAAS,mBAAmB,EAAE,CAAC;IACvC,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,0EAA0E;IAC1E,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CACjC;AA0FD,QAAA,MAAM,eAAe,0DAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}