TUI Mode

┌──────────────────────────────────────────────────────────────┐
│                    ██████╗ ███████╗██╗  ██╗                 │
│                    ██╔══██╗██╔════╝╚██╗██╔╝                 │
│                    ██║  ██║█████╗   ╚███╔╝                  │
│                    ██║  ██║██╔══╝   ██╔██╗                  │
│                    ██████╔╝███████╗██╔╝ ██╗                 │
│                    ╚═════╝ ╚══════╝╚═╝  ╚═╝                 │
│              entry creation tool    dev                      │
│            DEX CO-OP CORP, FOR INTERNAL USE ONLY            │
│                   Last updated: 2026-02-20                  │
│         Workspace (site): /Users/staff/dexdsl/site          │
│    Tip: dex setup --reset to reconfigure workspace roots    │
└──────────────────────────────────────────────────────────────┘
┌──────────────────────────────────────────────────────────────┐
│ Commands                                                     │
│ [Entry Commands]                                             │
│ ▶ Init — Create a new entry via wizard                      │
│   Update — Rehydrate and edit an existing entry             │
│   Doctor — Health and drift checks with safe repair         │
│   Entry Audit — Run entry runtime production-readiness      │
│                                                              │
│ [Content Commands]                                           │
│   Catalog — Manage catalog manifest and spotlight           │
│   Home — Manage featured home entries                        │
│   Notes — Manage Dex Notes markdown pages                    │
│   ...                                                        │
└──────────────────────────────────────────────────────────────┘
┌──────────────────────────────────────────────────────────────┐
│    Enter run   ↑/↓ move   ? palette   Ctrl+Q quit           │
└──────────────────────────────────────────────────────────────┘

┌────────────────── Command palette ──────────────────┐
│ > init                                              │
│                                                     │
│ ▶ init                                              │
│   update                                            │
│   doctor                                            │
│   entry-audit                                       │
│   catalog                                           │
│   home                                              │
│   notes                                             │
│   ...                                               │
└─────────────────────────────────────────────────────┘

┌─────────────── Catalog Manager ────────────────┐
│ Manifest (42 entries)                          │
│ ▶ john-doe-piano     A.Pl S4 01    active      │
│   jane-smith-guitar  A.Gt S4 02    active      │
│   alex-bass          A.Bs S3 15    archived    │
│                                                 │
│ [A] Add  [E] Edit  [R] Retire  [V] Validate   │
│ [D] Diff  [P] Publish  [Q] Quit                │
└─────────────────────────────────────────────────┘

# Featured entries list
# Reorder by drag-and-drop (coming soon)
# Edit spotlight config
# Publish to test/prod

# List notes
# Create new note
# Edit existing note (opens $EDITOR)
# Preview HTML output
# Publish to live site

// From scripts/ui/dashboard.mjs:104
function DashboardApp({ initialPaletteOpen, initialMode, version, workspace }) {
  const { exit } = useApp();
  const { stdout } = useStdout();
  const [dimensions, setDimensions] = useState({ cols: 80, rows: 24 });
  const [tick, setTick] = useState(0);  // Animation ticker
  const [selected, setSelected] = useState(0);
  const [paletteOpen, setPaletteOpen] = useState(false);
  const [mode, setMode] = useState(initialMode);
  
  useInput((input, key) => {
    if (key.ctrl && (input === 'q' || input === 'Q')) { exit(); return; }
    // Handle navigation and commands...
  });
  
  return (
    <Box flexDirection="column" width={cols} height={rows}>
      <Header logoLines={logoLines} version={version} workspace={workspace} />
      <Workspace mode={mode} onCancel={() => setMode('menu')} />
      <Footer />
      {paletteOpen && <Palette />}
    </Box>
  );
}

// From scripts/ui/dashboard.mjs:87
function renderLogoLine(line, y, tick) {
  let out = '';
  for (let x = 0; x < line.length; x += 1) {
    const ch = line[x];
    if (ch === ' ') { out += ' '; continue; }
    const intensity = 0.55 + 0.45 * Math.sin(tick * 0.18 + x * 0.27 + y * 0.51);
    const hue = (210 + x * 5 + tick * 2.4 + y * 8) % 360;
    const { r, g, b } = hsvToRgb(hue, 0.7, Math.min(1, Math.max(0, 0.3 + intensity * 0.7)));
    out += chalk.rgb(r, g, b)(ch);
  }
  return out;
}

useEffect(() => {
  const onResize = () => setDimensions({ 
    cols: stdout?.columns || 80, 
    rows: stdout?.rows || 24 
  });
  stdout?.on('resize', onResize);
  return () => stdout?.off('resize', onResize);
}, [stdout]);

const headerHeight = 13;
const footerHeight = 3;
const workspaceHeight = Math.max(6, rows - headerHeight - footerHeight);

// From scripts/lib/input-guard.mjs:11
export function shouldAppendWizardChar(input, key) {
  if (key.ctrl || key.meta) return false;
  if (key.upArrow || key.downArrow || key.leftArrow || key.rightArrow) return false;
  if (key.return || key.escape || key.tab) return false;
  const code = input.charCodeAt(0);
  if (code < 32 || code === 127) return false;  // Control chars
  return true;
}

export function sanitizePastedInputChunk(chunk) {
  return String(chunk || '')
    .replace(/[\r\n\t]/g, ' ')    // Newlines → spaces
    .replace(/[\x00-\x1F\x7F]/g, '')  // Strip control chars
    .slice(0, 500);  // Limit length
}

// From scripts/ui/dashboard.mjs:421
export async function runDashboard({ paletteOpen, initialMode, version, workspace } = {}) {
  if (!process.stdout.isTTY || !process.stdin.isTTY) return { action: null };
  
  cliCursor.hide();
  try {
    const instance = render(React.createElement(DashboardApp, { /* ... */ }));
    await instance.waitUntilExit();
  } finally {
    cliCursor.show();
  }
}

# Disable animations
export DEX_NO_ANIM=1
dex