@celljs/ta-web 0.0.0-stage → 4.6.1

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

@@ -0,0 +1,29 @@
+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;
+//# sourceMappingURL=folder-picker.d.ts.map

package/lib/browser/components/folder-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"folder-picker.d.ts","sourceRoot":"","sources":["../../../src/browser/components/folder-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,yBAAiB,gBAAgB,CAAC;IAC9B,qEAAqE;IACrE,SAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAQvD;IAED,SAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAGxD;IAED,0FAA0F;IAC1F,SAAgB,OAAO,CAAC,OAAO,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,CAE3D;CACJ;AAED,MAAM,WAAW,iBAAiB;IAC9B,gDAAgD;IAChD,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IAC/C,sBAAsB;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,OAAO,IAAI,IAAI,CAAC;CACnB;AAED,6GAA6G;AAC7G,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAqGtG;AAED,MAAM,WAAW,oBAAoB;IACjC,yBAAyB;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,+FAA+F;IAC/F,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IAC/C,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7C;AAED,6GAA6G;AAC7G,wBAAgB,eAAe,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAuB/F"}

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

@@ -0,0 +1,144 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FolderPickerUtil = void 0;
+exports.FolderPicker = FolderPicker;
+exports.DirectoryButton = DirectoryButton;
+const lucide_react_1 = require("lucide-react");
+const React = __importStar(require("react"));
+const react_dom_1 = require("react-dom");
+const use_t_1 = require("../i18n/use-t");
+const message_1 = require("../util/message");
+const icon_1 = require("./icon");
+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 || (exports.FolderPickerUtil = FolderPickerUtil = {}));
+/** Picks a directory of the server, folder by folder or by a path typed in, to open a conversation there. */
+function FolderPicker({ list, initial, onPick, onClose }) {
+    const t = (0, use_t_1.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 (0, react_dom_1.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(icon_1.IconButton, { icon: lucide_react_1.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(icon_1.IconButton, { icon: lucide_react_1.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_1.Icon, { icon: lucide_react_1.Folder, size: 16 }),
+                            React.createElement("span", { className: "ta-folder-name" }, folder.name),
+                            React.createElement(icon_1.Icon, { icon: lucide_react_1.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. */
+function DirectoryButton({ cwd, list, onPick }) {
+    const t = (0, use_t_1.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_1.Icon, { icon: lucide_react_1.Folder, size: 14 }),
+            React.createElement("span", { className: "ta-ellipsis" }, message_1.MessageUtil.basename(cwd) || cwd),
+            React.createElement(icon_1.Icon, { icon: lucide_react_1.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/lib/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/lib/browser/components/folder-picker.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=folder-picker.spec.d.ts.map

package/lib/browser/components/folder-picker.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"folder-picker.spec.d.ts","sourceRoot":"","sources":["../../../src/browser/components/folder-picker.spec.ts"],"names":[],"mappings":""}

package/lib/browser/components/folder-picker.spec.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const bun_test_1 = require("bun:test");
+const folder_picker_1 = require("./folder-picker");
+(0, bun_test_1.describe)('FolderPickerUtil', () => {
+    (0, bun_test_1.it)('goes up to the root and no further', () => {
+        (0, bun_test_1.expect)(folder_picker_1.FolderPickerUtil.parent('/a/b')).toBe('/a');
+        (0, bun_test_1.expect)(folder_picker_1.FolderPickerUtil.parent('/a/b/')).toBe('/a');
+        (0, bun_test_1.expect)(folder_picker_1.FolderPickerUtil.parent('/a')).toBe('/');
+        (0, bun_test_1.expect)(folder_picker_1.FolderPickerUtil.parent('/')).toBeUndefined();
+        (0, bun_test_1.expect)(folder_picker_1.FolderPickerUtil.parent('C:\\a\\b')).toBe('C:\\a');
+        (0, bun_test_1.expect)(folder_picker_1.FolderPickerUtil.parent('C:\\a')).toBe('C:\\');
+        (0, bun_test_1.expect)(folder_picker_1.FolderPickerUtil.parent('C:\\')).toBeUndefined();
+    });
+    (0, bun_test_1.it)('goes down with the separator of the path', () => {
+        (0, bun_test_1.expect)(folder_picker_1.FolderPickerUtil.child('/a', 'b')).toBe('/a/b');
+        (0, bun_test_1.expect)(folder_picker_1.FolderPickerUtil.child('/', 'b')).toBe('/b');
+        (0, bun_test_1.expect)(folder_picker_1.FolderPickerUtil.child('C:\\a', 'b')).toBe('C:\\a\\b');
+    });
+    (0, bun_test_1.it)('offers folders only, without the hidden ones', () => {
+        (0, bun_test_1.expect)(folder_picker_1.FolderPickerUtil.folders([
+            { name: 'src', path: 'src', kind: 'directory' },
+            { name: '.cache', path: '.cache', kind: 'directory' },
+            { name: 'README.md', path: 'README.md', kind: 'file' },
+        ]).map(entry => entry.name)).toEqual(['src']);
+    });
+});
+//# sourceMappingURL=folder-picker.spec.js.map

package/lib/browser/components/folder-picker.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"folder-picker.spec.js","sourceRoot":"","sources":["../../../src/browser/components/folder-picker.spec.ts"],"names":[],"mappings":";;AAAA,uCAAgD;AAChD,mDAAmD;AAEnD,IAAA,mBAAQ,EAAC,kBAAkB,EAAE,GAAG,EAAE;IAC9B,IAAA,aAAE,EAAC,oCAAoC,EAAE,GAAG,EAAE;QAC1C,IAAA,iBAAM,EAAC,gCAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnD,IAAA,iBAAM,EAAC,gCAAgB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACpD,IAAA,iBAAM,EAAC,gCAAgB,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAChD,IAAA,iBAAM,EAAC,gCAAgB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;QACrD,IAAA,iBAAM,EAAC,gCAAgB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC1D,IAAA,iBAAM,EAAC,gCAAgB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACtD,IAAA,iBAAM,EAAC,gCAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,IAAA,aAAE,EAAC,0CAA0C,EAAE,GAAG,EAAE;QAChD,IAAA,iBAAM,EAAC,gCAAgB,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACvD,IAAA,iBAAM,EAAC,gCAAgB,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACpD,IAAA,iBAAM,EAAC,gCAAgB,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,IAAA,aAAE,EAAC,8CAA8C,EAAE,GAAG,EAAE;QACpD,IAAA,iBAAM,EACF,gCAAgB,CAAC,OAAO,CAAC;YACrB,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE;YAC/C,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE;YACrD,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE;SACzD,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAC9B,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,15 @@
+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;
+//# sourceMappingURL=fork-view.d.ts.map

package/lib/browser/components/fork-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fork-view.d.ts","sourceRoot":"","sources":["../../../src/browser/components/fork-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,oGAAoG;AACpG,MAAM,WAAW,UAAU;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,UAAU,CAAA;CAAE,qBA6C1D"}

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

@@ -0,0 +1,79 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ForkView = ForkView;
+const react_1 = require("@celljs/react");
+const React = __importStar(require("react"));
+const chat_protocol_1 = require("../chat/chat-protocol");
+const hooks_1 = require("../hooks");
+const use_t_1 = require("../i18n/use-t");
+const session_view_1 = require("./session-view");
+/**
+ * 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.
+ */
+function ForkView({ source }) {
+    const t = (0, use_t_1.useT)();
+    const chat = (0, react_1.useInject)(chat_protocol_1.TaChat);
+    const [{ sessions }, workbench] = (0, hooks_1.useWorkbench)();
+    const [, notices] = (0, hooks_1.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(session_view_1.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/lib/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,yCAA0C;AAE1C,MAAY,KAAK,kCAAc;AAC/B,yDAA+C;AAC/C,oCAAoD;AACpD,yCAAqC;AACrC,iDAA6C;AAS7C;;;GAGG;AACH,kBAAyB,EAAE,MAAM,EAA0B;IACvD,MAAM,CAAC,GAAG,IAAA,YAAI,GAAE,CAAC;IACjB,MAAM,IAAI,GAAG,IAAA,iBAAS,EAAS,sBAAM,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,GAAG,IAAA,oBAAY,GAAE,CAAC;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,IAAA,kBAAU,GAAE,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,0BAAW,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/lib/browser/components/hero-cards.d.ts

@@ -0,0 +1,21 @@
+import { type LucideIcon } from 'lucide-react';
+import * as React from 'react';
+import type { MessageId } from '../i18n/messages';
+/** 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;
+//# sourceMappingURL=hero-cards.d.ts.map

package/lib/browser/components/hero-cards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero-cards.d.ts","sourceRoot":"","sources":["../../../src/browser/components/hero-cards.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,4CAA4C;AAC5C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAExF,iGAAiG;AACjG,MAAM,WAAW,cAAc;IAC3B,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;CACnB;AAwID,8FAA8F;AAC9F,wBAAgB,SAAS,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE;IAAE,WAAW,EAAE,SAAS,cAAc,EAAE,CAAC;IAAC,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,qBAiBxH;AAED,0EAA0E;AAC1E,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,SAAS,CAAC,UAAU,EAAE,SAAS,CAAC,EAAE,CAAA;CAAE,qBAiBjF"}

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

@@ -0,0 +1,146 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeroCards = HeroCards;
+exports.HeroSteps = HeroSteps;
+const lucide_react_1 = require("lucide-react");
+const React = __importStar(require("react"));
+const use_t_1 = require("../i18n/use-t");
+const icon_1 = require("./icon");
+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. */
+function HeroCards({ suggestions, onPick }) {
+    const t = (0, use_t_1.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. */
+function HeroSteps({ steps }) {
+    const t = (0, use_t_1.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_1.Icon, { icon: lucide_react_1.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_1.Icon, { icon: glyph, size: 15 })),
+            t(label)))))));
+}
+//# sourceMappingURL=hero-cards.js.map

package/lib/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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"}

package/lib/browser/components/icon.d.ts

@@ -0,0 +1,30 @@
+import type { LucideIcon } from 'lucide-react';
+import * as React from 'react';
+interface GlyphProps {
+    className?: string;
+    size?: number | string;
+    strokeWidth?: number | string;
+    'aria-hidden'?: boolean;
+    'aria-label'?: string;
+}
+/** What draws an icon: an icon of Lucide (https://lucide.dev), of which only those used are bundled, or one of ta's own. */
+export type Glyph = LucideIcon | React.ComponentType<GlyphProps>;
+export declare function Icon({ icon: Glyph, className, label, size }: {
+    icon: Glyph;
+    className?: string;
+    label?: string;
+    size?: number;
+}): React.JSX.Element;
+/** Shows or hides the sidebar on the left. */
+export declare const SidebarLeft: ({ size, strokeWidth, ...props }: GlyphProps) => React.JSX.Element;
+/** Shows or hides the workbench on the right. */
+export declare const SidebarRight: ({ size, strokeWidth, ...props }: GlyphProps) => React.JSX.Element;
+export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    icon: Glyph;
+    label: string;
+    badge?: number;
+}
+/** A round button with an icon; its label is the tooltip and what screen readers say. */
+export declare function IconButton({ icon, label, badge, className, ...props }: IconButtonProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=icon.d.ts.map

package/lib/browser/components/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/browser/components/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,UAAU;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,4HAA4H;AAC5H,MAAM,MAAM,KAAK,GAAG,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;AAEjE,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAc,EAAE,KAAK,EAAE,IAAS,EAAE,EAAE;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,qBAEzI;AA0BD,8CAA8C;AAC9C,eAAO,MAAM,WAAW,oCAvB+C,UAAU,sBAuBlC,CAAC;AAChD,iDAAiD;AACjD,eAAO,MAAM,YAAY,oCAzB8C,UAAU,sBAyBhC,CAAC;AAElD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAClF,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,yFAAyF;AACzF,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAc,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,qBAO3F"}