@happyvertical/smrt-svelte 0.33.1 → 0.34.0

package/AGENTS.md

@@ -1,6 +1,6 @@
 # @happyvertical/smrt-svelte
 
-Top-of-stack Svelte 5 integration layer for SMRT: the app `Provider`, auth / AI hooks, browser AI (STT/TTS/LLM), forms, server-side i18n, and the domain-aware composites (admin, module, workspace). The domain-agnostic UI primitives, i18n client, theme system, and module UI registry now live in `@happyvertical/smrt-ui` (#1582) — import those from there (e.g. `@happyvertical/smrt-ui/ui`, `@happyvertical/smrt-ui/i18n`).
+Top-of-stack Svelte 5 integration layer for SMRT: the app `Provider`, auth / AI hooks, browser AI (STT/TTS/LLM), forms, server-side i18n, and the domain-aware composites (module, workspace). The domain-agnostic UI primitives, i18n client, theme system, and module UI registry now live in `@happyvertical/smrt-ui` (#1582) — import those from there (e.g. `@happyvertical/smrt-ui/ui`, `@happyvertical/smrt-ui/i18n`). The agent-admin shells (`AgentAdminPanel` / `AgentAdminTabs` / `AgentSettingsShell`) moved to `@happyvertical/smrt-agents` (#1589) so this package no longer depends on `smrt-agents` — import them from `@happyvertical/smrt-agents/svelte/admin` (side-effect-free) or `@happyvertical/smrt-agents/svelte`.
 
 ## The UI split — primitive-adoption contract (#1589)
 
@@ -69,7 +69,6 @@ the top-of-stack, domain-aware pieces:
 |----------|------------|
 | AI | `Provider`, `AILoadingOverlay`, `CapabilityGate`, `DownloadProgress`, `STTTest`, `VoiceInput` |
 | Forms (`/forms`) | `TextInput`, `Select`, `MoneyInput`, `DateTimeInput`, `Toggle`, `FileUpload`, `AddressInput`, + more (AI-wired inputs use the hooks/browser-ai here) |
-| Admin (`/admin`) | `AgentAdminPanel`, `AgentAdminTabs`, `AgentSettingsShell` (import `@happyvertical/smrt-agents/ui`) |
 | Module | `ModulePanel` |
 | Workspace (`/workspace`) | `WorkspaceShell`, `NavTree`, `Breadcrumbs`, `ToolsDock`, `RoleShell` |
 
@@ -219,7 +218,7 @@ await expectNoA11yViolations(container); // axe; color-contrast off (jsdom has n
 ## Dependencies
 
 - `@happyvertical/smrt-types` (shared types) — includes the identity data contracts (`User`, `Role`, `Membership`, `Tenant`) the role/membership components type against, so no dependency on `smrt-users` / `smrt-profiles` is needed
-- `@happyvertical/smrt-ui` (UI runtime: primitives, theme system, i18n client, module registry) and `@happyvertical/smrt-agents` (admin shells type against its `/ui` contracts) are hard `dependencies`.
+- `@happyvertical/smrt-ui` (UI runtime: primitives, theme system, i18n client, module registry) is a hard `dependency`. The agent-admin shells that used to type against `@happyvertical/smrt-agents/ui` moved to `@happyvertical/smrt-agents/svelte` (#1589), so `smrt-agents` is no longer a dependency here — this drops smrt-svelte below smrt-agents in the package DAG.
 - `@happyvertical/smrt-languages` is a hard `dependency` (not an optional peer): the Node-only `/i18n/server` subpath imports its resolver. The browser bundle still excludes it — the client `/i18n` layer never imports the languages root, so it tree-shakes out.
 - `@happyvertical/logger` (SDK) is a `dependency` — the browser-safe console logger used for voice/AI error reporting in the form components.
 - Peer (all optional): `svelte` >=5.18.2, plus the browser-AI engines (`@huggingface/transformers`, `@mlc-ai/web-llm`, `@remotion/whisper-web`, `@xenova/transformers`) and `chrono-node`.

package/README.md

@@ -131,7 +131,6 @@ const editorSections = navTreeFromManifest(manifest, {
 | Import Path | Contents |
 |-------------|----------|
 | `@happyvertical/smrt-svelte` | Provider, DataTable, permission utilities, hooks, state, components |
-| `@happyvertical/smrt-svelte/admin` | Agent admin panel components |
 | `@happyvertical/smrt-svelte/calendar` | Calendar and DayView |
 | `@happyvertical/smrt-svelte/forms` | Form inputs (TextInput, Select, MoneyInput, etc.) |
 | `@happyvertical/smrt-svelte/layout` | Layout (Container, Grid, Header, Footer, Masthead, etc.) |
@@ -161,10 +160,10 @@ const editorSections = navTreeFromManifest(manifest, {
 
 **Permissions**: `PermissionCheck`, `RoleBadge`, `RoleSelector`
 
-**Admin**: `AgentAdminPanel`, `AgentAdminTabs`, `AgentSettingsShell`
-
 **Other**: `Calendar`, `DayView`, `MembershipCard`, `MembershipList`, `ModulePanel`
 
+> The agent-admin shells (`AgentAdminPanel`, `AgentAdminTabs`, `AgentSettingsShell`) moved to `@happyvertical/smrt-agents/svelte` (#1589).
+
 **Browser AI**: `AILoadingOverlay`, `CapabilityGate`, `DownloadProgress`, `STTTest`, `VoiceInput`
 
 ### Hooks
@@ -182,4 +181,4 @@ const editorSections = navTreeFromManifest(manifest, {
 ## Dependencies
 
 - `@happyvertical/smrt-types` -- shared type definitions
-- Peer: `svelte` >=5.18.2, `@happyvertical/smrt-agents`, `@happyvertical/smrt-jobs`, `@happyvertical/smrt-profiles`, `@happyvertical/smrt-users` (all optional)
+- Peer: `svelte` >=5.18.2, `@happyvertical/smrt-jobs`, `@happyvertical/smrt-profiles`, `@happyvertical/smrt-users` (all optional)

package/dist/i18n/strings.workspace.d.ts

@@ -1,8 +1,10 @@
 /**
- * Workspace / admin / browser-AI message catalog (i18n, Sweep S13 #1418).
+ * Workspace / browser-AI message catalog (i18n, Sweep S13 #1418).
  *
- * English code defaults for user-facing strings in the workspace shell, admin
- * panels, and browser-AI test components. Keys use the `ui` namespace and follow
+ * English code defaults for user-facing strings in the workspace shell and
+ * browser-AI test components. (The agent-admin shells + their `ui.agent_admin_*`
+ * keys moved to `@happyvertical/smrt-agents` in #1589.) Keys use the `ui`
+ * namespace and follow
  * `ui.<component_snake>.<descriptor_snake>`. Client-safe (no languages root
  * import). Registered via `defineMessages` so the client `t` / `<Trans>` fall
  * back to these defaults when no server snapshot is present.
@@ -15,12 +17,6 @@ export declare const M: {
     readonly 'ui.stt_test.status_initializing': "ui.stt_test.status_initializing";
     readonly 'ui.stt_test.status_ready': "ui.stt_test.status_ready";
     readonly 'ui.stt_test.status_not_initialized': "ui.stt_test.status_not_initialized";
-    readonly 'ui.agent_admin_panel.no_panel_message': "ui.agent_admin_panel.no_panel_message";
-    readonly 'ui.agent_admin_panel.no_panel_hint': "ui.agent_admin_panel.no_panel_hint";
-    readonly 'ui.agent_admin_tabs.no_slots': "ui.agent_admin_tabs.no_slots";
-    readonly 'ui.agent_admin_tabs.tablist_label': "ui.agent_admin_tabs.tablist_label";
-    readonly 'ui.agent_settings_shell.no_agents_message': "ui.agent_settings_shell.no_agents_message";
-    readonly 'ui.agent_settings_shell.no_agents_hint': "ui.agent_settings_shell.no_agents_hint";
     readonly 'ui.workspace_shell.close_navigation': "ui.workspace_shell.close_navigation";
     readonly 'ui.workspace_shell.close_inspector': "ui.workspace_shell.close_inspector";
     readonly 'ui.workspace_shell.primary_navigation': "ui.workspace_shell.primary_navigation";

package/dist/i18n/strings.workspace.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"strings.workspace.d.ts","sourceRoot":"","sources":["../../src/i18n/strings.workspace.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;CAuCZ,CAAC"}
+{"version":3,"file":"strings.workspace.d.ts","sourceRoot":"","sources":["../../src/i18n/strings.workspace.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;CAuBZ,CAAC"}

package/dist/i18n/strings.workspace.js

@@ -1,8 +1,10 @@
 /**
- * Workspace / admin / browser-AI message catalog (i18n, Sweep S13 #1418).
+ * Workspace / browser-AI message catalog (i18n, Sweep S13 #1418).
  *
- * English code defaults for user-facing strings in the workspace shell, admin
- * panels, and browser-AI test components. Keys use the `ui` namespace and follow
+ * English code defaults for user-facing strings in the workspace shell and
+ * browser-AI test components. (The agent-admin shells + their `ui.agent_admin_*`
+ * keys moved to `@happyvertical/smrt-agents` in #1589.) Keys use the `ui`
+ * namespace and follow
  * `ui.<component_snake>.<descriptor_snake>`. Client-safe (no languages root
  * import). Registered via `defineMessages` so the client `t` / `<Trans>` fall
  * back to these defaults when no server snapshot is present.
@@ -17,15 +19,6 @@ export const M = defineMessages({
     'ui.stt_test.status_initializing': 'Initializing...',
     'ui.stt_test.status_ready': 'Ready',
     'ui.stt_test.status_not_initialized': 'Not initialized',
-    // components/admin/AgentAdminPanel.svelte
-    'ui.agent_admin_panel.no_panel_message': 'No admin panel registered for',
-    'ui.agent_admin_panel.no_panel_hint': "Import the agent's admin package to register its panels.",
-    // components/admin/AgentAdminTabs.svelte
-    'ui.agent_admin_tabs.no_slots': 'No configuration slots available for this agent.',
-    'ui.agent_admin_tabs.tablist_label': 'Agent configuration tabs',
-    // components/admin/AgentSettingsShell.svelte
-    'ui.agent_settings_shell.no_agents_message': 'No agents configured for this site.',
-    'ui.agent_settings_shell.no_agents_hint': 'Agents are discovered by matching their context field to the site domain.',
     // components/workspace/WorkspaceShell.svelte
     'ui.workspace_shell.close_navigation': 'Close navigation',
     'ui.workspace_shell.close_inspector': 'Close inspector',

package/dist/index.d.ts

@@ -3,13 +3,14 @@
  *
  * Top-of-stack Svelte 5 integration layer for SMRT: the app `Provider`, auth /
  * AI hooks, browser-AI adapters, server-side i18n, and the domain-aware
- * composite components (admin, memberships, roles, module, workspace, forms).
+ * composite components (module, workspace, forms).
  *
  * Domain-agnostic UI primitives, the i18n client, the theme system, and the
  * module UI registry now live in `@happyvertical/smrt-ui` — import those from
- * there (e.g. `@happyvertical/smrt-ui/ui`, `@happyvertical/smrt-ui/i18n`).
+ * there (e.g. `@happyvertical/smrt-ui/ui`, `@happyvertical/smrt-ui/i18n`). The
+ * agent-admin shells (AgentAdminPanel / AgentAdminTabs / AgentSettingsShell)
+ * moved to `@happyvertical/smrt-agents/svelte`.
  */
-export * from './components/admin/index.js';
 export * from './components/forms/index.js';
 export * from './components/module/index.js';
 export * from './hooks/index.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,cAAc,6BAA6B,CAAC;AAE5C,cAAc,6BAA6B,CAAC;AAE5C,cAAc,8BAA8B,CAAC;AAE7C,cAAc,kBAAkB,CAAC;AAEjC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAExD,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAGH,cAAc,6BAA6B,CAAC;AAE5C,cAAc,8BAA8B,CAAC;AAE7C,cAAc,kBAAkB,CAAC;AAEjC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAExD,cAAc,kBAAkB,CAAC"}

package/dist/index.js

@@ -3,14 +3,14 @@
  *
  * Top-of-stack Svelte 5 integration layer for SMRT: the app `Provider`, auth /
  * AI hooks, browser-AI adapters, server-side i18n, and the domain-aware
- * composite components (admin, memberships, roles, module, workspace, forms).
+ * composite components (module, workspace, forms).
  *
  * Domain-agnostic UI primitives, the i18n client, the theme system, and the
  * module UI registry now live in `@happyvertical/smrt-ui` — import those from
- * there (e.g. `@happyvertical/smrt-ui/ui`, `@happyvertical/smrt-ui/i18n`).
+ * there (e.g. `@happyvertical/smrt-ui/ui`, `@happyvertical/smrt-ui/i18n`). The
+ * agent-admin shells (AgentAdminPanel / AgentAdminTabs / AgentSettingsShell)
+ * moved to `@happyvertical/smrt-agents/svelte`.
  */
-// Admin components
-export * from './components/admin/index.js';
 // Form components
 export * from './components/forms/index.js';
 // Module components (for dynamic module UI rendering)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@happyvertical/smrt-svelte",
-  "version": "0.33.1",
+  "version": "0.34.0",
   "description": "Svelte 5 components for SMRT user management - auth, users, tenants, roles, permissions, groups",
   "type": "module",
   "main": "./dist/index.js",
@@ -13,12 +13,6 @@
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     },
-    "./admin": {
-      "types": "./dist/components/admin/index.d.ts",
-      "svelte": "./dist/components/admin/index.js",
-      "import": "./dist/components/admin/index.js",
-      "default": "./dist/components/admin/index.js"
-    },
     "./forms": {
       "types": "./dist/components/forms/index.d.ts",
       "svelte": "./dist/components/forms/index.js",
@@ -83,10 +77,9 @@
   "dependencies": {
     "@happyvertical/logger": "^0.74.7",
     "esm-env": "^1.2.2",
-    "@happyvertical/smrt-types": "0.33.1",
-    "@happyvertical/smrt-agents": "0.33.1",
-    "@happyvertical/smrt-ui": "0.33.1",
-    "@happyvertical/smrt-languages": "0.33.1"
+    "@happyvertical/smrt-languages": "0.34.0",
+    "@happyvertical/smrt-types": "0.34.0",
+    "@happyvertical/smrt-ui": "0.34.0"
   },
   "peerDependencies": {
     "@huggingface/transformers": ">=3.0.0",

package/dist/components/admin/AgentAdminPanel.svelte

@@ -1,111 +0,0 @@
-<script lang="ts">
-import type {
-  AdminPanelBaseProps,
-  AgentUIComponentRegistry,
-  AgentUISlot,
-} from '@happyvertical/smrt-agents/ui';
-import { useI18n } from '@happyvertical/smrt-ui/i18n';
-import { M } from '../../i18n/strings.workspace.js';
-
-const { t } = useI18n();
-
-export interface Props {
-  /** The registry to look up components from */
-  registry: AgentUIComponentRegistry;
-  /** The agent class name (e.g., 'Praeco') */
-  agentClass: string;
-  /** The slot ID to render */
-  slotId: string;
-  /** The slot definition */
-  slot: AgentUISlot;
-  /** The current configuration for this slot */
-  config: unknown;
-  /** Callback when config is saved */
-  onSave?: (config: unknown) => Promise<void>;
-  /** Whether the panel is read-only */
-  readonly?: boolean;
-  /** File-based config defaults */
-  fileConfig?: unknown;
-  /** Database-persisted config overrides */
-  dbConfig?: unknown;
-}
-
-const {
-  registry,
-  agentClass,
-  slotId,
-  slot,
-  config,
-  onSave,
-  readonly = false,
-  fileConfig,
-  dbConfig,
-}: Props = $props();
-
-const Component = $derived(registry.get(agentClass, slotId));
-
-async function handleSave(newConfig: unknown) {
-  await onSave?.(newConfig);
-}
-</script>
-
-{#if Component}
-	<Component
-		{config}
-		onSave={handleSave}
-		{readonly}
-		{fileConfig}
-		{dbConfig}
-	/>
-{:else}
-	<div class="no-panel">
-		<div class="no-panel-icon">⚙️</div>
-		<p class="no-panel-message">
-			{t(M['ui.agent_admin_panel.no_panel_message'])} <code>{agentClass}.{slotId}</code>
-		</p>
-		<p class="no-panel-hint">
-			{t(M['ui.agent_admin_panel.no_panel_hint'])}
-		</p>
-	</div>
-{/if}
-
-<style>
-	.no-panel {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		padding: 3rem 2rem;
-		text-align: center;
-		background: var(--smrt-color-surface-container-low, #f8fafc);
-		border: 1px dashed var(--smrt-color-outline-variant, #e2e8f0);
-		border-radius: var(--smrt-radius-medium, 8px);
-		min-height: 200px;
-	}
-
-	.no-panel-icon {
-		font-size: var(--smrt-typography-display-medium-size, 2.5rem);
-		margin-bottom: 1rem;
-		opacity: 0.5;
-	}
-
-	.no-panel-message {
-		margin: 0 0 0.5rem 0;
-		font-size: var(--smrt-typography-body-large-size, 0.9375rem);
-		color: var(--smrt-color-on-surface-variant, #64748b);
-	}
-
-	.no-panel-message code {
-		background: var(--smrt-color-surface-container-high, #e2e8f0);
-		padding: var(--smrt-spacing-1, 0.125rem) var(--smrt-spacing-2, 0.375rem);
-		border-radius: var(--smrt-radius-small, 4px);
-		font-family: var(--smrt-font-family-mono, 'SF Mono', Monaco, Consolas, monospace);
-		font-size: var(--smrt-typography-body-medium-size, 0.875rem);
-	}
-
-	.no-panel-hint {
-		margin: 0;
-		font-size: var(--smrt-typography-body-medium-size, 0.8125rem);
-		color: var(--smrt-color-on-surface-variant, #94a3b8);
-	}
-</style>

package/dist/components/admin/AgentAdminPanel.svelte.d.ts

@@ -1,25 +0,0 @@
-import type { AgentUIComponentRegistry, AgentUISlot } from '@happyvertical/smrt-agents/ui';
-export interface Props {
-    /** The registry to look up components from */
-    registry: AgentUIComponentRegistry;
-    /** The agent class name (e.g., 'Praeco') */
-    agentClass: string;
-    /** The slot ID to render */
-    slotId: string;
-    /** The slot definition */
-    slot: AgentUISlot;
-    /** The current configuration for this slot */
-    config: unknown;
-    /** Callback when config is saved */
-    onSave?: (config: unknown) => Promise<void>;
-    /** Whether the panel is read-only */
-    readonly?: boolean;
-    /** File-based config defaults */
-    fileConfig?: unknown;
-    /** Database-persisted config overrides */
-    dbConfig?: unknown;
-}
-declare const AgentAdminPanel: import("svelte").Component<Props, {}, "">;
-type AgentAdminPanel = ReturnType<typeof AgentAdminPanel>;
-export default AgentAdminPanel;
-//# sourceMappingURL=AgentAdminPanel.svelte.d.ts.map

package/dist/components/admin/AgentAdminPanel.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AgentAdminPanel.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/admin/AgentAdminPanel.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,wBAAwB,EACxB,WAAW,EACZ,MAAM,+BAA+B,CAAC;AAKvC,MAAM,WAAW,KAAK;IACpB,8CAA8C;IAC9C,QAAQ,EAAE,wBAAwB,CAAC;IACnC,4CAA4C;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,IAAI,EAAE,WAAW,CAAC;IAClB,8CAA8C;IAC9C,MAAM,EAAE,OAAO,CAAC;IAChB,oCAAoC;IACpC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA8CD,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/components/admin/AgentAdminTabs.svelte

@@ -1,280 +0,0 @@
-<script lang="ts">
-import type {
-  AgentUIComponentRegistry,
-  AgentUISlots,
-} from '@happyvertical/smrt-agents/ui';
-import { useI18n } from '@happyvertical/smrt-ui/i18n';
-import { M } from '../../i18n/strings.workspace.js';
-import AgentAdminPanel from './AgentAdminPanel.svelte';
-
-const { t } = useI18n();
-
-export interface Props {
-  /** The registry to look up components from */
-  registry: AgentUIComponentRegistry;
-  /** The agent class name (e.g., 'Praeco') */
-  agentClass: string;
-  /** UI slots declared by the agent */
-  slots: AgentUISlots;
-  /** Config data for each slot (keyed by slotId) */
-  configs: Record<string, unknown>;
-  /** Callback when a slot config is saved */
-  onSave?: (slotId: string, config: unknown) => Promise<void>;
-  /** Whether all panels are read-only */
-  readonly?: boolean;
-  /** File-based configs for each slot */
-  fileConfigs?: Record<string, unknown>;
-  /** Database configs for each slot */
-  dbConfigs?: Record<string, unknown>;
-}
-
-const {
-  registry,
-  agentClass,
-  slots,
-  configs,
-  onSave,
-  readonly = false,
-  fileConfigs = {},
-  dbConfigs = {},
-}: Props = $props();
-
-// Sort slots by order, then by label
-const sortedSlots = $derived(
-  Object.entries(slots).sort(([, a], [, b]) => {
-    const orderA = a.order ?? 99;
-    const orderB = b.order ?? 99;
-    if (orderA !== orderB) return orderA - orderB;
-    return a.label.localeCompare(b.label);
-  }),
-);
-
-let activeSlotId = $state<string | null>(null);
-let tablistEl: HTMLElement | null = $state(null);
-
-// Initialize active slot to first sorted slot
-$effect(() => {
-  if (activeSlotId === null && sortedSlots.length > 0) {
-    activeSlotId = sortedSlots[0][0];
-  }
-});
-
-function handleSlotClick(slotId: string) {
-  activeSlotId = slotId;
-}
-
-/**
- * Handle keyboard navigation for accessibility
- */
-function handleKeydown(event: KeyboardEvent, currentSlotId: string) {
-  const enabledSlots = sortedSlots;
-  const currentIndex = enabledSlots.findIndex(([id]) => id === currentSlotId);
-
-  if (currentIndex === -1) return;
-
-  let nextIndex: number | null = null;
-
-  switch (event.key) {
-    case 'ArrowRight':
-      event.preventDefault();
-      nextIndex = (currentIndex + 1) % enabledSlots.length;
-      break;
-    case 'ArrowLeft':
-      event.preventDefault();
-      nextIndex =
-        (currentIndex - 1 + enabledSlots.length) % enabledSlots.length;
-      break;
-    case 'Home':
-      event.preventDefault();
-      nextIndex = 0;
-      break;
-    case 'End':
-      event.preventDefault();
-      nextIndex = enabledSlots.length - 1;
-      break;
-  }
-
-  if (nextIndex !== null && nextIndex !== currentIndex) {
-    const [nextSlotId] = enabledSlots[nextIndex];
-    activeSlotId = nextSlotId;
-    // Focus the next tab after DOM update
-    requestAnimationFrame(() => {
-      const tabButton = tablistEl?.querySelector(
-        `[data-tab-id="${CSS.escape(nextSlotId)}"]`,
-      ) as HTMLElement;
-      tabButton?.focus();
-    });
-  }
-}
-
-async function handleSave(config: unknown) {
-  if (activeSlotId && onSave) {
-    await onSave(activeSlotId, config);
-  }
-}
-</script>
-
-<div class="agent-admin-tabs">
-	<div class="tabs-nav" role="tablist" aria-label={t(M['ui.agent_admin_tabs.tablist_label'])} bind:this={tablistEl}>
-		{#each sortedSlots as [slotId, slot]}
-			<button
-				class="tab-button"
-				class:active={activeSlotId === slotId}
-				role="tab"
-				aria-selected={activeSlotId === slotId}
-				aria-controls="panel-{slotId}"
-				id="tab-{slotId}"
-				data-tab-id={slotId}
-				tabindex={activeSlotId === slotId ? 0 : -1}
-				onclick={() => handleSlotClick(slotId)}
-				onkeydown={(e) => handleKeydown(e, slotId)}
-			>
-				{#if slot.icon}
-					<span class="tab-icon" aria-hidden="true">{slot.icon}</span>
-				{/if}
-				<span class="tab-label">{slot.label}</span>
-			</button>
-		{/each}
-	</div>
-
-	<div class="tab-content">
-		{#if activeSlotId && slots[activeSlotId]}
-			{@const activeSlot = slots[activeSlotId]}
-			<div
-				id="panel-{activeSlotId}"
-				class="tab-panel"
-				role="tabpanel"
-				aria-labelledby="tab-{activeSlotId}"
-			>
-				{#if activeSlot.description}
-					<p class="slot-description">{activeSlot.description}</p>
-				{/if}
-
-				<AgentAdminPanel
-					{registry}
-					{agentClass}
-					slotId={activeSlotId}
-					slot={activeSlot}
-					config={configs[activeSlotId] ?? {}}
-					onSave={handleSave}
-					{readonly}
-					fileConfig={fileConfigs[activeSlotId]}
-					dbConfig={dbConfigs[activeSlotId]}
-				/>
-			</div>
-		{:else}
-			<div class="no-slots">
-				<p>{t(M['ui.agent_admin_tabs.no_slots'])}</p>
-			</div>
-		{/if}
-	</div>
-</div>
-
-<style>
-	.agent-admin-tabs {
-		display: flex;
-		flex-direction: column;
-		gap: 1rem;
-	}
-
-	.tabs-nav {
-		display: flex;
-		gap: 0.25rem;
-		border-bottom: 1px solid var(--smrt-color-outline-variant, #e2e8f0);
-		padding-bottom: 0;
-	}
-
-	.tab-button {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		padding: 0.75rem 1rem;
-		border: none;
-		background: transparent;
-		color: var(--smrt-color-on-surface-variant, #64748b);
-		font-size: var(--smrt-typography-label-large-size, 0.875rem);
-		font-weight: var(--smrt-typography-weight-medium, 500);
-		cursor: pointer;
-		border-bottom: 2px solid transparent;
-		margin-bottom: -1px;
-		transition:
-			color var(--smrt-duration-short2, 150ms) var(--smrt-easing-standard, ease),
-			border-color var(--smrt-duration-short2, 150ms) var(--smrt-easing-standard, ease);
-	}
-
-	.tab-button:hover:not(:disabled) {
-		color: var(--smrt-color-on-surface, #334155);
-	}
-
-	.tab-button.active {
-		color: var(--smrt-color-primary, #3b82f6);
-		border-bottom-color: var(--smrt-color-primary, #3b82f6);
-	}
-
-	.tab-button:disabled {
-		opacity: 0.38;
-		cursor: not-allowed;
-	}
-
-	.tab-button:focus-visible {
-		outline: 2px solid var(--smrt-color-primary, #3b82f6);
-		outline-offset: 2px;
-	}
-
-	.tab-icon {
-		font-size: var(--smrt-typography-title-medium-size, 1rem);
-		opacity: 0.8;
-	}
-
-	.tab-label {
-		white-space: nowrap;
-	}
-
-	.tab-content {
-		min-height: 300px;
-	}
-
-	.tab-panel {
-		animation: fadeIn var(--smrt-duration-short2, 150ms) var(--smrt-easing-standard, ease-out);
-	}
-
-	@keyframes fadeIn {
-		from {
-			opacity: 0;
-			transform: translateY(4px);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
-	@media (prefers-reduced-motion: reduce) {
-		.tab-panel {
-			animation: none;
-		}
-	}
-
-	.slot-description {
-		margin: 0 0 1rem 0;
-		padding: 0.75rem 1rem;
-		background: var(--smrt-color-primary-container, #f0f9ff);
-		border-left: 3px solid var(--smrt-color-primary, #3b82f6);
-		border-radius: 0 var(--smrt-radius-md, 8px) var(--smrt-radius-md, 8px) 0;
-		font-size: var(--smrt-typography-body-medium-size, 0.875rem);
-		color: var(--smrt-color-on-primary-container, #1e40af);
-	}
-
-	.no-slots {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		min-height: 200px;
-		color: var(--smrt-color-on-surface-variant, #64748b);
-		font-size: var(--smrt-typography-body-medium-size, 0.9375rem);
-	}
-
-	.no-slots p {
-		margin: 0;
-	}
-</style>

package/dist/components/admin/AgentAdminTabs.svelte.d.ts

@@ -1,23 +0,0 @@
-import type { AgentUIComponentRegistry, AgentUISlots } from '@happyvertical/smrt-agents/ui';
-export interface Props {
-    /** The registry to look up components from */
-    registry: AgentUIComponentRegistry;
-    /** The agent class name (e.g., 'Praeco') */
-    agentClass: string;
-    /** UI slots declared by the agent */
-    slots: AgentUISlots;
-    /** Config data for each slot (keyed by slotId) */
-    configs: Record<string, unknown>;
-    /** Callback when a slot config is saved */
-    onSave?: (slotId: string, config: unknown) => Promise<void>;
-    /** Whether all panels are read-only */
-    readonly?: boolean;
-    /** File-based configs for each slot */
-    fileConfigs?: Record<string, unknown>;
-    /** Database configs for each slot */
-    dbConfigs?: Record<string, unknown>;
-}
-declare const AgentAdminTabs: import("svelte").Component<Props, {}, "">;
-type AgentAdminTabs = ReturnType<typeof AgentAdminTabs>;
-export default AgentAdminTabs;
-//# sourceMappingURL=AgentAdminTabs.svelte.d.ts.map

package/dist/components/admin/AgentAdminTabs.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AgentAdminTabs.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/admin/AgentAdminTabs.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,wBAAwB,EACxB,YAAY,EACb,MAAM,+BAA+B,CAAC;AAMvC,MAAM,WAAW,KAAK;IACpB,8CAA8C;IAC9C,QAAQ,EAAE,wBAAwB,CAAC;IACnC,4CAA4C;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,KAAK,EAAE,YAAY,CAAC;IACpB,kDAAkD;IAClD,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,2CAA2C;IAC3C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACrC;AAkID,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/components/admin/AgentSettingsShell.svelte

@@ -1,325 +0,0 @@
-<script lang="ts">
-import type {
-  AgentUIComponentRegistry,
-  AgentUISlots,
-} from '@happyvertical/smrt-agents/ui';
-import { useI18n } from '@happyvertical/smrt-ui/i18n';
-import { M } from '../../i18n/strings.workspace.js';
-import AgentAdminTabs from './AgentAdminTabs.svelte';
-
-const { t } = useI18n();
-
-/**
- * Serialized agent data passed from server
- * (Agent instances can't be passed directly to client)
- */
-interface AgentData {
-  id: string;
-  name?: string;
-  /** Agent class name (e.g., 'Praeco') - determined from _meta_type or explicit */
-  agentClass: string;
-  /** UI slots for this agent */
-  slots: AgentUISlots;
-}
-
-export interface Props {
-  /** The registry to look up components from */
-  registry: AgentUIComponentRegistry;
-  /** List of agents to display (serialized data, not instances) */
-  agents: AgentData[];
-  /** Config data for each agent and slot: agentId -> slotId -> config */
-  configs: Record<string, Record<string, unknown>>;
-  /** Callback when a config is saved */
-  onSave?: (agentId: string, slotId: string, config: unknown) => Promise<void>;
-  /** Whether all panels are read-only */
-  readonly?: boolean;
-  /** File configs: agentId -> slotId -> config */
-  fileConfigs?: Record<string, Record<string, unknown>>;
-  /** Database configs: agentId -> slotId -> config */
-  dbConfigs?: Record<string, Record<string, unknown>>;
-}
-
-const {
-  registry,
-  agents,
-  configs,
-  onSave,
-  readonly = false,
-  fileConfigs = {},
-  dbConfigs = {},
-}: Props = $props();
-
-// Stable per-instance id base so multiple shells don't collide on tab/panel ids.
-const idBase = $props.id();
-
-let activeAgentId = $state<string | null>(null);
-let tablistEl: HTMLElement | null = $state(null);
-
-// Initialize to first agent
-$effect(() => {
-  if (activeAgentId === null && agents.length > 0) {
-    activeAgentId = agents[0].id;
-  }
-});
-
-const activeAgent = $derived(agents.find((a) => a.id === activeAgentId));
-
-function handleAgentClick(agentId: string) {
-  activeAgentId = agentId;
-}
-
-/**
- * Roving-tabindex keyboard navigation for the agent switcher (C8). The list is
- * a vertical tablist, so Up/Down move between agents (plus Home/End); mirrors
- * the horizontal pattern in AgentAdminTabs.
- */
-function handleAgentKeydown(event: KeyboardEvent, currentAgentId: string) {
-  const currentIndex = agents.findIndex((a) => a.id === currentAgentId);
-  if (currentIndex === -1) return;
-
-  let nextIndex: number | null = null;
-  switch (event.key) {
-    case 'ArrowDown':
-    case 'ArrowRight':
-      event.preventDefault();
-      nextIndex = (currentIndex + 1) % agents.length;
-      break;
-    case 'ArrowUp':
-    case 'ArrowLeft':
-      event.preventDefault();
-      nextIndex = (currentIndex - 1 + agents.length) % agents.length;
-      break;
-    case 'Home':
-      event.preventDefault();
-      nextIndex = 0;
-      break;
-    case 'End':
-      event.preventDefault();
-      nextIndex = agents.length - 1;
-      break;
-  }
-
-  if (nextIndex !== null && nextIndex !== currentIndex) {
-    const nextAgentId = agents[nextIndex].id;
-    activeAgentId = nextAgentId;
-    // Focus the newly-selected tab after the DOM updates.
-    requestAnimationFrame(() => {
-      const tabButton = tablistEl?.querySelector(
-        `[data-agent-id="${CSS.escape(nextAgentId)}"]`,
-      ) as HTMLElement | null;
-      tabButton?.focus();
-    });
-  }
-}
-
-async function handleSave(slotId: string, config: unknown) {
-  if (activeAgentId && onSave) {
-    await onSave(activeAgentId, slotId, config);
-  }
-}
-</script>
-
-<div class="agent-settings-shell" class:single-agent={agents.length === 1}>
-	{#if agents.length > 1}
-		<aside class="agents-sidebar">
-			<h3 class="sidebar-title" id="{idBase}-agents-title">Agents</h3>
-			<div
-				class="agents-list"
-				role="tablist"
-				aria-orientation="vertical"
-				aria-labelledby="{idBase}-agents-title"
-				bind:this={tablistEl}
-			>
-				{#each agents as agent}
-					<button
-						class="agent-button"
-						class:active={activeAgentId === agent.id}
-						role="tab"
-						aria-selected={activeAgentId === agent.id}
-						aria-controls="{idBase}-panel"
-						id="{idBase}-tab-{agent.id}"
-						data-agent-id={agent.id}
-						tabindex={activeAgentId === agent.id ? 0 : -1}
-						onclick={() => handleAgentClick(agent.id)}
-						onkeydown={(e) => handleAgentKeydown(e, agent.id)}
-					>
-						<span class="agent-class">{agent.agentClass}</span>
-						{#if agent.name}
-							<span class="agent-name">{agent.name}</span>
-						{/if}
-					</button>
-				{/each}
-			</div>
-		</aside>
-	{/if}
-
-	<main
-		class="agent-content"
-		id="{idBase}-panel"
-		role={agents.length > 1 ? 'tabpanel' : undefined}
-		aria-labelledby={agents.length > 1 && activeAgentId
-			? `${idBase}-tab-${activeAgentId}`
-			: undefined}
-	>
-		{#if activeAgent}
-			<header class="agent-header">
-				<h2 class="agent-title">{activeAgent.agentClass}</h2>
-				{#if activeAgent.name}
-					<p class="agent-subtitle">{activeAgent.name}</p>
-				{/if}
-			</header>
-
-			<AgentAdminTabs
-				{registry}
-				agentClass={activeAgent.agentClass}
-				slots={activeAgent.slots}
-				configs={configs[activeAgent.id] ?? {}}
-				onSave={handleSave}
-				{readonly}
-				fileConfigs={fileConfigs[activeAgent.id]}
-				dbConfigs={dbConfigs[activeAgent.id]}
-			/>
-		{:else if agents.length === 0}
-			<div class="no-agents">
-				<div class="no-agents-icon">🤖</div>
-				<p class="no-agents-message">{t(M['ui.agent_settings_shell.no_agents_message'])}</p>
-				<p class="no-agents-hint">
-					{t(M['ui.agent_settings_shell.no_agents_hint'])}
-				</p>
-			</div>
-		{/if}
-	</main>
-</div>
-
-<style>
-	.agent-settings-shell {
-		display: grid;
-		grid-template-columns: 220px 1fr;
-		gap: 1.5rem;
-		min-height: 400px;
-	}
-
-	.agent-settings-shell.single-agent {
-		grid-template-columns: 1fr;
-	}
-
-	.agents-sidebar {
-		background: var(--smrt-color-surface-container-low, #f8fafc);
-		border-radius: var(--smrt-radius-medium, 8px);
-		padding: var(--smrt-spacing-4, 1rem);
-		border: 1px solid var(--smrt-color-outline-variant, #e2e8f0);
-	}
-
-	.sidebar-title {
-		margin: 0 0 0.75rem 0;
-		padding: 0 0.5rem 0.75rem;
-		font-size: var(--smrt-typography-label-medium-size, 0.75rem);
-		font-weight: var(--smrt-typography-weight-semibold, 600);
-		text-transform: uppercase;
-		letter-spacing: var(--smrt-typography-label-medium-tracking, 0.05em);
-		color: var(--smrt-color-on-surface-variant, #64748b);
-		border-bottom: 1px solid var(--smrt-color-outline-variant, #e2e8f0);
-	}
-
-	.agents-list {
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-	}
-
-	.agent-button {
-		display: flex;
-		flex-direction: column;
-		align-items: flex-start;
-		gap: 0.125rem;
-		padding: 0.625rem 0.75rem;
-		border: none;
-		background: transparent;
-		border-radius: var(--smrt-radius-md, 8px);
-		cursor: pointer;
-		text-align: left;
-		width: 100%;
-		transition:
-			background-color var(--smrt-duration-short2, 150ms) var(--smrt-easing-standard, ease),
-			color var(--smrt-duration-short2, 150ms) var(--smrt-easing-standard, ease);
-	}
-
-	.agent-button:hover {
-		background: var(--smrt-color-surface-container-high, #e2e8f0);
-	}
-
-	.agent-button.active {
-		background: var(--smrt-color-primary, #3b82f6);
-	}
-
-	.agent-button.active .agent-class,
-	.agent-button.active .agent-name {
-		color: var(--smrt-color-on-primary, white);
-	}
-
-	.agent-class {
-		font-size: var(--smrt-typography-title-small-size, 0.875rem);
-		font-weight: var(--smrt-typography-weight-semibold, 600);
-		color: var(--smrt-color-on-surface, #1e293b);
-	}
-
-	.agent-name {
-		font-size: var(--smrt-typography-body-small-size, 0.75rem);
-		color: var(--smrt-color-on-surface-variant, #64748b);
-	}
-
-	.agent-content {
-		min-width: 0;
-	}
-
-	.agent-header {
-		margin-bottom: 1.5rem;
-		padding-bottom: 1rem;
-		border-bottom: 1px solid var(--smrt-color-outline-variant, #e2e8f0);
-	}
-
-	.agent-title {
-		margin: 0;
-		font-size: var(--smrt-typography-headline-medium-size, 1.5rem);
-		font-weight: var(--smrt-typography-weight-semibold, 600);
-		color: var(--smrt-color-on-surface);
-	}
-
-	.agent-subtitle {
-		margin: 0.25rem 0 0;
-		font-size: var(--smrt-typography-body-medium-size, 0.9375rem);
-		color: var(--smrt-color-on-surface-variant, #64748b);
-	}
-
-	.no-agents {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		padding: 4rem 2rem;
-		text-align: center;
-		background: var(--smrt-color-surface-variant);
-		border: 1px dashed var(--smrt-color-outline-variant);
-		border-radius: var(--smrt-radius-md, 8px);
-		min-height: 300px;
-	}
-
-	.no-agents-icon {
-		font-size: var(--smrt-typography-display-medium-size, 3rem);
-		margin-bottom: 1rem;
-		opacity: 0.5;
-	}
-
-	.no-agents-message {
-		margin: 0 0 0.5rem 0;
-		font-size: var(--smrt-typography-body-large-size, 1rem);
-		color: var(--smrt-color-on-surface-variant, #64748b);
-	}
-
-	.no-agents-hint {
-		margin: 0;
-		font-size: var(--smrt-typography-body-medium-size, 0.875rem);
-		color: var(--smrt-color-on-surface-variant, #94a3b8);
-		max-width: 400px;
-	}
-</style>

package/dist/components/admin/AgentSettingsShell.svelte.d.ts

@@ -1,33 +0,0 @@
-import type { AgentUIComponentRegistry, AgentUISlots } from '@happyvertical/smrt-agents/ui';
-/**
- * Serialized agent data passed from server
- * (Agent instances can't be passed directly to client)
- */
-interface AgentData {
-    id: string;
-    name?: string;
-    /** Agent class name (e.g., 'Praeco') - determined from _meta_type or explicit */
-    agentClass: string;
-    /** UI slots for this agent */
-    slots: AgentUISlots;
-}
-export interface Props {
-    /** The registry to look up components from */
-    registry: AgentUIComponentRegistry;
-    /** List of agents to display (serialized data, not instances) */
-    agents: AgentData[];
-    /** Config data for each agent and slot: agentId -> slotId -> config */
-    configs: Record<string, Record<string, unknown>>;
-    /** Callback when a config is saved */
-    onSave?: (agentId: string, slotId: string, config: unknown) => Promise<void>;
-    /** Whether all panels are read-only */
-    readonly?: boolean;
-    /** File configs: agentId -> slotId -> config */
-    fileConfigs?: Record<string, Record<string, unknown>>;
-    /** Database configs: agentId -> slotId -> config */
-    dbConfigs?: Record<string, Record<string, unknown>>;
-}
-declare const AgentSettingsShell: import("svelte").Component<Props, {}, "">;
-type AgentSettingsShell = ReturnType<typeof AgentSettingsShell>;
-export default AgentSettingsShell;
-//# sourceMappingURL=AgentSettingsShell.svelte.d.ts.map

package/dist/components/admin/AgentSettingsShell.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AgentSettingsShell.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/admin/AgentSettingsShell.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,wBAAwB,EACxB,YAAY,EACb,MAAM,+BAA+B,CAAC;AAMvC;;;GAGG;AACH,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iFAAiF;IACjF,UAAU,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,MAAM,WAAW,KAAK;IACpB,8CAA8C;IAC9C,QAAQ,EAAE,wBAAwB,CAAC;IACnC,iEAAiE;IACjE,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,uEAAuE;IACvE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACjD,sCAAsC;IACtC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7E,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACtD,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;CACrD;AAwID,QAAA,MAAM,kBAAkB,2CAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

package/dist/components/admin/__tests__/AgentSettingsShell.tablist.test.js

@@ -1,93 +0,0 @@
-/**
- * Regression: the agent switcher is a proper ARIA tablist (C8).
- *
- * It was a <nav> of <button>s acting as single-select tabs, with no
- * role/aria-selected/roving-tabindex/arrow-key nav — unlike sibling
- * AgentAdminTabs which does the full tablist. The fix adds role="tablist" +
- * role="tab" + aria-selected + roving tabindex + Up/Down/Home/End navigation,
- * and marks the content panel role="tabpanel".
- */
-import { createUIRegistry } from '@happyvertical/smrt-agents/ui';
-import { render, screen, waitFor, within } from '@testing-library/svelte';
-import userEvent from '@testing-library/user-event';
-import { describe, expect, it } from 'vitest';
-import AgentSettingsShell from '../AgentSettingsShell.svelte';
-/**
- * Roving focus moves via requestAnimationFrame, so wait for the expected tab to
- * actually receive focus before dispatching the next key (otherwise the next
- * keydown fires on the previously-focused tab).
- */
-async function expectFocused(el) {
-    await waitFor(() => expect(el).toHaveFocus());
-}
-function agents() {
-    return [
-        { id: 'a1', agentClass: 'Praeco', name: 'Alpha', slots: {} },
-        { id: 'a2', agentClass: 'Caelus', name: 'Beta', slots: {} },
-        { id: 'a3', agentClass: 'Nimbus', name: 'Gamma', slots: {} },
-    ];
-}
-function renderShell() {
-    return render(AgentSettingsShell, {
-        props: {
-            registry: createUIRegistry(),
-            agents: agents(),
-            configs: {},
-        },
-    });
-}
-/**
- * The shell embeds AgentAdminTabs (its own slot tablist), so scope queries to
- * the agent-switcher tablist — identified by its "Agents" accessible name.
- */
-function switcher() {
-    return screen.getByRole('tablist', { name: 'Agents' });
-}
-function switcherTabs() {
-    return within(switcher()).getAllByRole('tab');
-}
-describe('AgentSettingsShell — agent switcher tablist (C8)', () => {
-    it('renders a tablist of tabs with the first selected', () => {
-        renderShell();
-        expect(switcher()).toBeInTheDocument();
-        const tabs = switcherTabs();
-        expect(tabs).toHaveLength(3);
-        expect(tabs[0]).toHaveAttribute('aria-selected', 'true');
-        expect(tabs[1]).toHaveAttribute('aria-selected', 'false');
-    });
-    it('uses a roving tabindex (only the selected tab is tabbable)', () => {
-        renderShell();
-        const tabs = switcherTabs();
-        expect(tabs[0]).toHaveAttribute('tabindex', '0');
-        expect(tabs[1]).toHaveAttribute('tabindex', '-1');
-        expect(tabs[2]).toHaveAttribute('tabindex', '-1');
-    });
-    it('moves selection with ArrowDown / ArrowUp', async () => {
-        renderShell();
-        switcherTabs()[0].focus();
-        await userEvent.keyboard('{ArrowDown}');
-        expect(switcherTabs()[1]).toHaveAttribute('aria-selected', 'true');
-        await expectFocused(switcherTabs()[1]);
-        await userEvent.keyboard('{ArrowUp}');
-        expect(switcherTabs()[0]).toHaveAttribute('aria-selected', 'true');
-        await expectFocused(switcherTabs()[0]);
-    });
-    it('jumps to last/first with End / Home', async () => {
-        renderShell();
-        switcherTabs()[0].focus();
-        await userEvent.keyboard('{End}');
-        expect(switcherTabs()[2]).toHaveAttribute('aria-selected', 'true');
-        await expectFocused(switcherTabs()[2]);
-        await userEvent.keyboard('{Home}');
-        expect(switcherTabs()[0]).toHaveAttribute('aria-selected', 'true');
-        await expectFocused(switcherTabs()[0]);
-    });
-    it('exposes a tabpanel wired to the selected tab', () => {
-        renderShell();
-        const panel = screen.getByRole('tabpanel');
-        const selectedTab = switcherTabs().find((t) => t.getAttribute('aria-selected') === 'true');
-        expect(selectedTab).toBeTruthy();
-        expect(panel).toHaveAttribute('aria-labelledby', selectedTab?.id);
-        expect(selectedTab).toHaveAttribute('aria-controls', panel.id);
-    });
-});

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

@@ -1,5 +0,0 @@
-export type { AdminPanelBaseProps, AgentUIComponentRegistry, AgentUISlot, AgentUISlots, } from '@happyvertical/smrt-agents/ui';
-export { default as AgentAdminPanel } from './AgentAdminPanel.svelte';
-export { default as AgentAdminTabs } from './AgentAdminTabs.svelte';
-export { default as AgentSettingsShell } from './AgentSettingsShell.svelte';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/admin/index.ts"],"names":[],"mappings":"AAKA,YAAY,EACV,mBAAmB,EACnB,wBAAwB,EACxB,WAAW,EACX,YAAY,GACb,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/components/admin/index.js

@@ -1,6 +0,0 @@
-// Admin Panel Components
-// These components work with @happyvertical/smrt-agents to render
-// agent admin panels dynamically based on the AgentUIRegistry.
-export { default as AgentAdminPanel } from './AgentAdminPanel.svelte';
-export { default as AgentAdminTabs } from './AgentAdminTabs.svelte';
-export { default as AgentSettingsShell } from './AgentSettingsShell.svelte';