@celljs/ta-web 0.0.0-stage → 4.6.0

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

@@ -0,0 +1,120 @@
+"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.SessionView = SessionView;
+const React = __importStar(require("react"));
+const hooks_1 = require("../hooks");
+const use_t_1 = require("../i18n/use-t");
+const message_1 = require("../util/message");
+const composer_1 = require("./composer");
+const conversation_scroll_1 = require("./conversation-scroll");
+const dialog_view_1 = require("./dialog-view");
+const link_1 = require("./link");
+const media_1 = require("./media");
+const message_actions_1 = require("./message-actions");
+const message_footer_1 = require("./message-footer");
+const message_list_1 = require("./message-list");
+const session_settings_1 = require("./session-settings");
+/** What the extensions of the session say with `notify` goes to the notices of the page; what was said before it opened stays quiet. */
+function useSessionNotices(notices) {
+    const [, center] = (0, hooks_1.useNotices)();
+    const seen = React.useRef(undefined);
+    React.useEffect(() => {
+        if (!seen.current) {
+            seen.current = new Set(notices.map(notice => notice.id));
+            return;
+        }
+        for (const notice of notices) {
+            if (!seen.current.has(notice.id)) {
+                seen.current.add(notice.id);
+                center.notify(notice.message, { level: notice.type });
+            }
+        }
+    }, [notices, center]);
+}
+function SessionView({ store, server, workspace, info, onClosed, onActivity, leading, trailing, empty, aboveComposer, belowComposer, draftText, compact = false, }) {
+    var _a;
+    const t = (0, use_t_1.useT)();
+    const state = (0, hooks_1.useSessionState)(store);
+    const [, notices] = (0, hooks_1.useNotices)();
+    const asked = React.useMemo(() => state.messages.filter(message => message.role === 'user').length, [state.messages]);
+    const scroller = (0, conversation_scroll_1.useConversationScroll)(asked);
+    const fail = (cause) => notices.error(cause);
+    useSessionNotices(state.notices);
+    const { settings, actions } = (0, session_settings_1.useSessionSettings)(server, store.sessionId, state.working, t, fail);
+    const composer = React.useRef(null);
+    const cwd = info === null || info === void 0 ? void 0 : info.cwd;
+    const messageActions = (0, message_actions_1.useMessageActions)(store, server, state.working, cwd, composer, onActivity);
+    React.useEffect(() => {
+        var _a;
+        if (draftText) {
+            (_a = composer.current) === null || _a === void 0 ? void 0 : _a.setText(draftText);
+        }
+    }, [draftText]);
+    const fileUrl = React.useCallback((path) => workspace.fileUrl(path, cwd), [workspace, cwd]);
+    const openLink = (0, hooks_1.useOpenLink)(cwd);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: runs when a run starts or settles
+    React.useEffect(() => onActivity(), [state.working, onActivity]);
+    React.useEffect(() => {
+        if (state.closed) {
+            onClosed();
+        }
+    }, [state.closed, onClosed]);
+    const statuses = Object.values(state.status);
+    const dialog = state.pendingUi[0];
+    const title = (info === null || info === void 0 ? void 0 : info.sessionName) || (info ? message_1.MessageUtil.basename(info.cwd) : t('ta.session.title'));
+    return (React.createElement("section", { className: `ta-session ${compact ? 'ta-session-compact' : ''}` },
+        !compact && (React.createElement("header", { className: "ta-session-header" },
+            leading,
+            React.createElement("div", { className: "ta-session-title" },
+                React.createElement("span", { className: "ta-title" }, title),
+                info && (React.createElement("span", { className: "ta-muted ta-path", title: info.cwd }, message_1.MessageUtil.shortPath(info.cwd)))),
+            trailing)),
+        React.createElement("div", { className: "ta-scroll", ref: scroller },
+            React.createElement("div", { className: "ta-thread" },
+                state.messages.length === 0 && (empty !== null && empty !== void 0 ? empty : React.createElement("div", { className: "ta-empty" }, t('ta.session.empty', { cwd: (_a = info === null || info === void 0 ? void 0 : info.cwd) !== null && _a !== void 0 ? _a : '.' }))),
+                React.createElement(message_list_1.ConversationSession.Provider, { value: info },
+                    React.createElement(message_footer_1.MessageActions.Provider, { value: messageActions },
+                        React.createElement(media_1.FileUrls.Provider, { value: fileUrl },
+                            React.createElement(link_1.OpenLink.Provider, { value: openLink },
+                                React.createElement(message_list_1.MessageList, { state: state }))))))),
+        React.createElement("div", { className: "ta-bottom" },
+            dialog && React.createElement(dialog_view_1.DialogView, { key: dialog.id, request: dialog, respond: response => store.respondUi(response).catch(fail) }),
+            aboveComposer,
+            React.createElement(composer_1.Composer, { ref: composer, store: store, server: server, workspace: workspace, working: state.working, commands: settings.commands, cwd: info === null || info === void 0 ? void 0 : info.cwd, actions: [actions], onError: fail }),
+            belowComposer,
+            statuses.length > 0 && React.createElement("div", { className: "ta-statusline" }, statuses.join(' · ')))));
+}
+//# sourceMappingURL=session-view.js.map

package/lib/browser/components/session-view.js.map

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

package/lib/browser/components/settings-controls.d.ts

@@ -0,0 +1,41 @@
+import type { LucideIcon } from 'lucide-react';
+import * as React from 'react';
+import type { MessageId } from '../i18n/messages';
+export interface Choice<T> {
+    value: T;
+    icon?: LucideIcon;
+    label: MessageId | string;
+}
+/** One row of a section: what the search looks in, and what it draws. */
+export interface RowEntry {
+    key: string;
+    search: string;
+    node: React.ReactNode;
+}
+export declare function Keys({ keys }: {
+    keys: string;
+}): React.JSX.Element;
+export declare function Segmented<T extends string>({ value, choices, onChange, label }: {
+    value: T;
+    choices: Choice<T>[];
+    onChange(value: T): void;
+    label: string;
+}): React.JSX.Element;
+export declare function Switch({ checked, onChange, label, disabled }: {
+    checked: boolean;
+    onChange(checked: boolean): void;
+    label: string;
+    disabled?: boolean;
+}): React.JSX.Element;
+export interface RowProps {
+    label: string;
+    description?: React.ReactNode;
+    stacked?: boolean;
+    /** Set in the file shown: a bar on its left, as in an IDE. */
+    modified?: boolean;
+    children?: React.ReactNode;
+}
+/** Label and description on the left, the control on the right; stacked when the control is wide. */
+export declare function Row({ label, description, stacked, modified, children }: RowProps): React.JSX.Element;
+export declare function row(key: string, search: (string | undefined)[], node: React.ReactNode): RowEntry;
+//# sourceMappingURL=settings-controls.d.ts.map

package/lib/browser/components/settings-controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-controls.d.ts","sourceRoot":"","sources":["../../../src/browser/components/settings-controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAOlD,MAAM,WAAW,MAAM,CAAC,CAAC;IACrB,KAAK,EAAE,CAAC,CAAC;IACT,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,SAAS,GAAG,MAAM,CAAC;CAC7B;AAED,yEAAyE;AACzE,MAAM,WAAW,QAAQ;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,qBAU9C;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,CAAC,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,qBAkB3J;AAED,wBAAgB,MAAM,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,qBAavJ;AAED,MAAM,WAAW,QAAQ;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,qGAAqG;AACrG,wBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,QAAQ,qBAUhF;AAED,wBAAgB,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,QAAQ,CAEhG"}

package/lib/browser/components/settings-controls.js

@@ -0,0 +1,68 @@
+"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.Keys = Keys;
+exports.Segmented = Segmented;
+exports.Switch = Switch;
+exports.Row = Row;
+exports.row = row;
+const React = __importStar(require("react"));
+const use_t_1 = require("../i18n/use-t");
+const agent_settings_1 = require("../settings/agent-settings");
+const icon_1 = require("./icon");
+function Keys({ keys }) {
+    return (React.createElement("span", { className: "ta-keys" }, agent_settings_1.ShortcutUtil.keys(keys).map((key, index) => (React.createElement("kbd", { key: index, className: "ta-kbd" }, key)))));
+}
+function Segmented({ value, choices, onChange, label }) {
+    const t = (0, use_t_1.useT)();
+    return (React.createElement("fieldset", { className: "ta-segmented", "aria-label": label }, choices.map(choice => (React.createElement("button", { key: choice.value, type: "button", "aria-pressed": choice.value === value, className: choice.value === value ? 'ta-on' : '', onClick: () => onChange(choice.value) },
+        choice.icon && React.createElement(icon_1.Icon, { icon: choice.icon, size: 15 }),
+        choice.label.startsWith('ta.') ? t(choice.label) : choice.label)))));
+}
+function Switch({ checked, onChange, label, disabled }) {
+    return (React.createElement("input", { type: "checkbox", role: "switch", className: "ta-switch", "aria-label": label, "aria-checked": checked, checked: checked, disabled: disabled, onChange: event => onChange(event.target.checked) }));
+}
+/** Label and description on the left, the control on the right; stacked when the control is wide. */
+function Row({ label, description, stacked, modified, children }) {
+    return (React.createElement("div", { className: `ta-setting-row${stacked ? ' ta-stacked' : ''}${modified ? ' ta-modified' : ''}` },
+        React.createElement("div", { className: "ta-setting-text" },
+            React.createElement("span", { className: "ta-setting-label" }, label),
+            description && React.createElement("span", { className: "ta-setting-description" }, description)),
+        children && React.createElement("div", { className: "ta-setting-control" }, children)));
+}
+function row(key, search, node) {
+    return { key, search: search.filter(Boolean).join(' '), node };
+}
+//# sourceMappingURL=settings-controls.js.map

package/lib/browser/components/settings-controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-controls.js","sourceRoot":"","sources":["../../../src/browser/components/settings-controls.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,MAAY,KAAK,kCAAc;AAE/B,yCAAqC;AACrC,+DAA0D;AAC1D,iCAA8B;AAiB9B,cAAqB,EAAE,IAAI,EAAoB;IAC3C,OAAO,CACH,8BAAM,SAAS,EAAC,SAAS,IACpB,6BAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACzC,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,QAAQ,IAC9B,GAAG,CACF,CACT,CAAC,CACC,CACV,CAAC;AACN,CAAC;AAED,mBAA4C,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAA+E;IACxJ,MAAM,CAAC,GAAG,IAAA,YAAI,GAAE,CAAC;IACjB,OAAO,CACH,kCAAU,SAAS,EAAC,cAAc,gBAAa,KAAK,IAC/C,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACnB,gCACI,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,IAAI,EAAC,QAAQ,kBACC,MAAM,CAAC,KAAK,KAAK,KAAK,EACpC,SAAS,EAAE,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAChD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;QAEpC,MAAM,CAAC,IAAI,IAAI,oBAAC,WAAI,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI;QACpD,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAkB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CACxE,CACZ,CAAC,CACK,CACd,CAAC;AACN,CAAC;AAED,gBAAuB,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAA6F;IACpJ,OAAO,CACH,+BACI,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,WAAW,gBACT,KAAK,kBACH,OAAO,EACrB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GACnD,CACL,CAAC;AACN,CAAC;AAWD,qGAAqG;AACrG,aAAoB,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAY;IAC7E,OAAO,CACH,6BAAK,SAAS,EAAE,iBAAiB,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE;QAC5F,6BAAK,SAAS,EAAC,iBAAiB;YAC5B,8BAAM,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAQ;YAChD,WAAW,IAAI,8BAAM,SAAS,EAAC,wBAAwB,IAAE,WAAW,CAAQ,CAC3E;QACL,QAAQ,IAAI,6BAAK,SAAS,EAAC,oBAAoB,IAAE,QAAQ,CAAO,CAC/D,CACT,CAAC;AACN,CAAC;AAED,aAAoB,GAAW,EAAE,MAA8B,EAAE,IAAqB;IAClF,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC;AACnE,CAAC"}

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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import type { MessageId } from '../i18n/messages';
+/** A section of the settings view: `appearance`, `model`, `packages`, ... */
+export type SettingsSection = string;
+/** The keys of the page and of the message box; `Mod` is ⌘ on a Mac, Ctrl elsewhere. */
+export declare const SHORTCUTS: {
+    keys: string;
+    label: MessageId;
+}[];
+export interface SettingsViewProps {
+    /** The section to show first. */
+    section?: SettingsSection;
+    onClose(): void;
+    /** The menu of a narrow screen. */
+    onMenu(): void;
+}
+/**
+ * The settings, as a page of the main area: those of this page (kept in the browser) and those of ta
+ * (pi's settings files, of the user or of the project), with a search and a table of contents in two
+ * levels on the left.
+ */
+export declare function SettingsView({ section, onClose, onMenu }: SettingsViewProps): React.JSX.Element;
+//# sourceMappingURL=settings-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"settings-view.d.ts","sourceRoot":"","sources":["../../../src/browser/components/settings-view.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAYlD,6EAA6E;AAC7E,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC;AA+BrC,wFAAwF;AACxF,eAAO,MAAM,SAAS,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,EAUzD,CAAC;AA+UF,MAAM,WAAW,iBAAiB;IAC9B,iCAAiC;IACjC,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,OAAO,IAAI,IAAI,CAAC;IAChB,mCAAmC;IACnC,MAAM,IAAI,IAAI,CAAC;CAClB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,iBAAiB,qBA0I3E"}