@researai/deepscientist 1.5.12 → 1.5.14

package/src/tui/dist/components/Composer.js

@@ -44,7 +44,7 @@ export const Composer = ({ input, statusLine, suggestions = [], placeholder = 'T
         }))) : (React.createElement(Text, { color: theme.text.secondary }, configMode === 'edit'
             ? 'Config editor · Enter save · Ctrl+J newline · Esc cancel'
             : configMode === 'browse'
-                ? 'Config browser · ↑/↓ select · Enter edit · Esc close'
+                ? 'Config workspace · ↑/↓ select · Enter open · Esc back'
                 : selectionMode
                     ? 'Quest browser · ↑/↓ select · Enter confirm · Esc cancel'
                     : mode === 'home'

package/src/tui/dist/components/ConfigScreen.js

@@ -1,29 +1,53 @@
-import React, { useMemo } from 'react';
+import React from 'react';
 import { Box, Text } from 'ink';
-import { shortenPath, tildeifyPath } from '../utils/paths.js';
 import { useTerminalSize } from '../hooks/useTerminalSize.js';
 import { theme } from '../semantic-colors.js';
-const sectionTitle = (scope, questId) => scope === 'global' ? 'Global Config' : `Current Quest${questId ? ` · ${questId}` : ''}`;
-export const ConfigScreen = ({ mode, items, selectedIndex, selectedQuestId, editor, availableHeight, }) => {
+import { shortenPath, tildeifyPath } from '../utils/paths.js';
+const renderListItems = (items, selectedIndex, columns) => {
+    return items.map((item, index) => {
+        const isSelected = index === selectedIndex;
+        const titleColor = item.disabled ? theme.text.secondary : isSelected ? theme.status.success : theme.text.primary;
+        return (React.createElement(Box, { key: item.id, flexDirection: "column", marginBottom: 1 },
+            React.createElement(Text, { color: titleColor },
+                isSelected ? '> ' : '  ',
+                index + 1,
+                ". ",
+                item.title),
+            item.description ? (React.createElement(Text, { color: theme.text.secondary }, shortenPath(item.description, Math.max(24, columns - 4)))) : null,
+            item.secondary ? React.createElement(Text, { color: theme.text.secondary }, shortenPath(item.secondary, Math.max(24, columns - 4))) : null));
+    });
+};
+const renderMultilineValue = (value) => value.split('\n').map((line, index) => (React.createElement(Text, { key: `multiline:${index}`, color: theme.text.primary }, line || ' ')));
+const connectorStateLine = (snapshot) => {
+    if (!snapshot) {
+        return 'No runtime snapshot yet.';
+    }
+    const parts = [
+        snapshot.enabled === false ? 'disabled' : snapshot.enabled ? 'enabled' : 'unknown',
+        snapshot.connection_state || null,
+        snapshot.auth_state || null,
+        typeof snapshot.binding_count === 'number' ? `bindings ${snapshot.binding_count}` : null,
+        typeof snapshot.target_count === 'number' ? `targets ${snapshot.target_count}` : null,
+    ].filter(Boolean);
+    return parts.join(' · ') || 'No runtime snapshot yet.';
+};
+export const ConfigScreen = ({ panel, availableHeight }) => {
     const { rows, columns } = useTerminalSize();
     const safeRows = availableHeight ?? rows;
-    const selected = items[Math.max(0, Math.min(selectedIndex, items.length - 1))] ?? null;
-    const globalItems = useMemo(() => items.map((item, index) => ({ item, index })).filter(({ item }) => item.scope === 'global'), [items]);
-    const questItems = useMemo(() => items.map((item, index) => ({ item, index })).filter(({ item }) => item.scope === 'quest'), [items]);
-    if (mode === 'edit' && editor) {
-        const previewLines = editor.content.split('\n');
+    if (panel.kind === 'document-editor') {
+        const previewLines = panel.content.split('\n');
         const maxPreviewLines = Math.max(8, (safeRows || 24) - 8);
         const visibleLines = previewLines.slice(0, maxPreviewLines);
         return (React.createElement(Box, { flexDirection: "column", width: columns },
             React.createElement(Text, { color: theme.text.primary }, "Config Editor"),
             React.createElement(Text, { color: theme.text.link },
-                editor.item.scope === 'global' ? 'Global' : 'Quest',
+                panel.item.scope === 'global' ? 'Global' : 'Quest',
                 " \u00B7 ",
-                editor.item.title),
-            React.createElement(Text, { color: theme.text.secondary }, tildeifyPath(editor.item.path)),
+                panel.item.title),
+            React.createElement(Text, { color: theme.text.secondary }, tildeifyPath(panel.item.path)),
             React.createElement(Text, { color: theme.text.secondary }, "Enter save \u00B7 Ctrl+J newline \u00B7 Esc cancel"),
             React.createElement(Box, { marginTop: 1, flexDirection: "column" },
-                visibleLines.map((line, index) => (React.createElement(Box, { key: `${editor.item.id}-line-${index}`, flexDirection: "row" },
+                visibleLines.map((line, index) => (React.createElement(Box, { key: `${panel.item.id}-line-${index}`, flexDirection: "row" },
                     React.createElement(Box, { minWidth: 5 },
                         React.createElement(Text, { color: theme.text.secondary }, String(index + 1).padStart(4, ' '))),
                     React.createElement(Text, { color: theme.text.primary }, line || ' ')))),
@@ -32,29 +56,159 @@ export const ConfigScreen = ({ mode, items, selectedIndex, selectedQuestId, edit
                     previewLines.length - visibleLines.length,
                     " more line(s) in buffer")) : null)));
     }
-    const renderSection = (scope, entries) => (React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
-        React.createElement(Text, { color: theme.text.link }, sectionTitle(scope, selectedQuestId)),
-        entries.length === 0 ? (React.createElement(Text, { color: theme.text.secondary }, scope === 'global' ? 'No global config files.' : 'No quest config files for the current selection.')) : (entries.map(({ item, index }) => {
-            const isSelected = index === selectedIndex;
-            const displayPath = shortenPath(tildeifyPath(item.path), Math.max(28, columns - 26));
-            return (React.createElement(Box, { key: item.id, flexDirection: "column", marginBottom: 1 },
-                React.createElement(Text, { color: isSelected ? theme.status.success : theme.text.primary },
-                    isSelected ? '> ' : '  ',
-                    index + 1,
-                    ". ",
-                    item.title),
-                React.createElement(Text, { color: theme.text.secondary }, displayPath)));
-        }))));
+    if (panel.kind === 'connector-field-editor') {
+        const previewLines = panel.content.split('\n');
+        const maxPreviewLines = Math.max(8, (safeRows || 24) - 8);
+        const visibleLines = previewLines.slice(0, maxPreviewLines);
+        return (React.createElement(Box, { flexDirection: "column", width: columns },
+            React.createElement(Text, { color: theme.text.primary }, "Connector Field Editor"),
+            React.createElement(Text, { color: theme.text.link },
+                panel.connectorName,
+                " \u00B7 ",
+                panel.fieldLabel),
+            panel.description ? React.createElement(Text, { color: theme.text.secondary }, panel.description) : null,
+            React.createElement(Text, { color: theme.text.secondary }, "Enter apply \u00B7 Ctrl+J newline \u00B7 Esc cancel"),
+            React.createElement(Box, { marginTop: 1, flexDirection: "column" },
+                visibleLines.map((line, index) => (React.createElement(Box, { key: `${panel.connectorName}:${panel.fieldLabel}:${index}`, flexDirection: "row" },
+                    React.createElement(Box, { minWidth: 5 },
+                        React.createElement(Text, { color: theme.text.secondary }, String(index + 1).padStart(4, ' '))),
+                    React.createElement(Text, { color: theme.text.primary }, panel.masked && line ? '*'.repeat(line.length) : line || ' ')))),
+                previewLines.length > visibleLines.length ? (React.createElement(Text, { color: theme.text.secondary },
+                    "\u2026 ",
+                    previewLines.length - visibleLines.length,
+                    " more line(s) in buffer")) : null)));
+    }
+    if (panel.kind === 'root') {
+        const entries = panel.items.map((item) => ({
+            id: item.id,
+            title: item.title,
+            description: item.description,
+        }));
+        return (React.createElement(Box, { flexDirection: "column", width: columns },
+            React.createElement(Text, { color: theme.text.primary }, "Config"),
+            React.createElement(Text, { color: theme.text.secondary }, "Choose a config area with arrows, then press Enter."),
+            React.createElement(Text, { color: theme.text.secondary }, "Esc close \u00B7 Enter open \u00B7 PgUp/PgDn scroll"),
+            React.createElement(Box, { marginTop: 1, flexDirection: "column" }, renderListItems(entries, panel.selectedIndex, columns)),
+            panel.selectedQuestId ? (React.createElement(Text, { color: theme.text.secondary },
+                "Current quest: ",
+                panel.selectedQuestId)) : (React.createElement(Text, { color: theme.text.secondary }, "No quest currently selected."))));
+    }
+    if (panel.kind === 'files') {
+        const entries = panel.items.map((item) => ({
+            id: item.id,
+            title: item.title,
+            description: shortenPath(tildeifyPath(item.path), Math.max(28, columns - 10)),
+        }));
+        const selected = panel.items[Math.max(0, Math.min(panel.selectedIndex, panel.items.length - 1))] ?? null;
+        return (React.createElement(Box, { flexDirection: "column", width: columns },
+            React.createElement(Text, { color: theme.text.primary }, panel.title),
+            React.createElement(Text, { color: theme.text.secondary }, panel.description),
+            React.createElement(Text, { color: theme.text.secondary }, "\u2191/\u2193 choose \u00B7 Enter edit \u00B7 PgUp/PgDn scroll \u00B7 Esc back"),
+            React.createElement(Box, { marginTop: 1, flexDirection: "column" }, entries.length > 0 ? (renderListItems(entries, panel.selectedIndex, columns)) : (React.createElement(Text, { color: theme.text.secondary }, "No config files available in this section."))),
+            selected ? (React.createElement(Box, { flexDirection: "column", marginTop: 1 },
+                React.createElement(Text, { color: theme.text.link }, "Selected"),
+                React.createElement(Text, { color: theme.text.primary }, selected.title),
+                React.createElement(Text, { color: theme.text.secondary }, tildeifyPath(selected.path)))) : null));
+    }
+    if (panel.kind === 'connector-list') {
+        const entries = panel.items.map((item) => ({
+            id: item.name,
+            title: `${item.label} · ${item.enabled ? 'enabled' : 'disabled'}`,
+            description: item.subtitle,
+            secondary: [
+                item.connectionState || 'unknown',
+                typeof item.bindingCount === 'number' ? `bindings ${item.bindingCount}` : null,
+                typeof item.targetCount === 'number' ? `targets ${item.targetCount}` : null,
+                item.supportMode === 'guided' ? 'guided setup' : 'raw config only',
+            ]
+                .filter(Boolean)
+                .join(' · '),
+        }));
+        return (React.createElement(Box, { flexDirection: "column", width: columns },
+            React.createElement(Text, { color: theme.text.primary }, "Connectors"),
+            React.createElement(Text, { color: theme.text.secondary }, "Choose a connector, then press Enter."),
+            React.createElement(Text, { color: theme.text.secondary }, "\u2191/\u2193 choose \u00B7 Enter open \u00B7 PgUp/PgDn scroll \u00B7 Esc back"),
+            React.createElement(Box, { marginTop: 1, flexDirection: "column" }, entries.length > 0 ? renderListItems(entries, panel.selectedIndex, columns) : React.createElement(Text, { color: theme.text.secondary }, "No connectors available."))));
+    }
+    if (panel.kind === 'connector-detail') {
+        const selected = panel.items[Math.max(0, Math.min(panel.selectedIndex, panel.items.length - 1))] ?? null;
+        return (React.createElement(Box, { flexDirection: "column", width: columns },
+            React.createElement(Text, { color: theme.text.primary }, panel.connectorLabel),
+            React.createElement(Text, { color: theme.text.secondary }, connectorStateLine(panel.snapshot)),
+            panel.contextLine ? React.createElement(Text, { color: theme.text.link }, panel.contextLine) : null,
+            React.createElement(Text, { color: theme.text.secondary },
+                "\u2191/\u2193 choose \u00B7 Enter action/edit \u00B7 PgUp/PgDn scroll \u00B7 Esc back",
+                panel.dirty ? ' · unsaved changes' : ''),
+            panel.warning ? React.createElement(Text, { color: theme.status.warning }, panel.warning) : null,
+            panel.guideSections && panel.guideSections.length > 0 ? (React.createElement(Box, { marginTop: 1, flexDirection: "column" }, panel.guideSections.map((section) => {
+                const titleColor = section.tone === 'warning'
+                    ? theme.status.warning
+                    : section.tone === 'success'
+                        ? theme.status.success
+                        : theme.text.link;
+                const lineColor = section.tone === 'warning'
+                    ? theme.status.warning
+                    : section.tone === 'success'
+                        ? theme.text.primary
+                        : theme.text.secondary;
+                return (React.createElement(Box, { key: `guide:${section.id}`, flexDirection: "column", marginBottom: 1 },
+                    React.createElement(Text, { color: titleColor }, section.title),
+                    section.lines.map((line, index) => (React.createElement(Text, { key: `guide:${section.id}:${index}`, color: lineColor }, line)))));
+            }))) : null,
+            React.createElement(Box, { marginTop: 1, flexDirection: "column" }, panel.items.map((item, index) => {
+                const isSelected = index === panel.selectedIndex;
+                if (item.type === 'action') {
+                    return (React.createElement(Box, { key: `action:${item.id}`, flexDirection: "column", marginBottom: 1 },
+                        React.createElement(Text, { color: item.disabled ? theme.text.secondary : isSelected ? theme.status.success : theme.text.primary },
+                            isSelected ? '> ' : '  ',
+                            index + 1,
+                            ". [Action] ",
+                            item.label),
+                        React.createElement(Text, { color: theme.text.secondary }, item.description)));
+                }
+                if (item.type === 'field') {
+                    return (React.createElement(Box, { key: `field:${item.key}`, flexDirection: "column", marginBottom: 1 },
+                        React.createElement(Text, { color: isSelected ? theme.status.success : theme.text.primary },
+                            isSelected ? '> ' : '  ',
+                            index + 1,
+                            ". ",
+                            item.label,
+                            ": ",
+                            item.value || '—',
+                            item.dirty ? ' *' : ''),
+                        React.createElement(Text, { color: theme.text.secondary }, item.description)));
+                }
+                return (React.createElement(Box, { key: `info:${item.id}`, flexDirection: "column", marginBottom: 1 },
+                    React.createElement(Text, { color: isSelected ? theme.status.success : theme.text.primary },
+                        isSelected ? '> ' : '  ',
+                        index + 1,
+                        ". ",
+                        item.label,
+                        ": ",
+                        item.multiline ? '' : item.value || '—'),
+                    item.multiline ? React.createElement(Box, { flexDirection: "column" }, renderMultilineValue(item.value)) : null,
+                    item.description ? React.createElement(Text, { color: theme.text.secondary }, item.description) : null));
+            })),
+            selected && selected.type === 'info' && !selected.multiline ? (React.createElement(Box, { flexDirection: "column", marginTop: 1 },
+                React.createElement(Text, { color: theme.text.link }, "Selected"),
+                React.createElement(Text, { color: theme.text.primary }, selected.value || '—'))) : null));
+    }
+    const qrLines = String(panel.qrAscii || '')
+        .split('\n')
+        .filter((line) => line.length > 0);
     return (React.createElement(Box, { flexDirection: "column", width: columns },
-        React.createElement(Text, { color: theme.text.primary }, "Config"),
-        React.createElement(Text, { color: theme.text.secondary }, "Select a file to open and edit in-place."),
-        React.createElement(Text, { color: theme.text.secondary }, "\u2191/\u2193 choose \u00B7 Enter edit \u00B7 Esc close"),
+        React.createElement(Text, { color: theme.text.primary }, "Weixin QR Login"),
+        React.createElement(Text, { color: theme.text.secondary },
+            "Status: ",
+            panel.status || 'waiting',
+            panel.sessionKey ? ` · ${panel.sessionKey}` : ''),
+        React.createElement(Text, { color: theme.text.secondary }, "Esc back \u00B7 QR refreshes automatically while waiting"),
+        panel.message ? React.createElement(Text, { color: theme.text.secondary }, panel.message) : null,
+        React.createElement(Box, { marginTop: 1, flexDirection: "column" }, qrLines.length > 0 ? (qrLines.map((line, index) => (React.createElement(Text, { key: `qr:${index}`, color: theme.text.primary }, line)))) : panel.qrContent ? (React.createElement(Text, { color: theme.text.secondary }, panel.qrContent)) : (React.createElement(Text, { color: theme.text.secondary }, "QR code is loading\u2026"))),
+        panel.qrUrl ? (React.createElement(Box, { marginTop: 1, flexDirection: "column" },
+            React.createElement(Text, { color: theme.text.link }, "QR Source"),
+            React.createElement(Text, { color: theme.text.secondary }, shortenPath(panel.qrUrl, Math.max(24, columns - 4))))) : null,
         React.createElement(Box, { marginTop: 1, flexDirection: "column" },
-            renderSection('global', globalItems),
-            renderSection('quest', questItems)),
-        selected ? (React.createElement(Box, { flexDirection: "column", marginTop: 1 },
-            React.createElement(Text, { color: theme.text.link }, "Selected"),
-            React.createElement(Text, { color: theme.text.primary }, selected.title),
-            React.createElement(Text, { color: theme.text.secondary }, tildeifyPath(selected.path)),
-            React.createElement(Text, { color: theme.text.secondary }, selected.scope === 'global' ? 'Global runtime config file.' : 'Quest-local config file.'))) : null));
+            React.createElement(Text, { color: theme.text.secondary }, "Scan this QR code with WeChat, then confirm the login on the phone."),
+            React.createElement(Text, { color: theme.text.secondary }, "DeepScientist will save the connector automatically after confirmation."))));
 };

package/src/tui/dist/components/GradientStatusText.js

@@ -1,29 +1,10 @@
 import React from 'react';
 import { Text } from 'ink';
 import { theme } from '../semantic-colors.js';
-const hashWord = (value) => {
-    let hash = 0;
-    for (let index = 0; index < value.length; index += 1) {
-        hash = (hash * 31 + value.charCodeAt(index)) >>> 0;
-    }
-    return hash;
-};
-const renderSegment = (segment, palette) => {
-    const parts = segment.split(/(\s+)/);
-    return parts.map((part, index) => {
-        if (!part)
-            return null;
-        if (part.trim().length === 0) {
-            return React.createElement(Text, { key: `space-${index}` }, part);
-        }
-        const color = palette[hashWord(part) % palette.length];
-        return (React.createElement(Text, { key: `word-${index}`, color: color }, part));
-    });
-};
 export const GradientStatusText = ({ text }) => {
     const palette = theme.ui.gradient.length > 0 ? [...theme.ui.gradient] : [theme.text.accent];
     const segments = text.split('|').map((segment) => segment.trim());
     return (React.createElement(Text, { wrap: "truncate" }, segments.map((segment, index) => (React.createElement(React.Fragment, { key: `segment-${index}` },
         index > 0 ? React.createElement(Text, { color: theme.text.secondary }, " | ") : null,
-        renderSegment(segment, palette))))));
+        React.createElement(Text, { color: palette[index % palette.length] || theme.text.accent }, segment))))));
 };

package/src/tui/dist/components/InputPrompt.js

@@ -101,6 +101,12 @@ const splitTrailingPartialAny = (data, tokens) => {
     }
     return best;
 };
+const hasPasteTokenFragment = (data) => {
+    if (!data) {
+        return false;
+    }
+    return splitTrailingPartialAny(data, [...PASTE_START_TOKENS, ...PASTE_END_TOKENS]).tail.length > 0;
+};
 const findToken = (data, tokens) => {
     let bestIndex = -1;
     let bestToken = null;
@@ -200,8 +206,8 @@ export const InputPrompt = ({ value, placeholder = 'Type a message', disabled, g
     }, [value, cursorIndex, firstLineWidth, otherLineWidth, isPlaceholder, placeholder]);
     const outerHeight = contentLines.length + 2;
     const borderColor = glowActive ? theme.text.accent : theme.border.default;
-    const cursorBackground = '#7fbfff';
-    const cursorTextColor = 'black';
+    const cursorBackground = theme.ui.cursor.background;
+    const cursorTextColor = theme.ui.cursor.text;
     const topBorder = useMemo(() => {
         const middle = '─'.repeat(Math.max(0, outerWidth - 2));
         return `╭${middle}╮`;
@@ -311,8 +317,10 @@ export const InputPrompt = ({ value, placeholder = 'Type a message', disabled, g
                     insertValue(head);
                     handled = true;
                 }
-                if (tail)
+                if (tail) {
                     pastePendingRef.current = tail;
+                    return true;
+                }
                 return handled;
             }
             if (startIndex > 0) {
@@ -332,18 +340,44 @@ export const InputPrompt = ({ value, placeholder = 'Type a message', disabled, g
         if (key.ctrl && (input === 'c' || input === '\u0003')) {
             return;
         }
-        if ((key.ctrl || key.meta) && !(key.ctrl && input === 'j')) {
-            return;
-        }
         const hasPasteMarkers = pasteActiveRef.current ||
             pastePendingRef.current.length > 0 ||
             PASTE_START_TOKENS.some((token) => input.includes(token)) ||
-            PASTE_END_TOKENS.some((token) => input.includes(token));
+            PASTE_END_TOKENS.some((token) => input.includes(token)) ||
+            hasPasteTokenFragment(input);
         if (hasPasteMarkers) {
             const handled = handlePasteChunk(input);
             if (handled)
                 return;
         }
+        const backspaceMatches = input.match(/[\x7f\b]/g);
+        if (key.backspace || backspaceMatches) {
+            const removalCount = Math.max(backspaceMatches?.length || 0, key.backspace ? 1 : 0);
+            if (removalCount > 0) {
+                if (mentionsEnabled) {
+                    const range = getLeadingMentionDeleteRange(valueRef.current);
+                    const currentCursorIndex = cursorIndexRef.current;
+                    if (range && currentCursorIndex > 0 && currentCursorIndex <= range.end) {
+                        const nextValue = valueRef.current.slice(range.end);
+                        setValue(nextValue, 0);
+                        return;
+                    }
+                }
+                deleteBeforeCursor(removalCount);
+                const cleanedInput = input.replace(/[\x7f\b]/g, '');
+                if (cleanedInput) {
+                    insertValue(cleanedInput);
+                }
+                return;
+            }
+        }
+        if (key.delete) {
+            deleteAtCursor(1);
+            return;
+        }
+        if ((key.ctrl || key.meta) && !(key.ctrl && input === 'j')) {
+            return;
+        }
         if (suggestionsVisible) {
             if ((key.upArrow || key.downArrow) && onSuggestionNavigate) {
                 onSuggestionNavigate(key.upArrow ? -1 : 1);
@@ -439,31 +473,6 @@ export const InputPrompt = ({ value, placeholder = 'Type a message', disabled, g
             insertValue('\n');
             return;
         }
-        const backspaceMatches = input.match(/[\x7f\b]/g);
-        if (key.backspace || backspaceMatches) {
-            const removalCount = Math.max(backspaceMatches?.length || 0, key.backspace ? 1 : 0);
-            if (removalCount > 0) {
-                if (mentionsEnabled) {
-                    const range = getLeadingMentionDeleteRange(valueRef.current);
-                    const currentCursorIndex = cursorIndexRef.current;
-                    if (range && currentCursorIndex > 0 && currentCursorIndex <= range.end) {
-                        const nextValue = valueRef.current.slice(range.end);
-                        setValue(nextValue, 0);
-                        return;
-                    }
-                }
-                deleteBeforeCursor(removalCount);
-                const cleanedInput = input.replace(/[\x7f\b]/g, '');
-                if (cleanedInput) {
-                    insertValue(cleanedInput);
-                }
-                return;
-            }
-        }
-        if (key.delete) {
-            deleteAtCursor(1);
-            return;
-        }
         if (input.includes('\x1b')) {
             return;
         }

package/src/tui/dist/components/LoadingIndicator.js

@@ -6,6 +6,6 @@ export const LoadingIndicator = ({ active, currentLoadingPhrase, rightContent, }
         return null;
     }
     return (React.createElement(Box, { marginTop: 1, width: "100%", justifyContent: "space-between" },
-        React.createElement(Text, { color: theme.text.accent }, currentLoadingPhrase || 'Running'),
+        React.createElement(Text, { color: theme.text.link }, currentLoadingPhrase || 'Running'),
         rightContent ? React.createElement(Box, null, rightContent) : null));
 };

package/src/tui/dist/components/Logo.js

@@ -1,13 +1,7 @@
 import React from 'react';
 import { Box, Text } from 'ink';
 import { useTerminalSize } from '../hooks/useTerminalSize.js';
-const COLORS = {
-    blue: '#4796E4',
-    sky: '#6E8CE8',
-    violet: '#847ACE',
-    rose: '#C3677F',
-    gold: '#B69B4A',
-};
+import { theme } from '../semantic-colors.js';
 const WORDMARK_LINES = [
     '  ____                  ____       _            _   _     _   ',
     ' |  _ \\  ___  ___ _ __ / ___|  ___(_) ___ _ __ | |_(_)___| |_ ',
@@ -17,38 +11,67 @@ const WORDMARK_LINES = [
     '                 |_|                                          ',
 ];
 const WORDMARK_COLORS = [
-    COLORS.blue,
-    COLORS.sky,
-    COLORS.violet,
-    COLORS.violet,
-    COLORS.rose,
-    COLORS.gold,
+    theme.ui.brand.strong,
+    theme.ui.brand.medium,
+    theme.ui.brand.soft,
+    theme.ui.brand.soft,
+    theme.ui.brand.medium,
+    theme.text.secondary,
+];
+const ICON_LINES = [
+    [{ text: '  ╭─────────╮', color: theme.ui.brand.medium }],
+    [
+        { text: '  │ ', color: theme.ui.brand.medium },
+        { text: '●', color: theme.ui.brand.soft },
+        { text: '─', color: theme.ui.brand.medium },
+        { text: '●', color: theme.ui.brand.strong },
+        { text: '─', color: theme.ui.brand.medium },
+        { text: '●', color: theme.ui.brand.soft },
+        { text: '   │', color: theme.ui.brand.medium },
+    ],
+    [
+        { text: '  │ │ ', color: theme.ui.brand.medium },
+        { text: '╲', color: theme.ui.brand.soft },
+        { text: '│', color: theme.ui.brand.medium },
+        { text: '    │', color: theme.ui.brand.medium },
+    ],
+    [
+        { text: '  │ ', color: theme.ui.brand.medium },
+        { text: '●', color: theme.ui.brand.soft },
+        { text: '─', color: theme.ui.brand.medium },
+        { text: '●', color: theme.ui.brand.strong },
+        { text: '─', color: theme.ui.brand.medium },
+        { text: '●', color: theme.ui.brand.medium },
+        { text: '─', color: theme.ui.brand.medium },
+        { text: '●', color: theme.ui.brand.soft },
+        { text: ' │', color: theme.ui.brand.medium },
+    ],
+    [
+        { text: '  │   ', color: theme.ui.brand.medium },
+        { text: '╲', color: theme.ui.brand.soft },
+        { text: ' │', color: theme.ui.brand.medium },
+        { text: '   │', color: theme.ui.brand.medium },
+    ],
+    [
+        { text: '  │    ', color: theme.ui.brand.medium },
+        { text: '●', color: theme.ui.brand.medium },
+        { text: '    │', color: theme.ui.brand.medium },
+    ],
+    [{ text: '  ╰─────────╯', color: theme.ui.brand.medium }],
 ];
-const IconMark = () => (React.createElement(Box, { flexDirection: "column", marginRight: 2 },
-    React.createElement(Text, null,
-        React.createElement(Text, { color: COLORS.gold }, "     \u2726")),
-    React.createElement(Text, null,
-        React.createElement(Text, { color: COLORS.blue }, "  \u256D\u2500\u2500"),
-        React.createElement(Text, { color: COLORS.violet }, "\u25CC"),
-        React.createElement(Text, { color: COLORS.blue }, "\u2500\u2500\u256E")),
-    React.createElement(Text, null,
-        React.createElement(Text, { color: COLORS.violet }, "\u25CC "),
-        React.createElement(Text, { color: COLORS.blue }, "\u2502 "),
-        React.createElement(Text, { color: COLORS.gold }, "\u25CF"),
-        React.createElement(Text, { color: COLORS.blue }, " \u2502"),
-        React.createElement(Text, { color: COLORS.violet }, " \u25CC")),
-    React.createElement(Text, null,
-        React.createElement(Text, { color: COLORS.blue }, "  \u2570\u2500\u2500"),
-        React.createElement(Text, { color: COLORS.violet }, "\u25CC"),
-        React.createElement(Text, { color: COLORS.blue }, "\u2500\u2500\u256F")),
-    React.createElement(Text, null,
-        React.createElement(Text, { color: COLORS.gold }, "     \u2726")),
-    React.createElement(Text, { color: COLORS.gold }, "  research orbit")));
+const IconMark = () => (React.createElement(Box, { flexDirection: "column", marginRight: 2 }, ICON_LINES.map((segments, lineIndex) => (React.createElement(Text, { key: `icon-line-${lineIndex}` }, segments.map((segment, segmentIndex) => (React.createElement(Text, { key: `icon-line-${lineIndex}-segment-${segmentIndex}`, color: segment.color }, segment.text))))))));
 const CompactMark = () => (React.createElement(Text, null,
-    React.createElement(Text, { color: COLORS.gold }, "\u2726 "),
-    React.createElement(Text, { color: COLORS.blue }, "DEEP"),
-    React.createElement(Text, { color: COLORS.violet }, "SCIENT"),
-    React.createElement(Text, { color: COLORS.rose }, "IST")));
+    React.createElement(Text, { color: theme.ui.brand.medium }, "["),
+    React.createElement(Text, { color: theme.ui.brand.soft }, "\u25CF"),
+    React.createElement(Text, { color: theme.ui.brand.medium }, "\u2500"),
+    React.createElement(Text, { color: theme.ui.brand.strong }, "\u25CF"),
+    React.createElement(Text, { color: theme.ui.brand.medium }, "\u2500"),
+    React.createElement(Text, { color: theme.ui.brand.soft }, "\u25CF"),
+    React.createElement(Text, { color: theme.ui.brand.medium }, "]"),
+    React.createElement(Text, { color: theme.text.secondary }, " "),
+    React.createElement(Text, { color: theme.ui.brand.strong }, "DEEP"),
+    React.createElement(Text, { color: theme.ui.brand.medium }, "SCIENT"),
+    React.createElement(Text, { color: theme.ui.brand.soft }, "IST")));
 export const Logo = () => {
     const { columns } = useTerminalSize();
     if (columns < 120) {
@@ -57,5 +80,5 @@ export const Logo = () => {
     }
     return (React.createElement(Box, { flexDirection: "row", alignItems: "flex-start" },
         React.createElement(IconMark, null),
-        React.createElement(Box, { flexDirection: "column" }, WORDMARK_LINES.map((line, index) => (React.createElement(Text, { key: line, color: WORDMARK_COLORS[index] || COLORS.blue }, line))))));
+        React.createElement(Box, { flexDirection: "column" }, WORDMARK_LINES.map((line, index) => (React.createElement(Text, { key: line, color: WORDMARK_COLORS[index] || theme.ui.brand.strong }, line))))));
 };

package/src/tui/dist/components/MainContent.js

@@ -9,7 +9,7 @@ import { QuestScreen } from './QuestScreen.js';
 import { WelcomePanel } from './WelcomePanel.js';
 import { theme } from '../semantic-colors.js';
 import { isAlternateBufferEnabled } from '../utils/terminal.js';
-const MainContentComponent = ({ quests, browseQuestId, configMode, configItems, configIndex, configEditor, questPanelMode, questPanelQuests, questPanelIndex, snapshot, connectors, session, history, pendingHistoryItems, baseUrl, connectionState, availableHeight, onQuestPanelMove, onQuestPanelConfirm, onQuestPanelCancel, }) => {
+const MainContentComponent = ({ quests, browseQuestId, configMode, configPanel, questPanelMode, questPanelQuests, questPanelIndex, snapshot, connectors, session, history, pendingHistoryItems, baseUrl, connectionState, availableHeight, onQuestPanelMove, onQuestPanelConfirm, onQuestPanelCancel, }) => {
     const { columns } = useTerminalSize();
     const scrollRef = useRef(null);
     const [isFollowing, setIsFollowing] = useState(true);
@@ -80,9 +80,16 @@ const MainContentComponent = ({ quests, browseQuestId, configMode, configItems,
             scrollRef.current?.scrollBy(1);
         }
     });
+    const renderConfigPanel = () => {
+        const node = (React.createElement(ConfigScreen, { panel: configPanel || { kind: 'root', items: [], selectedIndex: 0, selectedQuestId }, availableHeight: availableHeight }));
+        if (!viewportHeight) {
+            return node;
+        }
+        return (React.createElement(Scrollable, { ref: scrollRef, height: viewportHeight, width: columns, onScrollState: handleScrollState }, node));
+    };
     if (showWelcome) {
         if (configMode) {
-            return (React.createElement(ConfigScreen, { mode: configMode, items: configItems, selectedIndex: configIndex, selectedQuestId: selectedQuestId, editor: configEditor, availableHeight: availableHeight }));
+            return renderConfigPanel();
         }
         if (questPanelMode) {
             return (React.createElement(QuestScreen, { mode: questPanelMode, quests: questPanelQuests, selectedIndex: questPanelIndex, availableHeight: availableHeight, onMove: onQuestPanelMove, onConfirm: onQuestPanelConfirm, onCancel: onQuestPanelCancel }));
@@ -90,7 +97,7 @@ const MainContentComponent = ({ quests, browseQuestId, configMode, configItems,
         return (React.createElement(WelcomePanel, { quests: quests, browseQuestId: browseQuestId, connectors: connectors, baseUrl: baseUrl, connectionState: connectionState }));
     }
     if (configMode) {
-        return (React.createElement(ConfigScreen, { mode: configMode, items: configItems, selectedIndex: configIndex, selectedQuestId: selectedQuestId, editor: configEditor, availableHeight: availableHeight }));
+        return renderConfigPanel();
     }
     if (questPanelMode) {
         return (React.createElement(QuestScreen, { mode: questPanelMode, quests: questPanelQuests, selectedIndex: questPanelIndex, availableHeight: availableHeight, onMove: onQuestPanelMove, onConfirm: onQuestPanelConfirm, onCancel: onQuestPanelCancel }));

package/src/tui/dist/components/WelcomePanel.js

@@ -1,17 +1,10 @@
 import React from 'react';
 import { Box, Text } from 'ink';
-import Gradient from 'ink-gradient';
 import stringWidth from 'string-width';
 import { Logo } from './Logo.js';
 import { theme } from '../semantic-colors.js';
 import { useTerminalSize } from '../hooks/useTerminalSize.js';
-// Colors matching AsciiArt
-const COLORS = {
-    blue: '#4796E4',
-    red: '#F38BA8',
-    gradient: ['#9B59B6', '#8E44AD', '#C471ED', '#F64F9C'],
-    gold: '#B69B4A',
-};
+import { ThemedGradient } from './ThemedGradient.js';
 const clipText = (value, maxWidth) => {
     const safeWidth = Math.max(4, maxWidth);
     if (stringWidth(value) <= safeWidth) {
@@ -97,8 +90,7 @@ export const WelcomePanel = ({ quests, browseQuestId, connectors, baseUrl, conne
         ? 'Press Ctrl+O to open the web workspace if auto-open is unavailable.'
         : 'Ctrl+O opens the web workspace.';
     return (React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
-        React.createElement(Box, { flexDirection: "column" }, infoLines.map((info, idx) => (React.createElement(Box, { key: idx }, info.style === 'title' ? (React.createElement(Gradient, { colors: COLORS.gradient },
-            React.createElement(Text, { bold: true }, info.value))) : (React.createElement(React.Fragment, null,
+        React.createElement(Box, { flexDirection: "column" }, infoLines.map((info, idx) => (React.createElement(Box, { key: idx }, info.style === 'title' ? (React.createElement(ThemedGradient, { bold: true }, info.value)) : (React.createElement(React.Fragment, null,
             info.label && (React.createElement(Text, { color: theme.text.secondary },
                 info.label,
                 ": ")),
@@ -106,9 +98,9 @@ export const WelcomePanel = ({ quests, browseQuestId, connectors, baseUrl, conne
         React.createElement(Box, { marginTop: 1 },
             React.createElement(Logo, null)),
         React.createElement(Box, { marginTop: 1, width: columns, justifyContent: "center" },
-            React.createElement(Text, { color: COLORS.gold }, "Web Workspace")),
+            React.createElement(Text, { color: theme.text.link }, "Web Workspace")),
         React.createElement(Box, { width: columns, justifyContent: "center" },
-            React.createElement(Text, { bold: true, color: COLORS.blue }, urlBannerText)),
+            React.createElement(Text, { bold: true, color: theme.text.accent }, urlBannerText)),
         React.createElement(Box, { width: columns, justifyContent: "center" },
             React.createElement(Text, { color: theme.text.secondary }, clipText(urlHint, Math.max(20, columns - 4)))),
         React.createElement(Box, { marginTop: 1 },

package/src/tui/dist/components/messages/AssistantMessage.js

@@ -4,7 +4,7 @@ import { MarkdownDisplay } from '../../utils/MarkdownDisplay.js';
 import { theme } from '../../semantic-colors.js';
 export const AssistantMessage = ({ text, source, skillId, streaming, width, }) => {
     const prefix = '• ';
-    const responseColor = 'white';
+    const responseColor = theme.text.response;
     const prefixWidth = prefix.length;
     const contentWidth = Math.max(1, width - prefixWidth);
     const agentLabel = [source ? `@${source}` : null, skillId ? `skill:${skillId}` : null, streaming ? 'streaming' : null]