cli-jaw 2.0.1 → 2.0.2

package/public/manager/src/notes/wysiwyg/milkdown-code-block-view.ts

@@ -11,7 +11,7 @@ function codeText(node: ProseMirrorNode): string {
 }
 
 function codeLanguage(node: ProseMirrorNode): string {
-    return String(node.attrs.language ?? '');
+    return String(node.attrs['language'] ?? '');
 }
 
 function fencedCodeSource(node: ProseMirrorNode): string {
@@ -92,7 +92,7 @@ function commitAndExitCodeBlock(
                 return;
             }
         }
-        const paragraph = view.state.schema.nodes.paragraph?.create();
+        const paragraph = view.state.schema.nodes['paragraph']?.create();
         if (!paragraph) return;
         tr.insert(codeAfter, paragraph);
         tr.setSelection(TextSelection.create(tr.doc, codeAfter + 1));
@@ -112,7 +112,7 @@ function commitAndExitCodeBlock(
         }
     }
 
-    const paragraph = view.state.schema.nodes.paragraph?.create();
+    const paragraph = view.state.schema.nodes['paragraph']?.create();
     if (!paragraph) return;
     tr.insert(pos, paragraph);
     tr.setSelection(TextSelection.create(tr.doc, pos + 1));
@@ -173,27 +173,27 @@ function createCodeBlockView(): NodeViewConstructor {
         function sync(): void {
             const language = codeLanguage(currentNode);
             const source = codeText(currentNode);
-            dom.dataset.language = language;
-            pre.dataset.language = language;
+            dom.dataset['language'] = language;
+            pre.dataset['language'] = language;
             copyBtn.textContent = copyButtonLabel();
             const highlighted = highlightCode(source, language);
             code.className = `hljs language-${highlighted.language}`;
-            code.dataset.highlighted = highlighted.highlighted ? 'yes' : 'no';
+            code.dataset['highlighted'] = highlighted['highlighted'] ? 'yes' : 'no';
             code.innerHTML = highlighted.html;
-            if (dom.dataset.editing !== 'true') raw.value = fencedCodeSource(currentNode);
+            if (dom.dataset['editing'] !== 'true') raw.value = fencedCodeSource(currentNode);
         }
 
         function setEditing(editing: boolean, options: { commit?: boolean } = {}): void {
-            if (dom.dataset.editing === 'true' && editing) return;
-            if (!editing && dom.dataset.editing !== 'true') return;
+            if (dom.dataset['editing'] === 'true' && editing) return;
+            if (!editing && dom.dataset['editing'] !== 'true') return;
             if (!editing && options.commit !== false) {
                 const source = raw.value;
-                dom.dataset.editing = 'false';
+                dom.dataset['editing'] = 'false';
                 raw.blur();
                 updateCodeBlockNode(view, getPos, source);
                 return;
             }
-            dom.dataset.editing = editing ? 'true' : 'false';
+            dom.dataset['editing'] = editing ? 'true' : 'false';
             if (editing) {
                 raw.value = fencedCodeSource(currentNode);
                 raw.focus();
@@ -204,10 +204,10 @@ function createCodeBlockView(): NodeViewConstructor {
         }
 
         function closeAfterOutsidePointer(event: Event): void {
-            if (dom.dataset.editing !== 'true') return;
+            if (dom.dataset['editing'] !== 'true') return;
             if (dom.contains(event.target as Node)) return;
             setTimeout(() => {
-                if (dom.dataset.editing === 'true') setEditing(false, { commit: false });
+                if (dom.dataset['editing'] === 'true') setEditing(false, { commit: false });
             }, 0);
         }
 
@@ -222,7 +222,7 @@ function createCodeBlockView(): NodeViewConstructor {
             if (!(targetDom instanceof HTMLElement)) return;
             const targetRaw = targetDom.querySelector('textarea.notes-code-raw');
             if (!(targetRaw instanceof HTMLTextAreaElement)) return;
-            targetDom.dataset.editing = 'true';
+            targetDom.dataset['editing'] = 'true';
             targetRaw.focus();
             targetRaw.select();
         }
@@ -230,7 +230,7 @@ function createCodeBlockView(): NodeViewConstructor {
         function openFromRenderedEvent(event: Event): void {
             if (raw.contains(event.target as Node)) return;
             if (copyBtn.contains(event.target as Node)) return;
-            if (dom.dataset.editing === 'true') return;
+            if (dom.dataset['editing'] === 'true') return;
             event.preventDefault();
             event.stopPropagation();
             const pointer = event instanceof PointerEvent || event instanceof MouseEvent
@@ -253,7 +253,7 @@ function createCodeBlockView(): NodeViewConstructor {
         dom.addEventListener('click', openFromRenderedEvent);
         dom.addEventListener('keydown', event => {
             if (event.target !== dom) return;
-            if (dom.dataset.editing === 'true') return;
+            if (dom.dataset['editing'] === 'true') return;
             if (event.key === 'Enter' || event.key === ' ') {
                 event.preventDefault();
                 setEditing(true);
@@ -311,7 +311,7 @@ function createCodeBlockView(): NodeViewConstructor {
         });
         raw.addEventListener('blur', () => {
             setTimeout(() => {
-                if (dom.dataset.editing === 'true' && document.activeElement !== raw) {
+                if (dom.dataset['editing'] === 'true' && document.activeElement !== raw) {
                     setEditing(false, { commit: false });
                 }
             }, 0);
@@ -353,11 +353,11 @@ function createCodeBlockView(): NodeViewConstructor {
                 return true;
             },
             selectNode: () => {
-                dom.dataset.selected = 'true';
+                dom.dataset['selected'] = 'true';
             },
             deselectNode: () => {
-                dom.dataset.selected = 'false';
-                if (dom.dataset.editing === 'true') {
+                dom.dataset['selected'] = 'false';
+                if (dom.dataset['editing'] === 'true') {
                     setEditing(false, { commit: false });
                 }
             },

package/public/manager/src/notes/wysiwyg/milkdown-heading-source-view.ts

@@ -10,7 +10,7 @@ const MAX_HEADING_LEVEL = 6;
 const HEADING_SOURCE_UPDATED_EVENT = 'notes-heading-source-updated';
 
 function headingLevel(node: ProseMirrorNode): number {
-    const raw = Number(node.attrs.level);
+    const raw = Number(node.attrs['level']);
     if (!Number.isFinite(raw)) return MIN_HEADING_LEVEL;
     return Math.min(MAX_HEADING_LEVEL, Math.max(MIN_HEADING_LEVEL, Math.trunc(raw)));
 }
@@ -41,7 +41,7 @@ function updateHeadingLevel(
     const current = view.state.doc.nodeAt(pos);
     if (!current || current.type.name !== 'heading') return;
 
-    const paragraph = view.state.schema.nodes.paragraph;
+    const paragraph = view.state.schema.nodes['paragraph'];
     const tr = level === 0 && paragraph
         ? view.state.tr.setNodeMarkup(pos, paragraph as NodeType)
         : view.state.tr.setNodeMarkup(pos, undefined, { ...node.attrs, level });
@@ -70,7 +70,7 @@ function createHeadingSourceView(): NodeViewConstructor {
 
         function sync(): void {
             const level = headingLevel(currentNode);
-            dom.dataset.level = String(level);
+            dom.dataset['level'] = String(level);
             dom.setAttribute('role', 'heading');
             dom.setAttribute('aria-level', String(level));
             dom.setAttribute('aria-label', currentNode.textContent);
@@ -102,7 +102,7 @@ function createHeadingSourceView(): NodeViewConstructor {
         }
 
         function handleFocus(): void {
-            dom.dataset.editing = 'true';
+            dom.dataset['editing'] = 'true';
             marker.select();
         }
 
@@ -114,7 +114,7 @@ function createHeadingSourceView(): NodeViewConstructor {
         }
 
         function handleBlur(): void {
-            dom.dataset.editing = 'false';
+            dom.dataset['editing'] = 'false';
             commitMarker();
         }
 
@@ -127,7 +127,7 @@ function createHeadingSourceView(): NodeViewConstructor {
             if (event.key === 'Escape') {
                 event.preventDefault();
                 marker.value = markerForLevel(headingLevel(currentNode));
-                dom.dataset.editing = 'false';
+                dom.dataset['editing'] = 'false';
                 marker.blur();
                 view.focus();
             }
@@ -153,10 +153,10 @@ function createHeadingSourceView(): NodeViewConstructor {
                 return true;
             },
             selectNode(): void {
-                dom.dataset.selected = 'true';
+                dom.dataset['selected'] = 'true';
             },
             deselectNode(): void {
-                delete dom.dataset.selected;
+                delete dom.dataset['selected'];
             },
             stopEvent(event: Event): boolean {
                 return marker.contains(event.target as Node)

package/public/manager/src/notes/wysiwyg/milkdown-math.ts

@@ -115,7 +115,7 @@ function commitAndExitMathNode(
                 return;
             }
         }
-        const paragraph = view.state.schema.nodes.paragraph?.create();
+        const paragraph = view.state.schema.nodes['paragraph']?.create();
         if (!paragraph) return;
         tr.insert(pos, paragraph);
         tr.setSelection(TextSelection.create(tr.doc, pos + 1));
@@ -136,7 +136,7 @@ function commitAndExitMathNode(
             }
         }
         if (!landed) {
-            const paragraph = view.state.schema.nodes.paragraph?.create();
+            const paragraph = view.state.schema.nodes['paragraph']?.create();
             if (!paragraph) return;
             tr.insert(after, paragraph);
             tr.setSelection(TextSelection.create(tr.doc, after + 1));
@@ -191,13 +191,13 @@ function createMathView(options: {
         dom.append(rendered, raw);
 
         function value(): string {
-            return String(currentNode.attrs.value ?? '');
+            return String(currentNode.attrs['value'] ?? '');
         }
 
         function setEditing(editing: boolean): void {
-            if (dom.dataset.editing === 'true' && editing) return;
-            if (!editing && dom.dataset.editing !== 'true') return;
-            dom.dataset.editing = editing ? 'true' : 'false';
+            if (dom.dataset['editing'] === 'true' && editing) return;
+            if (!editing && dom.dataset['editing'] !== 'true') return;
+            dom.dataset['editing'] = editing ? 'true' : 'false';
             if (editing) {
                 raw.value = options.block ? blockMathSource(value()) : inlineMathSource(value());
                 raw.focus();
@@ -216,8 +216,8 @@ function createMathView(options: {
 
         function sync(): void {
             const code = value();
-            dom.dataset.value = code;
-            if (dom.dataset.editing !== 'true') {
+            dom.dataset['value'] = code;
+            if (dom.dataset['editing'] !== 'true') {
                 raw.value = options.block ? blockMathSource(code) : inlineMathSource(code);
             }
             options.render(rendered, code);
@@ -227,14 +227,14 @@ function createMathView(options: {
             if (!(targetDom instanceof HTMLElement)) return;
             const targetRaw = targetDom.querySelector('.notes-math-raw');
             if (!(targetRaw instanceof HTMLInputElement || targetRaw instanceof HTMLTextAreaElement)) return;
-            targetDom.dataset.editing = 'true';
+            targetDom.dataset['editing'] = 'true';
             targetRaw.focus();
             targetRaw.select();
         }
 
         function openFromRenderedEvent(event: Event): void {
             if (raw.contains(event.target as Node)) return;
-            if (dom.dataset.editing === 'true') return;
+            if (dom.dataset['editing'] === 'true') return;
             event.preventDefault();
             event.stopPropagation();
             const pointer = event instanceof PointerEvent || event instanceof MouseEvent
@@ -258,7 +258,7 @@ function createMathView(options: {
         dom.addEventListener('keydown', event => {
             const keyEvent = event as KeyboardEvent;
             if (keyEvent.target !== dom) return;
-            if (dom.dataset.editing === 'true') return;
+            if (dom.dataset['editing'] === 'true') return;
             if (keyEvent.key === 'Enter' || keyEvent.key === ' ') {
                 keyEvent.preventDefault();
                 setEditing(true);
@@ -346,10 +346,10 @@ function createMathView(options: {
                 return true;
             },
             selectNode: () => {
-                dom.dataset.selected = 'true';
+                dom.dataset['selected'] = 'true';
             },
             deselectNode: () => {
-                dom.dataset.selected = 'false';
+                dom.dataset['selected'] = 'false';
             },
             stopEvent: event =>
                 event.target === raw
@@ -377,28 +377,28 @@ export const notesMathInlineSchema = $nodeSchema(mathInlineId, ctx => ({
         {
             tag: `span[data-type="${mathInlineId}"]`,
             getAttrs: dom => ({
-                value: dom instanceof HTMLElement ? dom.dataset.value ?? '' : '',
+                value: dom instanceof HTMLElement ? dom.dataset['value'] ?? '' : '',
             }),
         },
     ],
     toDOM: node => {
-        const code = node.attrs.value as string;
+        const code = node.attrs['value'] as string;
         const dom = document.createElement('span');
-        dom.dataset.type = mathInlineId;
-        dom.dataset.value = code;
+        dom.dataset['type'] = mathInlineId;
+        dom.dataset['value'] = code;
         renderKatex(dom, code, ctx.get(notesMilkdownKatexOptionsCtx.key));
         return dom;
     },
     parseMarkdown: {
         match: node => node.type === 'inlineMath',
         runner: (state, node, type) => {
-            state.addNode(type, { value: node.value as string });
+            state.addNode(type, { value: node['value'] as string });
         },
     },
     toMarkdown: {
         match: node => node.type.name === mathInlineId,
         runner: (state, node) => {
-            state.addNode('inlineMath', undefined, node.attrs.value as string);
+            state.addNode('inlineMath', undefined, node.attrs['value'] as string);
         },
     },
 }));
@@ -418,28 +418,28 @@ export const notesMathBlockSchema = $nodeSchema(mathBlockId, ctx => ({
             tag: `div[data-type="${mathBlockId}"]`,
             preserveWhitespace: 'full',
             getAttrs: dom => ({
-                value: dom instanceof HTMLElement ? dom.dataset.value ?? '' : '',
+                value: dom instanceof HTMLElement ? dom.dataset['value'] ?? '' : '',
             }),
         },
     ],
     toDOM: node => {
-        const code = node.attrs.value as string;
+        const code = node.attrs['value'] as string;
         const dom = document.createElement('div');
-        dom.dataset.type = mathBlockId;
-        dom.dataset.value = code;
+        dom.dataset['type'] = mathBlockId;
+        dom.dataset['value'] = code;
         renderKatex(dom, code, ctx.get(notesMilkdownKatexOptionsCtx.key));
         return dom;
     },
     parseMarkdown: {
         match: node => node.type === 'math',
         runner: (state, node, type) => {
-            state.addNode(type, { value: node.value as string });
+            state.addNode(type, { value: node['value'] as string });
         },
     },
     toMarkdown: {
         match: node => node.type.name === mathBlockId,
         runner: (state, node) => {
-            state.addNode('math', undefined, node.attrs.value as string);
+            state.addNode('math', undefined, node.attrs['value'] as string);
         },
     },
 }));

package/public/manager/src/settings/pages/Browser.tsx

@@ -43,31 +43,35 @@ const POLL_INTERVAL_MS = 3000;
 
 export function normalizeBrowserStatus(raw: unknown): BrowserStatus {
     if (!raw || typeof raw !== 'object') {
-        return { running: false, tabs: 0, cdpUrl: undefined };
+        return { running: false, tabs: 0 };
     }
     const r = raw as Record<string, unknown>;
-    return {
-        running: r.running === true,
-        tabs: typeof r.tabs === 'number' && Number.isFinite(r.tabs) ? r.tabs : 0,
-        cdpUrl: typeof r.cdpUrl === 'string' ? r.cdpUrl : undefined,
+    const status: BrowserStatus = {
+        running: r['running'] === true,
+        tabs: typeof r['tabs'] === 'number' && Number.isFinite(r['tabs']) ? r['tabs'] : 0,
     };
+    if (typeof r['cdpUrl'] === 'string') status.cdpUrl = r['cdpUrl'];
+    return status;
 }
 
 export function normalizeActiveTab(raw: unknown): ActiveTab | null {
     if (!raw || typeof raw !== 'object') return null;
     const r = raw as Record<string, unknown>;
-    const tab = r.tab && typeof r.tab === 'object' ? (r.tab as Record<string, unknown>) : null;
-    return {
-        ok: r.ok === true,
-        reason: typeof r.reason === 'string' ? r.reason : undefined,
-        tab: tab
-            ? {
-                url: typeof tab.url === 'string' ? tab.url : undefined,
-                title: typeof tab.title === 'string' ? tab.title : undefined,
-                targetId: typeof tab.targetId === 'string' ? tab.targetId : undefined,
-            }
-            : null,
+    const tab = r['tab'] && typeof r['tab'] === 'object' ? (r['tab'] as Record<string, unknown>) : null;
+    const active: ActiveTab = {
+        ok: r['ok'] === true,
     };
+    if (typeof r['reason'] === 'string') active.reason = r['reason'];
+    if (tab) {
+        const normalizedTab: NonNullable<ActiveTab['tab']> = {};
+        if (typeof tab['url'] === 'string') normalizedTab.url = tab['url'];
+        if (typeof tab['title'] === 'string') normalizedTab.title = tab['title'];
+        if (typeof tab['targetId'] === 'string') normalizedTab.targetId = tab['targetId'];
+        active.tab = normalizedTab;
+    } else {
+        active.tab = null;
+    }
+    return active;
 }
 
 export function describeStatus(status: BrowserStatus | null): string {
@@ -145,8 +149,14 @@ export default function Browser({ port, client }: SettingsPageProps) {
         [fetchStatus],
     );
 
-    const onStart = useCallback(() => {
-        void runAction('Start', () =>
+    const onStartVisible = useCallback(() => {
+        void runAction('Start visible browser', () =>
+            client.post('/api/browser/start', { mode: 'manual', headless: false }),
+        );
+    }, [client, runAction]);
+
+    const onStartAgent = useCallback(() => {
+        void runAction('Start agent browser', () =>
             client.post('/api/browser/start', { mode: 'agent', headless: true }),
         );
     }, [client, runAction]);
@@ -201,9 +211,17 @@ export default function Browser({ port, client }: SettingsPageProps) {
                         type="button"
                         className="settings-action settings-action-save"
                         disabled={status.running || actionPending}
-                        onClick={onStart}
+                        onClick={onStartVisible}
+                    >
+                        Start visible browser
+                    </button>
+                    <button
+                        type="button"
+                        className="settings-action"
+                        disabled={status.running || actionPending}
+                        onClick={onStartAgent}
                     >
-                        Start (agent, headless)
+                        Start agent browser
                     </button>
                     <button
                         type="button"

package/public/manager/src/settings/pages/ModelProvider.tsx

@@ -50,13 +50,15 @@ export default function ModelProvider({ port, client, dirty, registerSave }: Set
         if (state.kind !== 'ready') return;
         setPerCliDraft({ ...(state.data.perCli || {}) });
         setFallback([...(state.data.fallbackOrder || [])]);
-        const codex = state.data.perCli?.codex || {};
-        setCodexCtx({
-            contextWindowSize: typeof codex.contextWindowSize === 'number'
-                ? codex.contextWindowSize : undefined,
-            contextWindowCompactLimit: typeof codex.contextWindowCompactLimit === 'number'
-                ? codex.contextWindowCompactLimit : undefined,
-        });
+        const codex = state.data.perCli?.['codex'] || {};
+        const nextCodexCtx: typeof codexCtx = {};
+        if (typeof codex.contextWindowSize === 'number') {
+            nextCodexCtx.contextWindowSize = codex.contextWindowSize;
+        }
+        if (typeof codex.contextWindowCompactLimit === 'number') {
+            nextCodexCtx.contextWindowCompactLimit = codex.contextWindowCompactLimit;
+        }
+        setCodexCtx(nextCodexCtx);
     }, [state]);
 
     useEffect(() => {
@@ -120,7 +122,7 @@ export default function ModelProvider({ port, client, dirty, registerSave }: Set
     const data = state.data;
     const perCliOriginal = data.perCli || {};
     const cliKeys = Object.keys(perCliOriginal);
-    const codexOriginal = perCliOriginal.codex || {};
+    const codexOriginal = perCliOriginal['codex'] || {};
     const overrides = data.activeOverrides || {};
     const overrideRows = Object.entries(overrides);
 
@@ -153,7 +155,7 @@ export default function ModelProvider({ port, client, dirty, registerSave }: Set
                 )}
             </SettingsSection>
 
-            {perCliOriginal.codex ? (
+            {perCliOriginal['codex'] ? (
                 <SettingsSection
                     title="Codex context window"
                     hint="Codex-only sliders. Other CLIs ignore these values."

package/public/manager/src/settings/pages/Network.tsx

@@ -63,6 +63,14 @@ const REMOTE_ACCESS_OPTIONS = [
     { value: 'full', label: 'full — HTTP + WebSocket from remote' },
 ];
 
+function normalizeNetworkBlock(block: NetworkBlock): NetworkBlock {
+    const next: NetworkBlock = {};
+    if (block.bindHost !== undefined) next.bindHost = block.bindHost;
+    if (block.lanBypass !== undefined) next.lanBypass = block.lanBypass;
+    next.remoteAccess = { ...(block.remoteAccess ?? {}) };
+    return next;
+}
+
 // ─── Pure helpers (exported for tests) ───────────────────────────────
 
 export type PublicOriginValidation =
@@ -123,11 +131,7 @@ export default function Network({ port, client, dirty, registerSave }: SettingsP
     useEffect(() => {
         if (state.kind === 'ready') {
             const block = state.data.network ?? {};
-            setDraft({
-                bindHost: block.bindHost,
-                lanBypass: block.lanBypass,
-                remoteAccess: { ...(block.remoteAccess ?? {}) },
-            });
+            setDraft(normalizeNetworkBlock(block));
         }
     }, [state]);
 
@@ -192,11 +196,7 @@ export default function Network({ port, client, dirty, registerSave }: SettingsP
             : updated) as NetworkSnapshot;
         dirty.clear();
         const block = fresh.network ?? {};
-        setDraft({
-            bindHost: block.bindHost,
-            lanBypass: block.lanBypass,
-            remoteAccess: { ...(block.remoteAccess ?? {}) },
-        });
+        setDraft(normalizeNetworkBlock(block));
         setData(fresh);
         await refresh();
     }, [client, dirty, lockoutRisk, refresh, setData]);

package/public/manager/src/settings/pages/components/HealthBadge.tsx

@@ -112,11 +112,11 @@ export function interpretTelegramProbe(payload: unknown): HealthState {
         return { kind: 'unknown', reason: 'Empty probe response.' };
     }
     const p = payload as Record<string, unknown>;
-    if (p.ok === true) {
-        const username = typeof p.username === 'string' ? p.username : undefined;
-        return { kind: 'ok', detail: username ? `@${username}` : undefined };
+    if (p['ok'] === true) {
+        const username = typeof p['username'] === 'string' ? p['username'] : undefined;
+        return username ? { kind: 'ok', detail: `@${username}` } : { kind: 'ok' };
     }
-    const reason = typeof p.error === 'string' ? p.error : 'Probe failed.';
+    const reason = typeof p['error'] === 'string' ? p['error'] : 'Probe failed.';
     return { kind: 'error', reason };
 }
 
@@ -125,23 +125,23 @@ export function interpretDiscordHealth(payload: unknown): HealthState {
         return { kind: 'unknown', reason: 'Empty health response.' };
     }
     const p = payload as Record<string, unknown>;
-    const discord = (p.discord && typeof p.discord === 'object')
-        ? p.discord as Record<string, unknown>
+    const discord = (p['discord'] && typeof p['discord'] === 'object')
+        ? p['discord'] as Record<string, unknown>
         : null;
     if (!discord) {
         return { kind: 'unknown', reason: 'No discord block in /api/health.' };
     }
-    if (discord.ready === true && discord.degraded !== true) {
+    if (discord['ready'] === true && discord['degraded'] !== true) {
         return { kind: 'ok' };
     }
-    if (discord.degraded === true) {
-        const why = typeof discord.degradedReason === 'string'
-            ? discord.degradedReason
+    if (discord['degraded'] === true) {
+        const why = typeof discord['degradedReason'] === 'string'
+            ? discord['degradedReason']
             : 'MESSAGE_CONTENT intent missing — slash commands only.';
         return { kind: 'degraded', detail: why };
     }
-    if (discord.ready === false) {
-        const why = typeof discord.error === 'string' ? discord.error : 'Bot not connected.';
+    if (discord['ready'] === false) {
+        const why = typeof discord['error'] === 'string' ? discord['error'] : 'Bot not connected.';
         return { kind: 'error', reason: why };
     }
     return { kind: 'unknown', reason: 'Discord status indeterminate.' };

package/public/manager/src/settings/pages/components/agent/runtime-employees-helpers.ts

@@ -58,19 +58,20 @@ export function unwrapRuntimeEmployees(response: RuntimeEmployeesResponse | Runt
 export function normalizeRuntimeEmployee(value: unknown): RuntimeEmployeeRecord | null {
     if (!value || typeof value !== 'object') return null;
     const row = value as Record<string, unknown>;
-    const id = typeof row.id === 'string' ? row.id : '';
-    const name = typeof row.name === 'string' ? row.name : '';
+    const id = typeof row['id'] === 'string' ? row['id'] : '';
+    const name = typeof row['name'] === 'string' ? row['name'] : '';
     if (!id || !name) return null;
-    const source = row.source === 'static' || id.startsWith('static:') ? 'static' : 'db';
-    return {
+    const source = row['source'] === 'static' || id.startsWith('static:') ? 'static' : 'db';
+    const employee: RuntimeEmployeeRecord = {
         id,
         name,
-        cli: typeof row.cli === 'string' && row.cli ? row.cli : 'claude',
-        model: typeof row.model === 'string' && row.model ? row.model : 'default',
-        role: typeof row.role === 'string' ? row.role : '',
-        status: typeof row.status === 'string' ? row.status : undefined,
+        cli: typeof row['cli'] === 'string' && row['cli'] ? row['cli'] : 'claude',
+        model: typeof row['model'] === 'string' && row['model'] ? row['model'] : 'default',
+        role: typeof row['role'] === 'string' ? row['role'] : '',
         source,
     };
+    if (typeof row['status'] === 'string') employee.status = row['status'];
+    return employee;
 }
 
 export function runtimeEmployeeError(row: RuntimeEmployeeRecord): string | null {
@@ -174,13 +175,14 @@ function toDbCreatePayload(row: RuntimeEmployeeRecord): Record<string, string> {
 }
 
 function stableRuntimeEmployee(row: RuntimeEmployeeRecord): RuntimeEmployeeRecord {
-    return {
+    const stable: RuntimeEmployeeRecord = {
         id: row.id,
         name: row.name,
         cli: row.cli,
         model: row.model,
         role: row.role,
-        status: row.status,
         source: row.source,
     };
+    if (row.status !== undefined) stable.status = row.status;
+    return stable;
 }

package/public/manager/src/settings/pages/components/employees-helpers.ts

@@ -73,18 +73,18 @@ export function normalizeEmployees(payload: unknown): EmployeeRecord[] {
         }
         if (!raw || typeof raw !== 'object') continue;
         const r = raw as Record<string, unknown>;
-        const name = typeof r.name === 'string' ? r.name : '';
-        if (!name && !r.id) continue;
+        const name = typeof r['name'] === 'string' ? r['name'] : '';
+        if (!name && !r['id']) continue;
         fallback += 1;
         const id =
-            typeof r.id === 'string' && r.id.trim()
-                ? r.id.trim()
+            typeof r['id'] === 'string' && r['id'].trim()
+                ? r['id'].trim()
                 : `emp_unknown_${fallback}`;
         const cli =
-            typeof r.cli === 'string' && r.cli.trim() ? r.cli.trim() : 'claude';
-        const role = typeof r.role === 'string' ? r.role : '';
-        const prompt = typeof r.prompt === 'string' ? r.prompt : '';
-        const active = r.active !== false;
+            typeof r['cli'] === 'string' && r['cli'].trim() ? r['cli'].trim() : 'claude';
+        const role = typeof r['role'] === 'string' ? r['role'] : '';
+        const prompt = typeof r['prompt'] === 'string' ? r['prompt'] : '';
+        const active = r['active'] !== false;
         out.push({ id, name, cli, role, prompt, active });
     }
     return out;
@@ -136,7 +136,7 @@ export function toPersistShape(rows: ReadonlyArray<EmployeeRecord>): unknown[] {
             role: row.role.trim(),
             active: row.active,
         };
-        if (row.prompt.trim()) out.prompt = row.prompt;
+        if (row['prompt'].trim()) out['prompt'] = row['prompt'];
         return out;
     });
 }