@happyvertical/smrt-agents 0.33.1 → 0.34.1

package/dist/svelte/components/AgentSettingsShell.svelte

@@ -0,0 +1,322 @@
+<script lang="ts">
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import type { AgentUIComponentRegistry, AgentUISlots } from '../../ui.js';
+import { M } from '../i18n.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/svelte/components/AgentSettingsShell.svelte.d.ts

@@ -0,0 +1,33 @@
+import type { AgentUIComponentRegistry, AgentUISlots } from '../../ui.js';
+/**
+ * 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/svelte/components/AgentSettingsShell.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentSettingsShell.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/AgentSettingsShell.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,wBAAwB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAK1E;;;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/svelte/components/__tests__/AgentSettingsShell.tablist.test.js

@@ -0,0 +1,94 @@
+// @vitest-environment jsdom
+/**
+ * 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/svelte/i18n.d.ts

@@ -29,5 +29,11 @@ export declare const M: {
     readonly 'agents.schedule_list.loading_schedules': "agents.schedule_list.loading_schedules";
     readonly 'agents.schedule_list.no_schedules_found': "agents.schedule_list.no_schedules_found";
     readonly 'agents.schedule_list.run_now': "agents.schedule_list.run_now";
+    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";
 };
 //# sourceMappingURL=i18n.d.ts.map

package/dist/svelte/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/svelte/i18n.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CZ,CAAC"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/svelte/i18n.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DZ,CAAC"}

package/dist/svelte/i18n.js

@@ -34,4 +34,13 @@ export const M = defineMessages({
     'agents.schedule_list.loading_schedules': 'Loading schedules...',
     'agents.schedule_list.no_schedules_found': 'No schedules found',
     'agents.schedule_list.run_now': 'Run Now',
+    // components/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/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/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.',
 });

package/dist/svelte/index.d.ts

@@ -1,23 +1,33 @@
 /**
  * Agents Module Svelte Components
  *
- * Optional Svelte UI components for agent schedule management.
- * Auto-registers components with ModuleUIRegistry on import.
+ * Optional Svelte UI components for agent schedule management and the
+ * agent-admin shells (AgentAdminPanel / AgentAdminTabs / AgentSettingsShell)
+ * that render UI-slot config panels against the agent UI registry.
+ * Schedule components auto-register with ModuleUIRegistry on import; the admin
+ * shells are imported directly (not module-registry discoverable).
  *
  * @packageDocumentation
  */
 import type { ComponentProps } from 'svelte';
+import AgentAdminPanel from './components/AgentAdminPanel.svelte';
+import AgentAdminTabs from './components/AgentAdminTabs.svelte';
 import AgentDashboard from './components/AgentDashboard.svelte';
 import AgentRunHistory from './components/AgentRunHistory.svelte';
 import AgentScheduleForm from './components/AgentScheduleForm.svelte';
 import AgentScheduleList from './components/AgentScheduleList.svelte';
+import AgentSettingsShell from './components/AgentSettingsShell.svelte';
 import ScheduleStatusBadge from './components/ScheduleStatusBadge.svelte';
-export { AgentDashboard, AgentRunHistory, AgentScheduleForm, AgentScheduleList, ScheduleStatusBadge, };
+export { AgentAdminPanel, AgentAdminTabs, AgentDashboard, AgentRunHistory, AgentScheduleForm, AgentScheduleList, AgentSettingsShell, ScheduleStatusBadge, };
+export type AgentAdminPanelProps = ComponentProps<typeof AgentAdminPanel>;
+export type AgentAdminTabsProps = ComponentProps<typeof AgentAdminTabs>;
 export type AgentDashboardProps = ComponentProps<typeof AgentDashboard>;
 export type AgentRunHistoryProps = ComponentProps<typeof AgentRunHistory>;
 export type AgentScheduleFormProps = ComponentProps<typeof AgentScheduleForm>;
 export type AgentScheduleListProps = ComponentProps<typeof AgentScheduleList>;
+export type AgentSettingsShellProps = ComponentProps<typeof AgentSettingsShell>;
 export type ScheduleStatusBadgeProps = ComponentProps<typeof ScheduleStatusBadge>;
+export type { AdminPanelBaseProps, AgentUIComponentRegistry, AgentUISlot, AgentUISlots, } from '../ui.js';
 export type { AgentDashboardProps as AgentDashboardPropsLegacy, AgentRunHistoryEntry, AgentRunHistoryProps as AgentRunHistoryPropsLegacy, AgentScheduleData, AgentScheduleFormProps as AgentScheduleFormPropsLegacy, AgentScheduleListProps as AgentScheduleListPropsLegacy, RunStatus, ScheduleFormData, ScheduleStatus, } from './types.js';
 export { calculateSuccessRate, formatCronExpression, formatDuration, formatRelativeTime, getRunStatusVariant, getScheduleStatusVariant, } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/svelte/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/svelte/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAI7C,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAChE,OAAO,eAAe,MAAM,qCAAqC,CAAC;AAClE,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AACtE,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AACtE,OAAO,mBAAmB,MAAM,yCAAyC,CAAC;AAG1E,OAAO,EACL,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,GACpB,CAAC;AAGF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;AACxE,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1E,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9E,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9E,MAAM,MAAM,wBAAwB,GAAG,cAAc,CACnD,OAAO,mBAAmB,CAC3B,CAAC;AAGF,YAAY,EACV,mBAAmB,IAAI,yBAAyB,EAChD,oBAAoB,EACpB,oBAAoB,IAAI,0BAA0B,EAClD,iBAAiB,EACjB,sBAAsB,IAAI,4BAA4B,EACtD,sBAAsB,IAAI,4BAA4B,EACtD,SAAS,EACT,gBAAgB,EAChB,cAAc,GACf,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,GACzB,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/svelte/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAI7C,OAAO,eAAe,MAAM,qCAAqC,CAAC;AAClE,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAChE,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAChE,OAAO,eAAe,MAAM,qCAAqC,CAAC;AAClE,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AACtE,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AACtE,OAAO,kBAAkB,MAAM,wCAAwC,CAAC;AACxE,OAAO,mBAAmB,MAAM,yCAAyC,CAAC;AAG1E,OAAO,EACL,eAAe,EACf,cAAc,EACd,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,GACpB,CAAC;AAGF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1E,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;AACxE,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;AACxE,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1E,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9E,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9E,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CACnD,OAAO,mBAAmB,CAC3B,CAAC;AAMF,YAAY,EACV,mBAAmB,EACnB,wBAAwB,EACxB,WAAW,EACX,YAAY,GACb,MAAM,UAAU,CAAC;AAGlB,YAAY,EACV,mBAAmB,IAAI,yBAAyB,EAChD,oBAAoB,EACpB,oBAAoB,IAAI,0BAA0B,EAClD,iBAAiB,EACjB,sBAAsB,IAAI,4BAA4B,EACtD,sBAAsB,IAAI,4BAA4B,EACtD,SAAS,EACT,gBAAgB,EAChB,cAAc,GACf,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,GACzB,MAAM,YAAY,CAAC"}

package/dist/svelte/index.js

@@ -1,21 +1,27 @@
 /**
  * Agents Module Svelte Components
  *
- * Optional Svelte UI components for agent schedule management.
- * Auto-registers components with ModuleUIRegistry on import.
+ * Optional Svelte UI components for agent schedule management and the
+ * agent-admin shells (AgentAdminPanel / AgentAdminTabs / AgentSettingsShell)
+ * that render UI-slot config panels against the agent UI registry.
+ * Schedule components auto-register with ModuleUIRegistry on import; the admin
+ * shells are imported directly (not module-registry discoverable).
  *
  * @packageDocumentation
  */
 import { ModuleUIRegistry } from '@happyvertical/smrt-ui/registry';
 import { AGENTS_MODULE_META } from '../ui.js';
 // Import components
+import AgentAdminPanel from './components/AgentAdminPanel.svelte';
+import AgentAdminTabs from './components/AgentAdminTabs.svelte';
 import AgentDashboard from './components/AgentDashboard.svelte';
 import AgentRunHistory from './components/AgentRunHistory.svelte';
 import AgentScheduleForm from './components/AgentScheduleForm.svelte';
 import AgentScheduleList from './components/AgentScheduleList.svelte';
+import AgentSettingsShell from './components/AgentSettingsShell.svelte';
 import ScheduleStatusBadge from './components/ScheduleStatusBadge.svelte';
 // Export components
-export { AgentDashboard, AgentRunHistory, AgentScheduleForm, AgentScheduleList, ScheduleStatusBadge, };
+export { AgentAdminPanel, AgentAdminTabs, AgentDashboard, AgentRunHistory, AgentScheduleForm, AgentScheduleList, AgentSettingsShell, ScheduleStatusBadge, };
 export { calculateSuccessRate, formatCronExpression, formatDuration, formatRelativeTime, getRunStatusVariant, getScheduleStatusVariant, } from './types.js';
 // Auto-register with ModuleUIRegistry
 ModuleUIRegistry.registerModule(AGENTS_MODULE_META);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@happyvertical/smrt-agents",
-  "version": "0.33.1",
+  "version": "0.34.1",
   "type": "module",
   "description": "Agent framework for building autonomous actors in the SMRT ecosystem",
   "author": "HappyVertical",
@@ -34,6 +34,11 @@
       "types": "./dist/svelte/index.d.ts",
       "svelte": "./dist/svelte/index.js",
       "import": "./dist/svelte/index.js"
+    },
+    "./svelte/admin": {
+      "types": "./dist/svelte/admin.d.ts",
+      "svelte": "./dist/svelte/admin.js",
+      "import": "./dist/svelte/admin.js"
     }
   },
   "files": [
@@ -53,19 +58,22 @@
     "@happyvertical/ai": "^0.74.7",
     "@happyvertical/files": "^0.74.7",
     "@happyvertical/utils": "^0.74.7",
-    "@happyvertical/smrt-config": "0.33.1",
-    "@happyvertical/smrt-core": "0.33.1",
-    "@happyvertical/smrt-secrets": "0.33.1",
-    "@happyvertical/smrt-tenancy": "0.33.1",
-    "@happyvertical/smrt-types": "0.33.1",
-    "@happyvertical/smrt-ui": "0.33.1",
-    "@happyvertical/smrt-users": "0.33.1"
+    "@happyvertical/smrt-config": "0.34.1",
+    "@happyvertical/smrt-core": "0.34.1",
+    "@happyvertical/smrt-secrets": "0.34.1",
+    "@happyvertical/smrt-tenancy": "0.34.1",
+    "@happyvertical/smrt-types": "0.34.1",
+    "@happyvertical/smrt-users": "0.34.1",
+    "@happyvertical/smrt-ui": "0.34.1"
   },
   "devDependencies": {
     "@happyvertical/logger": "^0.74.7",
     "@happyvertical/sql": "^0.74.7",
     "@sentry/node": "^10.51.0",
     "@sveltejs/package": "^2.5.7",
+    "@sveltejs/vite-plugin-svelte": "^6.2.4",
+    "@testing-library/svelte": "^5.3.1",
+    "@testing-library/user-event": "^14.6.1",
     "@types/node": "25.0.9",
     "fast-glob": "3.3.3",
     "svelte-check": "^4.3.5",
@@ -73,7 +81,7 @@
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
     "vitest": "^4.0.17",
-    "@happyvertical/smrt-vitest": "0.33.1"
+    "@happyvertical/smrt-vitest": "0.34.1"
   },
   "keywords": [
     "agent",

package/dist/chunks/config-BYbOxt24.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config-BYbOxt24.js","sources":["../../src/identity.ts","../../src/config.ts"],"sourcesContent":["import { getClassName, ObjectRegistry } from '@happyvertical/smrt-core';\n\n/**\n * Return the canonical agent type identifier for storage and dispatch routing.\n *\n * Uses the registry's qualified name when available and falls back to the input\n * name for dynamically defined or unregistered classes.\n */\nexport function getAgentTypeName(name: string): string {\n  const registered = ObjectRegistry.getClass(name);\n  return registered?.qualifiedName || registered?.name || name;\n}\n\n/**\n * Return the human-readable class name for UI and logs.\n */\nexport function getAgentClassName(name: string): string {\n  const registered = ObjectRegistry.getClass(name);\n  return registered?.name || getClassName(name);\n}\n\n/**\n * Return all meaningful aliases for an agent type.\n *\n * The qualified name is first so persistence lookups prefer canonical rows,\n * while the simple class name keeps legacy rows discoverable during migration.\n */\nexport function getAgentTypeAliases(name: string): string[] {\n  return Array.from(\n    new Set([getAgentTypeName(name), getAgentClassName(name)].filter(Boolean)),\n  );\n}\n","/**\n * AgentConfig - Persistent configuration storage for agents\n *\n * This module provides database-backed configuration for agents,\n * enabling consuming apps to persist agent settings.\n *\n * @module\n */\n\nimport {\n  field,\n  type SmrtClassOptions,\n  SmrtCollection,\n  SmrtObject,\n  smrt,\n} from '@happyvertical/smrt-core';\nimport { TenantScoped, tenantId } from '@happyvertical/smrt-tenancy';\nimport { getAgentTypeName } from './identity.js';\n\n/**\n * AgentConfig stores agent configuration in the database\n *\n * Each config record maps to a UI slot for an agent instance:\n * - agentId: The agent instance's ID\n * - agentClass: The canonical agent type (qualified name when available)\n * - slotId: The configuration slot (e.g., 'sources', 'settings')\n * - configData: JSON object containing the configuration\n *\n * @example\n * ```typescript\n * // Save config for an agent slot\n * const config = new AgentConfig({\n *   agentId: agent.id,\n *   agentClass: 'Praeco',\n *   slotId: 'sources',\n *   configData: { scrapers: ['civicweb', 'govstack'] },\n *   db: options.db\n * });\n * await config.initialize();\n * await config.save();\n * ```\n */\n@TenantScoped({ mode: 'optional' })\n@smrt({\n  tableName: 'agent_configs',\n  api: { include: ['list', 'get', 'create', 'update', 'delete'] },\n  mcp: { include: ['list', 'get'] },\n  cli: true,\n})\nexport class AgentConfig extends SmrtObject {\n  /**\n   * Tenant ID for multi-tenant isolation\n   * Nullable to support both tenant-scoped and global agent configs\n   */\n  @tenantId({ nullable: true })\n  tenantId: string | null = null;\n\n  /**\n   * ID of the agent instance this config belongs to\n   */\n  @field({ type: 'text' })\n  agentId: string = '';\n\n  /**\n   * Canonical agent type for this config (qualified name when available)\n   */\n  @field({ type: 'text' })\n  agentClass: string = '';\n\n  /**\n   * UI slot ID (e.g., 'sources', 'settings', 'reports')\n   */\n  @field({ type: 'text' })\n  slotId: string = '';\n\n  /**\n   * Configuration data stored as JSON\n   *\n   * Sensitive (#1540): agent config blobs routinely carry API keys/credentials,\n   * so this is excluded from generated API/MCP responses and rejected as a\n   * `where` filter key.\n   */\n  @field({ type: 'json', sensitive: true })\n  configData: Record<string, any> = {};\n\n  /**\n   * Schema version for future migrations\n   */\n  @field({ type: 'integer' })\n  schemaVersion: number = 1;\n\n  /**\n   * Load all configs for a specific agent\n   *\n   * @param agentId - Agent instance ID\n   * @param options - Database options\n   * @returns Map of slotId → configData\n   */\n  static async forAgent(\n    agentId: string,\n    options: SmrtClassOptions,\n  ): Promise<Map<string, any>> {\n    const configsByAgent = await AgentConfig.forAgents([agentId], options);\n    return configsByAgent.get(agentId) ?? new Map();\n  }\n\n  /**\n   * Load configs for multiple agents in a single query.\n   *\n   * @param agentIds - Agent instance IDs\n   * @param options - Database options\n   * @returns Map of agentId -> (slotId -> configData)\n   */\n  static async forAgents(\n    agentIds: string[],\n    options: SmrtClassOptions,\n  ): Promise<Map<string, Map<string, any>>> {\n    const configsByAgent = new Map<string, Map<string, any>>();\n    if (agentIds.length === 0) {\n      return configsByAgent;\n    }\n\n    const collection = await AgentConfigCollection.create(options);\n    const configs = await collection.list({\n      where: { 'agentId in': agentIds },\n    });\n\n    for (const config of configs) {\n      if (!configsByAgent.has(config.agentId)) {\n        configsByAgent.set(config.agentId, new Map());\n      }\n      configsByAgent.get(config.agentId)?.set(config.slotId, config.configData);\n    }\n\n    return configsByAgent;\n  }\n\n  /**\n   * Load config for a specific agent and slot\n   *\n   * @param agentId - Agent instance ID\n   * @param slotId - UI slot ID\n   * @param options - Database options\n   * @returns Config data or undefined if not found\n   */\n  static async forSlot(\n    agentId: string,\n    slotId: string,\n    options: SmrtClassOptions,\n  ): Promise<any | undefined> {\n    const collection = await AgentConfigCollection.create(options);\n    const configs = await collection.list({\n      where: { agentId, slotId },\n      limit: 1,\n    });\n    return configs[0]?.configData;\n  }\n\n  /**\n   * Save or update config for an agent slot\n   *\n   * @param data - Config data including agentId, agentClass, slotId, configData\n   * @param options - Database options\n   * @returns Saved AgentConfig instance\n   */\n  static async saveSlot(\n    data: {\n      agentId: string;\n      agentClass: string;\n      slotId: string;\n      configData: Record<string, any>;\n    },\n    options: SmrtClassOptions,\n  ): Promise<AgentConfig> {\n    const normalizedAgentClass = getAgentTypeName(data.agentClass);\n    const collection = await AgentConfigCollection.create(options);\n\n    // Check for existing config using list with where clause\n    const existingConfigs = await collection.list({\n      where: { agentId: data.agentId, slotId: data.slotId },\n      limit: 1,\n    });\n\n    if (existingConfigs.length > 0) {\n      // Update existing\n      const existing = existingConfigs[0];\n      existing.configData = data.configData;\n      existing.agentClass = normalizedAgentClass;\n      await existing.save();\n      return existing;\n    }\n\n    // Create new\n    const config = await collection.create({\n      agentId: data.agentId,\n      agentClass: normalizedAgentClass,\n      slotId: data.slotId,\n      configData: data.configData,\n      slug: `${data.agentId}-${data.slotId}`,\n    });\n    await config.save();\n    return config;\n  }\n}\n\n/**\n * Collection for AgentConfig objects\n */\nexport class AgentConfigCollection extends SmrtCollection<AgentConfig> {\n  static readonly _itemClass = AgentConfig;\n\n  /**\n   * Find all configs for a specific tenant\n   * @param tenantId - Tenant ID to filter by\n   * @returns Array of AgentConfig objects for the tenant\n   */\n  async findByTenant(tenantId: string): Promise<AgentConfig[]> {\n    return this.list({ where: { tenantId } });\n  }\n\n  /**\n   * Find all global configs (not associated with any tenant)\n   * @returns Array of global AgentConfig objects\n   */\n  async findGlobal(): Promise<AgentConfig[]> {\n    return this.list({ where: { tenantId: null } });\n  }\n\n  /**\n   * Find configs for a tenant including global configs\n   * @param tenantId - Tenant ID to include\n   * @returns Array of AgentConfig objects for the tenant and global configs\n   */\n  async findWithGlobals(tenantId: string): Promise<AgentConfig[]> {\n    return this.query(\n      `SELECT * FROM ${this.tableName} WHERE tenant_id = ? OR tenant_id IS NULL`,\n      [tenantId],\n    );\n  }\n}\n"],"names":["tenantId"],"mappings":"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"}