@celljs/ta-web 0.0.0-stage → 4.6.0

package/esm/browser/components/diff-view.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare function DiffView({ diff }: {
+    diff: string;
+}): React.JSX.Element;

package/esm/browser/components/diff-view.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { DiffUtil } from '../util/diff.js';
+const SIGNS = { add: '+', remove: '-', context: ' ', gap: '' };
+export function DiffView({ diff }) {
+    const lines = React.useMemo(() => DiffUtil.parse(diff), [diff]);
+    return (React.createElement("div", { className: "ta-diff" }, lines.map((line, index) => { var _a; return (React.createElement("div", { key: index, className: `ta-diff-line ta-diff-${line.kind}` },
+        React.createElement("span", { className: "ta-diff-number" }, (_a = line.line) !== null && _a !== void 0 ? _a : ''),
+        React.createElement("span", { className: "ta-diff-sign" }, SIGNS[line.kind]),
+        React.createElement("span", { className: "ta-diff-text" }, line.kind === 'gap' ? '⋯' : line.text))); })));
+}
+//# sourceMappingURL=diff-view.js.map

package/esm/browser/components/diff-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diff-view.js","sourceRoot":"","sources":["../../../src/browser/components/diff-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC;AAE/D,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAoB;IAC/C,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAChE,OAAO,CACH,6BAAK,SAAS,EAAC,SAAS,IACnB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,kBAAC,CACxB,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,wBAAwB,IAAI,CAAC,IAAI,EAAE;QAC3D,8BAAM,SAAS,EAAC,gBAAgB,UAAE,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAQ;QACzD,8BAAM,SAAS,EAAC,cAAc,IAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAQ;QACxD,8BAAM,SAAS,EAAC,cAAc,IAAE,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAQ,CAC3E,CACT,GAAA,CAAC,CACA,CACT,CAAC;AACN,CAAC"}

package/esm/browser/components/dino.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export declare const DINO_GREEN = "#10B981";
+/** Cell's dinosaur as assets/logo.svg draws it: the mark of ta. */
+export declare function Dino({ size }: {
+    size?: number;
+}): React.JSX.Element;
+/** The same picture as the icon of the tab. */
+export declare function dinoFavicon(): string;

package/esm/browser/components/dino.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { LOGO_PATH } from '../avatar/dino-avatar.js';
+export const DINO_GREEN = '#10B981';
+/** Cell's dinosaur as assets/logo.svg draws it: the mark of ta. */
+export function Dino({ size = 32 }) {
+    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 256 256", "aria-label": "ta", role: "img" },
+        React.createElement("path", { d: LOGO_PATH, fill: DINO_GREEN, fillRule: "evenodd" })));
+}
+/** The same picture as the icon of the tab. */
+export function dinoFavicon() {
+    const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path d="${LOGO_PATH}" fill="${DINO_GREEN}" fill-rule="evenodd"/></svg>`;
+    return `data:image/svg+xml,${encodeURIComponent(svg)}`;
+}
+//# sourceMappingURL=dino.js.map

package/esm/browser/components/dino.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dino.js","sourceRoot":"","sources":["../../../src/browser/components/dino.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AAEpC,mEAAmE;AACnE,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,GAAG,EAAE,EAAqB;IACjD,OAAO,CACH,6BAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,aAAa,gBAAY,IAAI,EAAC,IAAI,EAAC,KAAK;QAC5E,8BAAM,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAC,SAAS,GAAG,CACzD,CACT,CAAC;AACN,CAAC;AAED,+CAA+C;AAC/C,MAAM,UAAU,WAAW;IACvB,MAAM,GAAG,GAAG,0EAA0E,SAAS,WAAW,UAAU,+BAA+B,CAAC;IACpJ,OAAO,sBAAsB,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAAC;AAC3D,CAAC"}

package/esm/browser/components/editor-area.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { type WebEditorEntry, type WebViewEntry } from '../extension/web-extension-protocol.js';
+export interface EditorAreaProps {
+    editors: WebEditorEntry[];
+    active?: string;
+    /** The `panel` views: what `+` and the empty workbench open. */
+    views: WebViewEntry[];
+    onShow(id: string): void;
+    /** Closes tabs: one, or several at once from the menu of a tab. */
+    onClose(ids: string[]): void;
+    /** Keeps a preview tab (a double click on it). */
+    onPin(id: string): void;
+    onOpenView(id: string): void;
+    onHide(): void;
+    /** Whether the workbench takes the place of the conversation too; none on narrow screens, where it always does. */
+    maximized?: boolean;
+    onMaximize?(): void;
+    style?: React.CSSProperties;
+}
+/**
+ * The workbench beside the conversation: the tools of web extensions (`panel` views, such as the
+ * explorer or a terminal) and what they open (files, diffs), as tabs. Every tab stays rendered while
+ * open, hidden when not shown, so that what it holds (a scroll position, a page in a frame) survives
+ * switching.
+ */
+export declare function EditorArea({ editors, active, views, onShow, onClose, onPin, onOpenView, onHide, maximized, onMaximize, style }: EditorAreaProps): React.JSX.Element;
+/** The cards of web extensions (`setWidget` with `placement: 'panel'`): a tab of the workbench. */
+export declare function WorkbenchCards(): React.JSX.Element;

package/esm/browser/components/editor-area.js

@@ -0,0 +1,134 @@
+import { Maximize2, Minimize2, PanelTop, Plus, X } from 'lucide-react';
+import * as React from 'react';
+import { Widget } from '../chat/chat-view.js';
+import { ExtensionBoundary } from '../extension/extension-view.js';
+import { WebLabelUtil } from '../extension/web-extension-protocol.js';
+import { useWebExtensions } from '../hooks.js';
+import { useT } from '../i18n/use-t.js';
+import { useDismiss } from './account-menu.js';
+import { useContextMenu } from './context-menu.js';
+import { Icon, IconButton, SidebarRight } from './icon.js';
+function ViewGlyph({ view, size }) {
+    var _a;
+    const Glyph = (_a = view.icon) !== null && _a !== void 0 ? _a : PanelTop;
+    return React.createElement(Glyph, { size: size, strokeWidth: 1.6 });
+}
+/** `+` of the workbench: the tools it opens. */
+function OpenMenu({ views, onOpenView }) {
+    const t = useT();
+    const [open, setOpen] = React.useState(false);
+    const root = React.useRef(null);
+    const button = React.useRef(null);
+    const menu = React.useRef(null);
+    const id = React.useId();
+    const close = React.useCallback(() => setOpen(false), []);
+    useDismiss(open, close, root, button);
+    React.useEffect(() => {
+        var _a, _b;
+        if (open) {
+            (_b = (_a = menu.current) === null || _a === void 0 ? void 0 : _a.querySelector('[role="menuitem"]')) === null || _b === void 0 ? void 0 : _b.focus();
+        }
+    }, [open]);
+    const onKeyDown = (event) => {
+        var _a, _b;
+        var _c;
+        if (event.key !== 'ArrowDown' && event.key !== 'ArrowUp') {
+            return;
+        }
+        event.preventDefault();
+        const items = [...((_c = (_a = menu.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('[role="menuitem"]')) !== null && _c !== void 0 ? _c : [])];
+        const at = items.indexOf(document.activeElement);
+        (_b = items[(at + (event.key === 'ArrowDown' ? 1 : items.length - 1)) % items.length]) === null || _b === void 0 ? void 0 : _b.focus();
+    };
+    return (React.createElement("div", { className: "ta-workbench-open", ref: root },
+        React.createElement("button", { ref: button, type: "button", className: `ta-icon-button ${open ? 'ta-on' : ''}`, title: t('ta.workbench.open'), "aria-label": t('ta.workbench.open'), "aria-haspopup": "menu", "aria-expanded": open, "aria-controls": open ? id : undefined, onClick: () => setOpen(!open) },
+            React.createElement(Icon, { icon: Plus })),
+        open && (React.createElement("div", { className: "ta-workbench-menu", id: id, role: "menu", ref: menu, "aria-label": t('ta.workbench.open'), onKeyDown: onKeyDown }, views.map(view => (React.createElement("button", { key: view.id, type: "button", role: "menuitem", className: "ta-account-item", onClick: () => {
+                close();
+                onOpenView(view.id);
+            } },
+            React.createElement(ViewGlyph, { view: view, size: 15 }),
+            React.createElement("span", { className: "ta-ellipsis" }, WebLabelUtil.text(view.title)))))))));
+}
+/** What an empty workbench shows: the tools it opens. */
+function Launcher({ views, onOpenView }) {
+    const t = useT();
+    return (React.createElement("div", { className: "ta-workbench-launcher" },
+        React.createElement("div", { className: "ta-workbench-launcher-head" },
+            React.createElement("span", { className: "ta-workbench-launcher-title" }, t('ta.workbench.empty')),
+            React.createElement("span", { className: "ta-workbench-launcher-hint" }, t('ta.workbench.emptyHint'))),
+        views.map(view => (React.createElement("button", { key: view.id, type: "button", className: "ta-workbench-launch", onClick: () => onOpenView(view.id) },
+            React.createElement(ViewGlyph, { view: view, size: 16 }),
+            React.createElement("span", { className: "ta-ellipsis" }, WebLabelUtil.text(view.title)))))));
+}
+/**
+ * The workbench beside the conversation: the tools of web extensions (`panel` views, such as the
+ * explorer or a terminal) and what they open (files, diffs), as tabs. Every tab stays rendered while
+ * open, hidden when not shown, so that what it holds (a scroll position, a page in a frame) survives
+ * switching.
+ */
+export function EditorArea({ editors, active, views, onShow, onClose, onPin, onOpenView, onHide, maximized, onMaximize, style }) {
+    const t = useT();
+    const [menu, openMenu] = useContextMenu();
+    const menuFor = (editor) => {
+        const at = editors.indexOf(editor);
+        const ids = (list) => list.map(candidate => candidate.id);
+        const others = editors.filter(candidate => candidate !== editor);
+        const left = editors.slice(0, at);
+        const right = editors.slice(at + 1);
+        const saved = editors.filter(candidate => !candidate.dirty);
+        const items = [
+            { label: t('ta.tab.close'), run: () => onClose([editor.id]) },
+            { label: t('ta.tab.closeOthers'), run: () => onClose(ids(others)), disabled: others.length === 0 },
+            { label: t('ta.tab.closeLeft'), run: () => onClose(ids(left)), disabled: left.length === 0 },
+            { label: t('ta.tab.closeRight'), run: () => onClose(ids(right)), disabled: right.length === 0 },
+            '-',
+            { label: t('ta.tab.closeSaved'), run: () => onClose(ids(saved)), disabled: saved.length === 0 },
+            { label: t('ta.tab.closeAll'), run: () => onClose(ids(editors)) },
+        ];
+        if (editor.preview) {
+            items.push('-', { label: t('ta.tab.keepOpen'), run: () => onPin(editor.id) });
+        }
+        return items;
+    };
+    return (React.createElement("section", { className: "ta-editors", style: style, "aria-label": t('ta.workbench') },
+        React.createElement("header", { className: "ta-editor-tabs" },
+            React.createElement("div", { className: "ta-editor-tablist", role: "tablist" },
+                editors.length === 0 && React.createElement("span", { className: "ta-workbench-title" }, t('ta.workbench')),
+                editors.map(editor => {
+                    const title = WebLabelUtil.text(editor.title);
+                    const Glyph = editor.icon;
+                    const selected = editor.id === active;
+                    return (React.createElement("div", { key: editor.id, className: `ta-editor-tab ${selected ? 'ta-active' : ''} ${editor.preview ? 'ta-preview' : ''} ${editor.dirty ? 'ta-dirty' : ''}`, title: title },
+                        React.createElement("button", { type: "button", role: "tab", "aria-selected": selected, className: "ta-editor-tab-button", onClick: () => onShow(editor.id), onDoubleClick: () => onPin(editor.id), onAuxClick: event => event.button === 1 && onClose([editor.id]), onContextMenu: event => openMenu(event, menuFor(editor)) },
+                            Glyph && React.createElement(Glyph, { size: 14 }),
+                            React.createElement("span", null, title)),
+                        React.createElement("button", { type: "button", className: "ta-editor-tab-close", "aria-label": t('ta.editor.close', { title }), onClick: () => onClose([editor.id]), onContextMenu: event => openMenu(event, menuFor(editor)) },
+                            React.createElement(Icon, { icon: X, size: 13 }),
+                            editor.dirty && React.createElement("span", { className: "ta-editor-tab-dirty", "aria-hidden": "true" }))));
+                })),
+            menu,
+            React.createElement("div", { className: "ta-workbench-actions" },
+                views.length > 0 && React.createElement(OpenMenu, { views: views, onOpenView: onOpenView }),
+                onMaximize && (React.createElement(IconButton, { icon: maximized ? Minimize2 : Maximize2, label: t(maximized ? 'ta.workbench.restore' : 'ta.workbench.maximize'), className: "ta-wide-only", "aria-pressed": maximized, onClick: onMaximize })),
+                React.createElement(IconButton, { icon: SidebarRight, label: t('ta.panel.hide'), onClick: onHide }))),
+        editors.length === 0 && React.createElement(Launcher, { views: views, onOpenView: onOpenView }),
+        editors.map(editor => {
+            const Content = editor.render;
+            return (React.createElement("div", { key: editor.id, className: "ta-editor-body", role: "tabpanel", hidden: editor.id !== active },
+                React.createElement(ExtensionBoundary, { name: WebLabelUtil.text(editor.title), resetKey: Content },
+                    React.createElement(Content, null))));
+        })));
+}
+/** The cards of web extensions (`setWidget` with `placement: 'panel'`): a tab of the workbench. */
+export function WorkbenchCards() {
+    const t = useT();
+    const [{ widgets }] = useWebExtensions();
+    const cards = widgets.filter(widget => widget.placement === 'panel');
+    return (React.createElement("div", { className: "ta-panel-cards" },
+        cards.length === 0 && React.createElement("div", { className: "ta-side-empty" }, t('ta.workbench.noCards')),
+        cards.map(widget => (React.createElement("section", { key: widget.id, className: "ta-card-widget" },
+            widget.title && React.createElement("h2", { className: "ta-hud" }, WebLabelUtil.text(widget.title)),
+            React.createElement(Widget, { widget: widget }))))));
+}
+//# sourceMappingURL=editor-area.js.map

package/esm/browser/components/editor-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-area.js","sourceRoot":"","sources":["../../../src/browser/components/editor-area.tsx"],"names":[],"mappings":"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"}

package/esm/browser/components/folder-picker.d.ts

@@ -0,0 +1,28 @@
+import type { TaDirEntry } from '@celljs/ta-protocol';
+import * as React from 'react';
+export declare namespace FolderPickerUtil {
+    /** The directory above `path`; undefined at a root (`/`, `C:\\`). */
+    function parent(path: string): string | undefined;
+    function child(path: string, name: string): string;
+    /** The folders to offer: no files, no hidden ones (a path typed in still opens those). */
+    function folders(entries: TaDirEntry[]): TaDirEntry[];
+}
+export interface FolderPickerProps {
+    /** The entries of a directory of the server. */
+    list(directory: string): Promise<TaDirEntry[]>;
+    /** Where it opens. */
+    initial: string;
+    onPick(path: string): Promise<void>;
+    onClose(): void;
+}
+/** Picks a directory of the server, folder by folder or by a path typed in, to open a conversation there. */
+export declare function FolderPicker({ list, initial, onPick, onClose }: FolderPickerProps): React.ReactElement;
+export interface DirectoryButtonProps {
+    /** The directory now. */
+    cwd: string;
+    /** The entries of a directory of the server, the same function from one render to the next. */
+    list(directory: string): Promise<TaDirEntry[]>;
+    onPick(cwd: string): void | Promise<void>;
+}
+/** The directory a new conversation will work in, beside the + of its message box: a click picks another. */
+export declare function DirectoryButton({ cwd, list, onPick }: DirectoryButtonProps): React.ReactElement;

package/esm/browser/components/folder-picker.js

@@ -0,0 +1,106 @@
+import { ChevronDown, ChevronRight, CornerLeftUp, Folder, X } from 'lucide-react';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { useT } from '../i18n/use-t.js';
+import { MessageUtil } from '../util/message.js';
+import { Icon, IconButton } from './icon.js';
+export var FolderPickerUtil;
+(function (FolderPickerUtil) {
+    /** The directory above `path`; undefined at a root (`/`, `C:\\`). */
+    function parent(path) {
+        const trimmed = path.replace(/[\\/]+$/, '');
+        const at = Math.max(trimmed.lastIndexOf('/'), trimmed.lastIndexOf('\\'));
+        if (at < 0) {
+            return undefined;
+        }
+        const head = trimmed.slice(0, at);
+        return head === '' || /^[A-Za-z]:$/.test(head) ? head + trimmed[at] : head;
+    }
+    FolderPickerUtil.parent = parent;
+    function child(path, name) {
+        const separator = path.includes('/') || !path.includes('\\') ? '/' : '\\';
+        return path.endsWith(separator) ? path + name : path + separator + name;
+    }
+    FolderPickerUtil.child = child;
+    /** The folders to offer: no files, no hidden ones (a path typed in still opens those). */
+    function folders(entries) {
+        return entries.filter(entry => entry.kind === 'directory' && !entry.name.startsWith('.'));
+    }
+    FolderPickerUtil.folders = folders;
+})(FolderPickerUtil || (FolderPickerUtil = {}));
+/** Picks a directory of the server, folder by folder or by a path typed in, to open a conversation there. */
+export function FolderPicker({ list, initial, onPick, onClose }) {
+    const t = useT();
+    const [path, setPath] = React.useState(initial);
+    const [input, setInput] = React.useState(initial);
+    const [folders, setFolders] = React.useState();
+    const [failed, setFailed] = React.useState();
+    const [busy, setBusy] = React.useState(false);
+    /** A directory is being read: picking now would take the one before. */
+    const [loading, setLoading] = React.useState(true);
+    const latest = React.useRef(0);
+    const go = React.useCallback((next) => {
+        const request = ++latest.current;
+        setFailed(undefined);
+        setLoading(true);
+        list(next)
+            .then(entries => {
+            if (request === latest.current) {
+                setPath(next);
+                setInput(next);
+                setFolders(FolderPickerUtil.folders(entries));
+            }
+        }, () => request === latest.current && setFailed(next))
+            .finally(() => request === latest.current && setLoading(false));
+    }, [list]);
+    React.useEffect(() => go(initial), [go, initial]);
+    const up = FolderPickerUtil.parent(path);
+    const pick = () => {
+        setBusy(true);
+        onPick(path).finally(() => setBusy(false));
+    };
+    return createPortal(React.createElement("div", { className: "ta-modal-scrim" },
+        React.createElement("button", { type: "button", className: "ta-overlay-close", "aria-label": t('ta.close'), tabIndex: -1, onClick: onClose }),
+        React.createElement("div", { className: "ta-modal ta-folder", role: "dialog", "aria-modal": "true", "aria-label": t('ta.folder.title'), onKeyDown: event => event.key === 'Escape' && onClose() },
+            React.createElement("div", { className: "ta-modal-head" },
+                React.createElement("span", { className: "ta-modal-title" }, t('ta.folder.title')),
+                React.createElement(IconButton, { icon: X, label: t('ta.close'), onClick: onClose })),
+            React.createElement("form", { className: "ta-folder-bar", onSubmit: event => {
+                    event.preventDefault();
+                    if (input.trim()) {
+                        go(input.trim());
+                    }
+                } },
+                React.createElement(IconButton, { icon: CornerLeftUp, label: t('ta.folder.up'), disabled: !up, onClick: () => up && go(up) }),
+                React.createElement("label", { className: "ta-field ta-field-small" },
+                    React.createElement("input", { autoFocus: true, spellCheck: false, value: input, "aria-label": t('ta.folder.path'), title: t('ta.folder.path'), onChange: event => setInput(event.target.value) }))),
+            React.createElement("ul", { className: "ta-folder-list" },
+                folders === undefined && !failed && (React.createElement("li", { className: "ta-folder-note" },
+                    React.createElement("span", { className: "ta-spinner" }))),
+                folders === null || folders === void 0 ? void 0 :
+                    folders.map(folder => (React.createElement("li", { key: folder.name },
+                        React.createElement("button", { type: "button", className: "ta-folder-item", onClick: () => go(FolderPickerUtil.child(path, folder.name)) },
+                            React.createElement(Icon, { icon: Folder, size: 16 }),
+                            React.createElement("span", { className: "ta-folder-name" }, folder.name),
+                            React.createElement(Icon, { icon: ChevronRight, size: 14, className: "ta-folder-chevron" }))))),
+                (folders === null || folders === void 0 ? void 0 : folders.length) === 0 && React.createElement("li", { className: "ta-folder-note" }, t('ta.folder.empty'))),
+            failed && React.createElement("div", { className: "ta-folder-failed" }, t('ta.folder.failed', { path: failed })),
+            React.createElement("div", { className: "ta-dialog-actions" },
+                React.createElement("button", { type: "button", className: "ta-button", onClick: onClose }, t('ta.cancel')),
+                React.createElement("button", { type: "button", className: "ta-button ta-primary", disabled: busy || loading || folders === undefined, onClick: pick }, t('ta.folder.open'))))), document.body);
+}
+/** The directory a new conversation will work in, beside the + of its message box: a click picks another. */
+export function DirectoryButton({ cwd, list, onPick }) {
+    const t = useT();
+    const [picking, setPicking] = React.useState(false);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("button", { type: "button", className: "ta-cwd-chip", title: t('ta.chat.cwdTitle', { path: cwd }), onClick: () => setPicking(true) },
+            React.createElement(Icon, { icon: Folder, size: 14 }),
+            React.createElement("span", { className: "ta-ellipsis" }, MessageUtil.basename(cwd) || cwd),
+            React.createElement(Icon, { icon: ChevronDown, size: 13 })),
+        picking && (React.createElement(FolderPicker, { list: list, initial: cwd, onClose: () => setPicking(false), onPick: async (path) => {
+                await onPick(path);
+                setPicking(false);
+            } }))));
+}
+//# sourceMappingURL=folder-picker.js.map

package/esm/browser/components/folder-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"folder-picker.js","sourceRoot":"","sources":["../../../src/browser/components/folder-picker.tsx"],"names":[],"mappings":"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"}

package/esm/browser/components/fork-view.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+/** Where a fork starts: its file (none when nothing came before), and the message it leaves out. */
+export interface ForkSource {
+    sessionFile?: string;
+    cwd: string;
+    text?: string;
+}
+/**
+ * A fork of a conversation, in a tab of the workbench beside it: the conversation shown stays as it was,
+ * and this one goes on here, with a box of its own.
+ */
+export declare function ForkView({ source }: {
+    source: ForkSource;
+}): React.JSX.Element;

package/esm/browser/components/fork-view.js

@@ -0,0 +1,43 @@
+import { useInject } from '@celljs/react';
+import * as React from 'react';
+import { TaChat } from '../chat/chat-protocol.js';
+import { useNotices, useWorkbench } from '../hooks.js';
+import { useT } from '../i18n/use-t.js';
+import { SessionView } from './session-view.js';
+/**
+ * A fork of a conversation, in a tab of the workbench beside it: the conversation shown stays as it was,
+ * and this one goes on here, with a box of its own.
+ */
+export function ForkView({ source }) {
+    const t = useT();
+    const chat = useInject(TaChat);
+    const [{ sessions }, workbench] = useWorkbench();
+    const [, notices] = useNotices();
+    const [store, setStore] = React.useState();
+    const refresh = React.useCallback(() => void workbench.refresh().catch(() => undefined), [workbench]);
+    React.useEffect(() => {
+        let current = true;
+        let opened;
+        chat.openBeside({ sessionFile: source.sessionFile, cwd: source.cwd }).then(next => {
+            opened = next;
+            if (current) {
+                setStore(next);
+            }
+            else {
+                void next.detach().catch(() => undefined);
+            }
+        }, error => notices.error(error));
+        return () => {
+            current = false;
+            void (opened === null || opened === void 0 ? void 0 : opened.detach().catch(() => undefined));
+        };
+    }, [chat, source, notices]);
+    if (!store) {
+        return (React.createElement("div", { className: "ta-empty" },
+            React.createElement("span", { className: "ta-spinner" }),
+            " ",
+            t('ta.chat.opening')));
+    }
+    return (React.createElement(SessionView, { store: store, server: workbench.server, workspace: workbench.workspace, info: sessions.find(session => session.sessionId === store.sessionId), onClosed: refresh, onActivity: refresh, draftText: source.text, compact: true }));
+}
+//# sourceMappingURL=fork-view.js.map

package/esm/browser/components/fork-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fork-view.js","sourceRoot":"","sources":["../../../src/browser/components/fork-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAS7C;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,MAAM,EAA0B;IACvD,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,IAAI,GAAG,SAAS,CAAS,MAAM,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,UAAU,EAAE,CAAC;IACjC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAgB,CAAC;IACzD,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IACtG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,OAAO,GAAG,IAAI,CAAC;QACnB,IAAI,MAAgC,CAAC;QACrC,IAAI,CAAC,UAAU,CAAC,EAAE,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CACtE,IAAI,CAAC,EAAE;YACH,MAAM,GAAG,IAAI,CAAC;YACd,IAAI,OAAO,EAAE,CAAC;gBACV,QAAQ,CAAC,IAAI,CAAC,CAAC;YACnB,CAAC;iBAAM,CAAC;gBACJ,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;YAC9C,CAAC;QACL,CAAC,EACD,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAChC,CAAC;QACF,OAAO,GAAG,EAAE;YACR,OAAO,GAAG,KAAK,CAAC;YAChB,MAAK,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAA,CAAC;QACjD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAC5B,IAAI,CAAC,KAAK,EAAE,CAAC;QACT,OAAO,CACH,6BAAK,SAAS,EAAC,UAAU;YACrB,8BAAM,SAAS,EAAC,YAAY,GAAG;;YAAE,CAAC,CAAC,iBAAiB,CAAC,CACnD,CACT,CAAC;IACN,CAAC;IACD,OAAO,CACH,oBAAC,WAAW,IACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,SAAS,CAAC,MAAM,EACxB,SAAS,EAAE,SAAS,CAAC,SAAS,EAC9B,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC,EACrE,QAAQ,EAAE,OAAO,EACjB,UAAU,EAAE,OAAO,EACnB,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,OAAO,SACT,CACL,CAAC;AACN,CAAC"}

package/esm/browser/components/hero-cards.d.ts

@@ -0,0 +1,20 @@
+import { type LucideIcon } from 'lucide-react';
+import * as React from 'react';
+import type { MessageId } from '../i18n/messages.js';
+/** What a picture of a suggestion shows. */
+export type HeroPicture = 'summary' | 'tests' | 'changes' | 'card' | 'page' | 'command';
+/** A suggestion of an empty conversation: a picture, a short label, and the message it sends. */
+export interface HeroSuggestion {
+    picture: HeroPicture;
+    label: MessageId;
+    text: MessageId;
+}
+/** The suggestions of an empty conversation as pictures: a click sends the message of one. */
+export declare function HeroCards({ suggestions, onPick }: {
+    suggestions: readonly HeroSuggestion[];
+    onPick(text: string): void;
+}): React.JSX.Element;
+/** A few steps in a row, each an icon and a word, with arrows between. */
+export declare function HeroSteps({ steps }: {
+    steps: readonly [LucideIcon, MessageId][];
+}): React.JSX.Element;

package/esm/browser/components/hero-cards.js

@@ -0,0 +1,109 @@
+import { ArrowRight } from 'lucide-react';
+import * as React from 'react';
+import { useT } from '../i18n/use-t.js';
+import { Icon } from './icon.js';
+const Frame = () => React.createElement("rect", { className: "ta-pic-frame", x: "1", y: "1", width: "158", height: "94", rx: "9" });
+const Line = ({ x, y, w }) => React.createElement("rect", { className: "ta-pic-line", x: x, y: y, width: w, height: "5", rx: "2.5" });
+/** A file read through a lens, and the gist of it. */
+function Summary() {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Frame, null),
+        React.createElement("rect", { className: "ta-pic-pane", x: "14", y: "12", width: "56", height: "72", rx: "5" }),
+        React.createElement(Line, { x: 22, y: 22, w: 36 }),
+        React.createElement(Line, { x: 22, y: 32, w: 40 }),
+        React.createElement(Line, { x: 22, y: 42, w: 28 }),
+        React.createElement(Line, { x: 22, y: 52, w: 38 }),
+        React.createElement("circle", { className: "ta-pic-ring", cx: "58", cy: "60", r: "13" }),
+        React.createElement("path", { className: "ta-pic-stroke", d: "M67.5 69.5l8 8" }),
+        React.createElement("rect", { className: "ta-pic-accent", x: "88", y: "26", width: "58", height: "44", rx: "6" }),
+        React.createElement("rect", { className: "ta-pic-mark", x: "96", y: "36", width: "34", height: "5", rx: "2.5" }),
+        React.createElement("rect", { className: "ta-pic-mark ta-pic-soft", x: "96", y: "46", width: "42", height: "5", rx: "2.5" }),
+        React.createElement("rect", { className: "ta-pic-mark ta-pic-soft", x: "96", y: "56", width: "26", height: "5", rx: "2.5" })));
+}
+/** Tests, one failing, made to pass. */
+function Tests() {
+    const rows = [18, 38, 58];
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Frame, null),
+        rows.map((y, index) => (React.createElement(React.Fragment, { key: y },
+            React.createElement("circle", { className: index === 1 ? 'ta-pic-bad' : 'ta-pic-mark', cx: "24", cy: y + 6, r: "6" }),
+            React.createElement(Line, { x: 38, y: y + 3.5, w: index === 1 ? 52 : 64 })))),
+        React.createElement("path", { className: "ta-pic-tick", d: "M21 24l2.2 2.2 4-4.4M21 64l2.2 2.2 4-4.4" }),
+        React.createElement("path", { className: "ta-pic-cross", d: "M21.5 41.5l5 5M26.5 41.5l-5 5" }),
+        React.createElement("path", { className: "ta-pic-stroke ta-pic-thin", d: "M102 44h18m-5-5l5 5-5 5" }),
+        React.createElement("rect", { className: "ta-pic-accent", x: "128", y: "30", width: "22", height: "28", rx: "6" }),
+        React.createElement("path", { className: "ta-pic-tick ta-pic-tick-big", d: "M133 44l4 4 8-8" })));
+}
+/** The commits of a day, the last one new. */
+function Changes() {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Frame, null),
+        React.createElement("path", { className: "ta-pic-stroke ta-pic-thin", d: "M26 14v68" }),
+        [20, 44, 68].map((y, index) => (React.createElement(React.Fragment, { key: y },
+            React.createElement("circle", { className: index === 0 ? 'ta-pic-mark' : 'ta-pic-dot', cx: "26", cy: y, r: "5" }),
+            React.createElement("rect", { className: index === 0 ? 'ta-pic-accent' : 'ta-pic-pane', x: "40", y: y - 8, width: index === 0 ? 106 : 92, height: "16", rx: "5" }),
+            React.createElement("rect", { className: index === 0 ? 'ta-pic-mark ta-pic-soft' : 'ta-pic-line', x: "48", y: y - 2.5, width: index === 0 ? 54 : 44, height: "5", rx: "2.5" }),
+            React.createElement("rect", { className: "ta-pic-plus", x: index === 0 ? 118 : 106, y: y - 2.5, width: "10", height: "5", rx: "2.5" }))))));
+}
+/** A card beside the conversation: a timer. */
+function Card() {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Frame, null),
+        React.createElement(Line, { x: 12, y: 16, w: 58 }),
+        React.createElement(Line, { x: 12, y: 27, w: 74 }),
+        React.createElement(Line, { x: 12, y: 38, w: 46 }),
+        React.createElement("rect", { className: "ta-pic-pane", x: "100", y: "1", width: "59", height: "94" }),
+        React.createElement("rect", { className: "ta-pic-accent", x: "108", y: "14", width: "43", height: "38", rx: "6" }),
+        React.createElement("circle", { className: "ta-pic-mark", cx: "129.5", cy: "33", r: "10" }),
+        React.createElement("path", { className: "ta-pic-hand", d: "M129.5 27v6l4 3" }),
+        React.createElement(Line, { x: 108, y: 62, w: 34 }),
+        React.createElement("rect", { className: "ta-pic-box", x: "12", y: "72", width: "78", height: "13", rx: "6.5" })));
+}
+/** A page of its own: a list to tick off. */
+function Page() {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Frame, null),
+        React.createElement("rect", { className: "ta-pic-pane", x: "1", y: "1", width: "20", height: "94" }),
+        React.createElement("circle", { className: "ta-pic-line", cx: "11", cy: "16", r: "3.5" }),
+        React.createElement("circle", { className: "ta-pic-mark", cx: "11", cy: "30", r: "3.5" }),
+        React.createElement("circle", { className: "ta-pic-line", cx: "11", cy: "44", r: "3.5" }),
+        React.createElement("rect", { className: "ta-pic-accent", x: "31", y: "13", width: "118", height: "70", rx: "6" }),
+        [24, 40, 56].map((y, index) => (React.createElement(React.Fragment, { key: y },
+            React.createElement("rect", { className: index < 2 ? 'ta-pic-mark' : 'ta-pic-box', x: "42", y: y, width: "10", height: "10", rx: "3" }),
+            React.createElement("rect", { className: index < 2 ? 'ta-pic-mark ta-pic-soft' : 'ta-pic-line', x: "60", y: y + 2.5, width: [60, 44, 52][index], height: "5", rx: "2.5" })))),
+        React.createElement("path", { className: "ta-pic-hand", d: "M44.5 29l2 2 3.5-3.5M44.5 45l2 2 3.5-3.5" })));
+}
+/** A command typed in the box. */
+function Command() {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Frame, null),
+        React.createElement("rect", { className: "ta-pic-line", x: "70", y: "12", width: "76", height: "14", rx: "7" }),
+        React.createElement(Line, { x: 12, y: 36, w: 84 }),
+        React.createElement(Line, { x: 12, y: 47, w: 60 }),
+        React.createElement("rect", { className: "ta-pic-box", x: "10", y: "64", width: "140", height: "21", rx: "10.5" }),
+        React.createElement("rect", { className: "ta-pic-accent", x: "16", y: "68.5", width: "50", height: "12", rx: "6" }),
+        React.createElement("text", { className: "ta-pic-text", x: "22", y: "78" }, "/standup")));
+}
+const PICTURES = { summary: Summary, tests: Tests, changes: Changes, card: Card, page: Page, command: Command };
+/** The suggestions of an empty conversation as pictures: a click sends the message of one. */
+export function HeroCards({ suggestions, onPick }) {
+    const t = useT();
+    return (React.createElement("div", { className: "ta-hero-cards" }, suggestions.map(({ picture, label, text }) => {
+        const Picture = PICTURES[picture];
+        return (React.createElement("button", { key: picture, type: "button", className: "ta-hero-card", title: t(text), onClick: () => onPick(t(text)) },
+            React.createElement("svg", { className: "ta-pic", viewBox: "0 0 160 96", "aria-hidden": "true" },
+                React.createElement(Picture, null)),
+            React.createElement("span", null, t(label))));
+    })));
+}
+/** A few steps in a row, each an icon and a word, with arrows between. */
+export function HeroSteps({ steps }) {
+    const t = useT();
+    return (React.createElement("div", { className: "ta-hero-steps" }, steps.map(([glyph, label], index) => (React.createElement(React.Fragment, { key: label },
+        index > 0 && React.createElement(Icon, { icon: ArrowRight, size: 14, className: "ta-hero-arrow" }),
+        React.createElement("span", { className: "ta-hero-step" },
+            React.createElement("span", { className: "ta-hero-step-icon" },
+                React.createElement(Icon, { icon: glyph, size: 15 })),
+            t(label)))))));
+}
+//# sourceMappingURL=hero-cards.js.map

package/esm/browser/components/hero-cards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero-cards.js","sourceRoot":"","sources":["../../../src/browser/components/hero-cards.tsx"],"names":[],"mappings":"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"}