@yadsh/dsh-qa-surface 0.1.1 → 0.3.0

package/lib/client/components/QaSidebar.js

@@ -0,0 +1,167 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useState } from "react";
+import { QA_VERSION, QaChangelogModal } from "./QaChangelog.js";
+import { relativeTime } from "./format.js";
+/**
+ * Project this browser's indexed chat ids onto the host session list, most
+ * recently updated first. Opening a chat is not an update: only the host's
+ * `updatedAt` (fresh messages) orders the list. Ids the host no longer lists
+ * are skipped (the controller prunes them on switch).
+ */
+export function buildChatRows(chatIds, byId, activeId, ownerNameOf, now = Date.now()) {
+    const rows = [];
+    for (const id of chatIds) {
+        const summary = byId[id];
+        if (summary === undefined)
+            continue;
+        const ownerName = ownerNameOf?.(id);
+        rows.push({
+            id,
+            title: summary.blank ? "Новый чат" : summary.displayTitle,
+            running: summary.running,
+            active: id === activeId,
+            meta: relativeTime(summary.updatedAt, now),
+            updatedAt: summary.updatedAt,
+            ...(ownerName === undefined ? {} : { ownerName }),
+        });
+    }
+    return rows.sort((left, right) => right.updatedAt - left.updatedAt);
+}
+/**
+ * Group rows into per-owner sections for the admin view. Sections order by
+ * their freshest row so the busiest users float up; unclaimed chats go last.
+ * Row order inside a section is already the global updatedAt order.
+ */
+export function buildOwnerSections(rows) {
+    const groups = new Map();
+    for (const row of rows) {
+        const key = row.ownerName ?? "";
+        const bucket = groups.get(key);
+        if (bucket === undefined)
+            groups.set(key, [row]);
+        else
+            bucket.push(row);
+    }
+    const sections = [...groups].map(([name, groupRows]) => ({
+        name: name === "" ? "Без владельца" : name,
+        rows: groupRows,
+    }));
+    sections.sort((left, right) => {
+        if (left.name === "Без владельца")
+            return 1;
+        if (right.name === "Без владельца")
+            return -1;
+        return (right.rows[0]?.updatedAt ?? 0) - (left.rows[0]?.updatedAt ?? 0);
+    });
+    return sections;
+}
+function readCollapsed(key) {
+    try {
+        return window.localStorage.getItem(`${key}:sidebar-collapsed`) === "1";
+    }
+    catch {
+        return false;
+    }
+}
+function writeCollapsed(key, collapsed) {
+    try {
+        window.localStorage.setItem(`${key}:sidebar-collapsed`, collapsed ? "1" : "0");
+    }
+    catch {
+        // A denied localStorage write only costs persistence across reloads.
+    }
+}
+function DefaultMark() {
+    return (_jsxs("svg", { viewBox: "0 0 20 20", "aria-hidden": "true", children: [_jsx("path", { d: "M10 2.75a6.4 6.4 0 0 0-4.9 10.52c.2.24.28.5.24.79l-.2 1.44 1.9-.7c.24-.09.5-.06.74.05A6.4 6.4 0 1 0 10 2.75Z" }), _jsx("path", { d: "M7.4 8.1h5.2M7.4 11h3.2" })] }));
+}
+function PlusIcon() {
+    return (_jsx("svg", { viewBox: "0 0 14 14", "aria-hidden": "true", children: _jsx("path", { d: "M7 2.8v8.4M2.8 7h8.4" }) }));
+}
+function SearchIcon() {
+    return (_jsxs("svg", { viewBox: "0 0 14 14", "aria-hidden": "true", children: [_jsx("circle", { cx: "6.25", cy: "6.25", r: "3.75" }), _jsx("path", { d: "m9.2 9.2 2.55 2.55" })] }));
+}
+function ClearIcon() {
+    return (_jsx("svg", { viewBox: "0 0 14 14", "aria-hidden": "true", children: _jsx("path", { d: "m3.5 3.5 7 7m0-7-7 7" }) }));
+}
+function ChevronIcon() {
+    return (_jsx("svg", { viewBox: "0 0 14 14", "aria-hidden": "true", children: _jsx("path", { d: "m8.75 3.5-3.5 3.5 3.5 3.5" }) }));
+}
+function rowMatches(row, query) {
+    return (row.title.toLowerCase().includes(query) ||
+        row.ownerName?.toLowerCase().includes(query) === true);
+}
+/**
+ * Whether two sidebar row lists show the same thing. Rows are rebuilt on
+ * every surface render (relative timestamps drift), so the memoized sidebar
+ * compares by content and skips frames that only move the transcript.
+ */
+export function sameChatRows(a, b) {
+    if (a === b)
+        return true;
+    if (a.length !== b.length)
+        return false;
+    return a.every((row, index) => {
+        const other = b[index];
+        return (row.id === other.id &&
+            row.title === other.title &&
+            row.running === other.running &&
+            row.active === other.active &&
+            row.meta === other.meta &&
+            row.updatedAt === other.updatedAt &&
+            row.ownerName === other.ownerName);
+    });
+}
+/** The per-browser chat history shown beside the QA conversation. */
+export const QaSidebar = memo(function QaSidebar(props) {
+    const [collapsed, setCollapsed] = useState(() => readCollapsed(props.stateKey));
+    const [query, setQuery] = useState("");
+    const [confirmingId, setConfirmingId] = useState(null);
+    const [changelogOpen, setChangelogOpen] = useState(false);
+    const toggleCollapsed = () => {
+        const next = !collapsed;
+        setCollapsed(next);
+        writeCollapsed(props.stateKey, next);
+    };
+    if (collapsed) {
+        return (_jsx("nav", { className: "dsh-qa-sidebar dsh-qa-sidebar--collapsed", "aria-label": "\u0418\u0441\u0442\u043E\u0440\u0438\u044F \u0447\u0430\u0442\u043E\u0432", children: _jsx("button", { type: "button", className: "dsh-qa-sidebar__expand", "aria-label": "\u0420\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u0438\u0441\u0442\u043E\u0440\u0438\u044E \u0447\u0430\u0442\u043E\u0432", title: "\u0420\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u0438\u0441\u0442\u043E\u0440\u0438\u044E \u0447\u0430\u0442\u043E\u0432", onClick: toggleCollapsed, children: _jsx(ChevronIcon, {}) }) }));
+    }
+    const normalizedQuery = query.trim().toLowerCase();
+    const visibleRows = normalizedQuery === ""
+        ? props.rows
+        : props.rows.filter((row) => rowMatches(row, normalizedQuery));
+    const confirmingVisible = confirmingId !== null &&
+        props.rows.some((row) => row.id === confirmingId);
+    const sections = props.groupByOwner === true
+        ? buildOwnerSections(visibleRows)
+        : [{ name: "", rows: visibleRows }];
+    const renderRow = (row) => {
+        const confirming = confirmingVisible && confirmingId === row.id;
+        return (_jsxs("div", { className: row.active
+                ? "dsh-qa-sidebar__item dsh-qa-sidebar__item--active"
+                : "dsh-qa-sidebar__item", children: [_jsxs("button", { type: "button", className: "dsh-qa-sidebar__item-main", "aria-current": row.active ? "true" : undefined, onClick: () => props.onSwitch(row.id), children: [_jsx("span", { className: "dsh-qa-sidebar__item-title", children: row.title }), _jsxs("span", { className: "dsh-qa-sidebar__item-meta", children: [row.running ? (_jsx("span", { className: "dsh-qa-sidebar__dot", role: "img", "aria-label": "\u0412\u044B\u043F\u043E\u043B\u043D\u044F\u0435\u0442\u0441\u044F" })) : null, row.meta] })] }), props.onDelete === undefined ? null : (_jsx("button", { type: "button", className: confirming
+                        ? "dsh-qa-sidebar__item-delete dsh-qa-sidebar__item-delete--confirm"
+                        : "dsh-qa-sidebar__item-delete", "aria-label": confirming ? "Подтвердить удаление чата" : "Удалить чат", title: confirming ? "Нажмите ещё раз для удаления" : "Удалить чат", onClick: () => {
+                        if (confirming) {
+                            setConfirmingId(null);
+                            props.onDelete?.(row.id);
+                            return;
+                        }
+                        setConfirmingId(row.id);
+                    }, children: confirming ? (_jsx("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", children: _jsx("path", { d: "m3.5 8.5 3 3L12.5 5" }) })) : (_jsx("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", children: _jsx("path", { d: "M2.5 4h11M6.5 4V2.5h3V4m-6.2 0 .6 9.5h7.2L12 4" }) })) }))] }, row.id));
+    };
+    const brand = props.logoUrl === null ? (_jsx(DefaultMark, {})) : (_jsx("img", { src: props.logoUrl, alt: "" }));
+    return (_jsxs("nav", { className: "dsh-qa-sidebar", "aria-label": "\u0418\u0441\u0442\u043E\u0440\u0438\u044F \u0447\u0430\u0442\u043E\u0432", children: [_jsxs("div", { className: "dsh-qa-sidebar__head", children: [_jsxs("span", { className: "dsh-qa-sidebar__brand", title: props.title, children: [_jsx("span", { className: "dsh-qa-sidebar__logo", children: brand }), _jsx("span", { className: "dsh-qa-sidebar__name", children: props.title })] }), _jsx("button", { type: "button", className: "dsh-qa-sidebar__collapse", "aria-label": "\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u0438\u0441\u0442\u043E\u0440\u0438\u044E \u0447\u0430\u0442\u043E\u0432", title: "\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u0438\u0441\u0442\u043E\u0440\u0438\u044E \u0447\u0430\u0442\u043E\u0432", onClick: toggleCollapsed, children: _jsx(ChevronIcon, {}) })] }), props.showNewChat ? (_jsx("div", { className: "dsh-qa-sidebar__newbar", children: _jsxs("button", { type: "button", className: "dsh-qa-sidebar__new", disabled: props.busy, onClick: props.onNewChat, children: [_jsx(PlusIcon, {}), "\u041D\u043E\u0432\u044B\u0439 \u0447\u0430\u0442"] }) })) : null, _jsxs("div", { className: "dsh-qa-sidebar__search", children: [_jsx(SearchIcon, {}), _jsx("input", { type: "search", value: query, placeholder: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0447\u0430\u0442\u0430\u043C", "aria-label": "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0447\u0430\u0442\u0430\u043C", onChange: (event) => setQuery(event.currentTarget.value) }), query === "" ? null : (_jsx("button", { type: "button", className: "dsh-qa-sidebar__search-clear", "aria-label": "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C \u043F\u043E\u0438\u0441\u043A", title: "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C \u043F\u043E\u0438\u0441\u043A", onClick: () => setQuery(""), children: _jsx(ClearIcon, {}) }))] }), _jsx("div", { className: "dsh-qa-sidebar__list", children: props.rows.length === 0 ? (_jsx("p", { className: "dsh-qa-sidebar__empty", children: "\u0417\u0434\u0435\u0441\u044C \u043F\u043E\u043A\u0430 \u043F\u0443\u0441\u0442\u043E" })) : visibleRows.length === 0 ? (_jsx("p", { className: "dsh-qa-sidebar__empty", children: "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E" })) : (sections.map((section) => (_jsxs("div", { className: "dsh-qa-sidebar__group", children: [section.name === "" ? null : (_jsxs("div", { className: "dsh-qa-sidebar__group-name", children: [section.name, " (", section.rows.length, ")"] })), section.rows.map(renderRow)] }, section.name || "__all")))) }), _jsxs("div", { className: "dsh-qa-sidebar__footer", children: [props.account === undefined ? null : (_jsxs("div", { className: "dsh-qa-sidebar__account", title: `${props.account.email} (${props.account.role})`, children: [_jsx("span", { className: "dsh-qa-sidebar__account-name", children: props.account.email }), props.account.role === "admin" ? (_jsx("span", { className: "dsh-qa-sidebar__account-role", children: "admin" })) : null, _jsx("button", { type: "button", className: "dsh-qa-sidebar__account-exit", title: "\u0412\u044B\u0439\u0442\u0438 \u0438\u0437 \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0430", "aria-label": "\u0412\u044B\u0439\u0442\u0438 \u0438\u0437 \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0430", onClick: props.account.onLogout, children: _jsx("svg", { viewBox: "0 0 14 14", "aria-hidden": "true", children: _jsx("path", { d: "M8.5 2.5h3v9h-3M5.5 9.5 3 7l2.5-2.5M3 7h6" }) }) })] })), _jsxs("button", { type: "button", className: "dsh-qa-sidebar__version", "aria-haspopup": "dialog", title: "\u0418\u0441\u0442\u043E\u0440\u0438\u044F \u0432\u0435\u0440\u0441\u0438\u0439", onClick: () => setChangelogOpen(true), children: ["\u0412\u0435\u0440\u0441\u0438\u044F ", QA_VERSION] })] }), _jsx(QaChangelogModal, { open: changelogOpen, onClose: () => setChangelogOpen(false) })] }));
+}, (prev, next) => prev.title === next.title &&
+    prev.logoUrl === next.logoUrl &&
+    prev.stateKey === next.stateKey &&
+    prev.showNewChat === next.showNewChat &&
+    prev.busy === next.busy &&
+    prev.groupByOwner === next.groupByOwner &&
+    prev.onSwitch === next.onSwitch &&
+    prev.onNewChat === next.onNewChat &&
+    prev.onDelete === next.onDelete &&
+    prev.account?.email === next.account?.email &&
+    prev.account?.role === next.account?.role &&
+    prev.account?.onLogout === next.account?.onLogout &&
+    sameChatRows(prev.rows, next.rows));
+//# sourceMappingURL=QaSidebar.js.map

package/lib/client/components/QaSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QaSidebar.js","sourceRoot":"","sources":["../../../src/client/components/QaSidebar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAc3C;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAC3B,OAA0B,EAC1B,IAA8C,EAC9C,QAAuB,EACvB,WAAuD,EACvD,GAAG,GAAW,IAAI,CAAC,GAAG,EAAE;IAExB,MAAM,IAAI,GAAgB,EAAE,CAAC;IAC7B,KAAK,MAAM,EAAE,IAAI,OAAO,EAAE,CAAC;QACzB,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;QACzB,IAAI,OAAO,KAAK,SAAS;YAAE,SAAS;QACpC,MAAM,SAAS,GAAG,WAAW,EAAE,CAAC,EAAE,CAAC,CAAC;QACpC,IAAI,CAAC,IAAI,CAAC;YACR,EAAE;YACF,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY;YACzD,OAAO,EAAE,OAAO,CAAC,OAAO;YACxB,MAAM,EAAE,EAAE,KAAK,QAAQ;YACvB,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC;YAC1C,SAAS,EAAE,OAAO,CAAC,SAAS;YAC5B,GAAG,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC;SAClD,CAAC,CAAC;IACL,CAAC;IACD,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;AACtE,CAAC;AAYD;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAChC,IAA0B;IAE1B,MAAM,MAAM,GAAG,IAAI,GAAG,EAAuB,CAAC;IAC9C,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,MAAM,GAAG,GAAG,GAAG,CAAC,SAAS,IAAI,EAAE,CAAC;QAChC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAC/B,IAAI,MAAM,KAAK,SAAS;YAAE,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;;YAC5C,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACxB,CAAC;IACD,MAAM,QAAQ,GAAuB,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,EAAE,CAAC,CAAC;QAC3E,IAAI,EAAE,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI;QAC1C,IAAI,EAAE,SAAS;KAChB,CAAC,CAAC,CAAC;IACJ,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC5B,IAAI,IAAI,CAAC,IAAI,KAAK,eAAe;YAAE,OAAO,CAAC,CAAC;QAC5C,IAAI,KAAK,CAAC,IAAI,KAAK,eAAe;YAAE,OAAO,CAAC,CAAC,CAAC;QAC9C,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,SAAS,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,SAAS,IAAI,CAAC,CAAC,CAAC;IAC1E,CAAC,CAAC,CAAC;IACH,OAAO,QAAQ,CAAC;AAClB,CAAC;AA6BD,SAAS,aAAa,CAAC,GAAW;IAChC,IAAI,CAAC;QACH,OAAO,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,GAAG,oBAAoB,CAAC,KAAK,GAAG,CAAC;IACzE,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC;AAED,SAAS,cAAc,CAAC,GAAW,EAAE,SAAkB;IACrD,IAAI,CAAC;QACH,MAAM,CAAC,YAAY,CAAC,OAAO,CACzB,GAAG,GAAG,oBAAoB,EAC1B,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CACtB,CAAC;IACJ,CAAC;IAAC,MAAM,CAAC;QACP,qEAAqE;IACvE,CAAC;AACH,CAAC;AAED,SAAS,WAAW;IAClB,OAAO,CACL,eAAK,OAAO,EAAC,WAAW,iBAAa,MAAM,aACzC,eAAM,CAAC,EAAC,8GAA8G,GAAG,EACzH,eAAM,CAAC,EAAC,yBAAyB,GAAG,IAChC,CACP,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ;IACf,OAAO,CACL,cAAK,OAAO,EAAC,WAAW,iBAAa,MAAM,YACzC,eAAM,CAAC,EAAC,sBAAsB,GAAG,GAC7B,CACP,CAAC;AACJ,CAAC;AAED,SAAS,UAAU;IACjB,OAAO,CACL,eAAK,OAAO,EAAC,WAAW,iBAAa,MAAM,aACzC,iBAAQ,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,CAAC,EAAC,MAAM,GAAG,EACvC,eAAM,CAAC,EAAC,oBAAoB,GAAG,IAC3B,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS;IAChB,OAAO,CACL,cAAK,OAAO,EAAC,WAAW,iBAAa,MAAM,YACzC,eAAM,CAAC,EAAC,sBAAsB,GAAG,GAC7B,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW;IAClB,OAAO,CACL,cAAK,OAAO,EAAC,WAAW,iBAAa,MAAM,YACzC,eAAM,CAAC,EAAC,2BAA2B,GAAG,GAClC,CACP,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,GAAc,EAAE,KAAa;IAC/C,OAAO,CACL,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;QACvC,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,IAAI,CACtD,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAC1B,CAAuB,EACvB,CAAuB;IAEvB,IAAI,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACzB,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM;QAAE,OAAO,KAAK,CAAC;IACxC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QAC5B,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,CAAc,CAAC;QACpC,OAAO,CACL,GAAG,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE;YACnB,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK;YACzB,GAAG,CAAC,OAAO,KAAK,KAAK,CAAC,OAAO;YAC7B,GAAG,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM;YAC3B,GAAG,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI;YACvB,GAAG,CAAC,SAAS,KAAK,KAAK,CAAC,SAAS;YACjC,GAAG,CAAC,SAAS,KAAK,KAAK,CAAC,SAAS,CAClC,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,qEAAqE;AACrE,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAC3B,SAAS,SAAS,CAAC,KAAqB;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC9C,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAC9B,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACtE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,IAAI,GAAG,CAAC,SAAS,CAAC;QACxB,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,cAAc,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IACvC,CAAC,CAAC;IACF,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,cACE,SAAS,EAAC,0CAA0C,gBACzC,2EAAe,YAE1B,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,wBAAwB,gBACvB,wIAA0B,EACrC,KAAK,EAAC,wIAA0B,EAChC,OAAO,EAAE,eAAe,YAExB,KAAC,WAAW,KAAG,GACR,GACL,CACP,CAAC;IACJ,CAAC;IACD,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IACnD,MAAM,WAAW,GACf,eAAe,KAAK,EAAE;QACpB,CAAC,CAAC,KAAK,CAAC,IAAI;QACZ,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC;IACnE,MAAM,iBAAiB,GACrB,YAAY,KAAK,IAAI;QACrB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,YAAY,CAAC,CAAC;IACpD,MAAM,QAAQ,GACZ,KAAK,CAAC,YAAY,KAAK,IAAI;QACzB,CAAC,CAAC,kBAAkB,CAAC,WAAW,CAAC;QACjC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,CAAC,GAAc,EAAE,EAAE;QACnC,MAAM,UAAU,GAAG,iBAAiB,IAAI,YAAY,KAAK,GAAG,CAAC,EAAE,CAAC;QAChE,OAAO,CACL,eAEE,SAAS,EACP,GAAG,CAAC,MAAM;gBACR,CAAC,CAAC,mDAAmD;gBACrD,CAAC,CAAC,sBAAsB,aAG5B,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,2BAA2B,kBACvB,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,aAErC,eAAM,SAAS,EAAC,4BAA4B,YAAE,GAAG,CAAC,KAAK,GAAQ,EAC/D,gBAAM,SAAS,EAAC,2BAA2B,aACxC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CACb,eACE,SAAS,EAAC,qBAAqB,EAC/B,IAAI,EAAC,KAAK,gBACC,oEAAa,GACxB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,GAAG,CAAC,IAAI,IACJ,IACA,EACR,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACrC,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EACP,UAAU;wBACR,CAAC,CAAC,kEAAkE;wBACpE,CAAC,CAAC,6BAA6B,gBAGjC,UAAU,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,aAAa,EAE1D,KAAK,EACH,UAAU,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,aAAa,EAE7D,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,UAAU,EAAE,CAAC;4BACf,eAAe,CAAC,IAAI,CAAC,CAAC;4BACtB,KAAK,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;4BACzB,OAAO;wBACT,CAAC;wBACD,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;oBAC1B,CAAC,YAEA,UAAU,CAAC,CAAC,CAAC,CACZ,cAAK,OAAO,EAAC,WAAW,iBAAa,MAAM,YACzC,eAAM,CAAC,EAAC,qBAAqB,GAAG,GAC5B,CACP,CAAC,CAAC,CAAC,CACF,cAAK,OAAO,EAAC,WAAW,iBAAa,MAAM,YACzC,eAAM,CAAC,EAAC,gDAAgD,GAAG,GACvD,CACP,GACM,CACV,KA1DI,GAAG,CAAC,EAAE,CA2DP,CACP,CAAC;IACJ,CAAC,CAAC;IACF,MAAM,KAAK,GACT,KAAK,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,CACvB,KAAC,WAAW,KAAG,CAChB,CAAC,CAAC,CAAC,CACF,cAAK,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAC,EAAE,GAAG,CACnC,CAAC;IACJ,OAAO,CACL,eAAK,SAAS,EAAC,gBAAgB,gBAAY,2EAAe,aACxD,eAAK,SAAS,EAAC,sBAAsB,aACnC,gBAAM,SAAS,EAAC,uBAAuB,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,aACxD,eAAM,SAAS,EAAC,sBAAsB,YAAE,KAAK,GAAQ,EACrD,eAAM,SAAS,EAAC,sBAAsB,YAAE,KAAK,CAAC,KAAK,GAAQ,IACtD,EACP,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0BAA0B,gBACzB,4HAAwB,EACnC,KAAK,EAAC,4HAAwB,EAC9B,OAAO,EAAE,eAAe,YAExB,KAAC,WAAW,KAAG,GACR,IACL,EACL,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CACnB,cAAK,SAAS,EAAC,wBAAwB,YACrC,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,qBAAqB,EAC/B,QAAQ,EAAE,KAAK,CAAC,IAAI,EACpB,OAAO,EAAE,KAAK,CAAC,SAAS,aAExB,KAAC,QAAQ,KAAG,yDAEL,GACL,CACP,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,UAAU,KAAG,EACd,gBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAC,4EAAgB,gBACjB,4EAAgB,EAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,GACxD,EACD,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACrB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,8BAA8B,gBAC7B,iFAAgB,EAC3B,KAAK,EAAC,iFAAgB,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,YAE3B,KAAC,SAAS,KAAG,GACN,CACV,IACG,EACN,cAAK,SAAS,EAAC,sBAAsB,YAClC,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACzB,YAAG,SAAS,EAAC,uBAAuB,uGAAqB,CAC1D,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC7B,YAAG,SAAS,EAAC,uBAAuB,6GAAsB,CAC3D,CAAC,CAAC,CAAC,CACF,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACxB,eAEE,SAAS,EAAC,uBAAuB,aAEhC,OAAO,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC5B,eAAK,SAAS,EAAC,4BAA4B,aACxC,OAAO,CAAC,IAAI,QAAI,OAAO,CAAC,IAAI,CAAC,MAAM,SAChC,CACP,EACA,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,KARvB,OAAO,CAAC,IAAI,IAAI,OAAO,CASxB,CACP,CAAC,CACH,GACG,EACN,eAAK,SAAS,EAAC,wBAAwB,aACpC,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACpC,eACE,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO,CAAC,IAAI,GAAG,aAEvD,eAAM,SAAS,EAAC,8BAA8B,YAC3C,KAAK,CAAC,OAAO,CAAC,KAAK,GACf,EACN,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAChC,eAAM,SAAS,EAAC,8BAA8B,sBAAa,CAC5D,CAAC,CAAC,CAAC,IAAI,EACR,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAC,8FAAmB,gBACd,8FAAmB,EAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,YAE/B,cAAK,OAAO,EAAC,WAAW,iBAAa,MAAM,YACzC,eAAM,CAAC,EAAC,2CAA2C,GAAG,GAClD,GACC,IACL,CACP,EACD,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,yBAAyB,mBACrB,QAAQ,EACtB,KAAK,EAAC,iFAAgB,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,sDAE7B,UAAU,IACX,IACL,EACN,KAAC,gBAAgB,IACf,IAAI,EAAE,aAAa,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,GACtC,IACE,CACP,CAAC;AACJ,CAAC,EACD,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CACb,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;IACzB,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO;IAC7B,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ;IAC/B,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,WAAW;IACrC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI;IACvB,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,YAAY;IACvC,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ;IAC/B,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,SAAS;IACjC,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ;IAC/B,IAAI,CAAC,OAAO,EAAE,KAAK,KAAK,IAAI,CAAC,OAAO,EAAE,KAAK;IAC3C,IAAI,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC,OAAO,EAAE,IAAI;IACzC,IAAI,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC,OAAO,EAAE,QAAQ;IACjD,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CACrC,CAAC"}

package/lib/client/components/QaSourcesDrawer.js

@@ -0,0 +1,127 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { Markdown } from "./Markdown.js";
+const KIND_LABELS = {
+    file: "Документы",
+    code: "Код",
+    web: "Web",
+    jira: "Jira",
+    confluence: "Confluence",
+    knowledge: "База знаний",
+    other: "Другие",
+};
+function sourceTarget(source) {
+    return source.path ?? source.uri ?? source.title;
+}
+export function SourceIcon({ kind }) {
+    if (kind === "web") {
+        return (_jsxs("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", children: [_jsx("circle", { cx: "8", cy: "8", r: "5.75" }), _jsx("path", { d: "M2.25 8h11.5M8 2.25c1.6 1.55 2.4 3.5 2.4 5.75S9.6 12.2 8 13.75C6.4 12.2 5.6 10.25 5.6 8S6.4 3.8 8 2.25Z" })] }));
+    }
+    if (kind === "jira" || kind === "confluence" || kind === "knowledge") {
+        return (_jsxs("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", children: [_jsx("circle", { cx: "7.1", cy: "7.1", r: "4.3" }), _jsx("path", { d: "m10.3 10.3 2.9 2.9" })] }));
+    }
+    return (_jsxs("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", children: [_jsx("path", { d: "M9.25 2.5H4.75A1.25 1.25 0 0 0 3.5 3.75v8.5a1.25 1.25 0 0 0 1.25 1.25h6.5a1.25 1.25 0 0 0 1.25-1.25V5.75L9.25 2.5Z" }), _jsx("path", { d: "M9.25 2.5v3.25h3.25" })] }));
+}
+function OriginBadges({ source, showOrigin, }) {
+    const delegated = showOrigin && source.origins.some((origin) => origin.role === "subagent");
+    const truncated = source.metadata?.truncated === true;
+    if (!delegated && !truncated && source.evidence !== "discovered")
+        return null;
+    return (_jsxs("span", { className: "dsh-qa-sources__badges", children: [delegated ? _jsx("span", { children: "Subagent" }) : null, truncated ? _jsx("span", { children: "Partial" }) : null, source.evidence === "discovered" ? _jsx("span", { children: "Discovered" }) : null] }));
+}
+function QaSourceCard({ source, showOriginBadges, onOpen, }) {
+    return (_jsxs("button", { type: "button", className: "dsh-qa-sources__item", onClick: onOpen, children: [_jsx("span", { className: "dsh-qa-sources__kind", "data-kind": source.kind, children: _jsx(SourceIcon, { kind: source.kind }) }), _jsxs("span", { className: "dsh-qa-sources__text", children: [_jsx("span", { className: "dsh-qa-sources__title", children: source.title }), _jsx("span", { className: "dsh-qa-sources__target", children: sourceTarget(source) }), _jsx(OriginBadges, { source: source, showOrigin: showOriginBadges }), source.snippet === undefined ? null : _jsx("p", { children: source.snippet })] })] }));
+}
+function RawFilePreview({ preview, lineStart, lineEnd, }) {
+    const target = useRef(null);
+    useEffect(() => {
+        if (typeof target.current?.scrollIntoView === "function") {
+            target.current.scrollIntoView({ block: "center" });
+        }
+    }, [preview.path, lineStart]);
+    const lines = preview.content.replace(/\r\n?/gu, "\n").split("\n");
+    return (_jsx("pre", { className: "dsh-qa-preview__raw", children: _jsx("code", { children: lines.map((line, index) => {
+                const number = index + 1;
+                const highlighted = lineStart !== undefined &&
+                    number >= lineStart &&
+                    number <= (lineEnd ?? lineStart);
+                return (_jsxs("span", { ref: number === lineStart ? target : undefined, className: highlighted
+                        ? "dsh-qa-preview__line dsh-qa-preview__line--highlight"
+                        : "dsh-qa-preview__line", children: [_jsx("span", { className: "dsh-qa-preview__number", children: number }), _jsx("span", { children: line || " " })] }, number));
+            }) }) }));
+}
+function QaSourceDetail({ source, sessionId, sourceApi, filePreviewConfig, showOriginBadges, onBack, }) {
+    const [preview, setPreview] = useState(null);
+    const [previewError, setPreviewError] = useState(false);
+    const [mode, setMode] = useState("raw");
+    const external = source.uri?.match(/^https?:\/\//iu)?.[0] === undefined
+        ? undefined
+        : source.uri;
+    const firstRange = source.locations.find((location) => location.lineStart !== undefined || location.lineEnd !== undefined);
+    const lineStart = firstRange?.lineStart ?? firstRange?.lineEnd;
+    const lineEnd = firstRange?.lineEnd ?? firstRange?.lineStart;
+    useEffect(() => {
+        let alive = true;
+        setPreview(null);
+        setPreviewError(false);
+        if (source.path === undefined ||
+            sessionId === null ||
+            !filePreviewConfig.enabled)
+            return;
+        sourceApi.readSourceFile(sessionId, source.path).then((result) => {
+            if (!alive)
+                return;
+            if (!result.ok) {
+                setPreviewError(true);
+                return;
+            }
+            setPreview(result.value);
+            setMode(result.value.markdown &&
+                result.value.renderableMarkdown &&
+                filePreviewConfig.markdownRenderedByDefault
+                ? "rendered"
+                : "raw");
+        }, () => alive && setPreviewError(true));
+        return () => {
+            alive = false;
+        };
+    }, [
+        filePreviewConfig.enabled,
+        filePreviewConfig.markdownRenderedByDefault,
+        sessionId,
+        source.id,
+        source.path,
+        sourceApi,
+    ]);
+    return (_jsxs("div", { className: "dsh-qa-sourcedetail", children: [_jsxs("div", { className: "dsh-qa-sourcedetail__head", children: [_jsx("button", { type: "button", className: "dsh-qa-sourcedetail__back", "aria-label": "\u041A\u043E \u0432\u0441\u0435\u043C \u0438\u0441\u0442\u043E\u0447\u043D\u0438\u043A\u0430\u043C", title: "\u041A\u043E \u0432\u0441\u0435\u043C \u0438\u0441\u0442\u043E\u0447\u043D\u0438\u043A\u0430\u043C", onClick: onBack, children: _jsx("svg", { viewBox: "0 0 14 14", "aria-hidden": "true", children: _jsx("path", { d: "m8.75 3.5-3.5 3.5 3.5 3.5" }) }) }), _jsx("span", { className: "dsh-qa-sourcedetail__kind", children: _jsx(SourceIcon, { kind: source.kind }) }), _jsx("span", { className: "dsh-qa-sourcedetail__title", children: source.title }), preview?.markdown && filePreviewConfig.allowRawToggle ? (_jsxs("span", { className: "dsh-qa-preview__toggle", children: [_jsx("button", { type: "button", "aria-pressed": mode === "rendered", disabled: !preview.renderableMarkdown, onClick: () => setMode("rendered"), children: "Rendered" }), _jsx("button", { type: "button", "aria-pressed": mode === "raw", onClick: () => setMode("raw"), children: "Raw" })] })) : external === undefined ? null : (_jsx("a", { className: "dsh-qa-sourcedetail__open", href: external, target: "_blank", rel: "noopener noreferrer", children: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C" }))] }), _jsx("div", { className: "dsh-qa-sourcedetail__target", children: sourceTarget(source) }), _jsxs("div", { className: "dsh-qa-sourcedetail__body", children: [_jsx(OriginBadges, { source: source, showOrigin: showOriginBadges }), source.path !== undefined && preview === null && !previewError ? (_jsx("p", { className: "dsh-qa-sourcedetail__empty", children: "\u041E\u0442\u043A\u0440\u044B\u0432\u0430\u044E \u0438\u0441\u0442\u043E\u0447\u043D\u0438\u043A\u2026" })) : null, previewError ? (_jsx("p", { className: "dsh-qa-sourcedetail__empty", children: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043E\u0442\u043A\u0440\u044B\u0442\u044C \u0438\u0441\u0442\u043E\u0447\u043D\u0438\u043A. \u0412\u043E\u0437\u043C\u043E\u0436\u043D\u043E, \u0444\u0430\u0439\u043B \u0431\u044B\u043B \u043F\u0435\u0440\u0435\u043C\u0435\u0449\u0451\u043D \u0438\u043B\u0438 \u0431\u043E\u043B\u044C\u0448\u0435 \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D." })) : null, preview !== null ? (_jsxs(_Fragment, { children: [preview.truncated ? (_jsx("p", { className: "dsh-qa-preview__notice", children: "\u041F\u043E\u043A\u0430\u0437\u0430\u043D\u043E \u043D\u0430\u0447\u0430\u043B\u043E \u0444\u0430\u0439\u043B\u0430: \u0440\u0430\u0437\u043C\u0435\u0440 \u043F\u0440\u0435\u0432\u044B\u0448\u0430\u0435\u0442 \u043B\u0438\u043C\u0438\u0442 preview." })) : null, lineStart === undefined ? null : (_jsxs("p", { className: "dsh-qa-preview__range", children: ["Referenced lines: ", lineStart, lineEnd !== undefined && lineEnd !== lineStart
+                                        ? `–${lineEnd}`
+                                        : "", mode === "rendered" ? (_jsx("button", { type: "button", onClick: () => setMode("raw"), children: "View raw" })) : null] })), mode === "rendered" && preview.renderableMarkdown ? (_jsx("div", { className: "dsh-qa-preview__markdown", children: _jsx(Markdown, { text: preview.content }) })) : (_jsx(RawFilePreview, { preview: preview, lineStart: lineStart, lineEnd: lineEnd }))] })) : source.path === undefined ? (source.snippet === undefined ? (_jsx("p", { className: "dsh-qa-sourcedetail__empty", children: "\u0423 \u0438\u0441\u0442\u043E\u0447\u043D\u0438\u043A\u0430 \u043D\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u043E\u0432\u043E\u0433\u043E \u0444\u0440\u0430\u0433\u043C\u0435\u043D\u0442\u0430." })) : (_jsx("p", { children: source.snippet }))) : null, _jsxs("p", { className: "dsh-qa-sourcedetail__provenance", children: [_jsxs("span", { children: ["\u0418\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D ", source.origins.length, " \u0440\u0430\u0437(\u0430)"] }), _jsx("span", { children: source.evidence })] })] })] }));
+}
+/** Canonical grouped source panel and safe local-file preview. */
+export function QaSourcesDrawer({ sources, complete, incompleteOrigins, sessionId, sourceApi, display, filePreview, initialDetail = null, onClose, }) {
+    const [detailId, setDetailId] = useState(initialDetail?.id ?? null);
+    const [expanded, setExpanded] = useState(() => new Set());
+    const detail = detailId === null
+        ? undefined
+        : (sources.find((source) => source.id === detailId) ??
+            (initialDetail?.id === detailId ? initialDetail : undefined));
+    const groups = useMemo(() => {
+        if (!display.groupByKind)
+            return [{ key: "all", label: "Источники", sources }];
+        const grouped = new Map();
+        for (const source of sources)
+            grouped.set(source.kind, [...(grouped.get(source.kind) ?? []), source]);
+        return [...grouped].map(([key, items]) => ({
+            key,
+            label: KIND_LABELS[key],
+            sources: items,
+        }));
+    }, [display.groupByKind, sources]);
+    return (_jsxs("aside", { className: "dsh-qa-sources", "aria-label": "\u0418\u0441\u0442\u043E\u0447\u043D\u0438\u043A\u0438", children: [_jsxs("div", { className: "dsh-qa-sources__head", children: [_jsx("span", { children: detail === undefined ? `Источники (${sources.length})` : "Источник" }), _jsx("button", { type: "button", "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u0438\u0441\u0442\u043E\u0447\u043D\u0438\u043A\u0438", title: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", onClick: onClose, children: _jsx("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", children: _jsx("path", { d: "m4 4 8 8m0-8-8 8" }) }) })] }), detail === undefined ? (_jsxs("div", { className: "dsh-qa-sources__list", children: [!complete ? (_jsxs("p", { className: "dsh-qa-sources__incomplete", children: ["\u041D\u0435\u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0438\u0441\u0442\u043E\u0447\u043D\u0438\u043A\u0438 \u0434\u0435\u043B\u0435\u0433\u0438\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0445 \u0437\u0430\u043F\u0443\u0441\u043A\u043E\u0432 \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B (", incompleteOrigins?.length ?? 1, ")."] })) : null, groups.map((group) => {
+                        const visible = expanded.has(group.key)
+                            ? group.sources
+                            : group.sources.slice(0, display.maxInitiallyVisiblePerGroup);
+                        return (_jsxs("section", { className: "dsh-qa-sources__group", children: [_jsxs("h3", { children: [group.label, _jsx("span", { children: group.sources.length })] }), visible.map((source) => (_jsx(QaSourceCard, { source: source, showOriginBadges: display.showOriginBadges, onOpen: () => setDetailId(source.id) }, source.id))), visible.length < group.sources.length ? (_jsxs("button", { type: "button", className: "dsh-qa-sources__more", onClick: () => setExpanded(new Set([...expanded, group.key])), children: ["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0451 ", group.sources.length - visible.length] })) : null] }, group.key));
+                    })] })) : (_jsx(QaSourceDetail, { source: detail, sessionId: sessionId, sourceApi: sourceApi, filePreviewConfig: filePreview, showOriginBadges: display.showOriginBadges, onBack: () => setDetailId(null) }))] }));
+}
+//# sourceMappingURL=QaSourcesDrawer.js.map

package/lib/client/components/QaSourcesDrawer.js.map

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

package/lib/client/components/QaTurnRail.js

@@ -0,0 +1,281 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useEffect, useId, useRef, useState, } from "react";
+/** Transcript attribute marking the message slot that opens a turn. */
+export const QA_TURN_ANCHOR_ATTRIBUTE = "data-dsh-qa-turn-anchor";
+/** Scroll distance from the floor at which the rail still calls it "at bottom". */
+export const QA_TURN_FOLLOW_PX = 96;
+/** The reading line: reading offset from the scrollport top while scrolling. */
+export const QA_TURN_READING_PX = 96;
+/** Where a jump lands its prompt row, mirroring the harness chat rail. */
+const QA_TURN_LAND_PX = 24;
+const PROMPT_CLIP = 140;
+const RESPONSE_CLIP = 220;
+function clipPreview(text, max) {
+    const flat = text.replace(/\s+/gu, " ").trim();
+    if (flat.length <= max)
+        return flat;
+    return `${flat.slice(0, max - 1).trimEnd()}…`;
+}
+/**
+ * Rail ladder of the visible transcript: every user prompt opens a turn, the
+ * first non-empty answer after it fills the response preview. Hidden variant
+ * answers never reach this list because callers pass the already-filtered
+ * messages.
+ */
+export function buildTurnRailItems(messages) {
+    const items = [];
+    for (const message of messages) {
+        if (message.role === "user") {
+            items.push({
+                turn: items.length + 1,
+                id: message.id,
+                prompt: clipPreview(message.text, PROMPT_CLIP),
+                response: "",
+            });
+            continue;
+        }
+        if (message.role !== "assistant" || items.length === 0)
+            continue;
+        const current = items.at(-1);
+        if (current === undefined || current.response !== "")
+            continue;
+        const response = clipPreview(message.text, RESPONSE_CLIP);
+        if (response !== "")
+            items[items.length - 1] = { ...current, response };
+    }
+    return items;
+}
+/** Deep equality guard so the memoized rail skips streaming commits. */
+export function sameTurnRailItems(left, right) {
+    if (left === right)
+        return true;
+    if (left.length !== right.length)
+        return false;
+    return left.every((item, index) => {
+        const other = right[index];
+        return (other !== undefined &&
+            item.turn === other.turn &&
+            item.id === other.id &&
+            item.prompt === other.prompt &&
+            item.response === other.response);
+    });
+}
+/**
+ * Turn owning the transcript's reading line, or the newest one while the
+ * reader follows the live tail. Anchors above the line are scanned in flow
+ * order; the last one at or above it owns the mark.
+ */
+export function computeActiveTurn(scroller, items) {
+    if (items.length === 0)
+        return null;
+    const last = items.at(-1);
+    if (last === undefined)
+        return null;
+    if (scroller.scrollHeight - scroller.scrollTop - scroller.clientHeight <=
+        QA_TURN_FOLLOW_PX + 1) {
+        return last.turn;
+    }
+    const line = scroller.getBoundingClientRect().top +
+        Math.min(QA_TURN_READING_PX, scroller.clientHeight * 0.2);
+    const turnByAnchor = new Map(items.map((item) => [item.id, item.turn]));
+    const first = items[0];
+    if (first === undefined)
+        return null;
+    let next = first.turn;
+    for (const row of scroller.querySelectorAll(`[${QA_TURN_ANCHOR_ATTRIBUTE}]`)) {
+        if (row.getBoundingClientRect().top > line)
+            break;
+        const turn = turnByAnchor.get(row.getAttribute(QA_TURN_ANCHOR_ATTRIBUTE) ?? "");
+        if (turn !== undefined)
+            next = turn;
+    }
+    return next;
+}
+/** Fixed pitch between neighbouring marks; overflow scrolls inside the frame. */
+const TURN_SPACING_PX = 10;
+/** Rail padding above the first mark and below the last one, per end. */
+const RAIL_INSET_PX = 6;
+/** Fade band the mask reserves at a scrollable end. */
+const FADE_PX = 24;
+const RAIL_AT_REST = {
+    top: 0,
+    canScrollUp: false,
+    canScrollDown: false,
+};
+function railScrollState(scroller) {
+    const top = scroller.scrollTop;
+    return {
+        top,
+        canScrollUp: top > 1,
+        canScrollDown: top < scroller.scrollHeight - scroller.clientHeight - 1,
+    };
+}
+function sameRailScrollState(left, right) {
+    return (left.top === right.top &&
+        left.canScrollUp === right.canScrollUp &&
+        left.canScrollDown === right.canScrollDown);
+}
+function itemAtPointer(items, frame, scrollTop, clientY) {
+    const rect = frame.getBoundingClientRect();
+    const offset = clientY - rect.top + scrollTop - RAIL_INSET_PX;
+    const index = Math.max(0, Math.min(items.length - 1, Math.round(offset / TURN_SPACING_PX)));
+    return items[index];
+}
+function QaTurnRailView({ items, activeTurn, busyTurn, scrollerRef, onNavigate, }) {
+    const slotRef = useRef(null);
+    const ladderRef = useRef(null);
+    /** While the pointer works the rail, follow must not move it under the hand. */
+    const pointerInsideRef = useRef(false);
+    const [previewTurn, setPreviewTurn] = useState(null);
+    const [scrollState, setScrollState] = useState(RAIL_AT_REST);
+    const previewId = useId();
+    // The band the marks centre in is the transcript scrollport's own height;
+    // publish it as a custom property so the frame can centre without knowing
+    // the header/composer layout around it.
+    useEffect(() => {
+        const slot = slotRef.current;
+        const scroller = scrollerRef.current;
+        if (slot === null || scroller === null)
+            return;
+        const apply = () => {
+            slot.style.setProperty("--dsh-qa-rail-band", `${scroller.clientHeight}px`);
+        };
+        apply();
+        if (typeof ResizeObserver === "undefined")
+            return;
+        const observer = new ResizeObserver(apply);
+        observer.observe(scroller);
+        return () => {
+            observer.disconnect();
+        };
+    }, [scrollerRef]);
+    const syncScrollState = useCallback(() => {
+        const ladder = ladderRef.current;
+        if (ladder === null)
+            return;
+        const next = railScrollState(ladder);
+        setScrollState((current) => sameRailScrollState(current, next) ? current : next);
+    }, []);
+    // Frame resizes (band changes) move the overflow edges without a scroll
+    // event; item count changes move the content height the same way.
+    useEffect(() => {
+        const ladder = ladderRef.current;
+        if (ladder === null || typeof ResizeObserver === "undefined")
+            return;
+        const observer = new ResizeObserver(syncScrollState);
+        observer.observe(ladder);
+        return () => {
+            observer.disconnect();
+        };
+    }, [syncScrollState]);
+    useEffect(() => {
+        syncScrollState();
+    }, [items.length, syncScrollState]);
+    // Keep the active mark visible: centre it whenever it leaves the scrollport,
+    // unless the reader's pointer is working the rail.
+    useEffect(() => {
+        const ladder = ladderRef.current;
+        const index = items.findIndex((item) => item.turn === activeTurn);
+        if (ladder === null || index < 0 || pointerInsideRef.current)
+            return;
+        const markTop = index * TURN_SPACING_PX + RAIL_INSET_PX;
+        const viewTop = ladder.scrollTop;
+        const viewHeight = ladder.clientHeight;
+        if (viewHeight <= 0 ||
+            (markTop >= viewTop + FADE_PX &&
+                markTop <= viewTop + viewHeight - FADE_PX)) {
+            return;
+        }
+        const target = Math.max(0, markTop - viewHeight / 2);
+        const reduced = typeof matchMedia === "function" &&
+            matchMedia("(prefers-reduced-motion: reduce)").matches;
+        if (typeof ladder.scrollTo === "function") {
+            ladder.scrollTo({ top: target, behavior: reduced ? "auto" : "smooth" });
+        }
+        else {
+            ladder.scrollTop = target;
+        }
+        syncScrollState();
+    }, [activeTurn, items, syncScrollState]);
+    if (items.length < 2)
+        return null;
+    const previewIndex = items.findIndex((item) => item.turn === previewTurn);
+    const preview = previewIndex < 0 ? undefined : items[previewIndex];
+    const previewPosition = previewIndex < 0 ? undefined : previewIndex * TURN_SPACING_PX;
+    const previewAtPointer = (event) => {
+        const scrollTop = ladderRef.current?.scrollTop ?? 0;
+        setPreviewTurn(itemAtPointer(items, event.currentTarget, scrollTop, event.clientY)
+            ?.turn ?? null);
+    };
+    const navigateAtPointer = (event) => {
+        const scrollTop = ladderRef.current?.scrollTop ?? 0;
+        const item = itemAtPointer(items, event.currentTarget, scrollTop, event.clientY);
+        if (item !== undefined)
+            onNavigate(item);
+    };
+    const ladderClasses = ["dsh-qa-rail__scroll"];
+    if (scrollState.canScrollUp)
+        ladderClasses.push("dsh-qa-rail__scroll--fade-top");
+    if (scrollState.canScrollDown) {
+        ladderClasses.push("dsh-qa-rail__scroll--fade-bottom");
+    }
+    return (_jsx("div", { ref: slotRef, className: "dsh-qa-rail", children: _jsxs("nav", { className: "dsh-qa-rail__frame", style: {
+                "--dsh-qa-rail-natural": `${(items.length - 1) * TURN_SPACING_PX + 2 * RAIL_INSET_PX}px`,
+                "--dsh-qa-rail-scroll-top": `${scrollState.top}px`,
+            }, "aria-label": "\u041F\u0435\u0440\u0435\u0445\u043E\u0434 \u043F\u043E \u0432\u043E\u043F\u0440\u043E\u0441\u0430\u043C", onClick: navigateAtPointer, onPointerMove: previewAtPointer, onPointerEnter: () => {
+                pointerInsideRef.current = true;
+            }, onPointerLeave: () => {
+                pointerInsideRef.current = false;
+                setPreviewTurn(null);
+            }, children: [_jsx("div", { ref: ladderRef, className: ladderClasses.join(" "), onScroll: () => {
+                        syncScrollState();
+                    }, children: _jsx("div", { className: "dsh-qa-rail__marks", children: items.map((item, index) => {
+                            const active = item.turn === activeTurn;
+                            const showingPreview = item.turn === previewTurn;
+                            const classes = ["dsh-qa-rail__mark"];
+                            if (active)
+                                classes.push("dsh-qa-rail__mark--active");
+                            else if (showingPreview) {
+                                classes.push("dsh-qa-rail__mark--preview");
+                            }
+                            if (item.turn === busyTurn)
+                                classes.push("dsh-qa-rail__mark--busy");
+                            return (_jsx("div", { className: "dsh-qa-rail__pos", style: {
+                                    "--dsh-qa-rail-pos": `${index * TURN_SPACING_PX}px`,
+                                }, children: _jsx("button", { type: "button", className: classes.join(" "), "aria-label": `К вопросу ${item.turn}`, "aria-current": active ? "true" : undefined, "aria-busy": item.turn === busyTurn ? "true" : undefined, "aria-describedby": showingPreview ? previewId : undefined, onClick: (event) => {
+                                        event.stopPropagation();
+                                        onNavigate(item);
+                                    }, onFocus: () => {
+                                        setPreviewTurn(item.turn);
+                                    }, onBlur: () => {
+                                        setPreviewTurn(null);
+                                    } }) }, item.turn));
+                        }) }) }), preview !== undefined && previewPosition !== undefined ? (_jsxs("div", { id: previewId, role: "tooltip", className: "dsh-qa-rail__preview", style: {
+                        "--dsh-qa-rail-pos": `${previewPosition}px`,
+                    }, children: [_jsx("div", { className: "dsh-qa-rail__preview-prompt", children: preview.prompt }), preview.response === "" ? null : (_jsx("div", { className: "dsh-qa-rail__preview-response", children: preview.response }))] })) : null] }) }));
+}
+function sameRailProps(previous, next) {
+    return (previous.activeTurn === next.activeTurn &&
+        previous.busyTurn === next.busyTurn &&
+        previous.scrollerRef === next.scrollerRef &&
+        previous.onNavigate === next.onNavigate &&
+        sameTurnRailItems(previous.items, next.items));
+}
+/**
+ * Fixed-pitch rail of every turn of the visible transcript, floating over the
+ * transcript's right gutter: the active mark follows the reading line, a
+ * hover/focus preview shows the prompt and answer, and a click lands the
+ * transcript on that turn. Memoized like the harness rail — the transcript
+ * re-renders on every streaming delta, and the rail only changes when a turn
+ * is added or becomes active.
+ */
+export const QaTurnRail = memo(QaTurnRailView, sameRailProps);
+/** Land the transcript on a turn's prompt row, harness-style. */
+export function turnScrollTarget(scroller, row) {
+    const top = scroller.scrollTop +
+        row.getBoundingClientRect().top -
+        scroller.getBoundingClientRect().top;
+    const max = Math.max(0, scroller.scrollHeight - scroller.clientHeight);
+    return Math.min(max, Math.max(0, top - QA_TURN_LAND_PX));
+}
+//# sourceMappingURL=QaTurnRail.js.map