@xmoon76/dsh-pi-tui 0.3.1 → 0.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xmoon76/dsh-pi-tui",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "The dsh-pi-tui bundle: a TUI surface for DeepSeek Harness profiles (dsh --profile pi-tui)",
   "license": "MIT",
   "author": "XMoon <xmoonox@gmail.com>",

package/scripts/bench.mts

@@ -52,6 +52,12 @@ class BenchTerminal {
 }
 
 // --- synthetic session content ---------------------------------------------
+// NOTE: the CJK strings below are FUNCTIONAL benchmark fixtures, not
+// user-facing copy: the wide-grapheme samples exercise the CJK width
+// paths (get-east-asian-width, wrap + emoji) whose cost this script
+// measures. The English-only rule applies to user-facing strings and
+// comments; these samples are deliberately CJK — an English-only fixture
+// would silently drop the wide-character code path from the benchmark.
 
 const MARKDOWN_BLOCKS = [
   '## Findings\n\nThe **cache** now hits for unchanged messages, so `markdown` is not re-parsed every frame.\n\n```ts\nconst hit = cached.text === message.text\n```\n\n- one\n- two\n- three',

package/scripts/preview-prompt.mts

@@ -0,0 +1,62 @@
+/**
+ * Visual preview of the editor `❯` prompt + the transcript user-role
+ * styling — run inside a real TTY (tmux):
+ *
+ *   env -u NO_COLOR node --import tsx/esm scripts/preview-prompt.mts
+ *
+ * Shows a transcript mixing user / assistant / thinking / system rows and
+ * alternates the editor between an EMPTY draft (the `❯ ` prompt with the
+ * cursor block) and a multi-line draft (the prompt leads the first line,
+ * continuation lines indent under it, exactly like the transcript rows).
+ * `PREVIEW_HOLD_MS` controls how long it stays up (default 30s); Ctrl+C
+ * also exits.
+ * @module @xmoon76/dsh-pi-tui/preview-prompt
+ */
+
+import { ProcessTerminal } from '@xmoon76/pi-tui'
+import { TuiApp } from '../src/tui-app.ts'
+
+const holdMs = Number(process.env.PREVIEW_HOLD_MS ?? 30000)
+
+const terminal = new ProcessTerminal()
+const app = new TuiApp(terminal, {
+  onSubmit: () => {},
+  onExit: () => {
+    app.stop()
+    process.exit(0)
+  },
+})
+app.start()
+
+// Transcript contrast: the user row is a brand-blue bubble (whole-row
+// background + blue ❯), everything else (assistant / thinking / system)
+// keeps its own distinct style.
+app.setTranscript([
+  {
+    kind: 'user',
+    turn: 0,
+    // Long enough to wrap: the continuation must indent under the ❯.
+    text: 'The startup fails with ENOTFOUND near line 42 of src/app.ts — I suspect an environment variable is missing, so please check the config load order and compare it against the .env.example keys and the docs.',
+  },
+  {
+    kind: 'assistant',
+    turn: 0,
+    text: 'Let me check. **Config load order**:\n\n1. `.env` file\n2. Environment overrides\n3. Default fallbacks\n\n`ENOTFOUND` usually means DNS resolution failed — confirm whether you reach an internal registry or the public one.',
+  },
+  { kind: 'thinking', turn: 0, text: 'ENOTFOUND is a DNS issue; verify the config source before concluding.', running: false },
+  { kind: 'system', turn: 0, label: 'AGENTS.md', text: 'Repo config conventions live in docs/config.md; env keys come from the preset.', summary: 'context rules' },
+])
+
+// Alternate the draft so both the empty prompt and the multi-line prompt
+// (continuation indent) are visible without touching the keyboard.
+let draftVisible = false
+const flip = setInterval(() => {
+  draftVisible = !draftVisible
+  app.setDraft(draftVisible ? 'git status\npnpm test -- --filter @xmoon76/pi-tui' : '')
+}, 6000)
+
+setTimeout(() => {
+  clearInterval(flip)
+  app.stop()
+  process.exit(0)
+}, holdMs)

package/scripts/preview-role-styles.mts

@@ -0,0 +1,97 @@
+/**
+ * Side-by-side preview of user-role visual schemes — repo code untouched,
+ * pure display. Run in a real TTY (tmux):
+ *
+ *   env -u NO_COLOR node --import tsx/esm scripts/preview-role-styles.mts
+ *
+ * Shows the chosen scheme — background bubble with a brand-blue ❯ (dsh-web
+ * parity) — in both the dark palette and the light palette, next to the
+ * old kimi-style amber text for contrast, plus the editor-prompt colours.
+ * Ctrl+C exits.
+ * @module @xmoon76/dsh-pi-tui/preview-role-styles
+ */
+
+import { Chalk } from 'chalk'
+import {
+  ProcessTerminal, Text, TuiMainScreen, matchesKey,
+  visibleWidth, wrapTextWithAnsi, type TuiInputListenerResult,
+} from '@xmoon76/pi-tui'
+
+const chalk = new Chalk({ level: 3 })
+const dim = (s: string): string => chalk.hex('#888888')(s)
+const darkBlue = (s: string): string => chalk.bold.hex('#679EFE')(s)
+const darkBubbleBg = (s: string): string => chalk.bgHex('#2C2C2F')(s)
+const lightBlue = (s: string): string => chalk.bold.hex('#4177E6')(s)
+const lightBubbleBg = (s: string): string => chalk.bgHex('#E4EDFD')(s)
+const amber = (s: string): string => chalk.bold.hex('#FFCB6B')(s)
+const border = (s: string): string => chalk.hex('#5A5A5A')(s)
+
+const W = 100
+const MSG_ONE = 'Check the config load order — ENOTFOUND at src/app.ts:42, likely a missing env var.'
+const MSG_TWO = 'Also verify the .env.example keys against the docs, since the preset loader reads them in sequence.'
+
+/**
+ * Wrap `text` to `width - 2` cells. The first row carries the plain `❯ `
+ * marker, continuation rows indent 2 cells under it; every row is padded
+ * to the full inner width so a background paint covers the whole row.
+ */
+function wrapped(width: number, text: string): string[] {
+  const inner = Math.max(1, width - 2)
+  return wrapTextWithAnsi(text, inner).map((line, index) => {
+    const prefix = index === 0 ? '❯ ' : '  '
+    return prefix + line + ' '.repeat(Math.max(0, inner - visibleWidth(line)))
+  })
+}
+
+/** Bubble rows: full-row background, coloured ❯, body in the terminal default. */
+function bubble(width: number, text: string, bg: (s: string) => string, bullet: (s: string) => string): string[] {
+  return wrapped(width, text).map((row, index) => {
+    if (index === 0 && row.startsWith('❯ ')) {
+      return bg(bullet('❯') + ' ' + row.slice(2))
+    }
+    return bg(row)
+  })
+}
+
+/** Old kimi look: the whole row (❯ + body + padding) in one amber paint. */
+function amberRows(width: number, text: string): string[] {
+  return wrapped(width, text).map(amber)
+}
+
+const blocks: string[] = [
+  dim('dsh-pi-tui · user-role style preview (repo untouched) — Ctrl+C to exit'),
+  '',
+  dim('dark · bubble + brand-blue ❯ (chosen scheme)'),
+  ...bubble(W, MSG_ONE, darkBubbleBg, darkBlue),
+  ...bubble(W, MSG_TWO, darkBubbleBg, darkBlue),
+  '',
+  dim('light · bubble + deep brand-blue ❯ (light palette)'),
+  ...bubble(W, MSG_ONE, lightBubbleBg, lightBlue),
+  ...bubble(W, MSG_TWO, lightBubbleBg, lightBlue),
+  '',
+  dim('kimi amber text (rejected — kept for contrast)'),
+  ...amberRows(W, MSG_ONE),
+  ...amberRows(W, MSG_TWO),
+  '',
+  dim('editor prompt candidates:'),
+  border('─'.repeat(W)),
+  ` ${darkBlue('❯')} git status   ${lightBlue('❯')} git status   ${amber('❯')} git status`,
+  border('─'.repeat(W)),
+]
+
+// Pad every line to the exact width so nothing wraps.
+const preview = blocks
+  .map(line => line + ' '.repeat(Math.max(0, W - visibleWidth(line))))
+  .join('\n')
+
+const terminal = new ProcessTerminal()
+const tui = new TuiMainScreen(terminal)
+tui.addChild(new Text(preview, 0, 0))
+tui.addInputListener((data): TuiInputListenerResult => {
+  if (matchesKey(data, 'ctrl+c')) {
+    tui.stop()
+    process.exit(0)
+  }
+  return undefined
+})
+tui.start()

package/scripts/tarball-smoke.mjs

@@ -254,13 +254,17 @@ function main() {
       // legitimately inlines the TuiApp implementation (src/tui-app.d.ts)
       // for the Loader row — it is NOT a third-party SDK entry. Its region
       // is exempted; everything else (chunks, extensions, builtins) must
-      // name only the public modules below.
+      // name only the public modules below. The image modules
+      // (src/image/admission.d.ts, src/image/types.d.ts) are also
+      // legitimately inlined into the root entry: the public
+      // `commandRejectsImages` signature references `DraftImageStoreLike`,
+      // which pulls in the draft vocabulary (and the recalled-ref shape).
       const isRoot = name === 'dist/index.d.mts'
       for (const line of lines) {
         const match = /\/\/#region\s+(\S+)/.exec(line)
         if (match) {
           const regionPath = match[1]
-          const allowed = /^src\/(builtins|commands|diag|extension\/advanced|extension\/advanced-types|extension\/public-types|extension\/service|extension\/slot-map|extension\/unstable|extension\/unstable-types|extensions|index|skill-catalog|startup|surface-catalog)\.d\.ts$/.test(regionPath)
+          const allowed = /^src\/(builtins|commands|diag|extension\/advanced|extension\/advanced-types|extension\/public-types|extension\/service|extension\/slot-map|extension\/unstable|extension\/unstable-types|extensions|image\/admission|image\/types|index|skill-catalog|startup|surface-catalog)\.d\.ts$/.test(regionPath)
           const rootAllowed = isRoot && /^src\/tui-app\.d\.ts$/.test(regionPath)
           if (!allowed && !rootAllowed) dtsLeaks.push(`${name}: region ${regionPath}`)
         }