@happyvertical/smrt-planner 0.57.11 → 0.57.13

package/README.md

@@ -259,3 +259,139 @@ the root `CHANGESETS.md`); it is never published on its own.
 ## License
 
 MIT © Happy Vertical Corporation
+
+### Native host context and Export actions
+
+A mounted complete `Planner` can retain an earlier conversation and add its
+host's first Export action while keeping the native cookbook download:
+
+```svelte
+<Planner
+  inference={{ mode: 'host', host: { endpoint: '/api/planner/chat' } }}
+  initialConversation={{
+    id: 'stable-handoff-id',
+    messages: [{ role: 'user', content: 'I run a repair workshop.' }],
+  }}
+  cookbookOffers={false}
+  exportAction={{
+    label: 'Continue with this app',
+    run: async ({ export: file, revision, conversation }) => {
+      // file is the existing ExportData: fileName, exact text, full cookbook.
+      // Store/submit the detached context according to your host's policy.
+      await savePlan({ file, revision, conversation });
+    },
+  }}
+  onready={({ nativeAssistant }) => {
+    // The same transport the visible native dock uses, not `assistant`.
+    nativeAssistant?.subscribeConversation((messages) => remember(messages));
+  }}
+/>
+```
+
+`onready.openAssistant()` opens and focuses the ready native dock using the
+shell API and returns false if the dock/model is unavailable. It waits a Svelte
+tick so shell registration can settle; seeding alone never opens the dock.
+
+`onready.nativeAssistant` exposes `conversation()` (a detached full current
+thread), `subscribeConversation(listener)` (immediate snapshot; returns an
+unsubscribe), `busy`, `seed({ id, messages })`, and the existing chat transport
+methods. The legacy `onready.assistant` remains a separate host-driven assistant;
+it is not a way to read the visible native dock's messages.
+
+Seed accepts only plain user/assistant text. It appends the complete input in
+one notification, never executes it, and returns false for a repeated id,
+malformed input, an in-flight turn or a thread that has already received native
+sends. Supply `initialConversation` before opening the native dock; seeding is
+not a way to replace an active conversation. The host retains the original
+transcript separately when original message identities/provenance matter.
+
+`headerAction={{ label, run }}` adds a primary button to the complete Planner header.
+It uses the same capture and busy/error safeguards as `exportAction`; hosts may
+pass the same callback to both entry points. The Export shortcut and native
+download remain available. `PlannerControls` does not render a header action.
+
+`PlannerExportContext` is `{ export: ExportData, revision, conversation }`.
+The Export action captures document and thread synchronously and rejects an
+in-flight conversation rather than submitting a partial turn. Host callback
+failures are displayed inline; download remains available. Conversation export
+has no inference history truncation, including native tool data and error
+messages. The inference wire still sends only bounded recent turns. No server
+persistence, iframe bridge, automatic app generation, or custom model/recipe
+creation is implied. Sample records remain outside the cookbook.
+
+`cookbookOffers={false}` removes library cookbook proposals from the native
+assistant's vocabulary/schema; existing recipe/feature composition remains
+available. This defaults to true and does not remove the Cookbooks tab.
+`PlannerControls` also accepts `exportAction`; without a complete Planner its
+export conversation is empty because it owns no native dock.
+
+### External assistant on the same live app
+
+An external host assistant can drive `onready.controller` through a dedicated
+`MessagePort` without using, seeding, or writing the native assistant thread.
+The host must first authenticate its window handshake by exact origin **and**
+expected `event.source`, then transfer a fresh `MessageChannel` port. The
+library intentionally does not install a broad window message listener.
+
+```ts
+// Inside the mounted Planner host, after a trusted port transfer:
+const binding = bindPlannerCommandPort({
+  port,
+  controller: handle.controller,
+  allowedCommands: ['add_cookbook', 'add_recipes', 'add_features'],
+  source: 'external-assistant',
+});
+// Call binding.invalidate() in the workspace's synchronous onreset callback.
+// Call binding.dispose() before replacing/unmounting the mounted Planner.
+
+// On the external assistant side, using the other dedicated port:
+const client = connectPlannerCommandPort(otherPort);
+const before = await client.snapshot();
+// Prepare a hosted model reply from before.snapshot and this assistant's own
+// conversation. context() additionally exposes the canonical catalog/tools.
+const result = await client.applyReply({
+  id: 'stable-request-id',
+  generation: before.generation,
+  expectedRevision: before.snapshot.revision,
+  reply: hostedReply,
+});
+// Speak/display result.content: it comes from actual command receipts/coaching.
+```
+
+`snapshot()` and `subscribe()` expose `{ generation, snapshot }` from the actual
+mounted controller, including manual edits. `context()` adds the package's
+published `catalog` and `tools`. `execute()` accepts a typed command array;
+`applyReply()` accepts only `{ reply, commands?, sampleContext? }`. The latter
+validates fictional sample context before executing an atomic canonical batch,
+then installs it only after successful changed commands and before the next
+render. It reuses native command receipts and coaching, with no assistant thread.
+
+Every mutation requires the observed generation and revision. The binding
+assigns source attribution, namespaces command ids, deduplicates the whole
+request, rejects id reuse with changed input, and refuses stale/reset requests.
+Allowed commands are explicit (an empty list denies all mutations). Envelopes
+are limited to 32 KiB, 16 commands and 128-character request ids. Each generation
+retains at most 256 receipts; at capacity new requests are rejected, never
+silently evicted/reexecuted. Reconnect/invalidate deliberately to renew the
+capability. The client bounds pending calls to 32 and times out unanswered calls
+after ten seconds; disposal rejects pending calls and closes the port.
+
+`invalidate()` changes only the connection generation and receipt cache; it
+never resets the app itself. The canonical workspace reset increments the
+controller revision and invokes host `onreset` synchronously, so a host binding
+invalidated there cannot accept a delayed pre-reset reply. Do not automatically
+retry a conflict with a newer revision: inspect the current plan first. A host
+using an older release must feature-detect these exports and report unavailable
+Planner control honestly while its external conversation continues.
+
+
+When `persistence="host"`, Planner controls do not offer browser Remember or
+legacy recovery by default: the host owns saving the current cookbook. An owner
+that actually persists that cookbook may supply `projectPersistence`, the typed
+canonical facade capability (`remembering`, `recoveryAvailable`, `setRemember`,
+`recover`, `discardRecovery`). Self persistence uses the existing facade by
+default. Reset remains available independently. The static app's layout supplies
+its actual canonical storage capability; a live Kitchen-hosted plan supplies none.
+Without `inference`, native assistant handles and action captures omit native
+conversation data. Confirmed Reset still retires any private previous native
+session so enabling inference for the next project cannot revive its thread.

package/agents/assistant.md

@@ -93,3 +93,52 @@ Part of the [planner guidance](../AGENTS.md). Paths are relative to `packages/pl
   First visit: `aiState.hydrate` decides once (nothing downloaded, no read-aloud,
   nothing built, not dismissed) and the Planner page then shows the setup form
   before the tabs; Continue is per visit, "I don't need AI" is remembered.
+
+- Native mounted hosts may provide `conversationalAction`: a trusted callback
+  for the actual current user send, with a detached complete transcript and
+  AbortSignal. Returning null continues inference; returning content records
+  the host's outcome. Model replies, seeded/restored turns and explicit
+  `nativeAssistant.sendHostMessage` never invoke it. Domain consent and external
+  mutations belong to the host, never to the model. Callback failure does not
+  fall through into model execution. `nativeAssistant.reset()` aborts and
+  fences late completions, then clears native history and seed markers.
+- Native transcript/seed persistence uses injected `conversationStorage`;
+  the mounted singleton receives the workspace storage facade. The optional
+  `PlannerHandle.workspaceStorage` lets a host draft follow the same session /
+  Remember policy. Restored data is provenance, never a new user event.
+
+- Post-execution coaching (`src/lib/assistant/coaching.ts`) describes only the
+  actual successful initial app: fictional samples and a real visible page,
+  followed by “What else would you like your app to do?”. Later additions do
+  not trigger an automatic next-package suggestion. The shared browser/host
+  prompt grounds recommendations in the person's stated workflow or necessary
+  setup and actual catalog descriptions, never catalog order or a fixed domain
+  palette. Command receipts remain the authority for what changed.
+
+- `entryMode: 'planning'` suppresses the empty cookbook chooser while a host-led
+  app is being conceived; default `'browse'` and deliberate cookbook navigation
+  retain browsing. The empty planning copy does not claim inference is pending.
+- `PlannerHandle.guide` highlights actual scoped shell refs using the existing
+  highlight primitive. Arrival describes the real layout Edit control; addition
+  uses actual before/result snapshots. The command-port guide operation accepts
+  only a cached successful receipt ID, never a caller-selected menu target.
+  Guides do not focus, navigate, or mutate the app. Dismissal, timeout, reset,
+  disposal, and stale generations clear/refuse guidance. Hosts can narrate the
+  returned verified `description` in their existing conversation.
+
+- Hosted actual application replies optionally include `spokenContent`, a short
+  literal receipt derived from successful changed controller state. Full
+  `content` remains authoritative for visible conversation and provider history.
+  Initial speech keeps fictional-demo clarity, one menu/record step, layout Edit
+  purpose, and the open app question within forty words. Later speech counts
+  actual new visible menu items; long names use a truthful generic location.
+  Hosts may speak this optional field without summarizing arbitrary model prose;
+  omitted fields retain backward-compatible full-content handling.
+
+- Guidance uses `highlightControl` with `presentation: 'spotlight'`, not a
+  separate tour/controller. Its passive child-document veil cuts a hole around
+  the real semantic target, follows viewport/layout movement, and leaves app
+  controls and parent Happy available. The existing guide owns receipt authority,
+  Escape, timeout, reset and disposal; the primitive adds an accessible dismiss
+  button and idempotent DOM cleanup. Offscreen, hidden or detached targets remove
+  the veil. Geometry updates are immediate, with no animated movement.

package/agents/commands.md

@@ -31,8 +31,8 @@ Part of the [planner guidance](../AGENTS.md). Paths are relative to `packages/pl
   `persistence="host"`). The mount is a `CookbookApp` with `layoutEditing`, `plannerLoaders`,
   `widgetContext` and `resolveExport`, routed by URL fragment (`setBasePath(base, 'hash')` makes
   `appHref` write `#/...`); section pages are the framework's `CookbookSectionPage`
-  (`presentation="plain"`, a `heading` snippet drawing `SectionHeading`, the record counts from
-  `loaders.shortcuts`; remounted on a data reset), packages the planner's `PackagePage`.
+  (the themed card default, a `heading` snippet drawing `SectionHeading`, shared count-free
+  overview defaults; remounted on a data reset), packages the planner's `PackagePage`.
   `assistant.ts` builds a chat transport over any controller. The stores (`cookbookStore`,
   `recipeState`) are still module singletons: one planner per page. Still planner-side and NOT yet
   deleted because the UI uses them directly (follow-up: route the UI through commands):

package/agents/cookbook.md

@@ -8,7 +8,7 @@ Part of the [planner guidance](../AGENTS.md). Paths are relative to `packages/pl
   `https://s-m-r-t.dev/schemas/cookbook/v1.json`; import also accepts the old `.../blueprint/v1.json`)
   holding recipes, options, layout and theme. `store.svelte.ts` is the single
   source of truth (hydrate, debounced save, import/reset), `storage.ts` the
-  try/catch localStorage wrapper (key `smrt-planner:cookbook-doc:v1`; a value under the old
+  try/catch document wrapper, using `planner/workspace-storage.ts` for tab-scoped session storage by default and explicit Remember opt-in local storage (key `smrt-planner:cookbook-doc:v1`; a value under the old
   `smrt-planner:blueprint:v1` is read once, written to the new key and kept as a backup until the
   next successful save removes it; `smrt-planner:cookbook` alone is the library selection),
   `file.ts` the `<name>.cookbook.json` export (plus `slugify`, size and `formatSize`),
@@ -90,3 +90,5 @@ Part of the [planner guidance](../AGENTS.md). Paths are relative to `packages/pl
   the static layout pushes a shallow `?cookbook=<id>` entry, the mount a `#/configure/cookbooks/<id>/`
   route, so browser Back returns to the grid and a link opens the detail. Applying regenerates the sample records from the cookbook's pack (the panel says so). Add a
   library cookbook by adding an entry; use only existing recipe ids.
+
+Workspace persistence retains the plan, library selection, sample context and rows in the current tab by default. Remember toggles move only those project values after destination writes succeed. Raw native conversation, seed markers, and host contact/frozen-lead drafts always remain session-only, including when Remember is enabled. A new tab restores the remembered plan with a fresh conversation and draft. Earlier durable raw thread/draft copies move safely into the current session and are excluded from durable legacy archives; conflicting old lead identifiers are retained in a session-only recovery value. Legacy local data is archived once for visible recovery before its live keys move to the current tab; explicit Remember OFF, discard recovery, and confirmed reset delete that archive. Reset preserves saved theme preferences and unrelated identity keys, invalidates native inference, and clears controller undo/replay history.

package/agents/shell.md

@@ -9,8 +9,8 @@ Part of the [planner guidance](../AGENTS.md). Paths are relative to `packages/pl
   icon, title (the layout's rename wins), description (`info.ts`: recipe `section.icon/description`,
   `FEATURE_SECTION`, cookbook `sectionDescriptions`), Help/Options icons (`entries.ts` `optionGroups`),
   and the section's editable overview (`SectionOverview.svelte`, see `src/lib/overviews/`; its
-  `shortcuts` widget replaces the menu cards; the grid is `presentation="plain"`, page sections rather
-  than cards in a card); in edit mode the entries follow as smrt-svelte's `ShellSectionMenu` list.
+  `shortcuts` widget replaces the menu cards; the grid defaults to `presentation="card"`, using existing themed frames;
+  explicit plain presentation remains available); in edit mode the entries follow as smrt-svelte's `ShellSectionMenu` list.
   `SectionView.svelte` is the route page's body (the static shell is a plain `AppShell`, so it cannot
   use `CookbookSectionPage`); `SectionHeading.svelte` is the icon/title/description heading it shares
   with the mount. A section id outside the overview id pattern keeps the `ShellSectionMenu`
@@ -21,17 +21,19 @@ Part of the [planner guidance](../AGENTS.md). Paths are relative to `packages/pl
   smrt-svelte's shell icon set (tests/section-pages.test.ts); visitor sections get `folder`.
 - `src/lib/overviews/`: section pages as customisable overviews (smrt-svelte `./overview`, smrt#3727).
   `definitions.ts`: one `defineOverview` per section, id = the section's layout id, static (never
-  depends on which recipes are on): `shortcuts` (the section's entries with record counts: the framework's entries through
-  `composeShortcutsLoader(loadShortcutCounts)`, counting rows in each entry's scope from the
-  `entryIndex` in the load context) then the
-  section's lead model as a `metric` count and a `records` list; `allowed` = the core types the planner
+  depends on which recipes are on): `shortcuts` then the section's lead model as a full-width `records` list with
+  summaries off; automatic record counts are absent. The shared
+  `sectionOverviewDefaults` also drives CookbookApp. Explicit legacy changed.count
+  patches project the original metric definition on read, without store writes;
+  removed count wins, and unrelated overrides do not resurrect it. Custom metrics
+  and explicit record summaries remain available; `allowed` = the core types the planner
   loads plus recipe `widget` surfaces, `models` = the catalog. `isOverviewId` is what a cookbook may
   key: recipe sections, More, and the document's own `layout.customSections`. `registry.ts`: the one
   registry, core widgets with loaders over the in-browser `DataSource` (capabilities in the load
   context, never in options; a named `filter` is an error tile, the sample data has none; `chart`
   groups the sample rows itself, the in-browser stand-in for a runtime report, for every chart style:
   bar, line, table, pie and stat read the same points), `plannerLoaders` (metric, records, chart, and
-  `shortcuts` = `loadShortcutCounts`) for the mounted `Planner`'s `CookbookApp`, and
+  `shortcuts` passes the shell entries through without count enrichment) for the mounted `Planner`'s `CookbookApp`, and
   `registerRecipeWidgets` with a static, currently empty, module map. `models.ts`: the option
   editor's model choices, shared by the page and the mount. `validate.ts`: the cookbook's
   `overviews` field; every override goes through `checkOverviewOverride` on load and import, bad

package/app/404.html

@@ -3,35 +3,35 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link href="/_app/immutable/entry/start.Dg2NiCvD.js" rel="modulepreload">
-		<link href="/_app/immutable/chunks/mzvl-05K.js" rel="modulepreload">
+    <link href="/_app/immutable/entry/start.CjnnBAhi.js" rel="modulepreload">
+		<link href="/_app/immutable/chunks/CrMrQCWf.js" rel="modulepreload">
 		<link href="/_app/immutable/chunks/DG3qFFTE.js" rel="modulepreload">
 		<link href="/_app/immutable/chunks/COiEfhsA.js" rel="modulepreload">
 		<link href="/_app/immutable/chunks/Dt-HX3Vu.js" rel="modulepreload">
-		<link href="/_app/immutable/entry/app.C8ZDox8Z.js" rel="modulepreload">
+		<link href="/_app/immutable/entry/app.BFvVYIAu.js" rel="modulepreload">
 		<link href="/_app/immutable/chunks/uBIymjUX.js" rel="modulepreload">
 		<link href="/_app/immutable/chunks/xihTtKlq.js" rel="modulepreload">
-		<link href="/_app/immutable/nodes/0.DE5huPD8.js" rel="modulepreload">
-		<link href="/_app/immutable/chunks/BFJgNGCw.js" rel="modulepreload">
+		<link href="/_app/immutable/nodes/0.BV0A9Ub7.js" rel="modulepreload">
+		<link href="/_app/immutable/chunks/c4Y8im5f.js" rel="modulepreload">
 		<link href="/_app/immutable/chunks/YUSKx8_q.js" rel="modulepreload">
 		<link href="/_app/immutable/chunks/DK8Blf1Y.js" rel="modulepreload">
-		<link href="/_app/immutable/chunks/BPIRT1pR.js" rel="modulepreload">
+		<link href="/_app/immutable/chunks/CB9iikrD.js" rel="modulepreload">
 		<link href="/_app/immutable/chunks/Bv5jGtB8.js" rel="modulepreload">
-		<link href="/_app/immutable/chunks/DF-0MxNw.js" rel="modulepreload">
+		<link href="/_app/immutable/chunks/By9nPosf.js" rel="modulepreload">
 		<link href="/_app/immutable/chunks/DIE02RSm.js" rel="modulepreload">
-		<link href="/_app/immutable/chunks/BA7oEUVv.js" rel="modulepreload">
+		<link href="/_app/immutable/chunks/CQOJdp0U.js" rel="modulepreload">
 		<link href="/_app/immutable/chunks/CUyVrfsu.js" rel="modulepreload">
-		<link href="/_app/immutable/chunks/CsaWd8kG.js" rel="modulepreload">
+		<link href="/_app/immutable/chunks/Bs5WxZDd.js" rel="modulepreload">
 		<link href="/_app/immutable/chunks/BYcBM-fh.js" rel="modulepreload">
-		<link href="/_app/immutable/chunks/Cq7I_-C0.js" rel="modulepreload">
-		<link href="/_app/immutable/chunks/DN0-Cx7Y.js" rel="modulepreload">
-		<link href="/_app/immutable/chunks/C26hsvAf.js" rel="modulepreload">
+		<link href="/_app/immutable/chunks/BFzGVZ83.js" rel="modulepreload">
+		<link href="/_app/immutable/chunks/BMXU0KTB.js" rel="modulepreload">
+		<link href="/_app/immutable/chunks/BErRmq61.js" rel="modulepreload">
 		<link href="/_app/immutable/chunks/d934w91N.js" rel="modulepreload">
-		<link href="/_app/immutable/chunks/Cye6FWwy.js" rel="modulepreload">
-		<link href="/_app/immutable/chunks/DSxP4IQt.js" rel="modulepreload">
-		<link href="/_app/immutable/chunks/CMoev5sM.js" rel="modulepreload">
-		<link href="/_app/immutable/chunks/Cc_ZlCEA.js" rel="modulepreload">
-		<link href="/_app/immutable/chunks/Cv4-Km2e.js" rel="modulepreload">
+		<link href="/_app/immutable/chunks/Uwmgg65i.js" rel="modulepreload">
+		<link href="/_app/immutable/chunks/3dpUaAuL.js" rel="modulepreload">
+		<link href="/_app/immutable/chunks/CwTLkgbW.js" rel="modulepreload">
+		<link href="/_app/immutable/chunks/jY83yXmZ.js" rel="modulepreload">
+		<link href="/_app/immutable/chunks/DcYfN1RJ.js" rel="modulepreload">
 		<link href="/_app/immutable/chunks/BMgzWMdF.js" rel="modulepreload">
 		<link href="/_app/immutable/chunks/CgAkqYsL.js" rel="modulepreload">
 		
@@ -42,7 +42,7 @@
 		<link href="/_app/immutable/assets/webmcp-ui-context.hO24Ni5w.css" rel="stylesheet">
 		<link href="/_app/immutable/assets/data.CVlX_W0i.css" rel="stylesheet">
 		<link href="/_app/immutable/assets/forms.BRdbPdvs.css" rel="stylesheet">
-		<link href="/_app/immutable/assets/AppShell.BkKNrxND.css" rel="stylesheet">
+		<link href="/_app/immutable/assets/AppShell.Y0ysizZK.css" rel="stylesheet">
 		<link href="/_app/immutable/assets/SectionIcons.BGFcFuOf.css" rel="stylesheet">
 		<link href="/_app/immutable/assets/SectionActions.BE1CPmxk.css" rel="stylesheet">
 		<link href="/_app/immutable/assets/0.BaRFeYGU.css" rel="stylesheet">
@@ -51,15 +51,15 @@
     <div style="display: contents">
 			<script>
 				{
-					__sveltekit_j5p4dw = {
+					__sveltekit_3udfmk = {
 						base: ""
 					};
 
 					const element = document.currentScript.parentElement;
 
 					Promise.all([
-						import("/_app/immutable/entry/start.Dg2NiCvD.js"),
-						import("/_app/immutable/entry/app.C8ZDox8Z.js")
+						import("/_app/immutable/entry/start.CjnnBAhi.js"),
+						import("/_app/immutable/entry/app.BFvVYIAu.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element);
 					});

package/app/_app/immutable/assets/2.D3Ee82Nk.css

@@ -0,0 +1 @@
+@layer smrt.reset,smrt.structure;@layer smrt.theme{.settings.svelte-1adyoey{gap:var(--smrt-spacing-4);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));align-items:end;display:grid}.field.svelte-1adyoey{gap:var(--smrt-spacing-1);display:grid}.percent.svelte-1adyoey{align-items:flex-end;gap:var(--smrt-spacing-2);display:flex}.percent.svelte-1adyoey .smrt-number{flex:1}.percent-sign.svelte-1adyoey{padding-bottom:var(--smrt-spacing-2);color:var(--smrt-color-on-surface-variant)}.switch.svelte-1adyoey small:where(.svelte-1adyoey),.meta.svelte-1adyoey{color:var(--smrt-color-on-surface-variant)}.tax-codes.svelte-1adyoey{gap:var(--smrt-spacing-2);margin-top:var(--smrt-spacing-4);display:grid}.tax-codes.svelte-1adyoey h3:where(.svelte-1adyoey),.tax-codes.svelte-1adyoey p:where(.svelte-1adyoey){margin:0}.tax-codes.svelte-1adyoey ul:where(.svelte-1adyoey){gap:var(--smrt-spacing-1) var(--smrt-spacing-4);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));margin:0;padding:0;list-style:none;display:grid}.tax-codes.svelte-1adyoey li:where(.svelte-1adyoey){display:grid}.tax-codes.svelte-1adyoey .rates:where(.svelte-1adyoey){color:var(--smrt-color-on-surface-variant);font-size:.875rem}.cookbooks.svelte-mzas8k{gap:var(--smrt-spacing-4);display:grid}h2.svelte-mzas8k,h3.svelte-mzas8k,h4.svelte-mzas8k,p.svelte-mzas8k{margin:0}h3.svelte-mzas8k,h4.svelte-mzas8k{font:var(--smrt-typography-title-medium-font);letter-spacing:var(--smrt-typography-title-medium-tracking)}.meta.svelte-mzas8k,.summary.svelte-mzas8k{color:var(--smrt-color-on-surface-variant)}.grid.svelte-mzas8k{gap:var(--smrt-spacing-3);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));margin:0;padding:0;list-style:none;display:grid}.card.svelte-mzas8k{gap:var(--smrt-spacing-2);width:100%;height:100%;padding:var(--smrt-spacing-4);border:var(--smrt-hairline);border-radius:var(--smrt-radius-lg,.75rem);background:var(--smrt-surface-panel);color:inherit;font:inherit;text-align:start;cursor:pointer;justify-items:start;display:grid;position:relative}.card.svelte-mzas8k:focus-visible{outline:var(--smrt-focus-ring-width) solid var(--smrt-focus-ring-color);outline-offset:var(--smrt-focus-ring-offset)}.icon.svelte-mzas8k{color:var(--smrt-color-primary);flex:none}.heading.svelte-mzas8k{align-items:center;gap:var(--smrt-spacing-2);min-inline-size:0;padding-inline-end:4rem;display:flex}.name.svelte-mzas8k{font-weight:var(--smrt-typography-weight-semibold)}.badge.svelte-mzas8k{top:var(--smrt-spacing-3);right:var(--smrt-spacing-3);padding:0 var(--smrt-spacing-2);border-radius:var(--smrt-radius-full);background:var(--smrt-color-primary);color:var(--smrt-color-on-primary);font-size:.75rem;position:absolute}.preview.svelte-mzas8k{gap:var(--smrt-spacing-4);padding:var(--smrt-spacing-4);border:var(--smrt-hairline);border-radius:var(--smrt-radius-lg,.75rem);display:grid}.block.svelte-mzas8k{gap:var(--smrt-spacing-2);display:grid}.chips.svelte-mzas8k,.menu.svelte-mzas8k ul:where(.svelte-mzas8k){margin:0;padding:0;list-style:none}.chips.svelte-mzas8k{gap:var(--smrt-spacing-2);flex-wrap:wrap;display:flex}.chips.svelte-mzas8k li:where(.svelte-mzas8k){padding:0 var(--smrt-spacing-3);border-radius:var(--smrt-radius-full);background:var(--smrt-color-surface-container)}.menu.svelte-mzas8k{gap:var(--smrt-spacing-3);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));display:grid}.menu.svelte-mzas8k ul:where(.svelte-mzas8k){gap:var(--smrt-spacing-1);margin-top:var(--smrt-spacing-1);display:grid}.actions.svelte-mzas8k{align-items:center;gap:var(--smrt-spacing-3);flex-wrap:wrap;display:flex}.back.svelte-mzas8k{justify-self:start;margin-inline-start:calc(-1 * var(--smrt-spacing-2))}.preview.svelte-mzas8k h2:where(.svelte-mzas8k):focus{outline:none}.preview.svelte-mzas8k h2:where(.svelte-mzas8k):focus-visible{outline:var(--smrt-focus-ring-width) solid var(--smrt-focus-ring-color);outline-offset:var(--smrt-focus-ring-offset)}[data-smrt-view-transition] .swap.svelte-mzas8k{view-transition-name:planner-cookbooks}::view-transition-group(planner-cookbooks){animation-duration:var(--smrt-duration-short4);animation-timing-function:var(--smrt-easing-standard)}::view-transition-old(planner-cookbooks){animation-duration:var(--smrt-duration-short4);animation-timing-function:var(--smrt-easing-standard)}::view-transition-new(planner-cookbooks){animation-duration:var(--smrt-duration-short4);animation-timing-function:var(--smrt-easing-standard)}.project.svelte-1ij12un{gap:var(--smrt-spacing-3);display:grid}h2.svelte-1ij12un,p.svelte-1ij12un{margin:0}.meta.svelte-1ij12un{color:var(--smrt-color-on-surface-variant)}.actions.svelte-1ij12un{gap:var(--smrt-spacing-2);flex-wrap:wrap;display:flex}.export.svelte-17nkvtk{gap:var(--smrt-spacing-5);min-inline-size:0;display:grid}h2.svelte-17nkvtk,h3.svelte-17nkvtk,p.svelte-17nkvtk,dl.svelte-17nkvtk,dd.svelte-17nkvtk,pre.svelte-17nkvtk{margin:0}h2.svelte-17nkvtk{font:var(--smrt-typography-title-medium-font)}h3.svelte-17nkvtk{font:var(--smrt-typography-title-small-font)}.eyebrow.svelte-17nkvtk{color:var(--smrt-color-on-surface-variant);font:var(--smrt-typography-label-large-font)}.export-intro.svelte-17nkvtk,.build-step.svelte-17nkvtk,.copy-step.svelte-17nkvtk{gap:var(--smrt-spacing-3);min-inline-size:0;display:grid}.next-steps.svelte-17nkvtk{gap:var(--smrt-spacing-4);display:grid}.build-step.svelte-17nkvtk{padding:var(--smrt-spacing-4);border:var(--smrt-hairline);border-radius:var(--smrt-control-radius);background:var(--smrt-surface-sunken)}.block.svelte-17nkvtk{gap:var(--smrt-spacing-3);min-inline-size:0;display:grid}.meta.svelte-17nkvtk,.notice.svelte-17nkvtk,.quiet.svelte-17nkvtk{color:var(--smrt-color-on-surface-variant)}.notice.svelte-17nkvtk:empty{display:none}.summary.svelte-17nkvtk{gap:var(--smrt-spacing-2) var(--smrt-spacing-4);grid-template-columns:max-content minmax(0,1fr);align-items:baseline;display:grid}dt.svelte-17nkvtk{font-weight:var(--smrt-typography-weight-semibold);white-space:nowrap}.chips.svelte-17nkvtk{gap:var(--smrt-spacing-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.actions.svelte-17nkvtk{gap:var(--smrt-spacing-2);flex-wrap:wrap;display:flex}.export.svelte-17nkvtk .prompt{font-family:var(--smrt-font-family-mono,ui-monospace, monospace);white-space:pre-wrap;overflow-wrap:anywhere;resize:none;max-block-size:20rem;overflow:auto}code.svelte-17nkvtk{font-family:var(--smrt-font-family-mono,ui-monospace, monospace);overflow-wrap:anywhere}.command.svelte-17nkvtk{align-items:center;gap:var(--smrt-spacing-2) var(--smrt-spacing-3);flex-wrap:wrap;display:flex}.command.svelte-17nkvtk code:where(.svelte-17nkvtk){min-inline-size:0;padding:var(--smrt-spacing-2) var(--smrt-spacing-3);border:var(--smrt-hairline);border-radius:var(--smrt-control-radius);background:var(--smrt-surface-sunken);flex:16rem}.json.svelte-17nkvtk{max-block-size:20rem;padding:var(--smrt-spacing-3);border:var(--smrt-hairline);border-radius:var(--smrt-control-radius);background:var(--smrt-surface-sunken);font-family:var(--smrt-font-family-mono,ui-monospace, monospace);font-size:var(--smrt-typography-body-small-size);white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto}.replace.svelte-17nkvtk{border-block-start:var(--smrt-hairline);padding-block-start:var(--smrt-spacing-4)}@media (width<=30rem){.summary.svelte-17nkvtk{grid-template-columns:minmax(0,1fr)}.actions.svelte-17nkvtk,.command.svelte-17nkvtk{flex-direction:column;align-items:stretch}.actions.svelte-17nkvtk>[data-smrt-component=Button],.command.svelte-17nkvtk>[data-smrt-component=Button]{inline-size:100%}}@media (forced-colors:active){.build-step.svelte-17nkvtk,.command.svelte-17nkvtk code:where(.svelte-17nkvtk),.json.svelte-17nkvtk{border-color:canvastext}}h3.svelte-1tvhds4,h4.svelte-1tvhds4,p.svelte-1tvhds4{margin:0}.card.svelte-1tvhds4{align-content:start;gap:var(--smrt-spacing-2);padding:var(--smrt-spacing-4);border:var(--smrt-hairline);border-radius:var(--smrt-radius-large);display:grid}.card.selected.svelte-1tvhds4{border-color:var(--smrt-color-primary)}.head.svelte-1tvhds4{justify-content:space-between;align-items:center;gap:var(--smrt-spacing-2);display:flex}h3.svelte-1tvhds4{font:var(--smrt-typography-title-medium-font);letter-spacing:var(--smrt-typography-title-medium-tracking)}h4.svelte-1tvhds4{color:var(--smrt-color-on-surface-variant);font:var(--smrt-typography-label-medium-font);letter-spacing:var(--smrt-typography-label-medium-tracking);font-weight:var(--smrt-typography-weight-semibold);text-transform:uppercase}.meta.svelte-1tvhds4{color:var(--smrt-color-on-surface-variant);font-size:var(--smrt-typography-body-small-size)}.plain.svelte-1tvhds4{gap:var(--smrt-spacing-1);font-size:var(--smrt-typography-body-medium-size);margin:0;padding:0;list-style:none;display:grid}.kind.svelte-1tvhds4{padding:0 var(--smrt-spacing-2);border:var(--smrt-hairline);border-radius:var(--smrt-radius-large);color:var(--smrt-color-on-surface-variant);font-size:var(--smrt-typography-label-small-size);margin-inline-end:var(--smrt-spacing-1)}.reasons.svelte-1tvhds4{margin-block-end:var(--smrt-spacing-2)}.foot.svelte-1tvhds4{gap:var(--smrt-spacing-1);margin-top:var(--smrt-spacing-2);display:grid}code.svelte-1tvhds4{font-family:var(--smrt-font-family-mono,ui-monospace, monospace);font-size:.85em}.where.svelte-1tvhds4{margin-inline-start:.35em}.summary.svelte-1tvhds4{font-size:var(--smrt-typography-body-medium-size)}@media (forced-colors:active){.card.selected.svelte-1tvhds4{border-color:highlight;outline:.125rem solid highlight}}.features.svelte-7kphei{gap:var(--smrt-spacing-3);display:grid}h2.svelte-7kphei,p.svelte-7kphei{margin:0}.meta.svelte-7kphei,.notice.svelte-7kphei,.empty.svelte-7kphei,.count.svelte-7kphei{color:var(--smrt-color-on-surface-variant)}.count.svelte-7kphei{font-size:var(--smrt-typography-body-medium-size);font-weight:400}.notice.svelte-7kphei:empty{display:none}.chips.svelte-7kphei{gap:var(--smrt-spacing-2);flex-wrap:wrap;display:flex}.rows.svelte-7kphei{border:var(--smrt-hairline);border-radius:var(--smrt-radius-large);margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.rows.svelte-7kphei li:where(.svelte-7kphei){align-items:center;gap:var(--smrt-spacing-3);padding:var(--smrt-spacing-3) var(--smrt-spacing-4);display:flex}.rows.svelte-7kphei li:where(.svelte-7kphei)+li:where(.svelte-7kphei){border-top:var(--smrt-hairline)}.rows.svelte-7kphei li.selected:where(.svelte-7kphei){background:color-mix(in srgb, currentColor calc(var(--smrt-state-selected) * 100%), transparent)}.includes.svelte-7kphei{color:var(--smrt-color-on-surface-variant);font-size:var(--smrt-typography-body-small-size)}.icon.svelte-7kphei{color:var(--smrt-color-on-surface-variant);display:inline-flex}.text.svelte-7kphei{flex:1;min-width:0;display:grid}.bar.svelte-7kphei{justify-content:space-between;align-items:center;gap:var(--smrt-spacing-3);display:flex}.name.svelte-7kphei{align-items:baseline;gap:var(--smrt-spacing-2);display:flex}.tag.svelte-7kphei{padding:0 var(--smrt-spacing-2);border:var(--smrt-hairline);border-radius:var(--smrt-radius-large);color:var(--smrt-color-on-surface-variant);font-size:var(--smrt-typography-label-small-size)}.text.svelte-7kphei a:where(.svelte-7kphei){width:fit-content;color:var(--smrt-color-on-surface);font-weight:500}.text.svelte-7kphei .meta:where(.svelte-7kphei){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (forced-colors:active){.rows.svelte-7kphei li.selected:where(.svelte-7kphei){outline-offset:-.125rem;outline:.125rem solid highlight}}.features.svelte-q9yl1j{gap:var(--smrt-spacing-3);display:grid}h2.svelte-q9yl1j,p.svelte-q9yl1j{margin:0}section.svelte-q9yl1j{gap:var(--smrt-spacing-2);display:grid}.meta.svelte-q9yl1j,.count.svelte-q9yl1j{color:var(--smrt-color-on-surface-variant)}.count.svelte-q9yl1j{font-size:var(--smrt-typography-body-medium-size)}.notice.svelte-q9yl1j:empty{display:none}.chips.svelte-q9yl1j{gap:var(--smrt-spacing-2);flex-wrap:wrap;display:flex}.cards.svelte-q9yl1j{gap:var(--smrt-spacing-3);grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));margin:0;padding:0;list-style:none;display:grid}h2.svelte-1d5gge1,p.svelte-1d5gge1{margin:0}.meta.svelte-1d5gge1,.description.svelte-1d5gge1,.notice.svelte-1d5gge1{color:var(--smrt-color-on-surface-variant)}.notice.svelte-1d5gge1:empty{display:none}.cards.svelte-1d5gge1{gap:var(--smrt-spacing-3);grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));margin:0;padding:0;list-style:none;display:grid}.cards.svelte-1d5gge1 li:where(.svelte-1d5gge1){align-content:start;gap:var(--smrt-spacing-2);padding:var(--smrt-spacing-4);border:var(--smrt-hairline);border-radius:var(--smrt-radius-large);display:grid}.cards.svelte-1d5gge1 li.selected:where(.svelte-1d5gge1){border-color:var(--smrt-color-primary)}.sub.svelte-1d5gge1{gap:var(--smrt-spacing-1);display:grid}@media (forced-colors:active){.cards.svelte-1d5gge1 li.selected:where(.svelte-1d5gge1){border-color:highlight;outline:.125rem solid highlight}}.pane.svelte-d580bl{gap:var(--smrt-spacing-4);display:grid}.meta.svelte-d580bl{color:var(--smrt-color-on-surface-variant);margin:0}.theme.svelte-18m8le4{gap:1.25rem;max-inline-size:72rem;display:grid}.cards.svelte-18m8le4{grid-template-columns:repeat(auto-fill,minmax(min(10rem,100%),1fr));gap:.75rem;display:grid}.choice.svelte-18m8le4{border:var(--smrt-hairline);border-radius:var(--smrt-radius-large,.75rem);background:var(--smrt-surface-panel);min-block-size:8.5rem;color:var(--smrt-color-on-surface);text-align:start;cursor:pointer;transition:border-color var(--smrt-duration-short3,.15s) var(--smrt-easing-standard,ease), background var(--smrt-duration-short3,.15s) var(--smrt-easing-standard,ease), transform var(--smrt-duration-short3,.15s) var(--smrt-easing-standard,ease);align-content:start;gap:.8rem;padding:.85rem;display:grid}.choice.svelte-18m8le4:hover{border-color:var(--smrt-color-primary);background:var(--smrt-surface-raised);transform:translateY(-2px)}.choice.selected.svelte-18m8le4{border:2px solid var(--smrt-color-primary);background:var(--smrt-color-primary-container);color:var(--smrt-color-on-primary-container);padding:calc(.85rem - 1px)}.choice.svelte-18m8le4:focus-visible,.advanced.svelte-18m8le4:focus-visible,.wheel.svelte-18m8le4:focus-within,select.svelte-18m8le4:focus-visible{outline:var(--smrt-focus-ring-width) solid var(--smrt-focus-ring-color);outline-offset:var(--smrt-focus-ring-offset)}.choice-name.svelte-18m8le4{align-items:center;gap:.55rem;font-size:1rem;font-weight:700;line-height:1.2;display:inline-flex}.choice-icon.svelte-18m8le4{block-size:1.5rem;inline-size:1.5rem;color:var(--smrt-color-primary);flex:none;place-items:center;font-size:1.35rem;display:inline-grid}.preview.svelte-18m8le4{border:1px solid color-mix(in srgb, var(--smrt-planner-preview-ink) 20%, transparent);background:var(--smrt-planner-preview-bg);border-radius:.4rem;block-size:4.5rem;inline-size:100%;display:flex;overflow:hidden}.preview-sidebar.svelte-18m8le4{background:var(--smrt-planner-preview-primary);align-content:start;gap:.35rem;inline-size:23%;padding:.5rem .3rem;display:grid}.preview-sidebar.svelte-18m8le4 span:where(.svelte-18m8le4){background:var(--smrt-planner-preview-surface);opacity:.8;border-radius:1rem;block-size:.22rem}.preview-main.svelte-18m8le4{flex:1;align-content:start;gap:.4rem;padding:.6rem;display:grid}.preview-title.svelte-18m8le4{background:var(--smrt-planner-preview-ink);opacity:.7;border-radius:1rem;block-size:.32rem;inline-size:55%}.preview-body.svelte-18m8le4{background:var(--smrt-planner-preview-surface);border-radius:.2rem;gap:.25rem;padding:.35rem;display:grid}.preview-body.svelte-18m8le4 span:where(.svelte-18m8le4){background:var(--smrt-planner-preview-primary);opacity:.7;border-radius:1rem;block-size:.2rem}.preview-body.svelte-18m8le4 span:where(.svelte-18m8le4):last-child{opacity:.35;inline-size:70%}.scheme.svelte-18m8le4{min-block-size:8.5rem}.choice-hint.svelte-18m8le4{color:var(--smrt-color-on-surface-variant);font-size:.85rem}.brand.svelte-18m8le4,.shape.svelte-18m8le4{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.shape.svelte-18m8le4 .field:where(.svelte-18m8le4){min-inline-size:min(10rem,100%)}.field.svelte-18m8le4{gap:.4rem;display:grid}.pick.svelte-18m8le4{align-items:center;gap:.65rem;display:flex}.wheel.svelte-18m8le4{block-size:3rem;inline-size:3rem;box-shadow:0 0 0 1px var(--smrt-hairline-color);cursor:pointer;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative}.wheel.svelte-18m8le4:after{content:"";background:var(--smrt-planner-picked-color);block-size:1.7rem;inline-size:1.7rem;box-shadow:var(--smrt-elevation-1);pointer-events:none;border:2px solid #fff;border-radius:50%}.wheel.svelte-18m8le4 input:where(.svelte-18m8le4){opacity:0;cursor:pointer;block-size:100%;inline-size:100%;position:absolute;inset:0}.font-field.svelte-18m8le4{min-inline-size:min(14rem,100%)}select.svelte-18m8le4{border:var(--smrt-control-border);border-radius:var(--smrt-radius-medium,.5rem);background:var(--smrt-surface-control);min-block-size:3rem;color:var(--smrt-color-on-surface);font:inherit;cursor:pointer;padding:.6rem 2rem .6rem .8rem}.error.svelte-18m8le4{color:var(--smrt-color-error);margin:0}.advanced.svelte-18m8le4{border:var(--smrt-hairline);border-radius:var(--smrt-radius-large,.75rem);background:var(--smrt-surface-panel);color:var(--smrt-color-on-surface);align-items:center;gap:.8rem;padding:1rem;text-decoration:none;display:flex}.advanced.svelte-18m8le4:hover{border-color:var(--smrt-color-primary)}.advanced-icon.svelte-18m8le4{background:var(--smrt-color-primary-container);block-size:2.8rem;inline-size:2.8rem;color:var(--smrt-color-on-primary-container);border-radius:.65rem;flex:none;place-items:center;font:700 1rem ui-monospace,monospace;display:grid}.advanced.svelte-18m8le4 strong:where(.svelte-18m8le4),.advanced.svelte-18m8le4 small:where(.svelte-18m8le4){display:block}.advanced.svelte-18m8le4 small:where(.svelte-18m8le4){color:var(--smrt-color-on-surface-variant);margin-top:.15rem}.arrow.svelte-18m8le4{margin-inline-start:auto;font-size:1.3rem}@media (forced-colors:active){.choice.selected.svelte-18m8le4{outline-offset:.125rem;border-color:highlight;outline:.125rem solid highlight}.preview.svelte-18m8le4,.wheel.svelte-18m8le4{forced-color-adjust:none}}.planner.svelte-zuxcuo .tab-panel{padding-top:var(--smrt-spacing-4)}[data-smrt-view-transition] .planner.svelte-zuxcuo .tabs-nav,[data-smrt-view-transition] .planner.svelte-zuxcuo .tabs-links{view-transition-name:planner-tabs}.planner.svelte-zuxcuo .smrt-tabs__nav{scroll-snap-type:x proximity;overscroll-behavior-x:contain}.planner.svelte-zuxcuo .smrt-tabs__tab-button{scroll-snap-align:start}@property --smrt-planner-controls-tabs-fade{syntax:"<length>";inherits:false;initial-value:0}@supports (animation-timeline:scroll()){.planner.svelte-zuxcuo .smrt-tabs__nav{-webkit-mask-image:linear-gradient(to right, black calc(100% - var(--smrt-planner-controls-tabs-fade)), transparent);mask-image:linear-gradient(to right, black calc(100% - var(--smrt-planner-controls-tabs-fade)), transparent);animation:linear both svelte-zuxcuo-planner-tabs-fade;animation-timeline:scroll(self inline)}@keyframes svelte-zuxcuo-planner-tabs-fade{0%{--smrt-planner-controls-tabs-fade:3rem}to{--smrt-planner-controls-tabs-fade:0rem}}}.pane.svelte-zuxcuo{gap:var(--smrt-spacing-3);display:grid}.pane[hidden].svelte-zuxcuo{display:none}.meta.svelte-zuxcuo{color:var(--smrt-color-on-surface-variant);margin:0}main.svelte-1uha8ag{width:min(100%,72rem);padding:var(--smrt-spacing-6);margin-inline:auto}.first-run.svelte-1uha8ag{gap:var(--smrt-spacing-4);display:grid}.first-run.svelte-1uha8ag h1:where(.svelte-1uha8ag),.first-run.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0}.actions.svelte-1uha8ag{gap:var(--smrt-spacing-2);flex-wrap:wrap;display:flex}}