@itookit/dsht 0.3.0 → 0.3.3

package/dist/ui/dialogs/picker.js

@@ -0,0 +1,38 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/** Shared list selector used by every picker and dialog. */
+import { useEffect, useRef, useState } from 'react';
+import { Box, Text, useInput, useStdin } from 'ink';
+import { safeText } from "../../transport/wire.js";
+import { useCopyMode } from "../copy-mode.js";
+import { useTheme } from "../theme/index.js";
+/** Keyboard-driven list with paging and optional removal.
+ * @param props - Choices, availability, page size and hint text.
+ * @returns The rendered list rows and its navigation hint.
+ */
+export function Picker({ choices, enabled, canSelect, pageSize = 12, hint }) {
+    const theme = useTheme();
+    const copyMode = useCopyMode();
+    const [selected, setSelected] = useState(0);
+    const current = Math.min(selected, choices.length - 1);
+    const { internal_eventEmitter } = useStdin();
+    const rawKey = useRef('');
+    useEffect(() => {
+        const remember = (raw) => { rawKey.current = raw; };
+        internal_eventEmitter.prependListener('input', remember);
+        return () => { internal_eventEmitter.removeListener('input', remember); };
+    }, [internal_eventEmitter]);
+    useInput((_input, key) => {
+        if (!canSelect() || key.eventType === 'release')
+            return;
+        if (key.upArrow)
+            setSelected(Math.max(0, current - 1));
+        else if (key.downArrow)
+            setSelected(Math.min(choices.length - 1, current + 1));
+        else if (_input === 'd' && !key.ctrl && !key.meta || key.delete && /^\x1b\[3(?:;\d+)?~$/.test(rawKey.current))
+            choices[current]?.remove?.();
+        else if (key.return)
+            choices[current]?.action();
+    }, { isActive: enabled && !copyMode });
+    const start = Math.max(0, current - Math.max(0, pageSize - 1));
+    return _jsxs(Box, { flexDirection: "column", children: [choices.slice(start, start + pageSize).map((choice, index) => _jsxs(Text, { color: start + index === current ? theme.accent : undefined, children: [start + index === current ? '❯ ' : '  ', safeText(choice.label)] }, choice.key)), _jsx(Text, { dimColor: true, children: hint ?? `↑ ↓ select · Enter open${choices.some(choice => choice.remove) ? ' · d/Delete remove / archive' : ''} · Ctrl+C stop / exit` })] });
+}

package/dist/ui/frozen.d.ts

@@ -0,0 +1,8 @@
+/** Retain rendered subtrees while the display is paused for reading or selection. */
+import { type ReactNode } from 'react';
+/** Retain rendered children while frozen; local dialog interactions remain outside this wrapper. */
+export declare const Frozen: import("react").NamedExoticComponent<{
+    children: ReactNode;
+    frozen: boolean;
+    identity: string;
+}>;

package/dist/ui/frozen.js

@@ -0,0 +1,7 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+/** Retain rendered subtrees while the display is paused for reading or selection. */
+import { memo } from 'react';
+/** Retain rendered children while frozen; local dialog interactions remain outside this wrapper. */
+export const Frozen = memo(function Frozen({ children }) {
+    return _jsx(_Fragment, { children: children });
+}, (previous, next) => previous.frozen && next.frozen && previous.identity === next.identity);

package/dist/ui/input/references.d.ts

@@ -0,0 +1,12 @@
+import type { FileReference } from '../../session/references.ts';
+/** Candidates for the unfinished reference at the end of the draft.
+ * @param props - Lookup result and the highlighted candidate.
+ * @returns The completion menu.
+ */
+export declare function ReferenceMenu({ matches, index }: {
+    matches?: {
+        items: FileReference[];
+        error?: string;
+    };
+    index: number;
+}): import("react").JSX.Element;

package/dist/ui/input/references.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Trailing `@` host-path completion menu. */
+import { Box, Text } from 'ink';
+import { useTheme } from "../theme/index.js";
+/** Candidates for the unfinished reference at the end of the draft.
+ * @param props - Lookup result and the highlighted candidate.
+ * @returns The completion menu.
+ */
+export function ReferenceMenu({ matches, index }) {
+    const theme = useTheme();
+    const start = Math.max(0, index - 5);
+    return _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "Host files \u00B7 \u2191 \u2193 select \u00B7 Tab/Enter insert \u00B7 Esc close" }), !matches ? _jsx(Text, { dimColor: true, children: "Searching\u2026" }) : matches.error ? _jsx(Text, { color: theme.colors.error, children: matches.error })
+                : matches.items.length === 0 ? _jsx(Text, { dimColor: true, children: "No matching host files" })
+                    : matches.items.slice(start, start + 6).map((item, offset) => _jsxs(Text, { color: offset + start === index ? theme.accent : undefined, children: [offset + start === index ? '❯ ' : '  ', item.path, item.kind === 'directory' ? '/' : ''] }, `${item.kind}:${item.path}`))] });
+}

package/dist/ui/mount.d.ts

@@ -0,0 +1,6 @@
+import type { Controller } from '../controller/index.ts';
+/** Render the application and return the Ink instance that owns its lifetime.
+ * @param controller - Application controller.
+ * @returns The mounted Ink instance.
+ */
+export declare function mount(controller: Controller): import("ink").Instance;

package/dist/ui/mount.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** The only module that touches Ink's renderer; the CLI mounts the interface through it. */
+import { render } from 'ink';
+import { App } from "./app.js";
+/** Render the application and return the Ink instance that owns its lifetime.
+ * @param controller - Application controller.
+ * @returns The mounted Ink instance.
+ */
+export function mount(controller) {
+    return render(_jsx(App, { controller: controller }), { exitOnCtrlC: false });
+}

package/dist/{theme.d.ts → ui/theme/index.d.ts}

@@ -1,4 +1,4 @@
-import type { RowKind } from './history.ts';
+import type { RowKind } from '../../session/history.ts';
 /** Themes provide semantic roles so components never depend on palette-specific color names. */
 export interface Theme {
     name: string;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@itookit/dsht",
-  "version": "0.3.0",
+  "version": "0.3.3",
   "type": "module",
   "description": "Remote-first TUI for DeepSeek Harness with SSH-friendly mobile access and request-level cost tracking",
   "engines": {
     "node": ">=22.19"
   },
   "bin": {
-    "dsht": "dist/cli.js"
+    "dsht": "dist/cli/index.js"
   },
   "files": [
     "dist",
@@ -15,26 +15,27 @@
     "README.zh.md",
     "dsht-m.png"
   ],
-  "main": "dist/client.js",
-  "types": "dist/client.d.ts",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "exports": {
-    ".": "./dist/client.js",
-    "./auth": "./dist/auth.js"
+    ".": "./dist/index.js",
+    "./auth": "./dist/transport/auth.js"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "start": "tsx src/cli.tsx",
-    "build": "tsc",
+    "start": "tsx src/cli/index.tsx",
+    "start:profile": "node -e \"require('node:fs').mkdirSync('.diagnostics',{recursive:true})\" && NODE_OPTIONS=\"--expose-gc --heapsnapshot-signal=SIGUSR2 --diagnostic-dir=.diagnostics\" tsx src/cli/index.tsx",
+    "build": "node -e \"require('node:fs').rmSync('dist',{recursive:true,force:true})\" && tsc",
     "typecheck": "tsc --noEmit && tsc -p tsconfig.tests.json",
-    "test": "tsx --test tests/*.test.ts tests/*.test.tsx",
-    "test:terminal": "node scripts/test-terminal.mjs",
-    "test:package": "node scripts/test-package.mjs",
+    "test": "tsx --test tests/*/*.test.ts tests/*/*.test.tsx",
+    "test:terminal": "node scripts/test/terminal.mjs",
+    "test:package": "node scripts/test/package.mjs",
     "prepack": "npm run build",
     "prepublishOnly": "npm run typecheck && npm run test:terminal",
-    "bench:input": "tsx scripts/benchmark-input.tsx",
-    "bench:history": "node --import tsx scripts/benchmark-history.tsx"
+    "bench:input": "tsx scripts/benchmarks/input.tsx",
+    "bench:history": "node --import tsx scripts/benchmarks/history.tsx"
   },
   "keywords": [
     "deepseek",
@@ -66,9 +67,14 @@
   },
   "homepage": "https://github.com/mushuanli/dsht#readme",
   "dependencies": {
+    "@mathjax/src": "^4.1.3",
+    "beautiful-mermaid": "^1.1.3",
+    "entities": "^8.1.0",
     "ink": "^6.8.0",
+    "marked": "^18.0.12",
     "react": "^19.2.0",
     "slice-ansi": "^8.0.0",
+    "string-width": "^8.2.2",
     "wrap-ansi": "^9.0.2",
     "ws": "^8.21.0"
   },

package/dist/app.d.ts

@@ -1,21 +0,0 @@
-import { type Theme } from './theme.ts';
-import { Controller } from './controller.ts';
-/** One slash command advertised by completion and `/help`. */
-export interface CommandHint {
-    /** Slash command as typed without arguments. */
-    command: string;
-    /** Argument hint shown after the command; absent when it takes none. */
-    usage?: string;
-    /** One-line action description shown by `/help`. */
-    description: string;
-}
-/** Command discovery catalog shared by Tab completion and the `/help` panel. */
-export declare const COMMAND_HINTS: readonly CommandHint[];
-/** Longest common prefix of the candidate commands, so Tab can extend an ambiguous draft. */
-export declare function commonPrefix(values: string[]): string;
-/** The caller owns starting and stopping the controller around the Ink render lifetime. */
-export declare function App({ controller, panelLifetimeMs, theme }: {
-    controller: Controller;
-    panelLifetimeMs?: number;
-    theme?: Theme;
-}): import("react").JSX.Element;