@celljs/ta-web 0.0.0-stage → 4.6.0

package/esm/browser/components/ta-avatar.js

@@ -0,0 +1,185 @@
+import * as React from 'react';
+import { AVATAR_VIEWBOX, DinoAvatar, frame, headAt } from '../avatar/dino-avatar.js';
+import { DinoMotion } from '../avatar/dino-motion.js';
+let next = 0;
+/** How long a change of mood takes to blend into the new motion, in seconds. */
+const BLEND = 0.45;
+/** How quickly ta turns to the pointer, in seconds (the time to get most of the way). */
+const FOLLOW = 0.18;
+/** From how many pixels on a ta is drawn in full detail. */
+const FINE = 48;
+/** Units of the drawing (its viewBox is 272 wide) from its left and top edge to its origin. */
+const ORIGIN = 8;
+const SPAN = 272;
+/** One loop of animation frames for every ta on the page; only those on screen move, and none when motion is reduced. */
+const players = new Set();
+let loop = 0;
+let watcher;
+/** Where the mouse is on the page; undefined when it is off the page or the device has none. */
+let pointer;
+let listening = false;
+function listen() {
+    if (listening) {
+        return;
+    }
+    listening = true;
+    window.addEventListener('pointermove', event => {
+        pointer = event.pointerType === 'touch' ? undefined : { x: event.clientX, y: event.clientY };
+    }, { passive: true });
+    document.documentElement.addEventListener('pointerleave', () => {
+        pointer = undefined;
+    });
+    window.addEventListener('blur', () => {
+        pointer = undefined;
+    });
+}
+/** Where the pointer is from the head of `player` in units of its drawing, and how much it minds it. */
+function target(player, pose) {
+    const box = player.box;
+    if (!pointer || !(box === null || box === void 0 ? void 0 : box.width)) {
+        return { x: 0, y: 0, weight: 0 };
+    }
+    const scale = SPAN / box.width;
+    const head = headAt(pose);
+    const x = (pointer.x - box.left) * scale - ORIGIN - head.x;
+    const y = (pointer.y - box.top) * scale - ORIGIN - head.y;
+    // It minds the pointer within a few times its size around it, on the page at least 320 pixels.
+    const reach = Math.max(320, box.width * 3.5) * scale;
+    const distance = Math.hypot(x, y);
+    return { x, y, weight: 1 - Math.min(1, Math.max(0, (distance - reach * 0.5) / (reach * 0.5))) };
+}
+function draw(player, now) {
+    const t = (now - player.since) / 1000;
+    let pose = DinoMotion.pose(player.mood, t, player.roam);
+    if (player.from && t < BLEND) {
+        pose = DinoMotion.blend(player.from, pose, t / BLEND);
+    }
+    // Asleep it minds nothing; otherwise it eases toward where the pointer is.
+    const goal = player.mood === 'sleeping' ? { x: 0, y: 0, weight: 0 } : target(player, pose);
+    const dt = Math.min(0.1, Math.max(0, (now - player.last) / 1000));
+    const k = 1 - Math.exp(-dt / FOLLOW);
+    const look = player.look;
+    look.weight += (goal.weight - look.weight) * k;
+    if (goal.weight > 0) {
+        look.x += (goal.x - look.x) * k;
+        look.y += (goal.y - look.y) * k;
+    }
+    player.last = now;
+    pose = DinoMotion.poke(DinoMotion.look(pose, look), (now - player.poked) / 1000);
+    player.pose = pose;
+    const f = frame(pose, player.fine);
+    const svg = player.svg;
+    const set = (part, name, value) => {
+        const element = svg.querySelector(`.ta-dino-${part}`);
+        if (element && element.getAttribute(name) !== value) {
+            element.setAttribute(name, value);
+        }
+    };
+    set('skin', 'd', f.skin);
+    set('far', 'd', f.far);
+    set('wall', 'd', f.wall);
+    set('front', 'transform', f.front);
+    set('arm', 'transform', f.arm);
+    set('eye', 'transform', f.eye);
+    // The slit of the pupil turns to the pointer within the eye, in the eye's own terms.
+    const distance = Math.hypot(look.x, look.y) || 1;
+    const reach = 2.8 * look.weight;
+    set('pupil', 'transform', `translate(${Math.round(((look.x * Math.sign(pose.face || 1)) / distance) * reach * 10) / 10} ${Math.round((look.y / distance) * reach * 10) / 10})`);
+}
+function tick(now) {
+    loop = 0;
+    if (document.documentElement.hasAttribute('data-reduce-motion')) {
+        // Still: the pose each one has now stays; check again in a while.
+        if (players.size) {
+            loop = window.setTimeout(() => requestAnimationFrame(tick), 500);
+        }
+        return;
+    }
+    // Read where they all are first, then draw them all, so the page is laid out once a frame.
+    for (const player of players) {
+        player.box = player.visible && pointer ? player.svg.getBoundingClientRect() : undefined;
+    }
+    for (const player of players) {
+        if (player.visible) {
+            draw(player, now);
+        }
+    }
+    if (players.size) {
+        loop = requestAnimationFrame(tick);
+    }
+}
+function start(player) {
+    players.add(player);
+    listen();
+    watcher !== null && watcher !== void 0 ? watcher : (watcher = new IntersectionObserver(entries => {
+        for (const entry of entries) {
+            for (const p of players) {
+                if (p.svg === entry.target) {
+                    p.visible = entry.isIntersecting;
+                }
+            }
+        }
+    }));
+    watcher.observe(player.svg);
+    // Poked, it roars; whatever the ta is in (a button, a row) still gets the click.
+    const poke = () => {
+        player.poked = performance.now();
+    };
+    player.svg.addEventListener('pointerdown', poke);
+    if (!loop) {
+        loop = requestAnimationFrame(tick);
+    }
+    return () => {
+        players.delete(player);
+        watcher === null || watcher === void 0 ? void 0 : watcher.unobserve(player.svg);
+        player.svg.removeEventListener('pointerdown', poke);
+    };
+}
+/**
+ * ta, drawn for its mood and moving with it (dino-motion.ts); `size` in pixels; `mark` (one or two
+ * characters) tells agents apart; `roam` lets the big ta of an empty page walk to and fro.
+ */
+export function TaAvatar({ mood = 'idle', size = 40, mark, className = '', roam = false, }) {
+    const id = React.useMemo(() => `ta-${++next}`, []);
+    const svgRef = React.useRef(null);
+    const player = React.useRef(undefined);
+    // The markup changes with the mood only (the eye, the mark); the frames move what is in it.
+    const markup = React.useMemo(() => { var _a; var _b; return DinoAvatar.render(mood, id, (_b = (_a = player.current) === null || _a === void 0 ? void 0 : _a.pose) !== null && _b !== void 0 ? _b : DinoMotion.pose(mood, 0, roam)); }, [mood, id, roam]);
+    const label = DinoAvatar.markText(mark);
+    React.useLayoutEffect(() => {
+        const svg = svgRef.current;
+        if (!svg || typeof requestAnimationFrame === 'undefined' || typeof IntersectionObserver === 'undefined') {
+            return;
+        }
+        const current = player.current;
+        const now = performance.now();
+        if (current) {
+            current.svg = svg;
+            current.fine = size >= FINE;
+            if (current.mood !== mood || current.roam !== roam) {
+                current.from = current.pose;
+                current.mood = mood;
+                current.roam = roam;
+                current.since = now;
+            }
+            draw(current, now);
+            return;
+        }
+        player.current = { svg, fine: size >= FINE, mood, roam, since: now, visible: true, look: { x: 0, y: 0, weight: 0 }, last: now, poked: -Infinity };
+    }, [mood, roam, size]);
+    React.useEffect(() => {
+        const current = player.current;
+        return current ? start(current) : undefined;
+    }, []);
+    const svg = (React.createElement("svg", { ref: svgRef, className: `ta-avatar ta-avatar-${mood} ${label ? '' : className}`, width: size, height: size, viewBox: AVATAR_VIEWBOX, "aria-hidden": "true", 
+        // biome-ignore lint/security/noDangerouslySetInnerHtml: markup made here from constants, nothing from outside
+        dangerouslySetInnerHTML: { __html: markup } }));
+    if (!label) {
+        return svg;
+    }
+    // The mark is text from outside (a name of an agent): React writes it, never the markup above.
+    return (React.createElement("span", { className: `ta-avatar-marked ${className}`, style: { width: size, height: size } },
+        svg,
+        React.createElement("span", { className: "ta-avatar-mark", style: { fontSize: Math.max(8, Math.round(size * 0.26)) } }, label)));
+}
+//# sourceMappingURL=ta-avatar.js.map

package/esm/browser/components/ta-avatar.js.map

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

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

@@ -0,0 +1,18 @@
+import type { ToolRun } from '@celljs/ta-client';
+import * as React from 'react';
+import { type ToolOutput } from '../util/message.js';
+export interface ToolViewProps {
+    id: string;
+    name: string;
+    args: Record<string, unknown>;
+    /** The live run, while this client watched it. */
+    run?: ToolRun;
+    /** The tool result message. */
+    message?: ToolOutput;
+    /** Every run of the session by tool call id: the nested calls of a codemode script are among them. */
+    runs: Record<string, ToolRun>;
+}
+/** One call of a tool, in one line that opens to what it did. */
+export declare const ToolView: React.MemoExoticComponent<typeof ToolCall>;
+declare function ToolCall({ id, name, args, run, message, runs }: ToolViewProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,110 @@
+import { ChevronRight, ChevronUp, FileCode2 } from 'lucide-react';
+import * as React from 'react';
+import { useT } from '../i18n/use-t.js';
+import { MessageUtil } from '../util/message.js';
+import { ToolUtil } from '../util/tool.js';
+import { DiffView } from './diff-view.js';
+import { Icon } from './icon.js';
+import { CodeBlock } from './markdown.js';
+const OUTPUT_LINES = 12;
+/** The state of a call as the color of a dot: it pulses while the call runs. */
+function StatusDot({ status }) {
+    return React.createElement("span", { className: `ta-status ta-status-${status}` });
+}
+function Output({ text }) {
+    const t = useT();
+    const [open, setOpen] = React.useState(false);
+    // The new line at the end of an output is not a line to show.
+    const trimmed = text.replace(/\n+$/, '');
+    const { text: shown, hidden } = open ? { text: trimmed, hidden: 0 } : MessageUtil.tail(trimmed, OUTPUT_LINES);
+    return (React.createElement("div", { className: "ta-output" },
+        hidden > 0 && (React.createElement("button", { type: "button", className: "ta-link ta-more", onClick: () => setOpen(true) },
+            React.createElement(Icon, { icon: ChevronUp, size: 13 }),
+            " ",
+            t('ta.tool.earlier', { count: hidden }))),
+        React.createElement("pre", null, shown)));
+}
+/** One step in one line: a dot for its state and what it does; a click opens what it did. */
+function ToolRow({ name, args, status, trailing, details }) {
+    const t = useT();
+    const [open, setOpen] = React.useState(false);
+    const summary = ToolUtil.summary(name, args);
+    const line = (React.createElement(React.Fragment, null,
+        React.createElement(StatusDot, { status: status }),
+        React.createElement("span", { className: "ta-tool-verb" }, summary.verb ? t(summary.verb) : name),
+        summary.target && React.createElement("span", { className: `ta-tool-target ${summary.code ? 'ta-mono' : ''}` }, summary.target),
+        details ? React.createElement(Icon, { icon: ChevronRight, size: 13, className: "ta-tool-chevron" }) : React.createElement("span", { className: "ta-tool-chevron" })));
+    return (React.createElement("div", { className: `ta-tool ta-tool-${status}` },
+        React.createElement("div", { className: "ta-tool-line" },
+            details ? (React.createElement("button", { type: "button", className: "ta-tool-title", "aria-expanded": open, onClick: () => setOpen(!open) }, line)) : (React.createElement("div", { className: "ta-tool-title" }, line)),
+            React.createElement("span", { className: "ta-tool-trailing" }, trailing)),
+        details && open && React.createElement("div", { className: "ta-tool-body" }, details)));
+}
+/** What a call of a tool did, under its line once opened: the output, the diff, the file it wrote. */
+function details(name, args, output, status) {
+    var _a;
+    const text = MessageUtil.text(output === null || output === void 0 ? void 0 : output.content);
+    if (status === 'error') {
+        return text && React.createElement(Output, { text: text });
+    }
+    switch (name) {
+        case 'edit': {
+            const diff = typeof ((_a = output === null || output === void 0 ? void 0 : output.details) === null || _a === void 0 ? void 0 : _a.diff) === 'string' ? output.details.diff : '';
+            return diff && React.createElement(DiffView, { diff: diff });
+        }
+        case 'write':
+            return typeof args.content === 'string' && args.content && React.createElement(Output, { text: args.content });
+        default:
+            return text && React.createElement(Output, { text: text });
+    }
+}
+/** One call of a tool, in one line that opens to what it did. */
+export const ToolView = React.memo(ToolCall, 
+// Only a codemode script shows other runs (its nested calls); the rest draw again when their own run or result changes.
+(previous, next) => previous.id === next.id &&
+    previous.name === next.name &&
+    previous.args === next.args &&
+    previous.run === next.run &&
+    previous.message === next.message &&
+    (next.name !== 'codemode' || previous.runs === next.runs));
+function ToolCall({ id, name, args, run, message, runs }) {
+    const output = MessageUtil.output(run, message);
+    const status = MessageUtil.status(run, output);
+    if (name === 'codemode') {
+        return React.createElement(CodemodeView, { id: id, args: args, output: output, status: status, runs: runs });
+    }
+    return React.createElement(ToolRow, { name: name, args: args, status: status, details: details(name, args, output, status) || undefined });
+}
+/**
+ * A codemode script shows as the calls it made, each a step of its own; the script and what it returned
+ * open from a small button. Before its first call, or without calls, it is one step: the script.
+ */
+function CodemodeView({ id, args, output, status, runs }) {
+    const t = useT();
+    const [showScript, setShowScript] = React.useState(false);
+    const code = typeof args.code === 'string' ? args.code : '';
+    const result = MessageUtil.scriptOutput(MessageUtil.text(output === null || output === void 0 ? void 0 : output.content)).trim();
+    const calls = ToolUtil.nestedCalls(id, output, runs);
+    const script = (React.createElement(React.Fragment, null,
+        React.createElement(CodeBlock, { code: code, language: "js" }),
+        result && React.createElement(Output, { text: result })));
+    if (!calls.length) {
+        return React.createElement(ToolRow, { name: "codemode", args: args, status: status, details: script });
+    }
+    const label = t(showScript ? 'ta.tool.hideScript' : 'ta.tool.showScript');
+    const toggle = (React.createElement("button", { type: "button", className: `ta-tool-script ${showScript ? 'ta-on' : ''}`, title: label, "aria-label": label, "aria-pressed": showScript, onClick: () => setShowScript(!showScript) },
+        React.createElement(Icon, { icon: FileCode2, size: 13 })));
+    // A script that failed after its calls went well: one more step, the script, whose output says what went wrong.
+    const failedAlone = status === 'error' && !calls.some(call => call.status === 'error');
+    return (React.createElement("div", { className: "ta-tool-group" },
+        calls.map((call, index) => (React.createElement(NestedRow, { key: call.key, call: call, trailing: index === 0 ? toggle : undefined }))),
+        failedAlone && React.createElement(ToolRow, { name: "codemode", args: { code }, status: "error", details: result && React.createElement(Output, { text: result }) }),
+        showScript && React.createElement("div", { className: "ta-tool-body" }, script)));
+}
+function NestedRow({ call, trailing }) {
+    var _a;
+    const shown = details(call.name, call.args, (_a = call.run) === null || _a === void 0 ? void 0 : _a.result, call.status);
+    const error = call.status === 'error' && call.error ? React.createElement(Output, { text: call.error }) : undefined;
+    return React.createElement(ToolRow, { name: call.name, args: call.args, status: call.status, trailing: trailing, details: shown || error || undefined });
+}
+//# sourceMappingURL=tool-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tool-view.js","sourceRoot":"","sources":["../../../src/browser/components/tool-view.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,WAAW,EAAmB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAoC,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,MAAM,YAAY,GAAG,EAAE,CAAC;AAcxB,gFAAgF;AAChF,SAAS,SAAS,CAAC,EAAE,MAAM,EAA0B;IACjD,OAAO,8BAAM,SAAS,EAAE,uBAAuB,MAAM,EAAE,GAAI,CAAC;AAChE,CAAC;AAED,SAAS,MAAM,CAAC,EAAE,IAAI,EAAoB;IACtC,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,8DAA8D;IAC9D,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IACzC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAC9G,OAAO,CACH,6BAAK,SAAS,EAAC,WAAW;QACrB,MAAM,GAAG,CAAC,IAAI,CACX,gCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;YAC1E,oBAAC,IAAI,IAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,GAAI;;YAAE,CAAC,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CACvE,CACZ;QACD,iCAAM,KAAK,CAAO,CAChB,CACT,CAAC;AACN,CAAC;AAYD,6FAA6F;AAC7F,SAAS,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAgB;IACpE,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC7C,MAAM,IAAI,GAAG,CACT;QACI,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI;QAC7B,8BAAM,SAAS,EAAC,cAAc,IAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAQ;QAC5E,OAAO,CAAC,MAAM,IAAI,8BAAM,SAAS,EAAE,kBAAkB,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,IAAG,OAAO,CAAC,MAAM,CAAQ;QAC7G,OAAO,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAC,iBAAiB,GAAG,CACrH,CACN,CAAC;IACF,OAAO,CACH,6BAAK,SAAS,EAAE,mBAAmB,MAAM,EAAE;QACvC,6BAAK,SAAS,EAAC,cAAc;YACxB,OAAO,CAAC,CAAC,CAAC,CACP,gCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,eAAe,mBAAgB,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAC7F,IAAI,CACA,CACZ,CAAC,CAAC,CAAC,CACA,6BAAK,SAAS,EAAC,eAAe,IAAE,IAAI,CAAO,CAC9C;YAED,8BAAM,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAQ,CAClD;QACL,OAAO,IAAI,IAAI,IAAI,6BAAK,SAAS,EAAC,cAAc,IAAE,OAAO,CAAO,CAC/D,CACT,CAAC;AACN,CAAC;AAED,sGAAsG;AACtG,SAAS,OAAO,CAAC,IAAY,EAAE,IAA6B,EAAE,MAA8B,EAAE,MAAkB;;IAC5G,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,CAAC;IAC/C,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;QACrB,OAAO,IAAI,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;IAC1C,CAAC;IACD,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,MAAM,EAAE,CAAC;YACV,MAAM,IAAI,GAAG,QAAO,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,IAAI,CAAA,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;YAClF,OAAO,IAAI,IAAI,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;QAC5C,CAAC;QACD,KAAK,OAAO;YACR,OAAO,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,IAAI,IAAI,CAAC,OAAO,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,CAAC,OAAO,GAAI,CAAC;QAC9F;YACI,OAAO,IAAI,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;IAC9C,CAAC;AACL,CAAC;AAED,iEAAiE;AACjE,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAC9B,QAAQ;AACR,wHAAwH;AACxH,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,CACf,QAAQ,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE;IACvB,QAAQ,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI;IAC3B,QAAQ,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI;IAC3B,QAAQ,CAAC,GAAG,KAAK,IAAI,CAAC,GAAG;IACzB,QAAQ,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO;IACjC,CAAC,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,QAAQ,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,CAChE,CAAC;AAEF,SAAS,QAAQ,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAiB;IACnE,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAChD,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;IAC/C,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;QACtB,OAAO,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;IAC5F,CAAC;IACD,OAAO,oBAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,IAAI,SAAS,GAAI,CAAC;AAC1H,CAAC;AAUD;;;GAGG;AACH,SAAS,YAAY,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAqB;IACvE,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,IAAI,GAAG,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5D,MAAM,MAAM,GAAG,WAAW,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAClF,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,CACX;QACI,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAC,IAAI,GAAG;QACtC,MAAM,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI,CACpC,CACN,CAAC;IACF,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;QAChB,OAAO,oBAAC,OAAO,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAI,CAAC;IACpF,CAAC;IACD,MAAM,KAAK,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC;IAC1E,MAAM,MAAM,GAAG,CACX,gCACI,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,kBAAkB,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,EACxD,KAAK,EAAE,KAAK,gBACA,KAAK,kBACH,UAAU,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC;QAEzC,oBAAC,IAAI,IAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,GAAI,CAC9B,CACZ,CAAC;IACF,gHAAgH;IAChH,MAAM,WAAW,GAAG,MAAM,KAAK,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC;IACvF,OAAO,CACH,6BAAK,SAAS,EAAC,eAAe;QACzB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,oBAAC,SAAS,IAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,GAAI,CACvF,CAAC;QACD,WAAW,IAAI,oBAAC,OAAO,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,MAAM,EAAC,OAAO,EAAC,OAAO,EAAE,MAAM,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI,GAAI;QACtH,UAAU,IAAI,6BAAK,SAAS,EAAC,cAAc,IAAE,MAAM,CAAO,CACzD,CACT,CAAC;AACN,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAoD;;IACnF,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAA,IAAI,CAAC,GAAG,0CAAE,MAAgC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACrG,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,KAAK,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAC/F,OAAO,oBAAC,OAAO,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,IAAI,KAAK,IAAI,SAAS,GAAI,CAAC;AACxI,CAAC"}

package/esm/browser/components/trusted-domains.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+/** The hosts whose pages open outside of Ta without asking (Settings.trustedDomains). */
+export declare function TrustedDomains(): React.JSX.Element;

package/esm/browser/components/trusted-domains.js

@@ -0,0 +1,39 @@
+import { Plus, Trash2 } from 'lucide-react';
+import * as React from 'react';
+import { useSettings } from '../hooks.js';
+import { useT } from '../i18n/use-t.js';
+import { Icon, IconButton } from './icon.js';
+import { Row } from './settings-controls.js';
+/** The hosts whose pages open outside of Ta without asking (Settings.trustedDomains). */
+export function TrustedDomains() {
+    const t = useT();
+    const [{ settings }, store] = useSettings();
+    const [text, setText] = React.useState('');
+    const domains = settings.trustedDomains;
+    const add = () => {
+        const domain = text
+            .trim()
+            .toLowerCase()
+            .replace(/^[a-z]+:\/\//, '')
+            .replace(/\/.*$/, '');
+        if (domain && !domains.includes(domain)) {
+            store.update({ trustedDomains: [...domains, domain] });
+        }
+        setText('');
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Row, { label: t('ta.settings.trustedDomains'), description: t('ta.settings.trustedDomainsHint'), stacked: true },
+            React.createElement("form", { className: "ta-trusted-add", onSubmit: event => {
+                    event.preventDefault();
+                    add();
+                } },
+                React.createElement("input", { className: "ta-input", value: text, placeholder: "github.com", "aria-label": t('ta.settings.trustedDomains'), spellCheck: false, onChange: event => setText(event.target.value) }),
+                React.createElement("button", { type: "submit", className: "ta-button", disabled: !text.trim() },
+                    React.createElement(Icon, { icon: Plus, size: 14 }),
+                    " ",
+                    t('ta.settings.trustedDomainsAdd')))),
+        domains.length === 0 && React.createElement(Row, { label: t('ta.settings.trustedDomainsEmpty') }),
+        domains.map(domain => (React.createElement(Row, { key: domain, label: domain },
+            React.createElement(IconButton, { icon: Trash2, label: t('ta.settings.trustedDomainsRemove', { host: domain }), onClick: () => store.update({ trustedDomains: domains.filter(other => other !== domain) }) }))))));
+}
+//# sourceMappingURL=trusted-domains.js.map

package/esm/browser/components/trusted-domains.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trusted-domains.js","sourceRoot":"","sources":["../../../src/browser/components/trusted-domains.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,yFAAyF;AACzF,MAAM,UAAU,cAAc;IAC1B,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,GAAG,WAAW,EAAE,CAAC;IAC5C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3C,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC;IACxC,MAAM,GAAG,GAAG,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,IAAI;aACd,IAAI,EAAE;aACN,WAAW,EAAE;aACb,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC;aAC3B,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QAC1B,IAAI,MAAM,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YACtC,KAAK,CAAC,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC,GAAG,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;QAC3D,CAAC;QACD,OAAO,CAAC,EAAE,CAAC,CAAC;IAChB,CAAC,CAAC;IACF,OAAO,CACH;QACI,oBAAC,GAAG,IAAC,KAAK,EAAE,CAAC,CAAC,4BAA4B,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,gCAAgC,CAAC,EAAE,OAAO;YAClG,8BACI,SAAS,EAAC,gBAAgB,EAC1B,QAAQ,EAAE,KAAK,CAAC,EAAE;oBACd,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,GAAG,EAAE,CAAC;gBACV,CAAC;gBAED,+BACI,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,IAAI,EACX,WAAW,EAAC,YAAY,gBACZ,CAAC,CAAC,4BAA4B,CAAC,EAC3C,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAChD;gBACF,gCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,WAAW,EAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;oBAC9D,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI;;oBAAE,CAAC,CAAC,+BAA+B,CAAC,CAC7D,CACN,CACL;QACL,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,oBAAC,GAAG,IAAC,KAAK,EAAE,CAAC,CAAC,iCAAiC,CAAC,GAAI;QAC5E,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACnB,oBAAC,GAAG,IAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;YAC3B,oBAAC,UAAU,IACP,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,CAAC,CAAC,kCAAkC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAC9D,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,cAAc,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,KAAK,MAAM,CAAC,EAAE,CAAC,GAC5F,CACA,CACT,CAAC,CACH,CACN,CAAC;AACN,CAAC"}

package/esm/browser/components/web-composer.d.ts

@@ -0,0 +1,14 @@
+import type { TaDirEntry } from '@celljs/ta-protocol';
+import * as React from 'react';
+import type { WebComposerProps } from '../extension/web-extension-api.js';
+import type { TaNotices } from '../notices/notices-protocol.js';
+export interface WebComposerHostProps extends WebComposerProps {
+    /** Where a failure to send goes. */
+    notices: TaNotices;
+    /** The entries of a directory of the server, for the button of `onPickCwd`. */
+    listDirectory?(directory: string): Promise<TaDirEntry[]>;
+    /** The directory of ta serve: that of a `cwd` left empty. */
+    serverCwd?: string;
+}
+/** The message box as web extensions get it (`pi.ui.Composer`): text only, `@` for the names they give; a failure is a notice of the page. */
+export declare function WebComposer({ notices, placeholder, onSend, mentions, mentionLabel, actions, cwd, onPickCwd, listDirectory, serverCwd }: WebComposerHostProps): React.JSX.Element;

package/esm/browser/components/web-composer.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { useT } from '../i18n/use-t.js';
+import { ComposerUtil } from '../util/composer.js';
+import { ComposerBox } from './composer-box.js';
+import { DirectoryButton } from './folder-picker.js';
+/** The message box as web extensions get it (`pi.ui.Composer`): text only, `@` for the names they give; a failure is a notice of the page. */
+export function WebComposer({ notices, placeholder, onSend, mentions, mentionLabel, actions, cwd, onPickCwd, listDirectory, serverCwd }) {
+    const t = useT();
+    const [query, setQuery] = React.useState();
+    return (React.createElement(ComposerBox, { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t('ta.composer.label'), onSend: async (text) => {
+            await onSend(text);
+        }, onMentionQuery: mentions ? setQuery : undefined, mentions: mentions && query !== undefined
+            ? {
+                items: ComposerUtil.commands(mentions, query).map(mention => ({
+                    key: mention.name,
+                    label: `@${mention.name}`,
+                    detail: mention.detail,
+                })),
+            }
+            : undefined, mentionLabel: mentions ? mentionLabel : undefined, actions: actions, beside: onPickCwd && listDirectory && React.createElement(DirectoryButton, { cwd: cwd || serverCwd || '', list: listDirectory, onPick: onPickCwd }), onError: cause => notices.error(cause) }));
+}
+//# sourceMappingURL=web-composer.js.map

package/esm/browser/components/web-composer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-composer.js","sourceRoot":"","sources":["../../../src/browser/components/web-composer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAWlD,8IAA8I;AAC9I,MAAM,UAAU,WAAW,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAwB;IACzJ,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACnD,OAAO,CACH,oBAAC,WAAW,IACR,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC,CAAC,mBAAmB,CAAC,EAClD,MAAM,EAAE,KAAK,EAAC,IAAI,EAAC,EAAE;YACjB,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC,EACD,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC/C,QAAQ,EACJ,QAAQ,IAAI,KAAK,KAAK,SAAS;YAC3B,CAAC,CAAC;gBACI,KAAK,EAAE,YAAY,CAAC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;oBAC1D,GAAG,EAAE,OAAO,CAAC,IAAI;oBACjB,KAAK,EAAE,IAAI,OAAO,CAAC,IAAI,EAAE;oBACzB,MAAM,EAAE,OAAO,CAAC,MAAM;iBACzB,CAAC,CAAC;aACN;YACH,CAAC,CAAC,SAAS,EAEnB,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACjD,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,SAAS,IAAI,aAAa,IAAI,oBAAC,eAAe,IAAC,GAAG,EAAE,GAAG,IAAI,SAAS,IAAI,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,GAAI,EAC9H,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,GACxC,CACL,CAAC;AACN,CAAC"}

package/esm/browser/components/web-dialog.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { WebDialogProps } from '../extension/web-extension-api.js';
+/** A dialog of a web extension (`pi.ui.Dialog`), over the whole page whatever column it is opened from. */
+export declare function WebDialog({ title, onClose, children }: WebDialogProps): React.ReactElement;

package/esm/browser/components/web-dialog.js

@@ -0,0 +1,22 @@
+import { X } from 'lucide-react';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { useT } from '../i18n/use-t.js';
+import { IconButton } from './icon.js';
+/** A dialog of a web extension (`pi.ui.Dialog`), over the whole page whatever column it is opened from. */
+export function WebDialog({ title, onClose, children }) {
+    const t = useT();
+    React.useEffect(() => {
+        const onKey = (event) => event.key === 'Escape' && onClose();
+        document.addEventListener('keydown', onKey);
+        return () => document.removeEventListener('keydown', onKey);
+    }, [onClose]);
+    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-web-dialog", role: "dialog", "aria-modal": "true", "aria-label": title },
+            React.createElement("div", { className: "ta-modal-head" },
+                React.createElement("span", { className: "ta-modal-title" }, title),
+                React.createElement(IconButton, { icon: X, label: t('ta.close'), onClick: onClose })),
+            children)), document.body);
+}
+//# sourceMappingURL=web-dialog.js.map

package/esm/browser/components/web-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-dialog.js","sourceRoot":"","sources":["../../../src/browser/components/web-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,2GAA2G;AAC3G,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAkB;IAClE,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,KAAK,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,OAAO,EAAE,CAAC;QAC5E,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACd,OAAO,YAAY,CACf,6BAAK,SAAS,EAAC,gBAAgB;QAC3B,gCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,kBAAkB,gBAAa,CAAC,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,GAAI;QAChH,6BAAK,SAAS,EAAC,wBAAwB,EAAC,IAAI,EAAC,QAAQ,gBAAY,MAAM,gBAAa,KAAK;YACrF,6BAAK,SAAS,EAAC,eAAe;gBAC1B,8BAAM,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAQ;gBAC/C,oBAAC,UAAU,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,OAAO,GAAI,CAC7D;YACL,QAAQ,CACP,CACJ,EACN,QAAQ,CAAC,IAAI,CAChB,CAAC;AACN,CAAC"}

package/esm/browser/components/workbench-toggle.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+/** The workbench on the right is the page's, one for all of it: whether it shows, and the button that shows or hides it. */
+export interface WorkbenchToggleState {
+    open: boolean;
+    toggle(): void;
+}
+export declare const WorkbenchToggleContext: React.Context<WorkbenchToggleState | undefined>;
+/**
+ * The button that shows the workbench, for the head of the conversation or of a page. Only while it is
+ * hidden: once shown, the same button on top of the workbench hides it.
+ */
+export declare function WorkbenchToggle(): React.JSX.Element | null;

package/esm/browser/components/workbench-toggle.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { useT } from '../i18n/use-t.js';
+import { IconButton, SidebarRight } from './icon.js';
+export const WorkbenchToggleContext = React.createContext(undefined);
+/**
+ * The button that shows the workbench, for the head of the conversation or of a page. Only while it is
+ * hidden: once shown, the same button on top of the workbench hides it.
+ */
+export function WorkbenchToggle() {
+    const t = useT();
+    const state = React.useContext(WorkbenchToggleContext);
+    if (!state || state.open) {
+        return null;
+    }
+    return React.createElement(IconButton, { icon: SidebarRight, label: t('ta.panel.show'), onClick: state.toggle });
+}
+//# sourceMappingURL=workbench-toggle.js.map

package/esm/browser/components/workbench-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workbench-toggle.js","sourceRoot":"","sources":["../../../src/browser/components/workbench-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAQlD,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAAmC,SAAS,CAAC,CAAC;AAEvG;;;GAGG;AACH,MAAM,UAAU,eAAe;IAC3B,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACvD,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,OAAO,oBAAC,UAAU,IAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,GAAI,CAAC;AAChG,CAAC"}

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { TaWorkbench, WorkbenchState } from '../workbench-protocol.js';
+/** The page's title, styles, icon and viewport, the theme and language of the settings, and the app (PWA), on every page. */
+export declare function useDocument(): void;
+export declare function SignIn({ workbench, error }: {
+    workbench: TaWorkbench;
+    error?: WorkbenchState['error'];
+}): React.JSX.Element;

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

@@ -0,0 +1,62 @@
+import { KeyRound } from 'lucide-react';
+import * as React from 'react';
+import { usePwa, useSettings } from '../hooks.js';
+import { useT } from '../i18n/use-t.js';
+import { STYLE } from '../style.js';
+import { WorkbenchUtil } from '../workbench.js';
+import { Callout } from './callout.js';
+import { dinoFavicon } from './dino.js';
+import { TaAvatar } from './ta-avatar.js';
+/** The page's title, styles, icon and viewport, the theme and language of the settings, and the app (PWA), on every page. */
+export function useDocument() {
+    useSettings();
+    const [, pwa] = usePwa();
+    React.useEffect(() => pwa.start(), [pwa]);
+    React.useEffect(() => {
+        document.title = 'Ta';
+        const style = document.createElement('style');
+        style.textContent = STYLE;
+        document.head.appendChild(style);
+        // Where the installed app's window is dragged when the page draws its title bar.
+        const titlebar = document.createElement('div');
+        titlebar.className = 'ta-titlebar';
+        document.body.appendChild(titlebar);
+        const icon = document.createElement('link');
+        icon.rel = 'icon';
+        icon.href = dinoFavicon();
+        document.head.appendChild(icon);
+        let viewport = document.querySelector('meta[name="viewport"]');
+        if (!viewport) {
+            viewport = document.createElement('meta');
+            viewport.name = 'viewport';
+            document.head.appendChild(viewport);
+        }
+        viewport.content = 'width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content';
+        return () => {
+            style.remove();
+            titlebar.remove();
+            icon.remove();
+        };
+    }, []);
+}
+export function SignIn({ workbench, error }) {
+    const t = useT();
+    const [token, setToken] = React.useState('');
+    const app = WorkbenchUtil.isApp();
+    useDocument();
+    const submit = (event) => {
+        event.preventDefault();
+        void workbench.signIn(token.trim());
+    };
+    return (React.createElement("div", { className: "ta-signin" },
+        React.createElement("form", { className: "ta-card", onSubmit: submit },
+            React.createElement(TaAvatar, { size: 88 }),
+            React.createElement("h1", null, t('ta.signin.title')),
+            React.createElement("p", null, t(app ? 'ta.signin.pairHint' : 'ta.signin.hint')),
+            React.createElement("label", { className: "ta-field" },
+                React.createElement(KeyRound, { size: 16, strokeWidth: 1.75, "aria-hidden": "true" }),
+                React.createElement("input", { type: "password", autoFocus: true, placeholder: t(app ? 'ta.signin.pairing' : 'ta.signin.token'), value: token, onChange: event => setToken(event.target.value) })),
+            error === 'refused' && React.createElement(Callout, { level: "error" }, t(app ? 'ta.signin.pairRefused' : 'ta.signin.refused')),
+            React.createElement("button", { type: "submit", className: "ta-button ta-primary ta-wide", disabled: !token.trim() }, t('ta.signin.connect')))));
+}
+//# sourceMappingURL=workbench-view.js.map

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

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

package/esm/browser/components/working-directory.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+/** Picks the working directory of the server (TaServer.setWorkingDirectory), from where it is now. */
+export declare function WorkingDirectoryPicker({ onClose }: {
+    onClose(): void;
+}): React.JSX.Element;