@happyvertical/smrt-svelte 0.53.3 → 0.53.5

package/AGENTS.md

@@ -14,6 +14,7 @@ subpath you are editing. This file keeps what holds in every module.
 | `src/themes/` + `src/theme/` | which theme system is canonical and the full `--smrt-*` design-token vocabulary with its alias rules | [agents/themes.md](agents/themes.md) |
 | `src/test-support/` + `__tests__/` | the golden-test harness and pattern for Svelte component tests | [agents/testing.md](agents/testing.md) |
 | `src/components/settings/` (`./settings`) | `SettingsCatalog`, `paginateSettingsCatalog`, and the summary-vs-detail scalability contract | [agents/settings.md](agents/settings.md) |
+| `src/components/app/` (`./app`) | `AppShell` (Provider + ThemeProvider + theme CSS + AdminShell + nav/dock slots), `OwnerSetupForm` (props-driven first-run owner form), `ShellSettingsPage`, `RuntimeDiagnosticsWebMcp`. Browser-only; no `$app/*` or server imports | [agents/workspace.md](agents/workspace.md#app-shell-and-owner-setup-app) |
 | `src/components/workspace/` (`./workspace` + `./web`) | the AdminShell family and its principles, the legacy ToolsDock surface, the `./web` activity-feed and `updateAvailable` adapters, and server-side dock gates | [agents/workspace.md](agents/workspace.md) |
 | `src/web/remote-query.svelte.ts` | Svelte 5 binding for query-shaped remote pages: rows, page, totals, loading/refreshing/stale/error, retry, last-updated, and query-scoped live subscriptions (#2445) | — |
 | `src/web/list-data-surface.svelte.ts` (`mountListDataSurface`) | One-call registration of an existing, non-`DataTable` list (already mirroring a headless `DataTableController`) as a mounted `DataSurfaceDescriptor` — a same-behavior port of `registerContentListDataSurface`'s registration/translation logic (`@happyvertical/smrt-content/svelte`), generalized off ContentList's view-mode concept, so any custom list markup can adopt it directly instead of hand-mirroring the registry contract. Not yet unified behind a shared `@happyvertical/smrt-ui/data` implementation (#2917) — this copy is currently ahead; see its own module doc comment for the current, authoritative list of divergences #2917 must adopt rather than assume parity (#2906) | — |
@@ -44,7 +45,9 @@ versioned normalizers and the conformance fixture together.
 The explicit `./mcp-apps` subpath owns portable MCP Apps mount/dispose bindings.
 It reuses `compileViewIntentToolSpec` for local registry interactions, never
 advertises browser closures as remote tools, and does not use
-`document.modelContext`. See [bridge contract](../mcp-apps/README.md). Its browser
+`document.modelContext`. `McpAppsBridge` is the shipped view shell: portable
+display-mode request only when the host advertises it, otherwise inline status;
+no OpenAI helpers. See [bridge contract](../mcp-apps/README.md). Its browser
 gate is `e2e/mcp-apps.spec.ts`, including trusted human staged-review enforcement.
 
 ## The UI split — primitive-adoption contract (#1589)

package/README.md

@@ -505,6 +505,8 @@ importable, even if it appears in `dist/`.
 | `@happyvertical/smrt-svelte/forms` | Form inputs (TextInput, Select, MoneyInput, DateTimeInput, Toggle, etc.) |
 | `@happyvertical/smrt-svelte/settings` | Server-paged settings search, selection, and list/detail layout (`SettingsCatalog`, `paginateSettingsCatalog`) |
 | `@happyvertical/smrt-svelte/workspace` | AdminShell, ShellState, tenant nav, focus tools, settings, activities, and system/app panels |
+| `@happyvertical/smrt-svelte/app` | `AppShell` (Provider + themes + AdminShell + nav/dock slots), `OwnerSetupForm` (first-run owner setup), `ShellSettingsPage`, `RuntimeDiagnosticsWebMcp` |
+| `@happyvertical/smrt-svelte/app/runtime-diagnostics` | Svelte-free diagnostics WebMCP registration and its tool name/endpoint constants, importable from server routes |
 | `@happyvertical/smrt-svelte/workspace/legacy` | Opt-in ToolsDock compatibility surface for applications migrating to AdminShell |
 | `@happyvertical/smrt-svelte/workspace/server` | Server-side workspace helpers (Node only) |
 | `@happyvertical/smrt-svelte/workspace/live` | `systemFeed` — the AdminShell system scope (jobs/schedules/dispatch) polled from an app status endpoint; deliberately carries no `smrt-web` dependency |
@@ -639,7 +641,8 @@ Use `shell.setPanelState(edge, 'hidden' | 'collapsed' | 'expanded')` to persist
 runtime panel preferences; app-configured hidden edges remain unavailable.
 AdminShell keeps a discoverable tenant collapse control with supplied navigation
 (`showTenantToggle={false}` opts out), a Menu opener in narrow layouts, and the
-system toggle alongside a custom `systemBar`. Closed narrow drawers are inert;
+system toggle alongside a custom `systemBar` that has a `systemPanel` to open
+(a `systemBar` with no `systemPanel` owns the bottom band and draws no toggle). Closed narrow drawers are inert;
 opening focuses the first control, and closing or Escape restores the opener.
 TenantNav accepts `density="touch"` for canonical 48px link targets, including
 collapsed rail links; omit density to inherit the theme's control density.

package/agents/i18n.md

@@ -30,6 +30,9 @@ languages root is imported only by the Node-only `/i18n/server` subpath. See
   — a consumer's load function calls it for the request locale and passes the
   result to `<Provider>`. It seeds the languages registry from `defineMessages`
   defaults, then resolves each key through the override/tenant/locale chain.
+  `server.ts` side-effect-imports every shipped catalog (including
+  `mcp-apps/strings.ts`) so its keys resolve even when the components are
+  never imported server-side; add new catalogs there.
 - Enforcement: `scripts/check-hardcoded-strings.mjs` (`pnpm
   check:hardcoded-strings`) flags hardcoded prose in `.svelte` markup —
   report-only until a package's extraction completes, then add it to the

package/agents/workspace.md

@@ -75,6 +75,26 @@ and touch input across mobile widths and desktop panel-state combinations.
 
 See `src/components/workspace/MIGRATION.md` for the old-to-new concept map.
 
+### Activity ticker
+
+`ActivityTicker` accepts app-owned `activities: ReadonlyArray<ShellActivity>` plus
+optional `label` and `emptyLabel`. It never fetches data or establishes authority.
+Render it in `AdminShell`'s `systemBar` slot with `activities={shell.activities}`;
+render `ActivityList filter={{ status: 'running' }}` in `systemPanel` for details.
+Connect the same registry to actual jobs through an authenticated app adapter or
+the `activityFeed` below. Queued and terminal records never appear as running.
+
+A single running activity is static. Multiple activities scroll continuously with
+a persistent Pause/Resume control and pause on hover/focus. A separate accessible
+list contains each process once; visual loop copies are hidden from assistive
+technology. Reduced motion disables animation and allows manual horizontal
+scrolling. Optional finite 0–100 progress is shown; no progress is inferred.
+
+Focused validation: `pnpm --filter @happyvertical/smrt-svelte exec vitest run
+src/components/workspace/__tests__/ActivityTicker.test.ts
+src/components/workspace/__tests__/index.test.ts`, then the activity ticker's
+Chromium scenarios via the package's documented `test:e2e` command.
+
 ### Live activity feed adapter (`./web`, #1779)
 
 `activityFeed({ collection, map, shell })` (from `@happyvertical/smrt-svelte/web`)
@@ -149,3 +169,36 @@ failure; a context change or later successful refresh clears the signal, and
 success applies the new snapshot.
 Availability is never an authorization boundary—server operations must still
 enforce permissions.
+
+`ActivityTicker` accepts optional `statuses` restricted to queued/running; running-only remains the default. Opting into queued work adds an explicit localized Queued label without progress. Terminal outcomes belong in expanded `ActivityList`, with retention controlled by the app-owned data source.
+
+## App shell and owner setup (`./app`)
+
+`@happyvertical/smrt-svelte/app` (`src/components/app/`) is browser-only. It
+lives beside, not inside, `./workspace` so the AdminShell barrel stays free of
+`Provider` and its tests.
+
+- `AppShell` composes `Provider` (`webmcp`, `user`, `permissions` pass through
+  unchanged), `ThemeProvider`, the theme CSS (`themes/styles/{all,fonts}.css`
+  are imported by the component — forgetting them leaves `--smrt-*` unresolved),
+  `AdminShell`, `TenantNav` from the consumer's `nav`/`navGroups`/`currentHref`,
+  and an `AppScopePanel`. Panels start collapsed as in `AdminShell`; pass
+  `config` to change that. `dock` is a snippet rendered inside the shell: a host
+  places its assistant there in a `ShellDockTool`, so this package never
+  imports `smrt-chat`. It receives the Provider's `DataSurfaceRegistry`
+  (`{#snippet dock(registry)}`), the instance mounted routes register on
+  when `webmcp` UI is on; pass it to `<AssistantDock {registry} />`. `runtimeDiagnostics` (default false) mounts the
+  read-only `smrt.runtime.diagnostics.read` WebMCP tool. Server code that
+  lists that tool (the diagnostics route's `toolNames`) imports
+  `RUNTIME_DIAGNOSTICS_WEBMCP_TOOL_NAME` from `./app/runtime-diagnostics`,
+  which is plain TypeScript; the `./app` barrel loads Svelte components and
+  theme CSS.
+- `OwnerSetupForm` is props-driven and imports nothing server-side. Contract
+  (lane 3369 server): `default` form action; fields `token` (hidden), `name`,
+  `email`, optional `tenantName` (`askTenantName`); `load` data
+  `{ available, token }` (`available: false` renders a neutral unavailable
+  state); failures `fail(status, { code, message })`, `message` shown as given
+  and never branched on. Pass `data` and `form` straight from the route. The
+  form is a plain `method="POST"`; pass `enhance` from `$app/forms` to enhance
+  it. The token is a hidden field only and is never stored, logged or shown.
+  Single-use, loopback-only enforcement stays server-side.

package/dist/components/app/AppShell.svelte

@@ -0,0 +1,157 @@
+<script lang="ts">
+import {
+  type ColorScheme,
+  type ThemePreset,
+  ThemeProvider,
+} from '@happyvertical/smrt-ui/themes';
+import '@happyvertical/smrt-ui/themes/styles/all.css';
+import '@happyvertical/smrt-ui/themes/styles/fonts.css';
+import type { DataSurfaceRegistry } from '@happyvertical/smrt-ui/data';
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import type { Snippet } from 'svelte';
+import { M } from '../../i18n/strings.workspace.js';
+import Provider from '../../Provider.svelte';
+import type { User } from '../../state/app-state.js';
+import type { WebMcpProviderConfig } from '../../web/webmcp-provider.js';
+import AdminShell from '../workspace/admin-shell/AdminShell.svelte';
+import AppScopePanel from '../workspace/admin-shell/AppScopePanel.svelte';
+import TenantNav from '../workspace/admin-shell/TenantNav.svelte';
+import type {
+  ShellNavGroup,
+  ShellNavItem,
+  ShellPanelDefaults,
+} from '../workspace/admin-shell/types.js';
+import DockSlot from './DockSlot.svelte';
+import RuntimeDiagnosticsWebMcp from './RuntimeDiagnosticsWebMcp.svelte';
+
+interface Props {
+  /** Application name shown in the shell brand and app panel. */
+  title?: string;
+  /** Secondary line under the application name in the shell brand. */
+  subtitle?: string;
+  /** localStorage key for the user's shell layout preferences. */
+  storageKey?: string;
+  /** Navigation rendered in the tenant (left) panel. */
+  nav?: ShellNavItem[];
+  /** Grouped navigation sections rendered below the flat `nav` items. */
+  navGroups?: ShellNavGroup[];
+  /** Current path, used to highlight the active link (e.g. `page.url.pathname`). */
+  currentHref?: string;
+  /** Tenant label shown in the app panel. */
+  tenantLabel?: string;
+  /** Environment badge text (e.g. `local`). */
+  environment?: string;
+  /** When set, the app panel links here (e.g. a settings route). */
+  settingsHref?: string;
+  /** Options for the Provider's WebMCP integration; passed through unchanged. */
+  webmcp?: boolean | WebMcpProviderConfig;
+  /** Authenticated user forwarded to the Provider; `null` renders the shell signed out. */
+  user?: User | null;
+  /** The user's resolved permission slugs, forwarded to the Provider for permission-gated UI. */
+  permissions?: string[];
+  /** Register the read-only runtime diagnostics WebMCP tool. */
+  runtimeDiagnostics?: boolean;
+  /** Initial panel states and presentation; forwarded to AdminShell. */
+  config?: ShellPanelDefaults;
+  /** Theme preset applied by the ThemeProvider. */
+  preset?: ThemePreset;
+  /** Light, dark or system color scheme; the user's persisted choice wins. */
+  colorScheme?: ColorScheme;
+  /** Extra app-panel content (e.g. selected-tenant notes). */
+  appPanelDocs?: Snippet;
+  /**
+   * Dock slot, rendered inside the shell so a host can place an assistant in
+   * a `ShellDockTool` without this package depending on it. It receives the
+   * `DataSurfaceRegistry` of the Provider the shell mounts, the same instance
+   * mounted routes register their surfaces on, so
+   * `<AssistantDock {registry} />` sees them with no second registry. Routes
+   * register on it when the `webmcp` UI is enabled (`webmcp: true`).
+   */
+  dock?: Snippet<[DataSurfaceRegistry]>;
+  children: Snippet;
+}
+
+let {
+  title = 'SMRT',
+  subtitle,
+  storageKey = 'smrt-app-shell',
+  nav = [],
+  navGroups = [],
+  currentHref = '',
+  tenantLabel = '',
+  environment = 'local',
+  settingsHref,
+  webmcp = false,
+  user = null,
+  permissions = [],
+  runtimeDiagnostics = false,
+  config,
+  preset = 'smrt',
+  colorScheme = 'system',
+  appPanelDocs,
+  dock,
+  children,
+}: Props = $props();
+const { t } = useI18n();
+const hasNav = $derived(nav.length > 0 || navGroups.length > 0);
+</script>
+
+<Provider {webmcp} {user} {permissions}>
+  <RuntimeDiagnosticsWebMcp enabled={runtimeDiagnostics} />
+  <ThemeProvider {preset} {colorScheme} persist={true}>
+    <AdminShell {title} {subtitle} {storageKey} {config} path={currentHref}>
+      {#snippet appPanel()}
+        <AppScopePanel
+          appName={title}
+          tenantName={tenantLabel}
+          {environment}
+          showSettings={false}
+        >
+          {#snippet docs()}
+            {@render appPanelDocs?.()}
+            {#if settingsHref}
+              <a href={settingsHref}>{t(M['ui.app_shell.settings_link'])}</a>
+            {/if}
+          {/snippet}
+        </AppScopePanel>
+      {/snippet}
+
+      {#snippet tenantPanel()}
+        {#if hasNav}
+          <TenantNav
+            items={nav}
+            groups={navGroups}
+            {currentHref}
+            aria-label={t(M['ui.app_shell.navigation'])}
+          />
+        {/if}
+      {/snippet}
+
+      {#if dock}
+        <DockSlot {dock} />
+      {/if}
+      {@render children()}
+    </AdminShell>
+  </ThemeProvider>
+</Provider>
+
+<style>
+  :global(*),
+  :global(*::before),
+  :global(*::after) {
+    box-sizing: border-box;
+  }
+  :global(html),
+  :global(body) {
+    min-height: 100%;
+    margin: 0;
+  }
+  :global(body) {
+    background: var(--smrt-color-background);
+    color: var(--smrt-color-on-background);
+    font-family: var(--smrt-font-family, Inter, system-ui, sans-serif);
+  }
+  a {
+    color: var(--smrt-color-primary);
+  }
+</style>

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

@@ -0,0 +1,58 @@
+import { type ColorScheme, type ThemePreset } from '@happyvertical/smrt-ui/themes';
+import '@happyvertical/smrt-ui/themes/styles/all.css';
+import '@happyvertical/smrt-ui/themes/styles/fonts.css';
+import type { DataSurfaceRegistry } from '@happyvertical/smrt-ui/data';
+import type { Snippet } from 'svelte';
+import type { User } from '../../state/app-state.js';
+import type { WebMcpProviderConfig } from '../../web/webmcp-provider.js';
+import type { ShellNavGroup, ShellNavItem, ShellPanelDefaults } from '../workspace/admin-shell/types.js';
+interface Props {
+    /** Application name shown in the shell brand and app panel. */
+    title?: string;
+    /** Secondary line under the application name in the shell brand. */
+    subtitle?: string;
+    /** localStorage key for the user's shell layout preferences. */
+    storageKey?: string;
+    /** Navigation rendered in the tenant (left) panel. */
+    nav?: ShellNavItem[];
+    /** Grouped navigation sections rendered below the flat `nav` items. */
+    navGroups?: ShellNavGroup[];
+    /** Current path, used to highlight the active link (e.g. `page.url.pathname`). */
+    currentHref?: string;
+    /** Tenant label shown in the app panel. */
+    tenantLabel?: string;
+    /** Environment badge text (e.g. `local`). */
+    environment?: string;
+    /** When set, the app panel links here (e.g. a settings route). */
+    settingsHref?: string;
+    /** Options for the Provider's WebMCP integration; passed through unchanged. */
+    webmcp?: boolean | WebMcpProviderConfig;
+    /** Authenticated user forwarded to the Provider; `null` renders the shell signed out. */
+    user?: User | null;
+    /** The user's resolved permission slugs, forwarded to the Provider for permission-gated UI. */
+    permissions?: string[];
+    /** Register the read-only runtime diagnostics WebMCP tool. */
+    runtimeDiagnostics?: boolean;
+    /** Initial panel states and presentation; forwarded to AdminShell. */
+    config?: ShellPanelDefaults;
+    /** Theme preset applied by the ThemeProvider. */
+    preset?: ThemePreset;
+    /** Light, dark or system color scheme; the user's persisted choice wins. */
+    colorScheme?: ColorScheme;
+    /** Extra app-panel content (e.g. selected-tenant notes). */
+    appPanelDocs?: Snippet;
+    /**
+     * Dock slot, rendered inside the shell so a host can place an assistant in
+     * a `ShellDockTool` without this package depending on it. It receives the
+     * `DataSurfaceRegistry` of the Provider the shell mounts, the same instance
+     * mounted routes register their surfaces on, so
+     * `<AssistantDock {registry} />` sees them with no second registry. Routes
+     * register on it when the `webmcp` UI is enabled (`webmcp: true`).
+     */
+    dock?: Snippet<[DataSurfaceRegistry]>;
+    children: Snippet;
+}
+declare const AppShell: import("svelte").Component<Props, {}, "">;
+type AppShell = ReturnType<typeof AppShell>;
+export default AppShell;
+//# sourceMappingURL=AppShell.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/app/AppShell.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,WAAW,EAEjB,MAAM,+BAA+B,CAAC;AACvC,OAAO,8CAA8C,CAAC;AACtD,OAAO,gDAAgD,CAAC;AACxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAEvE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGtC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAIzE,OAAO,KAAK,EACV,aAAa,EACb,YAAY,EACZ,kBAAkB,EACnB,MAAM,mCAAmC,CAAC;AAK3C,UAAU,KAAK;IACb,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,GAAG,CAAC,EAAE,YAAY,EAAE,CAAC;IACrB,uEAAuE;IACvE,SAAS,CAAC,EAAE,aAAa,EAAE,CAAC;IAC5B,kFAAkF;IAClF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,OAAO,GAAG,oBAAoB,CAAC;IACxC,yFAAyF;IACzF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,+FAA+F;IAC/F,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,8DAA8D;IAC9D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,sEAAsE;IACtE,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,iDAAiD;IACjD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACtC,QAAQ,EAAE,OAAO,CAAC;CACnB;AA8ED,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/components/app/DockSlot.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+import type { DataSurfaceRegistry } from '@happyvertical/smrt-ui/data';
+import type { Snippet } from 'svelte';
+import { tryGetWebMcpUiContext } from '../../web/webmcp-ui-context.js';
+
+interface Props {
+  /** The host's dock snippet; receives the Provider's data-surface registry. */
+  dock: Snippet<[DataSurfaceRegistry]>;
+}
+
+let { dock }: Props = $props();
+// Rendered inside the Provider, so this is the registry mounted routes
+// register their surfaces on (when the Provider's WebMCP UI is on).
+const ui = tryGetWebMcpUiContext();
+const registry = $derived(ui?.dataSurfaceRegistry);
+</script>
+
+{#if registry}
+  {@render dock(registry)}
+{/if}

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

@@ -0,0 +1,10 @@
+import type { DataSurfaceRegistry } from '@happyvertical/smrt-ui/data';
+import type { Snippet } from 'svelte';
+interface Props {
+    /** The host's dock snippet; receives the Provider's data-surface registry. */
+    dock: Snippet<[DataSurfaceRegistry]>;
+}
+declare const DockSlot: import("svelte").Component<Props, {}, "">;
+type DockSlot = ReturnType<typeof DockSlot>;
+export default DockSlot;
+//# sourceMappingURL=DockSlot.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DockSlot.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/app/DockSlot.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAItC,UAAU,KAAK;IACb,8EAA8E;IAC9E,IAAI,EAAE,OAAO,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC;CACtC;AAoBD,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/components/app/OwnerSetupForm.svelte

@@ -0,0 +1,89 @@
+<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 { M } from '../../i18n/strings.workspace.js';
+import type {
+  OwnerSetupData,
+  OwnerSetupFormResult,
+} from './owner-setup-types.js';
+
+interface Props {
+  /** The route's `load` data. The token is rendered only as a hidden field. */
+  data: OwnerSetupData;
+  /** The route's `form` prop (action failure data). */
+  form?: OwnerSetupFormResult | null;
+  /** Also ask for an optional workspace name (field `tenantName`). */
+  askTenantName?: boolean;
+  /** Form action URL; omit to post to the current route's default action. */
+  action?: string;
+  /**
+   * SvelteKit's `enhance` from `$app/forms`, for progressive enhancement.
+   * Optional: without it the form is a plain POST that works without JS.
+   */
+  enhance?: (form: HTMLFormElement) => { destroy?: () => void } | void;
+}
+
+let {
+  data,
+  form = null,
+  askTenantName = false,
+  action,
+  enhance,
+}: Props = $props();
+const { t } = useI18n();
+
+function enhanceForm(form: HTMLFormElement) {
+  const handle = enhance?.(form);
+  return () => handle?.destroy?.();
+}
+</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}
+        <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}
+</main>
+
+<style>
+  .smrt-owner-setup {
+    max-width: 36rem;
+    margin: 4rem auto;
+    padding: 1.5rem;
+  }
+  form {
+    display: grid;
+    gap: 1rem;
+  }
+  label {
+    display: grid;
+    gap: 0.35rem;
+  }
+  [role='alert'] {
+    color: var(--smrt-color-error, #b3261e);
+  }
+</style>

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

@@ -0,0 +1,22 @@
+import type { OwnerSetupData, OwnerSetupFormResult } from './owner-setup-types.js';
+interface Props {
+    /** The route's `load` data. The token is rendered only as a hidden field. */
+    data: OwnerSetupData;
+    /** The route's `form` prop (action failure data). */
+    form?: OwnerSetupFormResult | null;
+    /** Also ask for an optional workspace name (field `tenantName`). */
+    askTenantName?: boolean;
+    /** Form action URL; omit to post to the current route's default action. */
+    action?: string;
+    /**
+     * SvelteKit's `enhance` from `$app/forms`, for progressive enhancement.
+     * Optional: without it the form is a plain POST that works without JS.
+     */
+    enhance?: (form: HTMLFormElement) => {
+        destroy?: () => void;
+    } | void;
+}
+declare const OwnerSetupForm: import("svelte").Component<Props, {}, "">;
+type OwnerSetupForm = ReturnType<typeof OwnerSetupForm>;
+export default OwnerSetupForm;
+//# sourceMappingURL=OwnerSetupForm.svelte.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/app/RuntimeDiagnosticsWebMcp.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+import { registerRuntimeDiagnosticsWebMcp } from './runtime-diagnostics-webmcp.js';
+
+interface Props {
+  /** Register the read-only diagnostics tool while true. */
+  enabled?: boolean;
+  /** Same-origin diagnostics endpoint. */
+  endpoint?: string;
+}
+
+let { enabled = true, endpoint }: Props = $props();
+
+$effect(() => {
+  if (!enabled) return;
+  const owner = registerRuntimeDiagnosticsWebMcp({ endpoint });
+  return () => owner?.dispose();
+});
+</script>

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

@@ -0,0 +1,10 @@
+interface Props {
+    /** Register the read-only diagnostics tool while true. */
+    enabled?: boolean;
+    /** Same-origin diagnostics endpoint. */
+    endpoint?: string;
+}
+declare const RuntimeDiagnosticsWebMcp: import("svelte").Component<Props, {}, "">;
+type RuntimeDiagnosticsWebMcp = ReturnType<typeof RuntimeDiagnosticsWebMcp>;
+export default RuntimeDiagnosticsWebMcp;
+//# sourceMappingURL=RuntimeDiagnosticsWebMcp.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeDiagnosticsWebMcp.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/app/RuntimeDiagnosticsWebMcp.svelte.ts"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACb,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAgBD,QAAA,MAAM,wBAAwB,2CAAwC,CAAC;AACvE,KAAK,wBAAwB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAC5E,eAAe,wBAAwB,CAAC"}

package/dist/components/app/ShellSettingsPage.svelte

@@ -0,0 +1,32 @@
+<script lang="ts">
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { M } from '../../i18n/strings.workspace.js';
+import ShellSettingsPanel from '../workspace/admin-shell/ShellSettingsPanel.svelte';
+
+const { t } = useI18n();
+</script>
+
+<section class="smrt-shell-settings-page">
+  <header>
+    <h1>{t(M['ui.shell_settings_page.heading'])}</h1>
+    <p>{t(M['ui.shell_settings_page.description'])}</p>
+  </header>
+  <ShellSettingsPanel />
+</section>
+
+<style>
+  .smrt-shell-settings-page {
+    display: grid;
+    gap: var(--smrt-spacing-6, 1.5rem);
+    max-width: 720px;
+    padding: var(--smrt-spacing-8, 2rem);
+  }
+  header {
+    display: grid;
+    gap: var(--smrt-spacing-2, 0.5rem);
+  }
+  h1,
+  p {
+    margin: 0;
+  }
+</style>

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

@@ -0,0 +1,19 @@
+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;
+}
+declare const ShellSettingsPage: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ShellSettingsPage = InstanceType<typeof ShellSettingsPage>;
+export default ShellSettingsPage;
+//# sourceMappingURL=ShellSettingsPage.svelte.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,14 @@
+/**
+ * @happyvertical/smrt-svelte/app
+ *
+ * Packaged application shell and first-run owner setup UI. Browser-only: no
+ * server or `$app/*` imports. Pair with the server `load`/`actions` from
+ * `@happyvertical/smrt-app-runtime/sveltekit`.
+ */
+export { default as AppShell } from './AppShell.svelte';
+export { default as OwnerSetupForm } from './OwnerSetupForm.svelte';
+export type { OwnerSetupData, OwnerSetupFormResult, } from './owner-setup-types.js';
+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';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/app/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,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"}

package/dist/components/app/index.js

@@ -0,0 +1,12 @@
+/**
+ * @happyvertical/smrt-svelte/app
+ *
+ * Packaged application shell and first-run owner setup UI. Browser-only: no
+ * server or `$app/*` imports. Pair with the server `load`/`actions` from
+ * `@happyvertical/smrt-app-runtime/sveltekit`.
+ */
+export { default as AppShell } from './AppShell.svelte';
+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';

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

@@ -0,0 +1,14 @@
+/** Shape of the setup route's `load` data. */
+export interface OwnerSetupData {
+    /** False (with an empty token) when setup is not offered. */
+    available: boolean;
+    /** Single-use bootstrap token carried from the setup link. */
+    token: string;
+}
+/** Shape of the setup action's failure data (`fail(status, { code, message })`). */
+export interface OwnerSetupFormResult {
+    code?: string;
+    /** Fixed server-provided text; displayed as given. */
+    message?: string;
+}
+//# sourceMappingURL=owner-setup-types.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/app/owner-setup-types.js

@@ -0,0 +1 @@
+export {};