@wfm-cn/dsh-storage 0.0.0-stage → 0.2.0

package/lib/client/panel.js

@@ -0,0 +1,299 @@
+/**
+ * Settings-panel component for dsh-storage (会话存储镜像).
+ *
+ * Authored against the reference client plugins (dsh-pet / dsh-video-skin):
+ * the browser half receives React from the host module loader inside the
+ * __ModuleLoader__ factory, so the component is built through a factory that
+ * takes the React module — no module-scope React import survives into the
+ * bundle. All RPC goes through the injected `client` (connection rpc; see
+ * src/client/index.ts), which keeps this file render-pure and testable with
+ * a fake client.
+ */
+export const DEFAULT_TIMEZONES = ['+08:00', '+00:00', '+09:00', '-05:00', '-08:00', '+05:30'];
+/** Mirrors config.ts isValidPort — kept local so no node builtins enter the browser bundle. */
+export function isValidPort(value) {
+    return typeof value === 'number' && Number.isInteger(value) && value >= 0 && value <= 65535;
+}
+/**
+ * The cfg object to persist: the port is sent only when it is a valid
+ * integer — a cleared/garbage port field is omitted so the RPC rejects it
+ * with an honest per-field error instead of building a host:NaN URL.
+ */
+export function buildSaveConfig(cfg) {
+    if (isValidPort(cfg.port))
+        return cfg;
+    const { port: _omitted, ...rest } = cfg;
+    return rest;
+}
+/** Status-light copy per HealthStatus.state. */
+export function statusView(status) {
+    const details = [];
+    switch (status.state) {
+        case 'ok':
+            if (status.mirroredTotal !== undefined)
+                details.push(`已镜像 ${status.mirroredTotal} 条`);
+            if (status.lastOkAt !== undefined)
+                details.push(`最近成功 ${formatTime(status.lastOkAt)}`);
+            return { tone: 'ok', label: '运行正常', details };
+        case 'down':
+            details.push(`已重试 ${status.retryCount} 次`);
+            details.push(`最近成功 ${status.lastOkAt !== undefined ? formatTime(status.lastOkAt) : '—'}`);
+            if (status.lastError !== undefined)
+                details.push(status.lastError);
+            return { tone: 'bad', label: '连接中断', details };
+        case 'disabled':
+            return { tone: 'idle', label: '未启用', details };
+        case 'config-error':
+            if (status.lastError !== undefined)
+                details.push(status.lastError);
+            return { tone: 'bad', label: '配置错误', details };
+    }
+}
+function formatTime(ms) {
+    const date = new Date(ms);
+    const pad = (n) => String(n).padStart(2, '0');
+    return `${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
+}
+/** Three-state connection-test copy: green ok / yellow no-tables / red fail. */
+export function testResultView(result) {
+    if (result === 'ok')
+        return { tone: 'ok', label: '连接成功' };
+    if (result === 'no-tables')
+        return { tone: 'warn', label: '已连通，但数据表缺失——点「建表」' };
+    const reason = result.startsWith('fail:') ? result.slice('fail:'.length) : String(result);
+    return { tone: 'bad', label: `连接失败：${reason}` };
+}
+export function createResultView(result) {
+    if (result === 'ok')
+        return { tone: 'ok', label: '建表完成' };
+    const reason = result.slice('fail:'.length);
+    return { tone: 'bad', label: `建表失败：${reason}` };
+}
+/** 补传 summary copy: green when clean, yellow when some sessions failed. */
+export function backfillResultView(summary) {
+    const base = `补传完成：${summary.sessions} 个会话，${summary.replayed} 条事件，${summary.skipped} 条重复跳过`;
+    if (summary.errors.length === 0)
+        return { tone: 'ok', label: base };
+    return { tone: 'warn', label: `${base}（${summary.errors.length} 个会话失败）` };
+}
+const FIELD_STYLE = 'dsh-storage-field';
+const TONE_CLASS = {
+    ok: 'dsh-storage-tone-ok',
+    warn: 'dsh-storage-tone-warn',
+    bad: 'dsh-storage-tone-bad',
+    idle: 'dsh-storage-tone-idle',
+};
+export function makeStoragePanel(React) {
+    const h = React.createElement;
+    function StoragePanel(props) {
+        const client = props.client;
+        const pollMs = props.pollMs ?? 30_000;
+        const [cfg, setCfg] = React.useState(null);
+        const [configError, setConfigError] = React.useState(null);
+        const [snapshot, setSnapshot] = React.useState(null);
+        const [testResult, setTestResult] = React.useState(null);
+        const [createResult, setCreateResult] = React.useState(null);
+        const [backfillResult, setBackfillResult] = React.useState(null);
+        const [busy, setBusy] = React.useState(null);
+        const [saved, setSaved] = React.useState(false);
+        // Initial config load + status poll (30s).
+        React.useEffect(() => {
+            let disposed = false;
+            client
+                .getConfig()
+                .then((loaded) => {
+                if (!disposed) {
+                    setCfg(loaded.config);
+                    setConfigError(loaded.error === 'parse' ? '配置文件损坏，已加载默认值' : null);
+                }
+            })
+                .catch((error) => {
+                if (!disposed)
+                    setConfigError(String(error));
+            });
+            const refresh = () => {
+                client
+                    .snapshot()
+                    .then((next) => {
+                    if (!disposed)
+                        setSnapshot(next);
+                })
+                    .catch(() => { });
+            };
+            refresh();
+            const timer = setInterval(refresh, pollMs);
+            return () => {
+                disposed = true;
+                clearInterval(timer);
+            };
+        }, [client, pollMs]);
+        if (cfg === null) {
+            return h('div', { className: 'dsh-storage-panel', 'data-testid': 'dsh-storage-loading' }, configError === null ? '加载中…' : configError);
+        }
+        const isSqlite = cfg.provider === 'sqlite';
+        const set = (patch) => {
+            setCfg({ ...cfg, ...patch });
+            setSaved(false);
+        };
+        const runTest = () => {
+            setBusy('test');
+            setTestResult(null);
+            client
+                .testConnection(cfg)
+                .then(setTestResult)
+                .catch((error) => setTestResult(`fail:${String(error)}`))
+                .finally(() => setBusy(null));
+        };
+        const runCreate = () => {
+            setBusy('create');
+            setCreateResult(null);
+            client
+                .createTables(cfg)
+                .then(setCreateResult)
+                .catch((error) => setCreateResult(`fail:${String(error)}`))
+                .finally(() => setBusy(null));
+        };
+        const runSave = () => {
+            setBusy('save');
+            client
+                .saveConfig(buildSaveConfig(cfg))
+                .then(() => setSaved(true))
+                .catch((error) => setConfigError(String(error)))
+                .finally(() => setBusy(null));
+        };
+        const runBackfill = () => {
+            setBusy('backfill');
+            setBackfillResult(null);
+            client
+                .backfill()
+                .then(setBackfillResult)
+                .catch((error) => {
+                const message = error instanceof Error ? error.message : String(error);
+                setBackfillResult(`fail:${message}`);
+            })
+                .finally(() => setBusy(null));
+        };
+        const status = snapshot === null ? null : statusView(snapshot);
+        const test = testResult === null ? null : testResultView(testResult);
+        const created = createResult === null ? null : createResultView(createResult);
+        const backfilled = backfillResult === null
+            ? null
+            : typeof backfillResult === 'string'
+                ? { tone: 'bad', label: `补传失败：${backfillResult.slice('fail:'.length)}` }
+                : backfillResultView(backfillResult);
+        const field = (label, control, key) => h('label', { className: FIELD_STYLE, key }, h('span', { className: 'dsh-storage-label' }, label), control);
+        return h('div', { className: 'dsh-storage-panel' }, 
+        // Status light.
+        h('div', { className: 'dsh-storage-status', 'data-testid': 'dsh-storage-status' }, h('span', {
+            className: `dsh-storage-light ${status === null ? '' : TONE_CLASS[status.tone]}`,
+            'data-testid': 'dsh-storage-light',
+            'data-state': snapshot === null ? 'loading' : snapshot.state,
+        }, status === null ? '…' : status.label), status === null
+            ? null
+            : status.details.map((detail, index) => h('span', { className: 'dsh-storage-detail', key: index }, detail)), configError === null ? null : h('span', { className: 'dsh-storage-detail' }, configError)), 
+        // Form.
+        h('div', { className: 'dsh-storage-form', 'data-testid': 'dsh-storage-form' }, field('启用同步', h('input', {
+            type: 'checkbox',
+            checked: cfg.enabled,
+            'data-testid': 'dsh-storage-enabled',
+            onChange: (e) => set({ enabled: e.target.checked }),
+        }), 'enabled'), field('数据库类型', h('select', {
+            value: cfg.provider,
+            'data-testid': 'dsh-storage-provider',
+            onChange: (e) => set({ provider: e.target.value }),
+        }, ['mysql', 'postgresql', 'sqlite', 'sqlserver'].map((provider) => h('option', { key: provider, value: provider }, provider))), 'provider'), ...(isSqlite
+            ? [
+                field('数据库文件路径', h('input', {
+                    type: 'text',
+                    value: cfg.database,
+                    'data-testid': 'dsh-storage-path',
+                    placeholder: '/absolute/path/to/dsh-storage.sqlite',
+                    onChange: (e) => set({ database: e.target.value }),
+                }), 'database'),
+            ]
+            : [
+                field('主机', h('input', {
+                    type: 'text',
+                    value: cfg.host,
+                    'data-testid': 'dsh-storage-host',
+                    onChange: (e) => set({ host: e.target.value }),
+                }), 'host'),
+                field('端口', h('input', {
+                    type: 'number',
+                    value: cfg.port ?? '',
+                    'data-testid': 'dsh-storage-port',
+                    // A cleared/invalid field is "unset" (undefined), never 0
+                    // or NaN — buildSaveConfig omits it from the saved cfg.
+                    onChange: (e) => {
+                        const parsed = e.target.value === '' ? NaN : Number(e.target.value);
+                        set({ port: isValidPort(parsed) ? parsed : undefined });
+                    },
+                }), 'port'),
+                field('数据库', h('input', {
+                    type: 'text',
+                    value: cfg.database,
+                    'data-testid': 'dsh-storage-database',
+                    onChange: (e) => set({ database: e.target.value }),
+                }), 'database'),
+            ]), field('用户名', h('input', {
+            type: 'text',
+            value: cfg.user,
+            'data-testid': 'dsh-storage-user',
+            autoComplete: 'off',
+            onChange: (e) => set({ user: e.target.value }),
+        }), 'user'), field('密码', h('input', {
+            type: 'password',
+            value: cfg.password,
+            'data-testid': 'dsh-storage-password',
+            autoComplete: 'new-password',
+            onChange: (e) => set({ password: e.target.value }),
+        }), 'password'), field('时区', h('select', {
+            value: cfg.timezone,
+            'data-testid': 'dsh-storage-timezone',
+            onChange: (e) => set({ timezone: e.target.value }),
+        }, 
+        // A custom stored timezone becomes an option instead of silently
+        // displaying '+08:00' — which would mislead on the next save.
+        (DEFAULT_TIMEZONES.includes(cfg.timezone)
+            ? DEFAULT_TIMEZONES
+            : [cfg.timezone, ...DEFAULT_TIMEZONES]).map((tz) => h('option', { key: tz, value: tz }, tz))), 'timezone')), 
+        // Actions.
+        h('div', { className: 'dsh-storage-actions' }, h('button', {
+            type: 'button',
+            'data-testid': 'dsh-storage-save',
+            disabled: busy !== null,
+            onClick: runSave,
+        }, busy === 'save' ? '保存中…' : saved ? '已保存' : '保存配置'), h('button', {
+            type: 'button',
+            'data-testid': 'dsh-storage-test',
+            disabled: busy !== null,
+            onClick: runTest,
+        }, busy === 'test' ? '测试中…' : '测试连接'), h('button', {
+            type: 'button',
+            'data-testid': 'dsh-storage-create',
+            disabled: busy !== null,
+            onClick: runCreate,
+        }, busy === 'create' ? '建表中…' : '建表'), h('button', {
+            type: 'button',
+            'data-testid': 'dsh-storage-backfill',
+            disabled: busy !== null,
+            onClick: runBackfill,
+        }, busy === 'backfill' ? '补传中…' : '补传')), 
+        // Result lines.
+        test === null
+            ? null
+            : h('p', { className: `dsh-storage-result ${TONE_CLASS[test.tone]}`, 'data-testid': 'dsh-storage-test-result' }, test.label), created === null
+            ? null
+            : h('p', {
+                className: `dsh-storage-result ${TONE_CLASS[created.tone]}`,
+                'data-testid': 'dsh-storage-create-result',
+            }, created.label), backfilled === null
+            ? null
+            : h('p', {
+                className: `dsh-storage-result ${TONE_CLASS[backfilled.tone]}`,
+                'data-testid': 'dsh-storage-backfill-result',
+            }, backfilled.label));
+    }
+    StoragePanel.displayName = 'DshStoragePanel';
+    return StoragePanel;
+}

package/lib/client/toast.js

@@ -0,0 +1,66 @@
+/**
+ * Sync-status toast notifications (Task 6): a standalone React portal the
+ * client entry mounts on document.body — independent of the settings panel
+ * section, so toasts appear even when the panel is closed. The host records
+ * toasts on HealthMonitor transitions (src/notify.ts); this component polls
+ * them through the status bridge with a `sinceId` cursor.
+ *
+ * Factory pattern like panel.tsx: React (and react-dom's createPortal) come
+ * from the host page's module loader, never bundled.
+ */
+/** Default poll interval; transitions are rare, this only carries toasts. */
+export const TOAST_POLL_MS = 5_000;
+/** How long a toast stays on screen. */
+export const TOAST_DISPLAY_MS = 8_000;
+export function makeToastHost(React, ReactDOM) {
+    const h = React.createElement;
+    function ToastHost(props) {
+        const pollMs = props.pollMs ?? TOAST_POLL_MS;
+        const [visible, setVisible] = React.useState([]);
+        const cursor = React.useRef(0);
+        const dismiss = (id) => setVisible((prev) => prev.filter((t) => t.id !== id));
+        React.useEffect(() => {
+            let disposed = false;
+            const timers = new Set();
+            const poll = () => {
+                props.client
+                    .toasts({ sinceId: cursor.current })
+                    .then((records) => {
+                    if (disposed || records.length === 0)
+                        return;
+                    for (const record of records)
+                        cursor.current = Math.max(cursor.current, record.id);
+                    setVisible((prev) => [...prev, ...records]);
+                    for (const record of records) {
+                        const timer = setTimeout(() => {
+                            timers.delete(timer);
+                            dismiss(record.id);
+                        }, TOAST_DISPLAY_MS);
+                        timers.add(timer);
+                    }
+                })
+                    .catch(() => {
+                    // The bridge being down must not break the page; next poll retries.
+                });
+            };
+            poll();
+            const timer = setInterval(poll, pollMs);
+            return () => {
+                disposed = true;
+                clearInterval(timer);
+                for (const t of timers)
+                    clearTimeout(t);
+            };
+        }, [props.client, pollMs]);
+        return ReactDOM.createPortal(h('div', { className: 'dsh-storage-toasts', 'data-testid': 'dsh-storage-toasts' }, ...visible.map((toast) => h('div', {
+            key: toast.id,
+            className: `dsh-storage-toast dsh-storage-toast-${toast.kind}`,
+            role: 'status',
+            onClick: () => dismiss(toast.id),
+        }, h('span', { className: 'dsh-storage-toast-text' }, toast.text), toast.hint === undefined
+            ? null
+            : h('span', { className: 'dsh-storage-toast-hint' }, toast.hint)))), document.body);
+    }
+    ToastHost.displayName = 'DshStorageToasts';
+    return ToastHost;
+}

package/lib/client.js

@@ -0,0 +1 @@
+"use strict";(()=>{var M="dsh-storage-select-open",oe={display:"inline-flex",alignItems:"center",justifyContent:"space-between",gap:8,background:"var(--dsw-alias-bg-multi-select)",border:"1px solid var(--dsw-alias-border-l2)",borderRadius:"8px",padding:"4px 10px",fontSize:13,color:"var(--dsw-alias-label-primary)",outline:"none",minWidth:0,width:220,cursor:"pointer",textAlign:"left",fontFamily:"inherit"},se={position:"fixed",background:"var(--dsw-alias-bg-layer-1)",border:"1px solid var(--dsw-alias-border-l2)",borderRadius:"12px",padding:"6px",boxShadow:"0 8px 24px rgba(0,0,0,.4)",zIndex:1e3,boxSizing:"border-box"};function le(e){return{display:"flex",alignItems:"center",justifyContent:"space-between",gap:8,padding:"8px 12px",borderRadius:"8px",fontSize:13,color:"var(--dsw-alias-label-primary)",cursor:"pointer",background:e?"var(--dsw-alias-interactive-bg-hover)":"transparent",whiteSpace:"nowrap"}}function q(e){let t=e.createElement;return function(o){let[m,g]=e.useState(!1),[c,p]=e.useState(0),a=e.useRef(null),[s,i]=e.useState(null),k=e.useCallback(()=>g(!1),[]);e.useEffect(()=>{if(!m)return;let r=()=>g(!1),l=w=>{let y=a.current;if(y&&w.target instanceof Node&&y.contains(w.target))return;let v=w.target;v&&v.closest("[data-dsh-select-popover]")||g(!1)},b=w=>{w.key==="Escape"&&g(!1)};return window.addEventListener(M,r),window.addEventListener("mousedown",l),window.addEventListener("keydown",b),()=>{window.removeEventListener(M,r),window.removeEventListener("mousedown",l),window.removeEventListener("keydown",b)}},[m]);let u=()=>{if(m){g(!1);return}let r=a.current,l=r!==null&&typeof r.getBoundingClientRect=="function"?r.getBoundingClientRect():{left:0,top:0,bottom:0,width:0};i({left:l.left,top:l.bottom+4,width:l.width}),p(Math.max(0,o.options.indexOf(o.value))),window.dispatchEvent(new window.Event(M)),g(!0)},T=r=>{if(r.key==="Enter"||r.key===" "){r.preventDefault(),u();return}if(r.key==="ArrowDown"||r.key==="ArrowUp"){if(r.preventDefault(),!m){u();return}let l=r.key==="ArrowDown"?1:-1,b=o.options.length;p(w=>(w+l+b)%b)}},x=r=>{o.onChange(r),g(!1)},E=r=>{if(r.key==="ArrowDown"||r.key==="ArrowUp"){r.preventDefault();let l=r.key==="ArrowDown"?1:-1,b=o.options.length;p(w=>(w+l+b)%b)}else if(r.key==="Enter"||r.key===" "){r.preventDefault();let l=o.options[c];l!==void 0&&x(l)}};return t("div",{style:{position:"relative",display:"inline-block"}},t("button",{type:"button",ref:a,style:oe,"data-testid":o.testId,"aria-haspopup":"listbox","aria-expanded":m?"true":"false",disabled:o.disabled===!0,onClick:u,onKeyDown:T},t("span",{style:{overflow:"hidden",textOverflow:"ellipsis"}},o.value),t("span",{"aria-hidden":"true",style:{color:"var(--dsw-alias-label-tertiary)"}},"\u25BE")),m?t("div",{role:"listbox","data-dsh-select-popover":"","data-testid":o.testId===void 0?void 0:`${o.testId}-listbox`,style:{...se,minWidth:s===null?220:s.width,left:s===null?0:s.left,top:s===null?0:s.top},onKeyDown:E},o.options.map((r,l)=>t("div",{key:r,role:"option","aria-selected":r===o.value?"true":"false","data-testid":o.testId===void 0?void 0:`${o.testId}-option-${r}`,style:le(r===o.value||l===c),onMouseEnter:()=>p(l),onClick:()=>x(r)},t("span",null,r),r===o.value?t("span",{"aria-hidden":"true",style:{color:"var(--dsw-alias-label-primary)"}},"\u2713"):null))):null)}}var N=["+08:00","+00:00","+09:00","-05:00","-08:00","+05:30"];function Y(e){return typeof e=="number"&&Number.isInteger(e)&&e>=0&&e<=65535}function ie(e){if(Y(e.port))return e;let{port:t,...f}=e;return f}var d={bgCard:"var(--dsw-alias-bg-layer-1)",bgControl:"var(--dsw-alias-bg-multi-select)",border:"1px solid var(--dsw-alias-border-l2)",radiusCard:"12px",radiusControl:"8px",labelPrimary:"var(--dsw-alias-label-primary)",labelSecondary:"var(--dsw-alias-label-secondary)",labelTertiary:"var(--dsw-alias-label-tertiary)",accent:"var(--dsw-alias-state-business-primary)",ok:"var(--dsw-alias-state-ok, #34c759)",warn:"var(--dsw-alias-state-warn, #d9a410)",error:"var(--dsw-alias-state-error-primary)"},H={ok:d.ok,warn:d.warn,bad:d.error,idle:d.labelTertiary},de={ok:"color-mix(in srgb, var(--dsw-alias-state-ok, #34c759) 14%, transparent)",warn:"color-mix(in srgb, var(--dsw-alias-state-warn, #d9a410) 16%, transparent)",bad:"color-mix(in srgb, var(--dsw-alias-state-error-primary, #e5484d) 14%, transparent)",idle:"var(--dsw-alias-bg-multi-select)"},P={background:d.bgCard,border:d.border,borderRadius:d.radiusCard,padding:"16px 18px",boxSizing:"border-box"},U={fontSize:12,lineHeight:"16px",color:d.labelTertiary,margin:0,marginBottom:10},ue={display:"flex",alignItems:"center",justifyContent:"space-between",gap:12,minHeight:32},ce={fontSize:13,color:d.labelSecondary},B={background:d.bgControl,border:d.border,borderRadius:d.radiusControl,padding:"4px 10px",fontSize:13,color:d.labelPrimary,outline:"none",minWidth:0},ge={borderRadius:d.radiusControl,padding:"6px 14px",fontSize:13,border:"none",background:d.accent,color:"var(--dsw-alias-label-contrast, #fff)",cursor:"pointer"},W={borderRadius:d.radiusControl,padding:"6px 14px",fontSize:13,background:"transparent",border:d.border,color:d.labelPrimary,cursor:"pointer"},I={opacity:.5,cursor:"default"};function j(e){return{display:"inline-flex",alignItems:"center",gap:6,borderRadius:"999px",padding:"3px 10px",fontSize:12,background:de[e],color:H[e],margin:0,maxWidth:"100%",overflowWrap:"anywhere"}}function pe(e){let t=[];switch(e.state){case"ok":return e.mirroredTotal!==void 0&&t.push(`\u5DF2\u955C\u50CF ${e.mirroredTotal} \u6761`),e.lastOkAt!==void 0&&t.push(`\u6700\u8FD1\u6210\u529F ${F(e.lastOkAt)}`),{tone:"ok",label:"\u8FD0\u884C\u6B63\u5E38",details:t};case"down":return t.push(`\u5DF2\u91CD\u8BD5 ${e.retryCount} \u6B21`),t.push(`\u6700\u8FD1\u6210\u529F ${e.lastOkAt!==void 0?F(e.lastOkAt):"\u2014"}`),e.lastError!==void 0&&t.push(e.lastError),{tone:"bad",label:"\u8FDE\u63A5\u4E2D\u65AD",details:t};case"disabled":return{tone:"idle",label:"\u672A\u542F\u7528",details:t};case"config-error":return e.lastError!==void 0&&t.push(e.lastError),{tone:"bad",label:"\u914D\u7F6E\u9519\u8BEF",details:t}}}function F(e){let t=new Date(e),f=o=>String(o).padStart(2,"0");return`${f(t.getHours())}:${f(t.getMinutes())}:${f(t.getSeconds())}`}function be(e){return e==="ok"?{tone:"ok",label:"\u8FDE\u63A5\u6210\u529F"}:e==="no-tables"?{tone:"warn",label:"\u5DF2\u8FDE\u901A\uFF0C\u4F46\u6570\u636E\u8868\u7F3A\u5931\u2014\u2014\u70B9\u300C\u5EFA\u8868\u300D"}:{tone:"bad",label:`\u8FDE\u63A5\u5931\u8D25\uFF1A${e.startsWith("fail:")?e.slice(5):String(e)}`}}function fe(e){return e==="ok"?{tone:"ok",label:"\u5EFA\u8868\u5B8C\u6210"}:{tone:"bad",label:`\u5EFA\u8868\u5931\u8D25\uFF1A${e.slice(5)}`}}function ye(e){let t=`\u8865\u4F20\u5B8C\u6210\uFF1A${e.sessions} \u4E2A\u4F1A\u8BDD\uFF0C${e.replayed} \u6761\u4E8B\u4EF6\uFF0C${e.skipped} \u6761\u91CD\u590D\u8DF3\u8FC7`;return e.errors.length===0?{tone:"ok",label:t}:{tone:"warn",label:`${t}\uFF08${e.errors.length} \u4E2A\u4F1A\u8BDD\u5931\u8D25\uFF09`}}function G(e){let t=e.createElement,f=q(e);function o(g,c,p){return t("div",{style:ue,key:p},t("span",{style:ce},g),c)}function m(g){let c=g.client,p=g.pollMs??3e4,[a,s]=e.useState(null),[i,k]=e.useState(null),[u,T]=e.useState(null),[x,E]=e.useState(null),[r,l]=e.useState(null),[b,w]=e.useState(null),[y,v]=e.useState(null),[J,K]=e.useState(!1),z=e.useRef(()=>{});e.useEffect(()=>{let n=!1;c.getConfig().then(C=>{n||(s(C.config),k(C.error==="parse"?"\u914D\u7F6E\u6587\u4EF6\u635F\u574F\uFF0C\u5DF2\u52A0\u8F7D\u9ED8\u8BA4\u503C":null))}).catch(C=>{n||k(String(C))});let h=()=>{c.snapshot().then(C=>{n||T(C)}).catch(()=>{})};z.current=h,h();let L=setInterval(h,p);return()=>{n=!0,clearInterval(L)}},[c,p]);let Q=n=>{setTimeout(()=>{z.current()},n)};if(a===null)return t("div",{style:P,"data-testid":"dsh-storage-loading"},i===null?"\u52A0\u8F7D\u4E2D\u2026":i);let X=a.provider==="sqlite",S=n=>{s({...a,...n}),K(!1)},ee=()=>{v("test"),E(null),c.testConnection(a).then(E).catch(n=>E(`fail:${String(n)}`)).finally(()=>{v(null),z.current()})},te=()=>{v("create"),l(null),c.createTables(a).then(l).catch(n=>l(`fail:${String(n)}`)).finally(()=>v(null))},ne=()=>{v("save"),c.saveConfig(ie(a)).then(()=>K(!0)).then(()=>{Q(400)}).catch(n=>k(String(n))).finally(()=>v(null))},re=()=>{v("backfill"),w(null),c.backfill().then(w).catch(n=>{let h=n instanceof Error?n.message:String(n);w(`fail:${h}`)}).finally(()=>v(null))},R=u===null?null:pe(u),A=x===null?null:be(x),$=r===null?null:fe(r),_=b===null?null:typeof b=="string"?{tone:"bad",label:`\u8865\u4F20\u5931\u8D25\uFF1A${b.slice(5)}`}:ye(b),D=n=>({type:"text",style:{...B,width:220},...n}),ae=n=>t("input",{type:"checkbox",...n}),V=(n,h,L,C)=>t(f,{value:h,options:L,onChange:C,testId:n});return t("div",{style:{display:"flex",flexDirection:"column",gap:14}},t("div",{style:P,"data-testid":"dsh-storage-status"},t("div",{style:{display:"flex",alignItems:"center",gap:8,flexWrap:"wrap"}},t("span",{style:{width:8,height:8,borderRadius:"50%",background:u===null?d.labelTertiary:H[R.tone],flexShrink:0},"data-testid":"dsh-storage-light","data-state":u===null?"loading":u.state}),t("span",{style:{fontSize:13,color:u===null||R.tone==="idle"?d.labelTertiary:d.labelPrimary}},R===null?"\u2026":R.label),R===null?null:R.details.map((n,h)=>t("span",{key:h,style:{fontSize:12,color:d.labelTertiary}},n)),t("span",{style:{fontSize:12,color:d.labelTertiary},"data-testid":"dsh-storage-device-badge"},`\u8BBE\u5907: ${a?.device??"\u2014"}`),i===null?null:t("span",{style:{fontSize:12,color:H.bad}},i))),t("div",{style:P,"data-testid":"dsh-storage-form"},t("p",{style:U},"\u8FDE\u63A5\u8BBE\u7F6E"),t("div",{style:{display:"flex",flexDirection:"column",gap:12}},o("\u542F\u7528\u540C\u6B65",ae({checked:a.enabled,"data-testid":"dsh-storage-enabled",onChange:n=>S({enabled:n.target.checked})}),"enabled"),o("\u6570\u636E\u5E93\u7C7B\u578B",V("dsh-storage-provider",a.provider,["mysql","postgresql","sqlite","sqlserver"],n=>S({provider:n})),"provider"),...X?[o("\u6570\u636E\u5E93\u6587\u4EF6\u8DEF\u5F84",t("input",D({value:a.database,"data-testid":"dsh-storage-path",placeholder:"/absolute/path/to/dsh-storage.sqlite",onChange:n=>S({database:n.target.value})})),"database")]:[o("\u4E3B\u673A",t("input",D({value:a.host,"data-testid":"dsh-storage-host",onChange:n=>S({host:n.target.value})})),"host"),o("\u7AEF\u53E3",t("input",{type:"number",style:{...B,width:220},value:a.port??"","data-testid":"dsh-storage-port",onChange:n=>{let h=n.target.value===""?NaN:Number(n.target.value);S({port:Y(h)?h:void 0})}}),"port"),o("\u6570\u636E\u5E93",t("input",D({value:a.database,"data-testid":"dsh-storage-database",onChange:n=>S({database:n.target.value})})),"database")],o("\u8BBE\u5907\u540D\u79F0",t("input",D({value:a.device??"","data-testid":"dsh-storage-device",placeholder:"\u9ED8\u8BA4\u4E3A\u4E3B\u673A\u540D",onChange:n=>S({device:n.target.value})})),"device"),o("\u7528\u6237\u540D",t("input",D({value:a.user,"data-testid":"dsh-storage-user",autoComplete:"off",onChange:n=>S({user:n.target.value})})),"user"),o("\u5BC6\u7801",t("input",{type:"password",style:{...B,width:220},value:a.password,"data-testid":"dsh-storage-password",autoComplete:"new-password",onChange:n=>S({password:n.target.value})}),"password"),o("\u65F6\u533A",V("dsh-storage-timezone",a.timezone,N.includes(a.timezone)?N:[a.timezone,...N],n=>S({timezone:n})),"timezone"))),t("div",{style:P},t("p",{style:U},"\u64CD\u4F5C"),t("div",{style:{display:"flex",gap:8,flexWrap:"wrap"}},t("button",{type:"button",style:{...ge,...y!==null?I:{}},"data-testid":"dsh-storage-save",disabled:y!==null,onClick:ne},y==="save"?"\u4FDD\u5B58\u4E2D\u2026":J?"\u5DF2\u4FDD\u5B58":"\u4FDD\u5B58"),t("button",{type:"button",style:{...W,...y!==null?I:{}},"data-testid":"dsh-storage-test",disabled:y!==null,onClick:ee},y==="test"?"\u6D4B\u8BD5\u4E2D\u2026":"\u6D4B\u8BD5\u8FDE\u63A5"),t("button",{type:"button",style:{...W,...y!==null?I:{}},"data-testid":"dsh-storage-create",disabled:y!==null,onClick:te},y==="create"?"\u5EFA\u8868\u4E2D\u2026":"\u5EFA\u8868"),t("button",{type:"button",style:{...W,...y!==null?I:{}},"data-testid":"dsh-storage-backfill",disabled:y!==null,onClick:re},y==="backfill"?"\u8865\u4F20\u4E2D\u2026":"\u8865\u4F20")),A===null?null:t("div",{style:{marginTop:12}},t("p",{style:j(A.tone),"data-testid":"dsh-storage-test-result"},A.label)),$===null?null:t("div",{style:{marginTop:12}},t("p",{style:j($.tone),"data-testid":"dsh-storage-create-result"},$.label)),_===null?null:t("div",{style:{marginTop:12}},t("p",{style:j(_.tone),"data-testid":"dsh-storage-backfill-result"},_.label))))}return m.displayName="DshStoragePanel",m}function Z(e,t){let f=e.createElement,o={background:"var(--dsw-alias-bg-layer-1)",border:"1px solid var(--dsw-alias-border-l2)",borderRadius:"12px",padding:"10px 14px",color:"var(--dsw-alias-label-primary)",fontSize:13,boxShadow:"0 4px 16px rgba(0, 0, 0, 0.12)",maxWidth:360,cursor:"pointer"},m={interrupted:"var(--dsw-alias-state-error-primary)",recovered:"var(--dsw-alias-state-ok, #34c759)"};function g(c){let p=c.pollMs??5e3,[a,s]=e.useState([]),i=e.useRef(0),k=u=>s(T=>T.filter(x=>x.id!==u));return e.useEffect(()=>{let u=!1,T=new Set,x=()=>{c.client.toasts({sinceId:i.current}).then(r=>{if(!(u||r.length===0)){for(let l of r)i.current=Math.max(i.current,l.id);s(l=>[...l,...r]);for(let l of r){let b=setTimeout(()=>{T.delete(b),k(l.id)},8e3);T.add(b)}}}).catch(()=>{})};x();let E=setInterval(x,p);return()=>{u=!0,clearInterval(E);for(let r of T)clearTimeout(r)}},[c.client,p]),t.createPortal(f("div",{style:{position:"fixed",right:16,bottom:16,display:"flex",flexDirection:"column",gap:8,zIndex:9999},"data-testid":"dsh-storage-toasts"},...a.map(u=>f("div",{key:u.id,style:{...o,borderLeft:`3px solid ${m[u.kind]??"var(--dsw-alias-border-l2)"}`},className:`dsh-storage-toast dsh-storage-toast-${u.kind}`,role:"status",onClick:()=>k(u.id)},f("div",{style:{color:"var(--dsw-alias-label-primary)"}},u.text),u.hint===void 0?null:f("div",{style:{fontSize:12,marginTop:4,color:"var(--dsw-alias-label-secondary)"}},u.hint)))),globalThis.document.body)}return g.displayName="DshStorageToasts",g}var me="@wfm-cn/dsh-storage",we="/dsh-storage";function he(e){if(e&&e.ok===!0)return e.value;let t=e?.error?.message||"\u8BF7\u6C42\u5931\u8D25";throw new Error(t)}function ve(){return e=>{let t=e("react"),f=G(t),o=Z(t,e("react-dom"));function m(a){let s=(i,k={})=>a.connection.rpc.call(we,i,k).then(he);return{snapshot:()=>s("snapshot"),testConnection:i=>s("testConnection",{cfg:i}),createTables:i=>s("createTables",{cfg:i}),getConfig:()=>s("getConfig"),saveConfig:i=>s("saveConfig",{cfg:i}),backfill:()=>s("backfill"),toasts:i=>s("toasts",i)}}function g(a){if(typeof globalThis.document>"u")return;let s=e("react-dom/client");if(!s||typeof s.createRoot!="function")return;let i=globalThis.document.createElement("div");i.className="dsh-storage-toast-root",globalThis.document.body.appendChild(i),s.createRoot(i).render(t.createElement(o,{client:a}))}function c(a){let s=m(a);g(s),!(!a.slots||typeof a.slots.inject!="function")&&a.slots.inject("settings.section",()=>a.slots.register({name:"settings.section",id:"dsh-storage",order:60,label:()=>"\u4F1A\u8BDD\u5B58\u50A8",inject:()=>({client:s})},f))}let p={exports:{}};return p.exports.apply=c,p.exports.inject=["slots","connection"],p.exports}}var O=globalThis.__ModuleLoader__;typeof O=="object"&&O!==null&&typeof O.load=="function"&&O.load({id:me,factory:ve()});})();

package/lib/compaction.js

@@ -0,0 +1,108 @@
+function recordedData(block) {
+    return { text: `[Recorded DSH ${block.type} data]\n${JSON.stringify(block)}` };
+}
+/** Legacy Content[] checkpoints remain readable by databaseChatStorage. */
+export function compressionSnapshot(session, event) {
+    if (event?.type !== 'compaction/end' || event.data?.error !== undefined)
+        return null;
+    const calls = new Map();
+    const messages = session.deriveMessages().flatMap((message) => {
+        if (message.role === 'system')
+            return [];
+        if (message.role === 'tool') {
+            const id = message.toolCallId ?? message.source?.callId;
+            const name = calls.get(id);
+            if (!name)
+                return [
+                    {
+                        role: 'user',
+                        parts: [
+                            recordedData({
+                                type: 'tool-result',
+                                toolCallId: id,
+                                content: message.content,
+                                isError: Boolean(message.isError),
+                            }),
+                        ],
+                    },
+                ];
+            return [
+                {
+                    role: 'user',
+                    parts: [
+                        {
+                            functionResponse: {
+                                id,
+                                name,
+                                response: { output: message.content, isError: Boolean(message.isError) },
+                            },
+                        },
+                    ],
+                },
+            ];
+        }
+        const parts = message.content.map((block, index) => {
+            if (message.role === 'developer')
+                return recordedData(block);
+            switch (block.type) {
+                case 'text':
+                    return { text: block.text };
+                case 'reasoning': {
+                    const replay = message.source?.replayState?.blocks?.[index];
+                    const signature = replay?.signature ?? replay?.thoughtSignature;
+                    return {
+                        text: block.text,
+                        thought: true,
+                        ...(signature ? { thoughtSignature: signature } : {}),
+                    };
+                }
+                case 'tool-call': {
+                    calls.delete(block.id);
+                    let args;
+                    try {
+                        args = block.arguments ? JSON.parse(block.arguments) : {};
+                    }
+                    catch {
+                        return recordedData(block);
+                    }
+                    if (!args || typeof args !== 'object' || Array.isArray(args))
+                        return recordedData(block);
+                    calls.set(block.id, block.name);
+                    return {
+                        functionCall: { id: block.id, name: block.name, args },
+                    };
+                }
+                default:
+                    return recordedData(block);
+            }
+        });
+        return [{ role: message.role === 'assistant' ? 'model' : 'user', parts }];
+    });
+    const content = [];
+    for (const message of messages) {
+        const previous = content.at(-1);
+        // Legacy recovery discards adjacent equal roles instead of merging them.
+        if (previous && previous.role === message.role)
+            previous.parts.push(...message.parts);
+        else
+            content.push(message);
+    }
+    return {
+        id: event.data.compactionId,
+        sessionId: session.id,
+        historyId: null,
+        agentId: 'main',
+        type: 'utility_compressor',
+        content: JSON.stringify(content),
+        model: 'agent-history-provider-summarizer',
+        createdAt: new Date(event.time),
+        metadata: {
+            id: event.data.compactionId,
+            event: event.type,
+            seq: event.seq,
+            sessionCreatedAt: session.header?.createdAt,
+            sessionId: session.id,
+            newHistoryLength: content.length,
+        },
+    };
+}