@deepseek-harness-tui/dsh-tui 0.13.0 → 0.14.0

package/lib/types/screens/Settings.js

@@ -9,6 +9,49 @@ import { stringWidth } from '../ink/stringWidth.js';
 import { POINTER, TICK, MULTIPLICATION_X } from '../terminal-utils/figures.js';
 import { getLang, t } from '../i18n.js';
 import { SettingsForm } from '../dsh-adapter/settingsEditor.js';
+import { panelStore } from '../components/sidePanel/PanelStore.js';
+import { registerBuiltinPanels } from '../components/sidePanel/builtinPanels.js';
+import { SIDE_PANEL_ID_PATTERN } from '../tuiDisplayPrefs.js';
+// The panel picker enumerates the live registry: builtin panels register on
+// import (same idempotent call SidePanelColumn makes), plugins come and go
+// through ctx.tuiPanels while the screen is open.
+registerBuiltinPanels();
+/**
+ * The sidePanel.panels field renders as a checkbox multi-select over the live
+ * panel registry instead of a raw text row (its stored value stays the exact
+ * comma-separated id string — schema and persistence contract unchanged).
+ * Scoped to the TUI's own namespace so a plugin section that happens to carry
+ * the same path keeps the generic field rendering.
+ */
+function isPanelListField(ns, field) {
+    return ns === 'dsh-tui' && field.path.join('.') === 'sidePanel.panels';
+}
+/**
+ * Enabled panel ids in PanelBar order from the field's draft text — the same
+ * grammar the store normalizes (lowercase tokens, deduped, order preserved),
+ * so the checkboxes can never disagree with what the PanelBar will show.
+ */
+function panelIdsFromText(text) {
+    const seen = new Set();
+    for (const token of text.split(',')) {
+        const id = token.trim().toLowerCase();
+        if (id !== '' && SIDE_PANEL_ID_PATTERN.test(id))
+            seen.add(id);
+    }
+    return [...seen];
+}
+/** One-line descriptions for the builtin picker rows (plugin rows show their
+ * plugin id; unclaimed rows show the waiting hint). */
+const PANEL_DESCRIPTION_KEYS = {
+    todo: 'panel-desc-todo',
+    info: 'panel-desc-info',
+    trajectory: 'panel-desc-trajectory',
+    jobs: 'panel-desc-jobs',
+    agents: 'panel-desc-agents',
+    workspace: 'panel-desc-workspace',
+    btw: 'panel-desc-btw',
+    companion: 'panel-desc-companion',
+};
 function rootRowsFor(section) {
     const rows = section.fields
         .filter(field => field.group === undefined)
@@ -56,6 +99,28 @@ function FieldRow({ label, kind, value, selectLabel, focused, editing, invalid,
     const booleanChip = kind === 'boolean' && (value === 'true' || value === 'false');
     return (_jsxs(Box, { flexDirection: "row", height: 1, flexShrink: 0, overflow: "hidden", onClick: onClick, onMouseEnter: onMouseEnter, children: [_jsx(Text, { color: focused ? 'suggestion' : undefined, children: focused ? padTo(POINTER, 2) : '  ' }), _jsx(Text, { bold: focused, children: label }), _jsx(Box, { flexGrow: 1 }), invalid && _jsxs(Text, { color: "error", children: [t('settings-field-invalid'), " "] }), staged && !editing && _jsx(Text, { color: "suggestion", children: "* " }), booleanChip ? (_jsx(Text, { color: value === 'true' ? 'success' : 'inactive', children: value === 'true' ? `[${padTo(TICK, 2)}]` : '[  ]' })) : selectLabel !== undefined ? (_jsxs(Text, { children: [_jsx(Text, { color: focused ? 'suggestion' : 'subtle', children: '‹ ' }), _jsx(Text, { color: focused ? 'suggestion' : undefined, children: selectLabel }), _jsx(Text, { color: focused ? 'suggestion' : 'subtle', children: ' ›' })] })) : (_jsx(Text, { color: editing || focused ? 'suggestion' : undefined, dimColor: !focused && !editing && value === '', children: value }))] }));
 }
+/**
+ * One checkbox row of the sidePanel.panels picker: `❯ [✓] ≡ Todo  描述…`.
+ * Checked derives from the stored comma string; the registry supplies icon,
+ * title and the one-line description. Always exactly one line — title and
+ * description are truncated against the card width (CardTop's ladder: drop
+ * the description first, then clamp the title) so focusing never reflows.
+ */
+function PanelToggleRow({ checked, icon, title, description, focused, columns, onClick, onMouseEnter, }) {
+    // Content column: card borders (2) + CardRow padding (2); fixed prefix:
+    // pointer gutter (2) + checkbox (4) + icon + space (2).
+    const available = Math.max(12, columns - 4 - 8);
+    let titleText = title;
+    if (stringWidth(titleText) > available - 8)
+        titleText = truncateWidth(titleText, Math.max(4, available - 8));
+    const descBudget = available - stringWidth(titleText) - 2;
+    const descText = description === '' || descBudget < 6 ? '' : truncateWidth(description, descBudget);
+    return (_jsxs(Box, { flexDirection: "row", height: 1, flexShrink: 0, overflow: "hidden", onClick: onClick, onMouseEnter: onMouseEnter, children: [_jsx(Text, { color: focused ? 'suggestion' : undefined, children: focused ? padTo(POINTER, 2) : '  ' }), _jsx(Text, { color: checked ? 'success' : 'inactive', children: checked ? `[${padTo(TICK, 2)}] ` : '[  ] ' }), _jsxs(Text, { bold: focused, children: [icon, " "] }), _jsx(Text, { bold: focused, children: titleText }), descText !== '' && _jsx(Text, { dimColor: true, children: `  ${descText}` })] }));
+}
+/** The picker's non-focusable title row — the inline-group header style. */
+function PanelListHeaderRow({ title }) {
+    return (_jsx(Box, { flexDirection: "row", height: 1, flexShrink: 0, overflow: "hidden", children: _jsxs(Text, { dimColor: true, children: ['  ', title] }) }));
+}
 /** A group navigation row — opens the group's subpage on Enter/click. */
 function GroupRow({ title, focused, onClick, onMouseEnter, }) {
     return (_jsxs(Box, { flexDirection: "row", height: 1, flexShrink: 0, overflow: "hidden", onClick: onClick, onMouseEnter: onMouseEnter, children: [_jsx(Text, { color: focused ? 'suggestion' : undefined, children: focused ? padTo(POINTER, 2) : '  ' }), _jsx(Text, { bold: focused, children: title }), _jsx(Box, { flexGrow: 1 }), _jsx(Text, { color: focused ? 'suggestion' : 'subtle', children: '›' })] }));
@@ -198,14 +263,46 @@ export function Settings({ channel, onClose, }) {
             setWindowStart(0);
         }
     }, [activeGroup, activeGroupSpec]);
+    /** Live panel registry: builtin + plugin:panel entries, re-rendered on
+     *  register/unregister (a plugin landing mid-session adds its row on the
+     *  open screen — the list is never a frozen snapshot). */
+    const panelEntries = React.useSyncExternalStore(panelStore.subscribe, () => panelStore.list());
+    /**
+     * Checkbox rows of one picker field, in display order: every registered
+     * panel (registry order — builtins by `order`, then plugins), then the
+     * well-formed ids nothing claims yet as checked placeholder rows (the
+     * extension story: tick a future id now, the plugin claims it later), then
+     * the advanced raw-text row.
+     */
+    const panelPickerRows = (ns, field) => {
+        const ids = panelIdsFromText(forms.get(ns)?.field(field).text ?? '');
+        const claimed = new Set(panelEntries.map(entry => entry.definition.id));
+        const rows = panelEntries.map(entry => ({ id: entry.definition.id, checked: ids.includes(entry.definition.id) }));
+        for (const id of ids) {
+            if (!claimed.has(id))
+                rows.push({ id, checked: true });
+        }
+        return rows;
+    };
+    /** Focusable entries one field contributes — a picker field fans out into
+     *  its checkbox rows plus the advanced row, in the exact order the renderer
+     *  below lays them out (the focus list and the layout share this order). */
+    const fieldEntries = (ns, field) => {
+        if (!isPanelListField(ns, field))
+            return [{ kind: 'field', ns, field }];
+        return [
+            ...panelPickerRows(ns, field).map(row => ({ kind: 'panelToggle', ns, field, panelId: row.id })),
+            { kind: 'panelAdvanced', ns, field },
+        ];
+    };
     /** Focusable rows in display order for the current page. */
     const focusable = activeSection !== undefined && activeGroupSpec !== undefined
         ? activeSection.fields
             .filter(field => field.group === activeGroupSpec.id)
-            .map(field => ({ kind: 'field', ns: activeSection.ns, field }))
+            .flatMap(field => fieldEntries(activeSection.ns, field))
         : sections.flatMap(section => rootRowsFor(section).flatMap((row) => {
             if (row.kind === 'field')
-                return [{ kind: 'field', ns: section.ns, field: row.field }];
+                return fieldEntries(section.ns, row.field);
             if (row.kind === 'page')
                 return [{ kind: 'group', ns: section.ns, group: row.group }];
             return [];
@@ -279,10 +376,35 @@ export function Settings({ channel, onClose, }) {
         bump();
         saveSoon(ns);
     };
+    /**
+     * Tick/untick one panel id. The stored string keeps its exact semantics:
+     * ids already present keep their relative order (PanelBar order is user
+     * data), a new tick appends at the end, unticking removes. An empty
+     * selection is refused — the persisted string cannot represent it (the
+     * store would fall back to the default and silently re-enable panels) — so
+     * the toggle says so instead of writing a lie.
+     */
+    const togglePanel = (ns, field, panelId) => {
+        const form = forms.get(ns);
+        if (form === undefined || !form.available)
+            return;
+        const current = panelIdsFromText(form.field(field).text);
+        const next = current.includes(panelId)
+            ? current.filter(id => id !== panelId)
+            : [...current, panelId];
+        if (next.length === 0) {
+            setNotice({ text: t('settings-panels-min-one'), tone: 'error' });
+            return;
+        }
+        form.edit(field, next.join(','));
+        bump();
+        saveSoon(ns);
+    };
     /**
      * Activate one focusable entry — the keyboard Enter path, shared with the
-     * mouse click. Groups open their subpage; boolean/select fields cycle their
-     * value; text/secret fields enter the edit mode.
+     * mouse click. Groups open their subpage; picker checkbox rows toggle their
+     * panel; boolean/select fields cycle their value; text/secret fields (and
+     * the picker's advanced row) enter the edit mode.
      */
     const activateEntry = (entry) => {
         if (entry.kind === 'group') {
@@ -291,10 +413,14 @@ export function Settings({ channel, onClose, }) {
             setWindowStart(0);
             return;
         }
+        if (entry.kind === 'panelToggle') {
+            togglePanel(entry.ns, entry.field, entry.panelId);
+            return;
+        }
         const form = forms.get(entry.ns);
         if (form === undefined || !form.available)
             return;
-        if (entry.field.kind === 'boolean' || entry.field.kind === 'select') {
+        if (entry.kind === 'field' && (entry.field.kind === 'boolean' || entry.field.kind === 'select')) {
             cycleField(entry.ns, entry.field);
         }
         else {
@@ -458,7 +584,85 @@ export function Settings({ channel, onClose, }) {
             badges.push({ text: t('settings-badge-failed'), color: 'error' });
         return badges;
     };
+    /**
+     * The picker field's block: a dim title row, one checkbox row per panel
+     * (registry order), the unclaimed placeholders, and the advanced raw-text
+     * row. Rows stay one line each, so the focus-follow windowing below needs
+     * no special casing.
+     */
+    const addPanelPicker = (section, field) => {
+        const ns = section.ns;
+        const form = forms.get(ns);
+        const state = form?.field(field) ?? { text: '', overridden: false, invalid: false };
+        const registered = new Map(panelEntries.map(entry => [entry.definition.id, entry]));
+        entries.push({
+            key: `panel-header:${ns}:${field.path.join('.')}`,
+            lines: 1,
+            node: _jsx(CardRow, { children: _jsx(PanelListHeaderRow, { title: pick(field.label, field.descriptions) }) }),
+        });
+        for (const row of panelPickerRows(ns, field)) {
+            const index = focusCursor;
+            focusCursor += 1;
+            const isFocused = focused?.kind === 'panelToggle' && focused.ns === ns && focused.field === field && focused.panelId === row.id;
+            const rowEvents = mode === 'edit'
+                ? undefined
+                : {
+                    onClick: () => {
+                        setFocusIndex(index);
+                        togglePanel(ns, field, row.id);
+                    },
+                    onMouseEnter: () => {
+                        setFocusIndex(index);
+                    },
+                };
+            const definition = registered.get(row.id)?.definition;
+            const title = definition === undefined
+                ? row.id
+                : definition.titleKey !== undefined
+                    ? t(definition.titleKey)
+                    : definition.title ?? row.id;
+            const descriptionKey = PANEL_DESCRIPTION_KEYS[row.id];
+            const description = definition === undefined
+                ? t('settings-panels-unclaimed')
+                : definition.source === 'plugin'
+                    ? t('settings-panels-plugin', { plugin: definition.pluginId ?? definition.id })
+                    : descriptionKey !== undefined ? t(descriptionKey) : '';
+            entries.push({
+                key: `panel-toggle:${ns}:${row.id}`,
+                lines: 1,
+                focus: index,
+                node: (_jsx(CardRow, { highlight: isFocused, children: _jsx(PanelToggleRow, { checked: row.checked, icon: definition?.icon ?? '·', title: title, description: description, focused: isFocused, columns: columns, onClick: rowEvents?.onClick, onMouseEnter: rowEvents?.onMouseEnter }) })),
+            });
+        }
+        // The advanced escape hatch: the same row/edit/invalid conventions as a
+        // text field, seeded with the current raw list (order edits live here).
+        const advIndex = focusCursor;
+        focusCursor += 1;
+        const advFocused = focused?.kind === 'panelAdvanced' && focused.ns === ns && focused.field === field;
+        const advEditing = advFocused && mode === 'edit' && editing !== null;
+        const advEvents = mode === 'edit'
+            ? undefined
+            : {
+                onClick: () => {
+                    setFocusIndex(advIndex);
+                    activateEntry({ kind: 'panelAdvanced', ns, field });
+                },
+                onMouseEnter: () => {
+                    setFocusIndex(advIndex);
+                },
+            };
+        entries.push({
+            key: `panel-advanced:${ns}:${field.path.join('.')}`,
+            lines: 1,
+            focus: advIndex,
+            node: (_jsx(CardRow, { highlight: advFocused, children: _jsx(FieldRow, { label: t('settings-panels-advanced'), kind: "text", value: advEditing ? `${editing?.draft ?? ''}▌` : state.text === '' ? t('settings-field-empty') : state.text, selectLabel: undefined, focused: advFocused, editing: advEditing, invalid: state.invalid, staged: form?.isStaged(field) === true, onClick: advEvents?.onClick, onMouseEnter: advEvents?.onMouseEnter }) })),
+        });
+    };
     const addField = (section, field) => {
+        if (isPanelListField(section.ns, field)) {
+            addPanelPicker(section, field);
+            return;
+        }
         const index = focusCursor;
         focusCursor += 1;
         const isFocused = focused?.kind === 'field' && focused.ns === section.ns && focused.field === field;
@@ -599,13 +803,13 @@ export function Settings({ channel, onClose, }) {
     // The bottom help bar: the focused field's hint on the left (truncated
     // first), the navigation keys pinned to the right — a truncated hint still
     // reads, a truncated shortcut hint hides the keys nobody can guess.
-    const focusedHint = focused?.kind === 'field' && focused.field.hint !== undefined
+    const focusedHint = focused !== undefined && focused.kind !== 'group' && focused.field.hint !== undefined
         ? pick(focused.field.hint, focused.field.hintDescriptions)
         : undefined;
     // A field whose user layer carries a value (settings.yaml) is "customized"
     // — worth knowing, too noisy to badge every row with. It rides the help
     // bar instead: focus the field and the suffix appears next to its hint.
-    const focusedCustomized = focused?.kind === 'field'
+    const focusedCustomized = focused !== undefined && focused.kind !== 'group'
         ? forms.get(focused.ns)?.field(focused.field).overridden === true
         : false;
     const keysLine = mode === 'edit' ? t('settings-hint-edit') : navigationHint;

package/lib/types/screens/StatusLine.d.ts

@@ -1,11 +1,48 @@
 import React from 'react';
 import { type ActivityLineValue } from '../components/ActivityLine.js';
 import type { ChannelUi as Channel } from '../adapter/channel/ui-policy.js';
+/** 同上：partial channel 字面量可能早于 mainCost/subagentCost 字段（R4 兼容）。 */
+/** A reported session cost: `$0.0123` for USD (sub-dollar keeps 4 places,
+ *  a session often costs cents), `12.34 EUR` for any other currency. */
+export declare function formatCostReport(report: {
+    readonly currency: string;
+    readonly amount: number;
+}): string;
 import type { WaveBand } from '../dsh-adapter/types.js';
-export declare function StatusLine({ channel, selectionActive, helpOpen, wake, activity: projectedActivity, }: {
+export declare function StatusLine({ channel, selectionActive, helpOpen, backendMode, modelPicker, effortPicker, wake, activity: projectedActivity, }: {
     channel: Channel;
     selectionActive?: boolean;
     helpOpen?: boolean;
+    /** The backend's OWN permission mode (the typed `modes` capability):
+     *  `id` is the backend mode id (default / acceptEdits / plan /
+     *  bypassPermissions / dontAsk / auto …), `name` the label the backend
+     *  gives it, `onOpen` opens the same /permission picker the command does.
+     *  Present: the mode segment always shows — the base mode included, the
+     *  user asked to SEE the current permission level — and both its colour
+     *  and its text come from the backend, never from the DSH mode atoms.
+     *  It also ignores the `statusBar.mode` field switch (see the gate
+     *  below: a safety readout outranks a decoration preference); the minimal
+     *  UI is the only thing it yields to. Absent (DSH, or a backend without
+     *  modes): rendering stays byte-identical to the modeMarked rule below. */
+    backendMode?: {
+        readonly id: string;
+        readonly name: string;
+        readonly onOpen: () => void;
+    };
+    /** The model segment's click target: the same /model picker the command
+     *  opens. Present only when the backend serves a model catalog
+     *  (backendCapabilities.models — DSH and the Claude backend both do);
+     *  absent = the segment renders exactly as before, and its hover detail
+     *  keeps the pure route readout without the click affordance line. */
+    modelPicker?: {
+        readonly onOpen: () => void;
+    };
+    /** Same contract for the think-level segment and /effort: present only
+     *  when the backend serves the effort capability. The hover id rides
+     *  with it — the segment's whole detail line IS the affordance. */
+    effortPicker?: {
+        readonly onOpen: () => void;
+    };
     /** Activity value published by the working-activity plugin for this session.
      *  Preferred over the channel's own copy when the composition provides it. */
     activity?: ActivityLineValue;
@@ -32,6 +69,8 @@ type UsageSnapshot = {
     input: number;
     cacheRead: number;
     cacheWrite: number;
+    /** Sampling wall-clock (the producing message's event time). */
+    at: number;
 };
 /** Return the prompt-cache hit rate, or nothing when usage is unavailable. */
 export declare function formatCacheHitRate(usage: UsageSnapshot | undefined): string | undefined;

package/lib/types/screens/StatusLine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusLine.d.ts","sourceRoot":"","sources":["../../../src/screens/StatusLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAoC,KAAK,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AAOxG,OAAO,KAAK,EAAE,SAAS,IAAI,OAAO,EAAE,MAAM,iCAAiC,CAAA;AAsB3E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAsHvD,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,eAAuB,EACvB,QAAgB,EAChB,IAAI,EACJ,QAAQ,EAAE,iBAAiB,GAC5B,EAAE;IACD,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;kFAC8E;IAC9E,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,QAAQ,CAAA;QACd,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,8DAA8D;QAC9D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;QACnB,2DAA2D;QAC3D,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;CACF,qBAqbA;AAED,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAwMD,8EAA8E;AAC9E,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAKvF;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EACL;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GACzD,SAAS,GACZ,MAAM,GAAG,SAAS,CAIpB"}
+{"version":3,"file":"StatusLine.d.ts","sourceRoot":"","sources":["../../../src/screens/StatusLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,EAAoC,KAAK,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AASxG,OAAO,KAAK,EAAE,SAAS,IAAI,OAAO,EAAE,MAAM,iCAAiC,CAAA;AAC3E,kEAAkE;AAClE;wEACwE;AACxE,wBAAgB,gBAAgB,CAAC,MAAM,EAAE;IAAE,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAKvG;AAuBD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AA4HvD,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,eAAuB,EACvB,QAAgB,EAChB,WAAW,EACX,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,QAAQ,EAAE,iBAAiB,GAC5B,EAAE;IACD,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;;;+EAU2E;IAC3E,WAAW,CAAC,EAAE;QACZ,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;QACnB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;QACrB,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAA;KAC5B,CAAA;IACD;;;;0EAIsE;IACtE,WAAW,CAAC,EAAE;QACZ,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAA;KAC5B,CAAA;IACD;;uEAEmE;IACnE,YAAY,CAAC,EAAE;QACb,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAA;KAC5B,CAAA;IACD;kFAC8E;IAC9E,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,QAAQ,CAAA;QACd,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,8DAA8D;QAC9D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;QACnB,2DAA2D;QAC3D,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;CACF,qBAifA;AAED,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,gEAAgE;IAChE,EAAE,EAAE,MAAM,CAAA;CACX,CAAA;AAgSD,8EAA8E;AAC9E,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAKvF;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EACL;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GACzD,SAAS,GACZ,MAAM,GAAG,SAAS,CAIpB"}