@happyvertical/smrt-svelte 0.55.15 → 0.55.17

package/dist/components/app/DockToggles.svelte

@@ -1,5 +1,10 @@
 <script lang="ts">
 import { useShellDock } from '../workspace/admin-shell/dock.js';
+import {
+  isShellIconName,
+  SHELL_DEFAULT_TOOL_ICON,
+  SHELL_ICON_PATHS,
+} from '../workspace/admin-shell/shell-icons.js';
 import type { DockToggle } from './dock-toggle.js';
 
 interface Props {
@@ -54,14 +59,27 @@ function press(event: MouseEvent, toggle: DockToggle): void {
         >
           <path d="M21 11.5a8.5 8.5 0 0 1-12.4 7.5L3 20.5l1.6-5A8.5 8.5 0 1 1 21 11.5z" />
         </svg>
+      {:else if icon === undefined || isShellIconName(icon)}
+        <svg
+          viewBox="0 0 24 24"
+          width="20"
+          height="20"
+          fill="currentColor"
+          aria-hidden="true"
+          focusable="false"
+        >
+          <path d={SHELL_ICON_PATHS[icon === undefined ? SHELL_DEFAULT_TOOL_ICON : icon]} />
+        </svg>
       {:else}
-        <span aria-hidden="true">{icon ?? toggle.label.charAt(0)}</span>
+        <span aria-hidden="true">{icon}</span>
       {/if}
     </button>
   {/each}
 </div>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .smrt-dock-toggles {
     display: flex;
     align-items: center;
@@ -81,6 +99,13 @@ function press(event: MouseEvent, toggle: DockToggle): void {
     cursor: pointer;
   }
 
+  @media (max-width: 48rem) {
+    .smrt-dock-toggles__button {
+      min-inline-size: var(--smrt-touch-target-min);
+      min-block-size: var(--smrt-touch-target-min);
+    }
+  }
+
   .smrt-dock-toggles__button:hover {
     background: var(--smrt-color-surface-container-high);
   }
@@ -99,4 +124,5 @@ function press(event: MouseEvent, toggle: DockToggle): void {
     opacity: 0.5;
     cursor: default;
   }
+}
 </style>

package/dist/components/app/DockToggles.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DockToggles.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/app/DockToggles.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGnD,UAAU,KAAK;IACb,OAAO,EAAE,UAAU,EAAE,CAAC;CACvB;AA2CD,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"DockToggles.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/app/DockToggles.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGnD,UAAU,KAAK;IACb,OAAO,EAAE,UAAU,EAAE,CAAC;CACvB;AAgDD,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/app/OwnerSetupForm.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 import { Input } from '@happyvertical/smrt-ui/forms';
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
-import { Button } from '@happyvertical/smrt-ui/ui';
+import { Button, Card } from '@happyvertical/smrt-ui/ui';
 import { M } from '../../i18n/strings.workspace.js';
 import type {
   OwnerSetupData,
@@ -13,6 +13,10 @@ interface Props {
   data: OwnerSetupData;
   /** The route's `form` prop (action failure data). */
   form?: OwnerSetupFormResult | null;
+  /** Application name shown as the brand above the card. */
+  title?: string;
+  /** Optional logo shown before the title. */
+  logoSrc?: string;
   /** Also ask for an optional workspace name (field `tenantName`). */
   askTenantName?: boolean;
   /** Form action URL; omit to post to the current route's default action. */
@@ -27,11 +31,17 @@ interface Props {
 let {
   data,
   form = null,
+  title = 'SMRT',
+  logoSrc,
   askTenantName = false,
   action,
   enhance,
 }: Props = $props();
 const { t } = useI18n();
+const link = $derived(
+  data.link ??
+    (!data.available ? 'unavailable' : data.token ? 'ready' : 'missing'),
+);
 
 function enhanceForm(form: HTMLFormElement) {
   const handle = enhance?.(form);
@@ -39,51 +49,105 @@ function enhanceForm(form: HTMLFormElement) {
 }
 </script>
 
-<main class="smrt-owner-setup">
-  <h1>{t(M['ui.owner_setup.heading'])}</h1>
-  {#if !data.available}
-    <p data-owner-setup="unavailable">{t(M['ui.owner_setup.unavailable'])}</p>
-  {:else}
-    <p>{t(M['ui.owner_setup.intro'])}</p>
-    {#if form?.message}<p role="alert" data-owner-setup="error">{form.message}</p>{/if}
-    <!-- raw-primitive-allow: native POST form so owner setup works without JavaScript; the host's SvelteKit `enhance` is attached when available -->
-    <form method="POST" {action} {@attach enhanceForm}>
-      <!-- raw-primitive-allow: hidden, non-interactive carrier for the single-use bootstrap token -->
-      <input type="hidden" name="token" value={data.token} />
-      <label>
-        {t(M['ui.owner_setup.name'])}
-        <Input name="name" autocomplete="name" required />
-      </label>
-      <label>
-        {t(M['ui.owner_setup.email'])}
-        <Input name="email" type="email" autocomplete="email" required />
-      </label>
-      {#if askTenantName}
+<main class="smrt-owner-setup" data-smrt-component="OwnerSetupForm">
+  <div class="smrt-owner-setup__brand" data-smrt-part="brand">
+    {#if logoSrc}<img src={logoSrc} alt="" />{/if}
+    <strong>{title}</strong>
+  </div>
+  <div class="smrt-owner-setup__card" data-smrt-part="panel">
+  <Card padding="lg">
+    <h1>
+      {link === 'missing' || link === 'expired'
+        ? t(M['ui.owner_setup.link_missing_heading'])
+        : t(M['ui.owner_setup.heading'])}
+    </h1>
+    {#if link === 'unavailable'}
+      <p data-owner-setup="unavailable">{t(M['ui.owner_setup.unavailable'])}</p>
+    {:else if link === 'missing' || link === 'expired'}
+      <div data-owner-setup="recovery">
+        <p>{t(M['ui.owner_setup.link_missing_body'])}</p>
+        <dl>
+          <dt>{t(M['ui.owner_setup.recovery_open'])}</dt>
+          <dd><code>{'pnpm app:open'}</code></dd>
+          <dt>{t(M['ui.owner_setup.recovery_recover'])}</dt>
+          <dd><code>{'pnpm app:recover'}</code></dd>
+        </dl>
+      </div>
+    {:else}
+      <p>{t(M['ui.owner_setup.intro'])}</p>
+      {#if form?.message}<p role="alert" data-owner-setup="error">{form.message}</p>{/if}
+      <!-- raw-primitive-allow: native POST form so owner setup works without JavaScript; the host's SvelteKit `enhance` is attached when available -->
+      <form method="POST" {action} {@attach enhanceForm}>
+        <!-- raw-primitive-allow: hidden, non-interactive carrier for the single-use bootstrap token -->
+        <input type="hidden" name="token" value={data.token} />
         <label>
-          {t(M['ui.owner_setup.tenant_name'])}
-          <Input name="tenantName" autocomplete="organization" />
+          {t(M['ui.owner_setup.name'])}
+          <Input name="name" autocomplete="name" required />
         </label>
-      {/if}
-      <Button type="submit">{t(M['ui.owner_setup.submit'])}</Button>
-    </form>
-  {/if}
+        <label>
+          {t(M['ui.owner_setup.email'])}
+          <Input name="email" type="email" autocomplete="email" required />
+        </label>
+        {#if askTenantName}
+          <label>
+            {t(M['ui.owner_setup.tenant_name'])}
+            <Input name="tenantName" autocomplete="organization" />
+          </label>
+        {/if}
+        <Button type="submit">{t(M['ui.owner_setup.submit'])}</Button>
+      </form>
+    {/if}
+  </Card>
+  </div>
 </main>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .smrt-owner-setup {
-    max-width: 36rem;
-    margin: 4rem auto;
-    padding: 1.5rem;
+    display: grid;
+    gap: var(--smrt-spacing-5);
+    justify-items: center;
+    align-content: center;
+    min-block-size: 100dvh;
+    box-sizing: border-box;
+    padding: var(--smrt-spacing-6);
+  }
+  .smrt-owner-setup__card {
+    inline-size: 100%;
+    max-inline-size: 36rem;
+  }
+  .smrt-owner-setup__brand {
+    display: flex;
+    align-items: center;
+    gap: var(--smrt-spacing-3);
+    color: var(--smrt-color-on-surface);
   }
-  form {
+  .smrt-owner-setup__brand img {
+    block-size: var(--smrt-control-target-min);
+    inline-size: auto;
+  }
+  h1 {
+    margin-block-start: 0;
+  }
+  form,
+  dl {
     display: grid;
-    gap: 1rem;
+    gap: var(--smrt-spacing-4);
+  }
+  dl,
+  dd {
+    margin: 0;
+  }
+  dt {
+    color: var(--smrt-color-on-surface-variant);
   }
   label {
     display: grid;
-    gap: 0.35rem;
+    gap: var(--smrt-spacing-2);
   }
   [role='alert'] {
-    color: var(--smrt-color-error, #b3261e);
+    color: var(--smrt-color-error);
   }
+}
 </style>

package/dist/components/app/OwnerSetupForm.svelte.d.ts

@@ -4,6 +4,10 @@ interface Props {
     data: OwnerSetupData;
     /** The route's `form` prop (action failure data). */
     form?: OwnerSetupFormResult | null;
+    /** Application name shown as the brand above the card. */
+    title?: string;
+    /** Optional logo shown before the title. */
+    logoSrc?: string;
     /** Also ask for an optional workspace name (field `tenantName`). */
     askTenantName?: boolean;
     /** Form action URL; omit to post to the current route's default action. */

package/dist/components/app/OwnerSetupForm.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OwnerSetupForm.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/app/OwnerSetupForm.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,cAAc,EACd,oBAAoB,EACrB,MAAM,wBAAwB,CAAC;AAGhC,UAAU,KAAK;IACb,6EAA6E;IAC7E,IAAI,EAAE,cAAc,CAAC;IACrB,qDAAqD;IACrD,IAAI,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACnC,oEAAoE;IACpE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK;QAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;CACtE;AA0DD,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"OwnerSetupForm.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/app/OwnerSetupForm.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,cAAc,EACd,oBAAoB,EACrB,MAAM,wBAAwB,CAAC;AAGhC,UAAU,KAAK;IACb,6EAA6E;IAC7E,IAAI,EAAE,cAAc,CAAC;IACrB,qDAAqD;IACrD,IAAI,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACnC,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oEAAoE;IACpE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK;QAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;CACtE;AAsFD,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/components/app/PhoneTabBar.svelte

@@ -0,0 +1,136 @@
+<script lang="ts">
+/**
+ * Phone tab bar: the footer region's phone presentation (conceptually the
+ * footer's center slot), not a new region. Navigation tabs (icon, label,
+ * `aria-current`), then the dock tab, then "More" when navigation overflows.
+ * Rendered by `AppShell` into `AdminShell`'s `phoneBottomBar` track when
+ * `phoneTabBar` is on.
+ */
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import type { Component } from 'svelte';
+import { M } from '../../i18n/strings.workspace.js';
+import { useAdminShell } from '../workspace/admin-shell/context.js';
+import { useShellDock } from '../workspace/admin-shell/dock.js';
+import PhoneBottomBar from '../workspace/admin-shell/PhoneBottomBar.svelte';
+import {
+  isShellIconName,
+  SHELL_DEFAULT_TOOL_ICON,
+  SHELL_PLACEHOLDER_ICON,
+} from '../workspace/admin-shell/shell-icons.js';
+import type { PhoneBottomBarEntry } from '../workspace/admin-shell/types.js';
+import type { DockToggle } from './dock-toggle.js';
+import {
+  isTabCurrent,
+  type PhoneTabNavEntry,
+  planPhoneTabs,
+} from './phone-tabs.js';
+
+interface Props {
+  /** Navigation destinations in order (see `phoneTabNavEntries`). */
+  entries: PhoneTabNavEntry[];
+  /** Current path, for `aria-current`. */
+  currentHref?: string;
+  /** Navigation and dock tabs before "More". */
+  budget: number;
+  /** The dock toggle that gets a tab; without one a "Tools" tab opens the right edge when it has tools. */
+  dockToggle?: DockToggle;
+  /** Renders host icon names. */
+  iconComponent?: Component<{ name: string; size?: number }>;
+}
+
+let {
+  entries,
+  currentHref = '',
+  budget,
+  dockToggle,
+  iconComponent,
+}: Props = $props();
+
+const { t } = useI18n();
+const shell = useAdminShell();
+const dock = useShellDock();
+
+const toolsTab = $derived(
+  !dockToggle && shell.isEdgeShown('right') && shell.focusTools.length > 0,
+);
+const hasDockTab = $derived(Boolean(dockToggle) || toolsTab);
+const plan = $derived(planPhoneTabs(entries, budget, hasDockTab));
+
+function dockIcon(toggle: DockToggle): string {
+  const icon =
+    toggle.icon ?? (toggle.tool === 'assistant' ? 'chat' : undefined);
+  return icon && (isShellIconName(icon) || iconComponent)
+    ? icon
+    : SHELL_DEFAULT_TOOL_ICON;
+}
+
+function openTools(): void {
+  if (shell.panels.right === 'expanded') {
+    shell.collapsePanel('right');
+    return;
+  }
+  const tool =
+    shell.focusTools.find((entry) => entry.id === shell.activeFocusToolId) ??
+    shell.focusTools[0];
+  if (tool) shell.openFocusTool(tool.id);
+  else shell.expandPanel('right');
+}
+
+function openMore(): void {
+  shell.setPanelState(
+    'left',
+    shell.panels.left === 'expanded' ? 'collapsed' : 'expanded',
+  );
+}
+
+const items = $derived.by(() => {
+  const out: PhoneBottomBarEntry[] = plan.nav.map((entry) => ({
+    id: entry.id,
+    label: entry.label,
+    href: entry.href,
+    iconName: entry.icon ?? SHELL_PLACEHOLDER_ICON,
+    active: isTabCurrent(entry.href, currentHref),
+  }));
+  if (dockToggle) {
+    const tool = dockToggle.tool;
+    out.push({
+      id: `dock:${tool}`,
+      label: dockToggle.label,
+      iconName: dockIcon(dockToggle),
+      active: dock.isOpen(tool),
+      expanded: dock.isOpen(tool),
+      controls: 'smrt-admin-shell-right-panel',
+      onclick: () => {
+        if (dock.has(tool) && dock.available) dock.toggle(tool);
+      },
+    });
+  } else if (toolsTab) {
+    out.push({
+      id: 'tools',
+      label: t(M['ui.admin_shell.tools']),
+      iconName: SHELL_DEFAULT_TOOL_ICON,
+      active: shell.panels.right === 'expanded',
+      expanded: shell.panels.right === 'expanded',
+      controls: 'smrt-admin-shell-right-panel',
+      onclick: openTools,
+    });
+  }
+  if (plan.more) {
+    out.push({
+      id: 'more',
+      label: t(M['ui.phone_tab_bar.more']),
+      iconName: 'more',
+      expanded: shell.panels.left === 'expanded',
+      controls: 'smrt-admin-shell-left-panel',
+      onclick: openMore,
+    });
+  }
+  return out;
+});
+</script>
+
+<PhoneBottomBar
+  {items}
+  {iconComponent}
+  label={t(M['ui.phone_tab_bar.label'])}
+/>

package/dist/components/app/PhoneTabBar.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Component } from 'svelte';
+import type { DockToggle } from './dock-toggle.js';
+import { type PhoneTabNavEntry } from './phone-tabs.js';
+interface Props {
+    /** Navigation destinations in order (see `phoneTabNavEntries`). */
+    entries: PhoneTabNavEntry[];
+    /** Current path, for `aria-current`. */
+    currentHref?: string;
+    /** Navigation and dock tabs before "More". */
+    budget: number;
+    /** The dock toggle that gets a tab; without one a "Tools" tab opens the right edge when it has tools. */
+    dockToggle?: DockToggle;
+    /** Renders host icon names. */
+    iconComponent?: Component<{
+        name: string;
+        size?: number;
+    }>;
+}
+declare const PhoneTabBar: Component<Props, {}, "">;
+type PhoneTabBar = ReturnType<typeof PhoneTabBar>;
+export default PhoneTabBar;
+//# sourceMappingURL=PhoneTabBar.svelte.d.ts.map

package/dist/components/app/PhoneTabBar.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneTabBar.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/app/PhoneTabBar.svelte.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAWxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAEL,KAAK,gBAAgB,EAEtB,MAAM,iBAAiB,CAAC;AAGzB,UAAU,KAAK;IACb,mEAAmE;IACnE,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,MAAM,EAAE,MAAM,CAAC;IACf,yGAAyG;IACzG,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,SAAS,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC5D;AA8GD,QAAA,MAAM,WAAW,0BAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/app/ShellSettingsPage.svelte

@@ -3,18 +3,32 @@ import { useI18n } from '@happyvertical/smrt-ui/i18n';
 import { M } from '../../i18n/strings.workspace.js';
 import ShellSettingsPanel from '../workspace/admin-shell/ShellSettingsPanel.svelte';
 
+interface Props {
+  /**
+   * Where the Account section's sign-out link goes; shown only when given. A
+   * link is a GET: never point it at the runtime's POST-only `/sign-out`; use
+   * `onSignOut` for that.
+   */
+  signOutHref?: string;
+  /** Called by the sign-out control instead of following `signOutHref`. */
+  onSignOut?: () => void;
+}
+
+const { signOutHref, onSignOut }: Props = $props();
 const { t } = useI18n();
 </script>
 
-<section class="smrt-shell-settings-page">
+<section class="smrt-shell-settings-page" data-smrt-component="ShellSettingsPage">
   <header>
     <h1>{t(M['ui.shell_settings_page.heading'])}</h1>
     <p>{t(M['ui.shell_settings_page.description'])}</p>
   </header>
-  <ShellSettingsPanel />
+  <ShellSettingsPanel appearance account {signOutHref} {onSignOut} />
 </section>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .smrt-shell-settings-page {
     display: grid;
     gap: var(--smrt-spacing-6, 1.5rem);
@@ -29,4 +43,5 @@ const { t } = useI18n();
   p {
     margin: 0;
   }
+}
 </style>

package/dist/components/app/ShellSettingsPage.svelte.d.ts

@@ -1,19 +1,14 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
+interface Props {
+    /**
+     * Where the Account section's sign-out link goes; shown only when given. A
+     * link is a GET: never point it at the runtime's POST-only `/sign-out`; use
+     * `onSignOut` for that.
+     */
+    signOutHref?: string;
+    /** Called by the sign-out control instead of following `signOutHref`. */
+    onSignOut?: () => void;
 }
-declare const ShellSettingsPage: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ShellSettingsPage = InstanceType<typeof ShellSettingsPage>;
+declare const ShellSettingsPage: import("svelte").Component<Props, {}, "">;
+type ShellSettingsPage = ReturnType<typeof ShellSettingsPage>;
 export default ShellSettingsPage;
 //# sourceMappingURL=ShellSettingsPage.svelte.d.ts.map

package/dist/components/app/ShellSettingsPage.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShellSettingsPage.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/app/ShellSettingsPage.svelte.ts"],"names":[],"mappings":"AA2BA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,iBAAiB;;kBAA+E,CAAC;AACrF,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAClE,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ShellSettingsPage.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/app/ShellSettingsPage.svelte.ts"],"names":[],"mappings":"AAQA,UAAU,KAAK;IACb;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAuBD,QAAA,MAAM,iBAAiB,2CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/components/app/dock-toggle.d.ts

@@ -7,8 +7,9 @@ export interface DockToggle {
     label: string;
     /**
      * Icon name. `chat` (the default for the `assistant` tool) draws a
-     * chat bubble; any other text is shown as a glyph. Without an icon the
-     * label's first letter stands in.
+     * chat bubble, a shell icon name (`SHELL_ICON_PATHS`) draws that icon, and
+     * any other text is shown as a glyph. Without an icon a generic tool icon
+     * stands in, never the label's first letter.
      */
     icon?: string;
     /**

package/dist/components/app/dock-toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dock-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/app/dock-toggle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAEnE,2CAA2C;AAC3C,MAAM,WAAW,UAAU;IACzB,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB"}
+{"version":3,"file":"dock-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/app/dock-toggle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAEnE,2CAA2C;AAC3C,MAAM,WAAW,UAAU;IACzB,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB"}

package/dist/components/app/index.d.ts

@@ -13,5 +13,6 @@ export type { OwnerSetupData, OwnerSetupFormResult, } from './owner-setup-types.
 export { default as RuntimeDiagnosticsWebMcp } from './RuntimeDiagnosticsWebMcp.svelte';
 export { createRuntimeDiagnosticsWebMcpTool, type RegisterRuntimeDiagnosticsWebMcpOptions, RUNTIME_DIAGNOSTICS_ENDPOINT, RUNTIME_DIAGNOSTICS_WEBMCP_TOOL_NAME, type RuntimeDiagnosticsWebMcpOwner, registerRuntimeDiagnosticsWebMcp, } from './runtime-diagnostics-webmcp.js';
 export { default as ShellSettingsPage } from './ShellSettingsPage.svelte';
-export type { ShellSlotItem } from './slot-item.js';
+export type { AppShellAccountMenu, AppShellCommandPalette, ShellSlotItem, } from './slot-item.js';
+export { createOnNavigateViewTransition, type RunViewTransitionOptions, runViewTransition, VIEW_TRANSITION_ATTRIBUTE, type ViewTransitionNavigation, } from './view-transition.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/app/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/app/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,KAAK,WAAW,EAChB,qBAAqB,EACrB,iBAAiB,EACjB,KAAK,0BAA0B,EAC/B,iBAAiB,EACjB,cAAc,GACf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,YAAY,EACV,cAAc,EACd,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,EACL,kCAAkC,EAClC,KAAK,uCAAuC,EAC5C,4BAA4B,EAC5B,oCAAoC,EACpC,KAAK,6BAA6B,EAClC,gCAAgC,GACjC,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/app/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,KAAK,WAAW,EAChB,qBAAqB,EACrB,iBAAiB,EACjB,KAAK,0BAA0B,EAC/B,iBAAiB,EACjB,cAAc,GACf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,YAAY,EACV,cAAc,EACd,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,EACL,kCAAkC,EAClC,KAAK,uCAAuC,EAC5C,4BAA4B,EAC5B,oCAAoC,EACpC,KAAK,6BAA6B,EAClC,gCAAgC,GACjC,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,YAAY,EACV,mBAAmB,EACnB,sBAAsB,EACtB,aAAa,GACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,8BAA8B,EAC9B,KAAK,wBAAwB,EAC7B,iBAAiB,EACjB,yBAAyB,EACzB,KAAK,wBAAwB,GAC9B,MAAM,sBAAsB,CAAC"}

package/dist/components/app/index.js

@@ -11,3 +11,4 @@ export { default as OwnerSetupForm } from './OwnerSetupForm.svelte';
 export { default as RuntimeDiagnosticsWebMcp } from './RuntimeDiagnosticsWebMcp.svelte';
 export { createRuntimeDiagnosticsWebMcpTool, RUNTIME_DIAGNOSTICS_ENDPOINT, RUNTIME_DIAGNOSTICS_WEBMCP_TOOL_NAME, registerRuntimeDiagnosticsWebMcp, } from './runtime-diagnostics-webmcp.js';
 export { default as ShellSettingsPage } from './ShellSettingsPage.svelte';
+export { createOnNavigateViewTransition, runViewTransition, VIEW_TRANSITION_ATTRIBUTE, } from './view-transition.js';

package/dist/components/app/owner-setup-types.d.ts

@@ -4,6 +4,11 @@ export interface OwnerSetupData {
     available: boolean;
     /** Single-use bootstrap token carried from the setup link. */
     token: string;
+    /**
+     * State of the setup link (`createOwnerSetupPage` sets it). Omitted by older
+     * loads: derived from `available` and `token`.
+     */
+    link?: 'ready' | 'missing' | 'expired' | 'unavailable';
 }
 /** Shape of the setup action's failure data (`fail(status, { code, message })`). */
 export interface OwnerSetupFormResult {

package/dist/components/app/owner-setup-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"owner-setup-types.d.ts","sourceRoot":"","sources":["../../../src/components/app/owner-setup-types.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,MAAM,WAAW,cAAc;IAC7B,6DAA6D;IAC7D,SAAS,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oFAAoF;AACpF,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB"}
+{"version":3,"file":"owner-setup-types.d.ts","sourceRoot":"","sources":["../../../src/components/app/owner-setup-types.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,MAAM,WAAW,cAAc;IAC7B,6DAA6D;IAC7D,SAAS,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;CACxD;AAED,oFAAoF;AACpF,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB"}

package/dist/components/app/phone-tabs.d.ts

@@ -0,0 +1,41 @@
+import type { ShellNavGroup, ShellNavItem } from '../workspace/admin-shell/types.js';
+/** `phoneTabBar` option object. */
+export interface PhoneTabBarOptions {
+    /** Navigation and dock tabs shown before "More" (default 4). */
+    items?: number;
+}
+/** Default number of navigation and dock tabs. */
+export declare const PHONE_TAB_DEFAULT_ITEMS = 4;
+/** One navigation destination eligible for a tab. */
+export interface PhoneTabNavEntry {
+    id: string;
+    label: string;
+    href: string;
+    icon?: string;
+}
+/** The tabs a phone bar shows for a navigation and dock configuration. */
+export interface PhoneTabPlan {
+    /** Navigation tabs, in order. */
+    nav: PhoneTabNavEntry[];
+    /** True when navigation overflows and a "More" tab opens the drawer. */
+    more: boolean;
+}
+/** Normalise the `phoneTabBar` prop: `null` when off, else the item budget. */
+export declare function resolvePhoneTabBar(value: boolean | PhoneTabBarOptions | undefined): {
+    items: number;
+} | null;
+/**
+ * Top-level navigation destinations in order: the flat items, then either each
+ * group's entries (`items` mode) or one entry per group (`sections` modes),
+ * the way the left sidebar lists them.
+ */
+export declare function phoneTabNavEntries(nav: readonly ShellNavItem[], groups: readonly ShellNavGroup[], navMode?: 'items' | 'sections' | 'sections-with-items', sectionHref?: (sectionId: string) => string | undefined): PhoneTabNavEntry[];
+/**
+ * Choose the tabs: `budget` counts navigation and dock tabs together (the
+ * dock tab takes one place when present); "More" is added on top only when
+ * navigation overflows.
+ */
+export declare function planPhoneTabs(entries: readonly PhoneTabNavEntry[], budget: number, hasDockTab: boolean): PhoneTabPlan;
+/** True when `href` is the current page or an ancestor of it. */
+export declare function isTabCurrent(href: string, currentHref: string): boolean;
+//# sourceMappingURL=phone-tabs.d.ts.map

package/dist/components/app/phone-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-tabs.d.ts","sourceRoot":"","sources":["../../../src/components/app/phone-tabs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,YAAY,EACb,MAAM,mCAAmC,CAAC;AAE3C,mCAAmC;AACnC,MAAM,WAAW,kBAAkB;IACjC,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,kDAAkD;AAClD,eAAO,MAAM,uBAAuB,IAAI,CAAC;AAEzC,qDAAqD;AACrD,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,0EAA0E;AAC1E,MAAM,WAAW,YAAY;IAC3B,iCAAiC;IACjC,GAAG,EAAE,gBAAgB,EAAE,CAAC;IACxB,wEAAwE;IACxE,IAAI,EAAE,OAAO,CAAC;CACf;AAED,+EAA+E;AAC/E,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,OAAO,GAAG,kBAAkB,GAAG,SAAS,GAC9C;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAO1B;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,GAAG,EAAE,SAAS,YAAY,EAAE,EAC5B,MAAM,EAAE,SAAS,aAAa,EAAE,EAChC,OAAO,GAAE,OAAO,GAAG,UAAU,GAAG,qBAA+B,EAC/D,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,GACtD,gBAAgB,EAAE,CA8BpB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAC3B,OAAO,EAAE,SAAS,gBAAgB,EAAE,EACpC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,OAAO,GAClB,YAAY,CAMd;AAED,iEAAiE;AACjE,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAEvE"}