windows-development-sandbox 1.5.0 → 1.7.0

package/dist/selftest/menu-screens.js

@@ -11,14 +11,28 @@ import { maintenanceOptions } from '../cli/menu/pages/maintenance-page.js';
 import { sandboxOptions } from '../cli/menu/pages/sandbox-page.js';
 import { sessionsOptions } from '../cli/menu/pages/sessions-page.js';
 import { settingsOf, settingsOptions } from '../cli/menu/pages/settings-page.js';
-import { startOptions } from '../cli/menu/pages/start-page.js';
-import { TAB_LABELS } from '../cli/menu/shell.js';
+import { CATEGORIES } from '../cli/menu/settings/categories.js';
+import { agentsOptions } from '../cli/menu/pages/agents-page.js';
+import { SECTION_LABELS } from '../cli/menu/shell.js';
 import { Frame, ListScreen, OverlayScreen, Text } from '../cli/tui/index.js';
-const SIZES = [
+export const SIZES = [
+    { width: 200, height: 60 },
     { width: 100, height: 30 },
     { width: 80, height: 24 },
+    { width: 60, height: 20 },
 ];
 const NOW = Date.now();
+const API_FOLDER = 'C:\\Projects\\api';
+/** The Data folder row of General (in the menu it comes from data-folder.ts). */
+const DATA_FOLDER_ROW = [
+    {
+        value: '@data-folder',
+        category: 'general',
+        label: 'Data folder',
+        hint: 'C:\\ProgramData\\AgentSandbox\\users\\me',
+        description: 'Where the sandbox keeps its data. Enter changes it.',
+    },
+];
 const ACCOUNTS = {
     agents: [
         { name: 'claude', kept: true, canSavePc: true },
@@ -55,15 +69,30 @@ const SESSIONS = [
         viewers: { remote: 0, viewers: 0 },
     },
 ];
-/** Frame for one screen: the tabs, a status line, the list, the keys. */
-function draw(active, options, size, status = '', unsaved = 0) {
-    const body = { width: size.width, height: Frame.bodyHeight(size.height, true) };
-    const parts = new ListScreen(options).render(body);
+/** The navigation the shell would show: every section, the open one with the categories of `options`. */
+export function navFor(active, options, focused, unsaved = 0, dimmed = false) {
+    const list = new ListScreen({ ...options, categoryNav: 'external' });
+    return {
+        sections: SECTION_LABELS.map((label, i) => ({
+            label,
+            marked: unsaved > 0 && (label === 'Settings' || label === 'Apps'),
+            categories: i === active ? list.categories.map((c) => ({ label: c.label, current: c.id === list.currentCategory })) : [],
+        })),
+        active,
+        focused,
+        dimmed,
+    };
+}
+/** Frame for one screen: the navigation, a status line, the list, the keys. */
+function draw(active, options, size, status = '', unsaved = 0, focusNav = false) {
+    const nav = navFor(active, options, focusNav, unsaved);
+    const body = { width: Frame.bodyWidth(size.width, nav), height: Frame.bodyHeight(size.height) };
+    const parts = new ListScreen({ ...options, categoryNav: 'external', escapeLabel: 'sections' }).render(body);
     return Frame.render({
         ...parts,
         keys: unsaved ? [['ctrl+s', 'save (' + unsaved + ')', 0], ...parts.keys] : parts.keys,
         status: (unsaved ? 'unsaved: ' + unsaved + '   ' : '') + (parts.status ?? status),
-        tabs: { tabs: TAB_LABELS.map((label) => ({ label })), active },
+        nav,
     }, size.width, size.height).map((l) => Text.strip(l).replace(/\s+$/, ''));
 }
 function block(title, lines, size) {
@@ -124,6 +153,12 @@ export function renderScreens(dir) {
             { name: 'postgres', running: true, port: 5432, title: 'PostgreSQL 18' },
             { name: 'redis', running: false, port: 6379, title: 'Redis' },
         ],
+        defaultAgent: 'claude',
+    };
+    const stopped = {
+        ...sandbox,
+        report: { ...sandbox.report, sandbox: { ...sandbox.report.sandbox, running: false, phase: 'stopped' } },
+        databases: null,
     };
     const maintenance = {
         data: {
@@ -150,11 +185,17 @@ export function renderScreens(dir) {
             { name: 'Toolchain cache', status: 'needs-you', detail: 'close the sandbox first' },
         ],
         settings: { pending: ['2026-10-unpin-config-defaults: stop pinning old defaults in your config.json'] },
+        dataFolder: {
+            label: 'Data folder',
+            hint: 'C:\\ProgramData\\AgentSandbox\\users\\me',
+            description: 'Where the sandbox keeps its tools, databases and agent state. Enter changes it.',
+        },
         updates: {
             managed: true,
             version: '1.4.3',
             scope: 'user',
             autoUpdate: true,
+            autoOffText: null,
             state: {
                 previous: '1.4.2',
                 failed: { version: '1.4.4', at: '2026-10-13T03:00:00Z', reason: 'it did not start' },
@@ -187,8 +228,8 @@ export function renderScreens(dir) {
     apps.stageTicks(appsDraft, ['git-gui']);
     const out = [];
     for (const size of SIZES) {
-        out.push(block('1 Start', draw(0, startOptions({
-            folder: 'C:\\Projects\\api',
+        const agentsModel = {
+            folder: API_FOLDER,
             defaultAgent: 'claude',
             agents: [
                 { name: 'claude', ready: true },
@@ -199,13 +240,21 @@ export function renderScreens(dir) {
             attach: true,
             window: 'config',
             hostAgents: ['codex'],
-        }, 'C:\\Projects\\api'), size, status), size), block('2 Sessions', draw(1, sessionsOptions({ sandboxRunning: true, sessions: SESSIONS }), size, status), size), block('2 Sessions (no sandbox)', draw(1, sessionsOptions({ sandboxRunning: false, sessions: [] }), size), size));
+            removable: ['gemini'],
+        };
+        out.push(block('1 Agents · Start', draw(0, { ...agentsOptions(agentsModel, API_FOLDER), startCategory: 'start' }, size, status), size), block('1 Agents · Options (navigation focused)', draw(0, { ...agentsOptions(agentsModel, API_FOLDER), startCategory: 'options' }, size, status, 0, true), size), block('1 Agents · On this PC', draw(0, { ...agentsOptions(agentsModel, API_FOLDER), startCategory: 'host' }, size, status), size), block('2 Sessions', draw(1, sessionsOptions({ sandboxRunning: true, sessions: SESSIONS, defaultAgent: 'claude' }), size, status), size), block('2 Sessions (no sandbox)', draw(1, sessionsOptions({ sandboxRunning: false, sessions: [], defaultAgent: 'claude' }), size), size));
+        for (const category of ['status', 'databases'])
+            out.push(block('3 Sandbox (stopped) · ' + category, draw(2, { ...sandboxOptions(stopped), startCategory: category }, size), size));
         for (const category of ['status', 'projects', 'databases'])
             out.push(block('3 Sandbox · ' + category, draw(2, { ...sandboxOptions(sandbox), startCategory: category }, size, status), size));
-        out.push(block('4 Apps (1 unsaved)', draw(3, appsOptions(apps, user, appsDraft, 'user'), size, status, appsDraft.count()), size), block('5 Settings (2 unsaved)', draw(4, settingsOptions(files, 'user', draft), size, status, draft.count()), size));
+        out.push(block('4 Apps (1 unsaved)', draw(3, appsOptions(apps, user, appsDraft, 'user'), size, status, appsDraft.count()), size));
+        for (const category of CATEGORIES)
+            out.push(block('5 Settings · ' + category.label + ' (2 unsaved)', draw(4, { ...settingsOptions(files, 'user', draft, DATA_FOLDER_ROW), startCategory: category.id }, size, status, draft.count()), size));
         // The leave dialog over the settings screen.
-        const background = new ListScreen(settingsOptions(files, 'user', draft));
-        const bodySize = { width: size.width, height: Frame.bodyHeight(size.height, true) };
+        const settingsList = settingsOptions(files, 'user', draft, DATA_FOLDER_ROW);
+        const nav = navFor(4, settingsList, false, draft.count(), true);
+        const background = new ListScreen({ ...settingsList, categoryNav: 'external' });
+        const bodySize = { width: Frame.bodyWidth(size.width, nav), height: Frame.bodyHeight(size.height) };
         const dialog = new OverlayScreen(background, {
             title: 'Unsaved changes',
             lines: ['You have 2 unsaved changes in Settings and Apps.'],
@@ -216,8 +265,8 @@ export function renderScreens(dir) {
             ],
             escape: 'cancel',
         });
-        out.push(block('5 Settings: Save / Discard / Cancel', Frame.render({ ...dialog.render(bodySize), tabs: { tabs: TAB_LABELS.map((label) => ({ label })), active: 4 } }, size.width, size.height).map((l) => Text.strip(l).replace(/\s+$/, '')), size), block('6 Accounts', draw(5, accountsOptions(ACCOUNTS), size, status), size), block('6 Accounts · codex', draw(5, { ...accountsOptions(ACCOUNTS), startCategory: 'codex' }, size, status), size), block('6 Accounts · opencode (login not kept)', draw(5, { ...accountsOptions(ACCOUNTS), startCategory: 'opencode' }, size, status), size));
-        for (const category of ['data', 'logs', 'doctor', 'repair', 'settings', 'updates', 'setup', 'more'])
+        out.push(block('5 Settings: Save / Discard / Cancel', Frame.render({ ...dialog.render(bodySize), nav }, size.width, size.height).map((l) => Text.strip(l).replace(/\s+$/, '')), size), block('6 Accounts', draw(5, accountsOptions(ACCOUNTS), size, status), size), block('6 Accounts · codex', draw(5, { ...accountsOptions(ACCOUNTS), startCategory: 'codex' }, size, status), size), block('6 Accounts · opencode (login not kept)', draw(5, { ...accountsOptions(ACCOUNTS), startCategory: 'opencode' }, size, status), size));
+        for (const category of ['updates', 'data', 'health', 'logs', 'more'])
             out.push(block('7 Maintenance · ' + category, draw(6, { ...maintenanceOptions(maintenance), startCategory: category }, size, status), size));
     }
     return out.join('\n');