@jobshimo/browser-link 0.8.2 → 0.9.0

package/dist/ui/screens/welcome.js

@@ -1,44 +1,74 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Box, Text, useInput } from 'ink';
 import { useState } from 'react';
-import { Frame, Menu } from '../components.js';
+import { Frame } from '../components.js';
+import { COLORS, GLYPHS } from '../tokens.js';
+import { FooterKeys, MenuRow, SectionHead } from '../primitives/index.js';
 import { I18N_WELCOME } from '../../commands/welcome.js';
+import { VERSION } from '../../version.js';
 export function WelcomeScreen({ language, hideDismiss, onAccept, onDismiss, onSwapLang, onQuit, }) {
     const t = I18N_WELCOME[language];
-    const items = [
-        { value: 'accept', label: t.options.accept },
-    ];
+    const [expanded, setExpanded] = useState(false);
+    /* Hotkeys here are stable across languages — `c` for the primary
+     * action ("continue"), `d` for dismiss, `l` for language, `q` for
+     * quit. Picking them from the EN labels would drift between locales,
+     * so we hard-code them. */
+    const rows = [{ value: 'accept', hotkey: 'c', label: t.options.accept }];
     if (!hideDismiss)
-        items.push({ value: 'dismiss', label: t.options.dismiss });
-    items.push({ value: 'swap', label: t.options.swap }, { value: 'quit', label: t.options.quit });
+        rows.push({ value: 'dismiss', hotkey: 'd', label: t.options.dismiss });
+    rows.push({ value: 'swap', hotkey: 'l', label: t.options.swap }, { value: 'quit', hotkey: 'q', label: t.options.quit });
     const [idx, setIdx] = useState(0);
+    const fire = (action) => {
+        if (action === 'accept')
+            onAccept();
+        else if (action === 'dismiss')
+            onDismiss();
+        else if (action === 'swap')
+            onSwapLang();
+        else
+            onQuit();
+    };
     useInput((input, key) => {
         if (key.upArrow)
-            setIdx((i) => (i - 1 + items.length) % items.length);
+            setIdx((i) => (i - 1 + rows.length) % rows.length);
         else if (key.downArrow)
-            setIdx((i) => (i + 1) % items.length);
-        else if (key.return) {
-            const v = items[idx].value;
-            if (v === 'accept')
-                onAccept();
-            else if (v === 'dismiss')
-                onDismiss();
-            else if (v === 'swap')
-                onSwapLang();
-            else
-                onQuit();
-        }
+            setIdx((i) => (i + 1) % rows.length);
+        else if (key.return)
+            fire(rows[idx].value);
         else if (input === 'q' || key.escape)
             onQuit();
         else if (input === 'l')
             onSwapLang();
+        else if (input === 'i' || input === 'I')
+            setExpanded((v) => !v);
+        else {
+            // Hotkey lookup — pressing the bracketed letter fires the row.
+            const target = rows.find((r) => r.hotkey === input.toLowerCase());
+            if (target)
+                fire(target.value);
+        }
     });
-    const footer = language === 'es'
-        ? '↑↓ moverse · ↵ elegir · l idioma · q salir'
-        : '↑↓ navigate · ↵ select · l language · q quit';
-    return (_jsxs(Frame, { title: t.title, footer: footer, children: [_jsx(Section, { title: t.aboutTitle, body: t.about }), _jsx(Section, { title: t.capabilitiesTitle, body: t.capabilities }), _jsx(Section, { title: t.warningTitle, body: t.warning, warn: true }), _jsxs(Box, { marginBottom: 1, flexDirection: "column", children: [_jsx(Text, { color: "gray", italic: true, children: t.responsibility }), _jsx(Text, { color: "gray", italic: true, children: t.extensionNote })] }), _jsx(Text, { color: "white", bold: true, children: t.prompt }), _jsx(Box, { marginTop: 1, children: _jsx(Menu, { items: items, selectedIndex: idx }) })] }));
+    const fk = t.footerKeys;
+    const footerItems = [
+        { k: `${GLYPHS.up}${GLYPHS.down}`, label: fk.navigate },
+        { k: GLYPHS.enter, label: fk.select },
+        { k: 'i', label: expanded ? fk.hide : fk.info },
+        { k: 'l', label: fk.lang },
+        { k: 'q', label: fk.quit },
+    ];
+    return (_jsxs(Frame, { title: t.title, badge: _jsxs(Text, { color: COLORS.muted, dimColor: true, children: ["v", VERSION] }), footer: _jsx(FooterKeys, { items: footerItems }), children: [_jsx(Wordmark, {}), expanded ? (_jsx(ExpandedBody, { t: t })) : (_jsx(CompactBody, { about: t.shortAbout, warningTitle: t.warningTitle, warning: t.shortWarning })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "white", bold: true, children: t.prompt }) }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: rows.map((row, i) => (_jsx(MenuRow, { selected: i === idx, hotkey: row.hotkey, label: row.label }, row.value))) }), !expanded && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: COLORS.muted, italic: true, children: t.detailHint }) }))] }));
+}
+function CompactBody({ about, warningTitle, warning }) {
+    return (_jsxs(_Fragment, { children: [_jsx(Box, { marginTop: 1, children: _jsx(Text, { children: about }) }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: COLORS.warn, bold: true, children: [GLYPHS.warn, " ", warningTitle] }) }), _jsx(Text, { children: warning })] }));
+}
+function ExpandedBody({ t }) {
+    return (_jsxs(_Fragment, { children: [_jsx(SectionHead, { children: t.aboutTitle }), _jsx(Text, { children: t.about }), _jsx(SectionHead, { children: t.capabilitiesTitle }), _jsx(Text, { children: t.capabilities }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: COLORS.warn, bold: true, children: [GLYPHS.warn, " ", t.warningTitle] }) }), _jsx(Text, { children: t.warning }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: COLORS.muted, italic: true, children: t.responsibility }), _jsx(Text, { color: COLORS.muted, italic: true, children: t.extensionNote })] })] }));
 }
-function Section({ title, body, warn }) {
-    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { color: warn ? 'yellow' : 'cyan', bold: true, children: [warn ? '⚠  ' : '', title] }), _jsx(Text, { children: body })] }));
+/* Logo A — typeset wordmark, single line. See system.jsx → LogoCard,
+ * option A. `·` is the magenta hairline between "browser" and "link";
+ * we render it in muted gray here because magenta is the Branded mood
+ * primary and would clash with the Pragmatic palette. */
+function Wordmark() {
+    return (_jsxs(Box, { children: [_jsx(Text, { color: COLORS.primary, bold: true, children: "browser" }), _jsxs(Text, { color: COLORS.muted, children: [" ", GLYPHS.dot, " "] }), _jsx(Text, { color: COLORS.primary, bold: true, children: "link" }), _jsx(Text, { color: COLORS.muted, dimColor: true, children: `  v${VERSION}` })] }));
 }
 //# sourceMappingURL=welcome.js.map

package/dist/ui/screens/welcome.js.map

@@ -1 +1 @@
-{"version":3,"file":"welcome.js","sourceRoot":"","sources":["../../../src/ui/screens/welcome.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"welcome.js","sourceRoot":"","sources":["../../../src/ui/screens/welcome.tsx"],"names":[],"mappings":"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"}

package/dist/ui/tokens.d.ts

@@ -0,0 +1,37 @@
+export declare const COLORS: {
+    readonly primary: "cyan";
+    readonly success: "green";
+    readonly warn: "yellow";
+    readonly error: "red";
+    readonly info: "blue";
+    readonly muted: "gray";
+    readonly focus: "cyan";
+    readonly heading: "cyan";
+};
+export type ColorRole = keyof typeof COLORS;
+export declare const GLYPHS: {
+    readonly cursor: "❯";
+    readonly success: "✓";
+    readonly error: "✗";
+    readonly warn: "⚠";
+    readonly info: "ℹ";
+    readonly dot: "·";
+    readonly arrow: "→";
+    readonly up: "↑";
+    readonly down: "↓";
+    readonly enter: "↵";
+    readonly esc: "⎋";
+    readonly space: "␣";
+    readonly badgeOk: "✓ installed";
+    readonly badgeWarn: "⚠ outdated";
+    readonly badgeOff: "· not installed";
+    readonly badgeFail: "✗ failed";
+    readonly badgeNoFile: "· no file yet";
+};
+export type GlyphKey = keyof typeof GLYPHS;
+export declare const SPACE: {
+    readonly none: 0;
+    readonly gap: 1;
+    readonly block: 2;
+};
+export type SpaceKey = keyof typeof SPACE;

package/dist/ui/tokens.js

@@ -0,0 +1,58 @@
+/* Design tokens — the Pragmatic mood (Mood A) of the v0.9.0 visual refactor.
+ *
+ * Ink accepts ANSI color names directly via the `color` prop on <Text>,
+ * so this module is a thin semantic-role → ANSI-name mapping, not a
+ * hex-to-color translator. The full design source lives at
+ * `~/browser-link/browser-link/tokens.jsx` (Mood A · Pragmatic).
+ *
+ * `dimColor` on Ink's <Text> handles the "muted" role; we still expose
+ * `muted: 'gray'` so consumers reading from COLORS get a sensible fallback
+ * when they want the muted *color* (e.g. a separator dot) and not the
+ * dim *effect* (which is applied via the dimColor prop instead).
+ */
+export const COLORS = {
+    primary: 'cyan',
+    success: 'green',
+    warn: 'yellow',
+    error: 'red',
+    info: 'blue',
+    muted: 'gray',
+    focus: 'cyan',
+    heading: 'cyan',
+};
+/* Glyph set A — Shapes. Chosen for max cross-terminal compatibility:
+ * every glyph below renders cleanly on cmd.exe-equivalent terminals
+ * (Windows Terminal, iTerm2, modern xterms). The corresponding
+ * design source is `tokens.jsx` → GLYPHS.shapes. */
+export const GLYPHS = {
+    cursor: '❯',
+    success: '✓',
+    error: '✗',
+    warn: '⚠',
+    info: 'ℹ',
+    dot: '·',
+    arrow: '→',
+    up: '↑',
+    down: '↓',
+    enter: '↵',
+    esc: '⎋',
+    space: '␣',
+    /* Status badges — glyph + space + label. Kept here so the same string
+     * is reused across screens (Agent Instructions, Client Picker, Doctor). */
+    badgeOk: '✓ installed',
+    badgeWarn: '⚠ outdated',
+    badgeOff: '· not installed',
+    badgeFail: '✗ failed',
+    /* Agent-instructions specific — used when the target .md file does
+     * not exist yet (install will create it). */
+    badgeNoFile: '· no file yet',
+};
+/* Spacing scale — three levels only, mapped directly to Ink margin props.
+ * See `~/browser-link/browser-link/tokens.jsx` → SPACE and `system.jsx` →
+ * SpacingCard for the per-level usage spec. Don't introduce a fourth value. */
+export const SPACE = {
+    none: 0,
+    gap: 1,
+    block: 2,
+};
+//# sourceMappingURL=tokens.js.map

package/dist/ui/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../src/ui/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,KAAK;IACZ,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,MAAM;CACP,CAAC;AAIX;;;oDAGoD;AACpD,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,GAAG;IACZ,KAAK,EAAE,GAAG;IACV,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,GAAG;IACT,GAAG,EAAE,GAAG;IACR,KAAK,EAAE,GAAG;IACV,EAAE,EAAE,GAAG;IACP,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,GAAG,EAAE,GAAG;IACR,KAAK,EAAE,GAAG;IACV;+EAC2E;IAC3E,OAAO,EAAE,aAAa;IACtB,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,iBAAiB;IAC3B,SAAS,EAAE,UAAU;IACrB;iDAC6C;IAC7C,WAAW,EAAE,eAAe;CACpB,CAAC;AAIX;;+EAE+E;AAC/E,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,IAAI,EAAE,CAAC;IACP,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;CACA,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobshimo/browser-link",
-  "version": "0.8.2",
+  "version": "0.9.0",
   "description": "MCP server that bridges Claude Code, OpenCode, GitHub Copilot CLI and other MCP clients to a Chrome tab. Per-tool permissions, multi-agent mode (multiple MCP clients sharing one bridge), persistent UI map across sessions.",
   "keywords": [
     "mcp",