@yadsh/dsh-qa-surface 0.19.0 → 0.20.0

package/lib/client/components/QaHistoryCatalog.js

@@ -0,0 +1,261 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState, } from "react";
+import { historyFolderOf, importIntegrationFolders, insertHistoryId, moveHistoryChat, orderHistoryRows, removeHistoryFolder, } from "../history-organization.js";
+import { useHistoryOrganization } from "../use-history-organization.js";
+import { QaSettingsButton, QaSettingsField } from "../user-settings/fields.js";
+import { QaModal } from "./QaModal.js";
+const DRAG_TYPE = "application/x-dsh-qa-history";
+/** Presentation only: no native workspace or session mutation is issued here. */
+export function QaHistoryCatalog(props) {
+    const { state, update, persistenceFailed } = useHistoryOrganization(props.storageKey);
+    const [dialog, setDialog] = useState(null);
+    useEffect(() => {
+        if (props.integrationFolders === undefined)
+            return;
+        const next = importIntegrationFolders(state, props.integrationFolders, new Set(props.rows.map((row) => row.id)));
+        if (next !== state)
+            update(next);
+    }, [state, props.integrationFolders, props.rows, update]);
+    const [name, setName] = useState("");
+    const [destination, setDestination] = useState("");
+    const [hover, setHover] = useState(null);
+    const [edge, setEdge] = useState("before");
+    const [announcement, setAnnouncement] = useState("");
+    const drag = useRef(null);
+    const root = useRef(null);
+    const returnFocus = useRef(null);
+    useEffect(() => {
+        if (dialog !== null || returnFocus.current === null)
+            return;
+        const target = returnFocus.current;
+        returnFocus.current = null;
+        const row = typeof target === "string"
+            ? [
+                ...(root.current?.querySelectorAll("[data-chat-id]") ??
+                    []),
+            ].find((entry) => entry.dataset.chatId === target)
+            : null;
+        const control = typeof target === "string"
+            ? row?.querySelector("button")
+            : target.isConnected
+                ? target
+                : null;
+        (control ?? root.current?.querySelector("button"))?.focus({
+            preventScroll: true,
+        });
+    }, [state, dialog]);
+    const pinned = new Set(state.pinned);
+    const query = props.query;
+    const matches = (row) => query === "" ||
+        [
+            row.title,
+            row.fullName,
+            row.ownerName,
+            state.folders.find((folder) => folder.id === historyFolderOf(state, row.id))?.name,
+        ].some((text) => text?.toLowerCase().includes(query));
+    const ordered = orderHistoryRows(props.rows, state.order);
+    const visibleIds = props.rows.map((row) => row.id);
+    const begin = (event, value) => {
+        drag.current = value;
+        event.dataTransfer.setData(DRAG_TYPE, value.id);
+        event.dataTransfer.effectAllowed = "move";
+    };
+    const end = () => {
+        drag.current = null;
+        setHover(null);
+    };
+    const moveChat = (id, target, anchor) => {
+        if (!props.rows.some((row) => row.id === id))
+            return;
+        returnFocus.current = id;
+        update(moveHistoryChat(state, id, target, visibleIds, anchor));
+        const title = props.rows.find((row) => row.id === id)?.title ?? "Чат";
+        setAnnouncement(target.kind === "pinned"
+            ? `Чат «${title}» закреплён`
+            : `Чат «${title}» перемещён: ${state.folders.find((folder) => folder.id === target.id)?.name ?? "Без каталога"}`);
+    };
+    const open = (value) => {
+        returnFocus.current =
+            document.activeElement instanceof HTMLElement
+                ? document.activeElement
+                : null;
+        setName(value.kind === "rename" ? value.folder.name : "");
+        setDestination(value.kind === "move" ? (historyFolderOf(state, value.row.id) ?? "") : "");
+        setDialog(value);
+    };
+    const togglePin = (row) => {
+        returnFocus.current = row.id;
+        if (pinned.has(row.id)) {
+            update({ ...state, pinned: state.pinned.filter((id) => id !== row.id) });
+            setAnnouncement(`Чат «${row.title}» откреплён`);
+        }
+        else
+            moveChat(row.id, { kind: "pinned" });
+    };
+    const renderRows = (rows, target) => props.sectionsOf(rows).map((section) => (_jsxs("div", { className: "dsh-qa-sidebar__group", "data-testid": "qa-surface-sidebar-group", children: [section.name === "" ? null : (_jsxs("div", { className: "dsh-qa-sidebar__group-name", "data-testid": "qa-surface-sidebar-group-name", children: [section.name, " (", section.rows.length, ")"] })), section.rows.map((row) => (_jsx("div", { draggable: true, "data-testid": "qa-history-draggable-chat", "data-chat-id": row.id, className: "dsh-qa-history__row", "data-drop": hover === `chat:${row.id}` ? edge : undefined, onDragStart: (event) => begin(event, { kind: "chat", id: row.id }), onDragEnd: end, onDragOver: (event) => {
+                    if (drag.current?.kind !== "chat" || drag.current.id === row.id)
+                        return;
+                    event.preventDefault();
+                    event.stopPropagation();
+                    event.dataTransfer.dropEffect = "move";
+                    const box = event.currentTarget.getBoundingClientRect();
+                    setEdge(event.clientY > box.top + box.height / 2 ? "after" : "before");
+                    setHover(`chat:${row.id}`);
+                }, onDrop: (event) => {
+                    if (drag.current?.kind !== "chat")
+                        return;
+                    event.preventDefault();
+                    event.stopPropagation();
+                    const box = event.currentTarget.getBoundingClientRect();
+                    const after = event.clientY > box.top + box.height / 2;
+                    moveChat(drag.current.id, target, after
+                        ? rows[rows.findIndex((entry) => entry.id === row.id) + 1]?.id
+                        : row.id);
+                    end();
+                }, children: props.renderRow(row, {
+                    pinned: pinned.has(row.id),
+                    onTogglePin: () => togglePin(row),
+                    onMove: () => open({ kind: "move", row }),
+                    ...(rows[0]?.id === row.id
+                        ? {}
+                        : {
+                            onEarlier: () => moveChat(row.id, target, rows[rows.findIndex((entry) => entry.id === row.id) - 1]
+                                ?.id),
+                        }),
+                    ...(rows.at(-1)?.id === row.id
+                        ? {}
+                        : {
+                            onLater: () => moveChat(row.id, target, rows[rows.findIndex((entry) => entry.id === row.id) + 2]
+                                ?.id),
+                        }),
+                }) }, row.id)))] }, section.name || "__all")));
+    const zone = (id, title, rows, target, folder) => {
+        const filtered = folder?.name.toLowerCase().includes(query)
+            ? rows
+            : rows.filter(matches);
+        if (query !== "" &&
+            filtered.length === 0 &&
+            !folder?.name.toLowerCase().includes(query))
+            return null;
+        const expanded = query !== "" || folder?.collapsed !== true;
+        return (_jsxs("section", { className: "dsh-qa-history__section", "data-testid": "qa-history-section", "data-history-section": id, "aria-label": title, "data-drop": hover === id
+                ? drag.current?.kind === "folder"
+                    ? edge
+                    : "inside"
+                : undefined, onDragOver: (event) => {
+                const source = drag.current;
+                if (!source || (source.kind === "folder" && !folder))
+                    return;
+                event.preventDefault();
+                event.dataTransfer.dropEffect = "move";
+                const box = event.currentTarget.getBoundingClientRect();
+                setEdge(event.clientY > box.top + box.height / 2 ? "after" : "before");
+                setHover(id);
+            }, onDragLeave: (event) => {
+                if (!event.currentTarget.contains(event.relatedTarget))
+                    setHover(null);
+            }, onDrop: (event) => {
+                const source = drag.current;
+                if (!source)
+                    return;
+                event.preventDefault();
+                if (source.kind === "folder" && folder) {
+                    const box = event.currentTarget.getBoundingClientRect();
+                    const after = event.clientY > box.top + box.height / 2;
+                    const next = state.folders[state.folders.findIndex((entry) => entry.id === folder.id) + 1];
+                    const order = insertHistoryId(state.folders.map((entry) => entry.id), source.id, after ? next?.id : folder.id);
+                    update({
+                        ...state,
+                        folders: order.flatMap((key) => state.folders.filter((entry) => entry.id === key)),
+                    });
+                    setAnnouncement("Порядок каталогов изменён");
+                }
+                else if (source.kind === "chat")
+                    moveChat(source.id, target);
+                end();
+            }, children: [_jsxs("div", { className: "dsh-qa-history__heading", draggable: folder !== undefined, onDragStart: folder
+                        ? (event) => begin(event, { kind: "folder", id: folder.id })
+                        : undefined, onDragEnd: end, children: [folder ? (_jsxs("button", { type: "button", className: "dsh-qa-history__title", "aria-expanded": expanded, "aria-label": `${expanded ? "Свернуть" : "Развернуть"} каталог «${title}»`, onClick: () => update({
+                                ...state,
+                                folders: state.folders.map((entry) => entry.id === folder.id
+                                    ? { ...entry, collapsed: !entry.collapsed }
+                                    : entry),
+                            }), children: [_jsx("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", children: _jsx("path", { d: expanded ? "m4 6 4 4 4-4" : "m6 4 4 4-4 4" }) }), _jsx("span", { children: title }), _jsx("span", { children: rows.length })] })) : (_jsxs("span", { className: "dsh-qa-history__title", children: [title, _jsx("span", { children: rows.length })] })), folder ? (_jsx("button", { type: "button", className: "dsh-qa-history__edit", "aria-label": `Настроить каталог «${title}»`, title: "\u041D\u0430\u0441\u0442\u0440\u043E\u0438\u0442\u044C \u043A\u0430\u0442\u0430\u043B\u043E\u0433", onClick: () => open({ kind: "rename", folder }), children: _jsxs("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", children: [_jsx("circle", { cx: "3", cy: "8", r: "1" }), _jsx("circle", { cx: "8", cy: "8", r: "1" }), _jsx("circle", { cx: "13", cy: "8", r: "1" })] }) })) : null] }), expanded ? renderRows(filtered, target) : null, expanded && rows.length === 0 ? (_jsx("p", { className: "dsh-qa-history__hint", children: target.kind === "pinned"
+                        ? "Перетащите чат для закрепления"
+                        : "Перетащите сюда чат" })) : null] }, id));
+    };
+    const validName = name.trim();
+    const duplicate = state.folders.some((folder) => folder.name.toLowerCase() === validName.toLowerCase() &&
+        (dialog?.kind !== "rename" || folder.id !== dialog.folder.id));
+    const saveName = () => {
+        if (!validName || duplicate)
+            return;
+        if (dialog?.kind === "create")
+            update({
+                ...state,
+                folders: [
+                    ...state.folders,
+                    { id: crypto.randomUUID(), name: validName, collapsed: false },
+                ],
+            });
+        if (dialog?.kind === "rename")
+            update({
+                ...state,
+                folders: state.folders.map((folder) => folder.id === dialog.folder.id
+                    ? { ...folder, name: validName }
+                    : folder),
+            });
+        setDialog(null);
+    };
+    const found = props.rows.some(matches) ||
+        state.folders.some((folder) => folder.name.toLowerCase().includes(query));
+    return (_jsxs("div", { ref: root, className: "dsh-qa-history", children: [_jsx("button", { type: "button", className: "dsh-qa-history__create", "data-testid": "qa-history-create-folder", onClick: () => open({ kind: "create" }), children: "+ \u041D\u043E\u0432\u044B\u0439 \u043A\u0430\u0442\u0430\u043B\u043E\u0433" }), persistenceFailed ? (_jsx("p", { role: "alert", className: "dsh-qa-history__hint", children: "\u0411\u0440\u0430\u0443\u0437\u0435\u0440 \u043D\u0435 \u0441\u043E\u0445\u0440\u0430\u043D\u0438\u043B \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F. \u041E\u043D\u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0443\u044E\u0442 \u0434\u043E \u043F\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B." })) : null, _jsx("span", { className: "dsh-qa-history__announcement", role: "status", "aria-live": "polite", children: announcement }), query !== "" && !found ? (_jsx("p", { className: "dsh-qa-sidebar__empty", "data-testid": "qa-surface-sidebar-empty", children: "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E" })) : null, zone("pinned", "Закреплённые", orderHistoryRows(props.rows.filter((row) => pinned.has(row.id)), state.pinned), { kind: "pinned" }), state.folders.map((folder) => zone(folder.id, folder.name, ordered.filter((row) => !pinned.has(row.id) &&
+                historyFolderOf(state, row.id) === folder.id), { kind: "folder", id: folder.id }, folder)), zone("ungrouped", "Без каталога", ordered.filter((row) => !pinned.has(row.id) && historyFolderOf(state, row.id) === null), { kind: "folder", id: null }), props.rows.length === 0 && query === "" ? (_jsx("p", { className: "dsh-qa-sidebar__empty", "data-testid": "qa-surface-sidebar-empty", children: "\u0417\u0434\u0435\u0441\u044C \u043F\u043E\u043A\u0430 \u043F\u0443\u0441\u0442\u043E" })) : null, _jsxs(QaModal, { open: dialog !== null, title: dialog?.kind === "move"
+                    ? `Переместить чат «${dialog.row.title}»`
+                    : dialog?.kind === "delete"
+                        ? "Удалить каталог?"
+                        : dialog?.kind === "rename"
+                            ? "Настроить каталог"
+                            : "Новый каталог", closeLabel: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u043A\u0430\u0442\u0430\u043B\u043E\u0433", onClose: () => setDialog(null), footer: _jsxs(_Fragment, { children: [_jsx(QaSettingsButton, { label: "\u041E\u0442\u043C\u0435\u043D\u0430", onClick: () => setDialog(null) }), dialog?.kind === "rename" ? (_jsx(QaSettingsButton, { label: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u043A\u0430\u0442\u0430\u043B\u043E\u0433", tone: "danger", onClick: () => setDialog({ kind: "delete", folder: dialog.folder }) })) : null, _jsx(QaSettingsButton, { label: dialog?.kind === "move"
+                                ? "Переместить"
+                                : dialog?.kind === "delete"
+                                    ? "Удалить каталог"
+                                    : "Сохранить", disabled: (dialog?.kind === "create" || dialog?.kind === "rename") &&
+                                (!validName || duplicate), onClick: () => {
+                                if (dialog?.kind === "move") {
+                                    moveChat(dialog.row.id, {
+                                        kind: "folder",
+                                        id: destination || null,
+                                    });
+                                    setDialog(null);
+                                }
+                                else if (dialog?.kind === "delete") {
+                                    update(removeHistoryFolder(state, dialog.folder.id));
+                                    setDialog(null);
+                                }
+                                else
+                                    saveName();
+                            } })] }), children: [dialog?.kind === "delete" ? (_jsxs("p", { children: ["\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u00AB", dialog.folder.name, "\u00BB \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0451\u043D. \u0427\u0430\u0442\u044B \u043E\u0441\u0442\u0430\u043D\u0443\u0442\u0441\u044F \u0432 \u0438\u0441\u0442\u043E\u0440\u0438\u0438 \u0431\u0435\u0437 \u043A\u0430\u0442\u0430\u043B\u043E\u0433\u0430, \u0437\u0430\u043A\u0440\u0435\u043F\u043B\u0451\u043D\u043D\u044B\u0435 \u0441\u043E\u0445\u0440\u0430\u043D\u044F\u0442 \u0437\u0430\u043A\u0440\u0435\u043F\u043B\u0435\u043D\u0438\u0435."] })) : dialog?.kind === "move" ? (_jsx(QaSettingsField, { label: "\u041A\u0430\u0442\u0430\u043B\u043E\u0433", testId: "qa-history-destination", children: _jsxs("select", { "aria-label": "\u041A\u0430\u0442\u0430\u043B\u043E\u0433", value: destination, onChange: (event) => setDestination(event.currentTarget.value), children: [_jsx("option", { value: "", children: "\u0411\u0435\u0437 \u043A\u0430\u0442\u0430\u043B\u043E\u0433\u0430" }), state.folders.map((folder) => (_jsx("option", { value: folder.id, children: folder.name }, folder.id)))] }) })) : (_jsxs("form", { onSubmit: (event) => {
+                            event.preventDefault();
+                            saveName();
+                        }, children: [_jsx(QaSettingsField, { label: "\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043A\u0430\u0442\u0430\u043B\u043E\u0433\u0430", testId: "qa-history-folder-name", hint: "\u0412\u0438\u0440\u0442\u0443\u0430\u043B\u044C\u043D\u044B\u0439 \u043A\u0430\u0442\u0430\u043B\u043E\u0433 \u0445\u0440\u0430\u043D\u0438\u0442\u0441\u044F \u0432 \u044D\u0442\u043E\u043C \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435. \u0424\u0430\u0439\u043B\u044B \u0441\u0435\u0441\u0441\u0438\u0439 \u043E\u0441\u0442\u0430\u044E\u0442\u0441\u044F \u043D\u0430 \u043C\u0435\u0441\u0442\u0435.", children: _jsx("input", { value: name, maxLength: 80, onChange: (event) => setName(event.currentTarget.value) }) }), duplicate ? (_jsx("p", { role: "alert", children: "\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0441 \u0442\u0430\u043A\u0438\u043C \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435\u043C \u0443\u0436\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442." })) : null] })), dialog?.kind === "rename" ? (_jsxs("div", { className: "dsh-qa-history__order", children: [_jsx(QaSettingsButton, { label: "\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0432\u044B\u0448\u0435", disabled: state.folders[0]?.id === dialog.folder.id, onClick: () => {
+                                    const index = state.folders.findIndex((folder) => folder.id === dialog.folder.id);
+                                    const previous = state.folders[index - 1];
+                                    if (!previous)
+                                        return;
+                                    const order = insertHistoryId(state.folders.map((folder) => folder.id), dialog.folder.id, previous.id);
+                                    update({
+                                        ...state,
+                                        folders: order.flatMap((id) => state.folders.filter((folder) => folder.id === id)),
+                                    });
+                                } }), _jsx(QaSettingsButton, { label: "\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u043D\u0438\u0436\u0435", disabled: state.folders.at(-1)?.id === dialog.folder.id, onClick: () => {
+                                    const index = state.folders.findIndex((folder) => folder.id === dialog.folder.id);
+                                    const next = state.folders[index + 1];
+                                    if (!next)
+                                        return;
+                                    const folders = [...state.folders];
+                                    folders.splice(index, 2, next, dialog.folder);
+                                    update({ ...state, folders });
+                                } })] })) : null] })] }));
+}
+//# sourceMappingURL=QaHistoryCatalog.js.map

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

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

package/lib/client/components/QaInputForm.js

@@ -1,14 +1,43 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { DEFAULT_FORM_POLICY } from "../../forms/schema.js";
 import { validateForm } from "../../forms/validation.js";
 import { QaFormClientError, unwrapForm } from "../forms.js";
-import { QaFormItem } from "./QaFormItem.js";
+import { QaFormItem, formFileSize } from "./QaFormItem.js";
+function stepTitle(title, index) {
+    return title.replace(new RegExp(`^\\s*${index + 1}[.)]\\s*`, "u"), "");
+}
 export function QaInputForm(props) {
     const [record, setRecord] = useState(props.form), current = useRef(props.form);
     const [answers, setAnswers] = useState(props.form.answers);
     const local = useRef(answers), dirty = useRef(false), conflict = useRef(false);
     const [error, setError] = useState(""), [saving, setSaving] = useState(false), [collapsed, setCollapsed] = useState(!props.form.waiting);
+    const [hidden, setHidden] = useState(false);
+    const content = useRef(null);
+    const navigation = useRef(null);
+    useEffect(() => {
+        if (content.current)
+            content.current.scrollTop = 0;
+    }, [record.step]);
+    useEffect(() => {
+        const nav = navigation.current;
+        if (!nav)
+            return;
+        const reveal = () => {
+            const active = nav.querySelector("[aria-current=step]");
+            if (!active)
+                return;
+            const row = nav.getBoundingClientRect(), button = active.getBoundingClientRect();
+            const after = button.right - row.right + 16, before = button.left - row.left - 16;
+            if (after > 0)
+                nav.scrollLeft += after;
+            else if (before < 0)
+                nav.scrollLeft += before;
+        };
+        reveal();
+        window.addEventListener("resize", reveal);
+        return () => window.removeEventListener("resize", reveal);
+    }, [record.step, record.status, collapsed]);
     const queue = useRef(Promise.resolve()), alive = useRef(true);
     const transfers = useRef(new Map());
     const previousWaiting = useRef(props.form.waiting);
@@ -191,27 +220,34 @@ export function QaInputForm(props) {
             a.abort();
         void props.onStop().catch(report);
     };
+    if (hidden)
+        return null;
     if (record.status === "submitted")
-        return (_jsxs("section", { className: "dsh-qa-form", "aria-label": record.schema.title, children: [_jsx("strong", { children: record.schema.title }), _jsxs("p", { children: ["\u0414\u0430\u043D\u043D\u044B\u0435 \u043F\u0435\u0440\u0435\u0434\u0430\u043D\u044B \u00B7 ", record.submission?.submitted_at] }), !record.waiting && (_jsx("button", { type: "button", onClick: () => props.onResume(record.id), children: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C \u043F\u043E\u0434\u0433\u043E\u0442\u043E\u0432\u043A\u0443" }))] }));
+        return (_jsxs("section", { className: "dsh-qa-form dsh-qa-form--summary", "aria-label": record.schema.title, children: [_jsxs("div", { children: [_jsx("strong", { className: "title-3", children: record.schema.title }), _jsxs("p", { className: "dsh-qa-form__hint", children: ["\u0414\u0430\u043D\u043D\u044B\u0435 \u043F\u0435\u0440\u0435\u0434\u0430\u043D\u044B \u0430\u0433\u0435\u043D\u0442\u0443", record.submission?.submitted_at
+                                    ? ` · ${new Date(record.submission.submitted_at).toLocaleString("ru-RU", { day: "numeric", month: "long", hour: "2-digit", minute: "2-digit" })}`
+                                    : ""] })] }), _jsx("button", { type: "button", "aria-label": "\u0421\u043A\u0440\u044B\u0442\u044C \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u043D\u0443\u044E \u0444\u043E\u0440\u043C\u0443", onClick: () => {
+                        setHidden(true);
+                        props.onDismiss?.();
+                    }, children: "\u0421\u043A\u0440\u044B\u0442\u044C" })] }));
     if (collapsed)
-        return (_jsxs("section", { className: "dsh-qa-form", children: [_jsx("strong", { children: record.schema.title }), _jsx("p", { children: "\u0427\u0435\u0440\u043D\u043E\u0432\u0438\u043A \u0441\u043E\u0445\u0440\u0430\u043D\u0451\u043D. \u0421\u0431\u043E\u0440 \u0434\u0430\u043D\u043D\u044B\u0445 \u043D\u0435 \u0437\u0430\u0432\u0435\u0440\u0448\u0451\u043D." }), _jsx("button", { type: "button", onClick: () => setCollapsed(false), children: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0444\u043E\u0440\u043C\u0443" }), !record.waiting && (_jsx("button", { type: "button", onClick: () => props.onResume(record.id), children: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C \u0441 \u0430\u0433\u0435\u043D\u0442\u043E\u043C" }))] }));
-    return (_jsxs("section", { className: "dsh-qa-form", "aria-label": record.schema.title, children: [_jsxs("header", { children: [_jsx("strong", { children: record.schema.title }), _jsx("span", { children: review
+        return (_jsxs("section", { className: "dsh-qa-form dsh-qa-form--summary", children: [_jsxs("div", { children: [_jsx("strong", { className: "title-3", children: record.schema.title }), _jsx("p", { className: "dsh-qa-form__hint", children: "\u0427\u0435\u0440\u043D\u043E\u0432\u0438\u043A \u0441\u043E\u0445\u0440\u0430\u043D\u0451\u043D. \u0421\u0431\u043E\u0440 \u0434\u0430\u043D\u043D\u044B\u0445 \u043D\u0435 \u0437\u0430\u0432\u0435\u0440\u0448\u0451\u043D." })] }), _jsxs("div", { className: "dsh-qa-form__file-actions", children: [_jsx("button", { type: "button", onClick: () => setCollapsed(false), children: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0444\u043E\u0440\u043C\u0443" }), !record.waiting && (_jsx("button", { type: "button", onClick: () => props.onResume(record.id), children: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C \u0441 \u0430\u0433\u0435\u043D\u0442\u043E\u043C" }))] })] }));
+    return (_jsxs("section", { className: "dsh-qa-form", "aria-label": record.schema.title, children: [_jsxs("header", { children: [_jsxs("div", { className: "dsh-qa-form__heading", children: [_jsx("strong", { className: "title-3", children: record.schema.title }), record.schema.description && (_jsx("p", { className: "dsh-qa-form__description", children: record.schema.description }))] }), _jsx("span", { className: "dsh-qa-form__badge caption-5", children: review
                             ? "Проверка перед отправкой"
-                            : `Шаг ${record.step + 1} из ${record.schema.steps.length}` })] }), _jsxs("div", { className: "dsh-qa-form__content", children: [record.schema.description && _jsx("p", { children: record.schema.description }), _jsxs("p", { role: "status", children: ["\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u043F\u0443\u043D\u043A\u0442\u044B:", " ", required.filter((i) => !incomplete.has(i.id)).length, " \u0438\u0437", " ", required.length, ".", " ", saving
+                            : `Шаг ${record.step + 1} из ${record.schema.steps.length}` })] }), _jsxs("div", { className: "dsh-qa-form__status", role: "status", children: [_jsxs("span", { children: ["\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u043F\u0443\u043D\u043A\u0442\u044B:", " ", required.filter((i) => !incomplete.has(i.id)).length, " \u0438\u0437", " ", required.length] }), _jsxs("span", { children: [saving
                                 ? "Сохранение…"
                                 : dirty.current
                                     ? "Есть несохранённые изменения"
-                                    : "Черновик сохранён", " ", "\u00B7", " ", record.waiting
-                                ? "Агент ожидает данные"
-                                : "Агент не ожидает — сохранённый черновик"] }), _jsx("nav", { "aria-label": "\u0428\u0430\u0433\u0438 \u0444\u043E\u0440\u043C\u044B", children: record.schema.steps.map((s, index) => (_jsxs("button", { type: "button", "aria-current": index === record.step ? "step" : undefined, onClick: () => action(() => save(index)), children: [index + 1, ". ", s.title] }, s.id))) }), error && (_jsxs("div", { role: "alert", children: [_jsx("p", { children: error }), conflict.current && (_jsx("button", { type: "button", onClick: () => action(async () => {
+                                    : "Черновик сохранён", " "] }), _jsx("span", { children: record.waiting
+                            ? "Агент ожидает данные"
+                            : "Агент не ожидает — сохранённый черновик" })] }), _jsx("nav", { "aria-label": "\u0428\u0430\u0433\u0438 \u0444\u043E\u0440\u043C\u044B", ref: navigation, children: record.schema.steps.map((s, index) => (_jsxs("button", { type: "button", "aria-current": index === record.step ? "step" : undefined, disabled: saving, onClick: () => action(() => save(index)), children: [_jsx("span", { className: "dsh-qa-form__step-number", children: index + 1 }), _jsx("span", { children: stepTitle(s.title, index) })] }, s.id))) }), _jsxs("div", { className: "dsh-qa-form__content", ref: content, children: [error && (_jsxs("div", { role: "alert", children: [_jsx("p", { children: error }), conflict.current && (_jsx("button", { type: "button", onClick: () => action(async () => {
                                     await queue.current.catch(() => undefined);
                                     const r = unwrapForm(await props.api.get(props.token, props.session, record.id));
                                     update(r);
                                     conflict.current = false;
                                     await save();
-                                }), children: "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0430\u043A\u0442\u0443\u0430\u043B\u044C\u043D\u043E\u0435 \u0438 \u043F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C \u043C\u043E\u0438 \u043E\u0442\u0432\u0435\u0442\u044B" }))] })), download && (_jsxs("p", { children: [_jsxs("a", { href: download.url, download: download.name, children: ["\u0421\u043A\u0430\u0447\u0430\u0442\u044C ", download.name] }), " ", _jsx("a", { href: download.url, target: "_blank", rel: "noopener noreferrer", children: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0444\u0430\u0439\u043B" })] })), review ? (_jsxs("div", { className: "dsh-qa-form__review", children: [_jsx("h3", { children: "\u041F\u0440\u043E\u0432\u0435\u0440\u044C\u0442\u0435 \u0434\u0430\u043D\u043D\u044B\u0435" }), record.schema.steps.map((s) => (_jsxs("div", { children: [_jsx("h4", { children: s.title }), s.items.map((i) => {
+                                }), children: "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0430\u043A\u0442\u0443\u0430\u043B\u044C\u043D\u043E\u0435 \u0438 \u043F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C \u043C\u043E\u0438 \u043E\u0442\u0432\u0435\u0442\u044B" }))] })), download && (_jsxs("p", { children: [_jsxs("a", { href: download.url, download: download.name, children: ["\u0421\u043A\u0430\u0447\u0430\u0442\u044C ", download.name] }), " ", _jsx("a", { href: download.url, target: "_blank", rel: "noopener noreferrer", children: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0444\u0430\u0439\u043B" })] })), review ? (_jsxs("div", { className: "dsh-qa-form__review", children: [_jsx("h3", { className: "title-3", children: "\u041F\u0440\u043E\u0432\u0435\u0440\u044C\u0442\u0435 \u0434\u0430\u043D\u043D\u044B\u0435" }), record.schema.steps.map((s) => (_jsxs("div", { className: "dsh-qa-form__review-step", children: [_jsx("h4", { className: "title-3", children: s.title }), s.items.map((i) => {
                                         const a = answers[i.id];
-                                        return (_jsxs("div", { children: [_jsx("strong", { children: i.title }), _jsx("p", { children: a
+                                        return (_jsxs("div", { className: "dsh-qa-form__review-item", children: [_jsx("strong", { className: "title-4", children: i.title }), i.answer && (_jsx("p", { children: a
                                                         ? "text" in a
                                                             ? a.text
                                                             : [
@@ -222,8 +258,12 @@ export function QaInputForm(props) {
                                                             ]
                                                                 .filter(Boolean)
                                                                 .join(", ")
-                                                        : "Ответ не указан" }), (record.attachments[i.id] ?? []).map((f) => (_jsxs("p", { children: [f.name, " \u00B7 \u0432\u0435\u0440\u0441\u0438\u044F ", f.version, " \u00B7 ", f.size_bytes, " \u0411"] }, f.resource_id))), !a && !record.attachments[i.id]?.length && (_jsx("p", { children: "\u041D\u0435\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0439 \u043F\u0443\u043D\u043A\u0442 \u043E\u0441\u0442\u0430\u0432\u043B\u0435\u043D \u043F\u0443\u0441\u0442\u044B\u043C" }))] }, i.id));
-                                    })] }, s.id)))] })) : (_jsxs("div", { children: [_jsx("h3", { children: step.title }), step.description && _jsx("p", { children: step.description }), step.items.map((item) => (_jsx(QaFormItem, { item: item, answer: answers[item.id] ?? null, files: record.attachments[item.id] ?? [], uploads: record.uploads.filter((u) => u.item_id === item.id), disabled: false, onAnswer: (answer) => {
+                                                        : "Ответ не указан" })), (record.attachments[i.id] ?? []).map((f) => (_jsxs("p", { children: [f.name, " \u00B7 ", formFileSize(f.size_bytes), " \u00B7 \u0432\u0435\u0440\u0441\u0438\u044F", " ", f.version] }, f.resource_id))), !a &&
+                                                    !record.attachments[i.id]?.length &&
+                                                    !incomplete.has(i.id) && (_jsx("p", { children: "\u041D\u0435\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0439 \u043F\u0443\u043D\u043A\u0442 \u043E\u0441\u0442\u0430\u0432\u043B\u0435\u043D \u043F\u0443\u0441\u0442\u044B\u043C" })), fieldErrors
+                                                    .filter((e) => e.item_id === i.id)
+                                                    .map((e) => (_jsx("p", { className: "dsh-qa-form__field-errors", children: e.message }, `${e.component}:${e.code}`)))] }, i.id));
+                                    })] }, s.id)))] })) : (_jsxs("div", { className: "dsh-qa-form__step", children: [_jsxs("div", { className: "dsh-qa-form__step-heading", children: [_jsx("h3", { className: "title-3", children: stepTitle(step.title, record.step) }), step.description && (_jsx("p", { className: "dsh-qa-form__description", children: step.description }))] }), step.items.map((item) => (_jsx(QaFormItem, { item: item, answer: answers[item.id] ?? null, files: record.attachments[item.id] ?? [], uploads: record.uploads.filter((u) => u.item_id === item.id), errors: fieldErrors.filter((e) => e.item_id === item.id), disabled: false, onAnswer: (answer) => {
                                     dirty.current = true;
                                     local.current = { ...local.current, [item.id]: answer };
                                     setAnswers(local.current);
@@ -235,47 +275,90 @@ export function QaInputForm(props) {
                                     item_id: item.id,
                                     attachment_id: f.attachment_id,
                                     version: f.version,
-                                })), onOpen: open }, item.id)))] })), fieldErrors
-                        .filter((e) => review || e.step_id === step?.id)
-                        .map((e) => (_jsx("p", { className: "dsh-qa-form__hint", children: e.message }, `${e.item_id}:${e.code}`)))] }), _jsxs("footer", { children: [_jsx("button", { type: "button", disabled: record.step === 0 || saving, onClick: () => action(() => save(record.step - 1)), children: "\u041D\u0430\u0437\u0430\u0434" }), _jsx("button", { type: "button", disabled: saving || blocked, onClick: () => action(async () => {
-                            await save();
-                            if (review) {
-                                await mutate({ action: "submit" });
-                            }
-                            else {
-                                await save(record.step + 1);
-                            }
-                        }), children: review ? (record.schema.submit_label ?? "Передать данные") : "Далее" }), _jsx("button", { type: "button", onClick: () => action(async () => {
-                            await save();
-                            await mutate({ action: "pause" });
-                            setCollapsed(true);
-                        }), children: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C \u0438 \u0432\u044B\u0439\u0442\u0438" }), props.canStop && (_jsx("button", { type: "button", onClick: stop, children: "\u041E\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C" }))] })] }));
+                                })), onOpen: open }, item.id)))] }))] }), _jsxs("footer", { children: [blocked && (_jsx("p", { className: "dsh-qa-form__hint", children: review
+                            ? "Исправьте отмеченные пункты перед отправкой."
+                            : "Заполните обязательные поля и приложите нужные файлы этого шага." })), _jsxs("div", { className: "dsh-qa-form__actions", children: [_jsxs("div", { className: "dsh-qa-form__navigation", children: [_jsx("button", { type: "button", disabled: record.step === 0 || saving, onClick: () => action(() => save(record.step - 1)), children: "\u041D\u0430\u0437\u0430\u0434" }), _jsx("button", { type: "button", className: "dsh-qa-form__primary", disabled: saving || blocked, onClick: () => action(async () => {
+                                            await save();
+                                            if (review) {
+                                                await mutate({ action: "submit" });
+                                            }
+                                            else {
+                                                await save(record.step + 1);
+                                            }
+                                        }), children: review
+                                            ? (record.schema.submit_label ?? "Передать данные")
+                                            : "Далее" })] }), _jsxs("div", { className: "dsh-qa-form__secondary", children: [_jsx("button", { type: "button", onClick: () => action(async () => {
+                                            await save();
+                                            await mutate({ action: "pause" });
+                                            setCollapsed(true);
+                                        }), children: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C \u0438 \u0432\u044B\u0439\u0442\u0438" }), props.canStop && (_jsx("button", { type: "button", onClick: stop, children: "\u041E\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C" }))] })] })] })] }));
 }
 /** Session/identity-keyed parent discards account-local state and aborts transfers on switch. */
 export function QaInputForms(props) {
     const [forms, setForms] = useState([]);
+    const [loadError, setLoadError] = useState(false);
+    const [retry, setRetry] = useState(0);
+    const dismissKey = `dsh-qa-surface:forms:hidden:${props.session}`;
+    const [dismissed, setDismissed] = useState(() => {
+        try {
+            const saved = JSON.parse(sessionStorage.getItem(dismissKey) ?? "[]");
+            return new Set(Array.isArray(saved)
+                ? saved.filter((id) => typeof id === "string")
+                : []);
+        }
+        catch {
+            return new Set();
+        }
+    });
     useEffect(() => {
         let active = true;
+        let pending = false;
         const refresh = async () => {
+            if (pending)
+                return;
+            pending = true;
             try {
                 const list = unwrapForm(await props.api.list(props.token, props.session));
-                if (active)
+                if (active) {
                     setForms(list);
+                    setLoadError(false);
+                }
             }
             catch {
-                /* Existing cards keep their explicit error/retry state. */
+                if (active)
+                    setLoadError(true);
+            }
+            finally {
+                pending = false;
             }
         };
         void refresh();
         const timer = setInterval(() => {
             void refresh();
         }, 1500);
+        const onVisible = () => {
+            if (document.visibilityState === "visible")
+                void refresh();
+        };
+        window.addEventListener("focus", onVisible);
+        document.addEventListener("visibilitychange", onVisible);
         return () => {
             active = false;
             clearInterval(timer);
+            window.removeEventListener("focus", onVisible);
+            document.removeEventListener("visibilitychange", onVisible);
         };
-    }, [props.api, props.token, props.session]);
+    }, [props.api, props.token, props.session, retry]);
     const form = forms.find((r) => r.status === "draft") ?? forms[0];
-    return form ? _jsx(QaInputForm, { ...props, form: form }, form.id) : null;
+    return (_jsxs(_Fragment, { children: [loadError && (_jsxs("div", { role: "alert", className: "dsh-qa-error", children: [_jsx("span", { children: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u043F\u043E\u0448\u0430\u0433\u043E\u0432\u044B\u0435 \u0444\u043E\u0440\u043C\u044B. \u041F\u0440\u043E\u0432\u0435\u0440\u044C\u0442\u0435 \u0441\u043E\u0435\u0434\u0438\u043D\u0435\u043D\u0438\u0435 \u0438 \u043F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0443." }), _jsx("button", { type: "button", onClick: () => setRetry((value) => value + 1), children: "\u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0443 \u0444\u043E\u0440\u043C" })] })), form && !dismissed.has(form.id) && (_jsx(QaInputForm, { ...props, form: form, onDismiss: () => {
+                    const next = new Set(dismissed).add(form.id);
+                    setDismissed(next);
+                    try {
+                        sessionStorage.setItem(dismissKey, JSON.stringify([...next]));
+                    }
+                    catch {
+                        /* The current page can still dismiss when browser storage is unavailable. */
+                    }
+                } }, form.id))] }));
 }
 //# sourceMappingURL=QaInputForm.js.map