dsh-prompt-vcs 0.2.1 → 0.3.0

package/lib/client/locales.d.ts

@@ -24,6 +24,20 @@ export declare const zh: {
     loading: string;
     failed: string;
     retry: string;
+    totalChanges: string;
+    filesTracked: string;
+    watched: string;
+    files: string;
+    changes: string;
+    lastChanged: string;
+    size: string;
+    timeline: string;
+    diff: string;
+    before: string;
+    after: string;
+    rollback: string;
+    confirmRollback: string;
+    notFound: string;
 };
 /** English dictionary, checked complete against the zh key set. */
 export declare const en: typeof zh;

package/lib/client/locales.js

@@ -24,6 +24,20 @@ export const zh = {
     'loading': '正在加载…',
     'failed': '加载失败',
     'retry': '重试',
+    'totalChanges': '总变更数',
+    'filesTracked': '跟踪文件数',
+    'watched': '监控文件',
+    'files': '文件',
+    'changes': '变更次数',
+    'lastChanged': '最后变更',
+    'size': '大小',
+    'timeline': '时间线',
+    'diff': '差异',
+    'before': '变更前',
+    'after': '变更后',
+    'rollback': '回滚',
+    'confirmRollback': '确定回滚到此变更之前的状态？',
+    'notFound': '未找到变更记录',
 };
 /** English dictionary, checked complete against the zh key set. */
 export const en = {
@@ -40,4 +54,18 @@ export const en = {
     'loading': 'Loading…',
     'failed': 'Failed to load',
     'retry': 'Retry',
+    'totalChanges': 'Total Changes',
+    'filesTracked': 'Files Tracked',
+    'watched': 'Watched',
+    'files': 'Files',
+    'changes': 'Changes',
+    'lastChanged': 'Last Changed',
+    'size': 'Size',
+    'timeline': 'Timeline',
+    'diff': 'Diff',
+    'before': 'Before',
+    'after': 'After',
+    'rollback': 'Rollback',
+    'confirmRollback': 'Rollback to before this change?',
+    'notFound': 'Change not found',
 };

package/lib/client/view.d.ts

@@ -9,17 +9,14 @@
  * @module client/view
  */
 import type { PanelPayload } from '../types.js';
-/** The translate seat the renderer binds from this plugin's locale namespace. */
 export type Translate = (key: string, params?: Record<string, unknown>) => string;
 export interface PanelProps {
-    /** Bound translate function for this plugin's namespace. */
     t: Translate;
 }
 interface PanelState {
     payload: PanelPayload | null;
     error: string | null;
 }
-/** Fetch the host panel payload; `reload` re-runs the request. */
 export declare function usePanel(): PanelState & {
     reload: () => void;
 };

package/lib/client/view.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
  * Pure rendering half of the promptVcs page.
  *
@@ -10,48 +10,87 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @module client/view
  */
 import { useCallback, useEffect, useState } from 'react';
-/** Panel route registered by the host half on the web connection. */
-const PANEL_PATH = "/api/vcs.panel";
-const wrap = { display: 'flex', flexDirection: 'column', gap: 12, maxWidth: 760, fontFamily: 'inherit' };
+const PANEL_PATH = '/api/vcs.panel';
+const CHANGE_PATH = '/api/vcs.change';
+const ROLLBACK_PATH = '/api/vcs.rollback';
+const wrap = { display: 'flex', flexDirection: 'column', gap: 12, maxWidth: 820, fontFamily: 'inherit' };
 const head = { display: 'flex', alignItems: 'baseline', gap: 12, flexWrap: 'wrap' };
 const muted = { fontSize: 12, opacity: 0.75 };
 const table = { borderCollapse: 'collapse', width: '100%' };
 const th = { textAlign: 'left', padding: '4px 10px 4px 0', fontWeight: 600, fontSize: 12, opacity: 0.8, borderBottom: '0.5px solid rgba(128,128,128,0.4)' };
 const td = { padding: '6px 10px 6px 0', fontSize: 13, borderBottom: '0.5px solid rgba(128,128,128,0.18)' };
-/** Fetch the host panel payload; `reload` re-runs the request. */
+const card = { padding: '8px 12px', borderRadius: 6, border: '1px solid rgba(128,128,128,0.2)', fontSize: 13 };
+const btn = { fontSize: 12, cursor: 'pointer', padding: '3px 10px', borderRadius: 4, border: '0.5px solid rgba(128,128,128,0.4)' };
+const dangerBtn = { ...btn, color: '#e55', borderColor: '#e55' };
+const preBlock = { whiteSpace: 'pre-wrap', wordBreak: 'break-word', fontSize: 11, maxHeight: 200, overflow: 'auto', padding: 8, borderRadius: 4, background: 'rgba(128,128,128,0.06)', border: '1px solid rgba(128,128,128,0.15)' };
+const clickRow = { cursor: 'pointer' };
+const statRow = { display: 'flex', gap: 12, flexWrap: 'wrap' };
+const statBox = { ...card, flex: 1, minWidth: 100, textAlign: 'center' };
 export function usePanel() {
     const [state, setState] = useState({ payload: null, error: null });
     const [tick, setTick] = useState(0);
-    const reload = useCallback(() => setTick((value) => value + 1), []);
+    const reload = useCallback(() => setTick((v) => v + 1), []);
     useEffect(() => {
-        const controller = new AbortController();
-        setState((previous) => ({ ...previous, error: null }));
-        fetch(PANEL_PATH, { signal: controller.signal })
-            .then(async (response) => {
-            if (!response.ok)
-                throw new Error(String(response.status));
-            return response.json();
-        })
-            .then((payload) => {
-            if (!controller.signal.aborted)
-                setState({ payload, error: null });
-        })
-            .catch((cause) => {
-            if (controller.signal.aborted)
-                return;
-            setState({ payload: null, error: cause instanceof Error ? cause.message : String(cause) });
-        });
-        return () => controller.abort();
+        const c = new AbortController();
+        setState((p) => ({ ...p, error: null }));
+        fetch(PANEL_PATH, { signal: c.signal })
+            .then(async (r) => { if (!r.ok)
+            throw new Error(String(r.status)); return r.json(); })
+            .then((payload) => { if (!c.signal.aborted)
+            setState({ payload, error: null }); })
+            .catch((e) => { if (!c.signal.aborted)
+            setState({ payload: null, error: e instanceof Error ? e.message : String(e) }); });
+        return () => c.abort();
     }, [tick]);
     return { ...state, reload };
 }
+// --- Change detail expansion with diff and rollback ---
+function ChangeDetail({ hash, t, onRollback }) {
+    const [change, setChange] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const [rolling, setRolling] = useState(false);
+    const load = useCallback(async () => {
+        setLoading(true);
+        try {
+            const r = await fetch(`${CHANGE_PATH}?hash=${hash}`);
+            if (r.ok)
+                setChange(await r.json());
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [hash]);
+    useEffect(() => { load(); }, [load]);
+    const handleRollback = useCallback(async () => {
+        if (!confirm(t('confirmRollback')))
+            return;
+        setRolling(true);
+        try {
+            await fetch(ROLLBACK_PATH, {
+                method: 'POST',
+                headers: { 'content-type': 'application/json' },
+                body: JSON.stringify({ hash }),
+            });
+            onRollback();
+        }
+        finally {
+            setRolling(false);
+        }
+    }, [hash, t, onRollback]);
+    if (loading)
+        return _jsx("p", { style: muted, children: t('loading') });
+    if (!change)
+        return _jsx("p", { style: muted, children: t('notFound') });
+    return (_jsxs("div", { style: { ...card, marginTop: 4 }, children: [_jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 8 }, children: [_jsx("strong", { children: change.file }), _jsx("button", { type: "button", style: dangerBtn, disabled: rolling, onClick: handleRollback, children: rolling ? '…' : `↩ ${t('rollback')}` })] }), _jsxs("div", { style: { marginBottom: 8 }, children: [_jsx("strong", { style: { fontSize: 12 }, children: t('diff') }), _jsx("pre", { style: preBlock, children: change.diff })] }), _jsxs("div", { style: { display: 'flex', gap: 8, flexWrap: 'wrap' }, children: [_jsxs("div", { style: { flex: 1, minWidth: 250 }, children: [_jsx("strong", { style: { fontSize: 12, color: '#e55' }, children: t('before') }), _jsxs("pre", { style: { ...preBlock, maxHeight: 150 }, children: [change.oldContent.slice(0, 2000), change.oldContent.length > 2000 ? '\n…' : ''] })] }), _jsxs("div", { style: { flex: 1, minWidth: 250 }, children: [_jsx("strong", { style: { fontSize: 12, color: '#4a4' }, children: t('after') }), _jsxs("pre", { style: { ...preBlock, maxHeight: 150 }, children: [change.newContent.slice(0, 2000), change.newContent.length > 2000 ? '\n…' : ''] })] })] })] }));
+}
 export function PromptVcsPanel({ t }) {
     const { payload, error, reload } = usePanel();
-    const header = (_jsxs("header", { style: head, children: [_jsx("strong", { style: { fontSize: 13 }, children: t('title') }), _jsx("span", { style: { flex: 1 } }), _jsx("button", { type: "button", onClick: reload, style: { fontSize: 12 }, children: t('refresh') })] }));
+    const [expandedHash, setExpandedHash] = useState(null);
+    const header = (_jsxs("header", { style: head, children: [_jsxs("strong", { style: { fontSize: 13 }, children: ["\uD83D\uDCDD ", t('title')] }), _jsx("span", { style: { flex: 1 } }), _jsx("button", { type: "button", style: btn, onClick: reload, children: t('refresh') })] }));
     if (error !== null) {
-        return (_jsxs("div", { style: wrap, children: [header, _jsxs("p", { role: "alert", style: { margin: 0, fontSize: 13 }, children: [t('failed'), ": ", error] }), _jsx("button", { type: "button", onClick: reload, style: { alignSelf: 'flex-start', fontSize: 12 }, children: t('retry') })] }));
+        return (_jsxs("div", { style: wrap, children: [header, _jsxs("p", { role: "alert", style: { margin: 0, fontSize: 13 }, children: [t('failed'), ": ", error] }), _jsx("button", { type: "button", onClick: reload, style: { ...btn, alignSelf: 'flex-start' }, children: t('retry') })] }));
     }
     if (payload === null)
         return _jsx("p", { style: muted, "aria-live": "polite", children: t('loading') });
-    return (_jsxs("div", { style: wrap, children: [header, payload.timeline.length === 0 ? (_jsx("p", { style: { margin: 0, fontSize: 13, opacity: 0.8 }, children: t('empty') })) : (_jsxs("table", { style: table, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { style: th, children: t('hash') }), _jsx("th", { style: th, children: t('date') }), _jsx("th", { style: th, children: t('by') }), _jsx("th", { style: th, children: t('file') }), _jsx("th", { style: th, children: t('added') }), _jsx("th", { style: th, children: t('removed') })] }) }), _jsx("tbody", { children: payload.timeline.map((row) => (_jsxs("tr", { children: [_jsx("td", { style: td, children: _jsx("code", { style: { fontSize: 11 }, children: row.hash }) }), _jsx("td", { style: td, children: new Date(row.timestamp).toLocaleString() }), _jsx("td", { style: td, children: row.changedBy }), _jsx("td", { style: td, children: row.file }), _jsxs("td", { style: td, children: ["+", row.addedLines] }), _jsxs("td", { style: td, children: ["-", row.removedLines] })] }, row.hash))) })] }))] }));
+    return (_jsxs("div", { style: wrap, children: [header, _jsxs("div", { style: statRow, children: [_jsxs("div", { style: statBox, children: [_jsx("div", { style: { fontSize: 18, fontWeight: 700 }, children: payload.totalChanges }), _jsx("div", { style: muted, children: t('totalChanges') })] }), _jsxs("div", { style: statBox, children: [_jsx("div", { style: { fontSize: 18, fontWeight: 700 }, children: payload.files.length }), _jsx("div", { style: muted, children: t('filesTracked') })] }), _jsxs("div", { style: statBox, children: [_jsx("div", { style: { fontSize: 14, fontWeight: 600 }, children: payload.watchedFiles.join(', ') }), _jsx("div", { style: muted, children: t('watched') })] })] }), payload.files.length > 0 && (_jsxs("div", { children: [_jsxs("strong", { style: { fontSize: 13 }, children: ["\uD83D\uDCC1 ", t('files')] }), _jsxs("table", { style: { ...table, marginTop: 4 }, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { style: th, children: t('file') }), _jsx("th", { style: th, children: t('changes') }), _jsx("th", { style: th, children: t('lastChanged') }), _jsx("th", { style: th, children: t('size') })] }) }), _jsx("tbody", { children: payload.files.map((f) => (_jsxs("tr", { children: [_jsx("td", { style: td, children: _jsx("code", { style: { fontSize: 11 }, children: f.file }) }), _jsx("td", { style: td, children: f.changes }), _jsx("td", { style: td, children: new Date(f.lastChanged).toLocaleString() }), _jsxs("td", { style: td, children: [f.currentSize, "B"] })] }, f.file))) })] })] })), payload.timeline.length === 0 ? (_jsx("p", { style: { margin: 0, fontSize: 13, opacity: 0.8 }, children: t('empty') })) : (_jsxs("div", { children: [_jsxs("strong", { style: { fontSize: 13 }, children: ["\uD83D\uDD52 ", t('timeline')] }), _jsxs("table", { style: { ...table, marginTop: 4 }, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { style: th }), _jsx("th", { style: th, children: t('hash') }), _jsx("th", { style: th, children: t('date') }), _jsx("th", { style: th, children: t('by') }), _jsx("th", { style: th, children: t('file') }), _jsx("th", { style: th, children: t('added') }), _jsx("th", { style: th, children: t('removed') })] }) }), _jsx("tbody", { children: payload.timeline.map((row) => (_jsxs(_Fragment, { children: [_jsxs("tr", { style: clickRow, onClick: () => setExpandedHash(expandedHash === row.hash ? null : row.hash), children: [_jsx("td", { style: td, children: expandedHash === row.hash ? '▼' : '▶' }), _jsx("td", { style: td, children: _jsx("code", { style: { fontSize: 11 }, children: row.hash }) }), _jsx("td", { style: td, children: new Date(row.timestamp).toLocaleString() }), _jsx("td", { style: td, children: row.changedBy }), _jsx("td", { style: td, children: row.file }), _jsxs("td", { style: { ...td, color: '#4a4' }, children: ["+", row.addedLines] }), _jsxs("td", { style: { ...td, color: '#e55' }, children: ["-", row.removedLines] })] }, row.hash), expandedHash === row.hash && (_jsx("tr", { children: _jsx("td", { colSpan: 7, style: { padding: '4px 0' }, children: _jsx(ChangeDetail, { hash: row.hash, t: t, onRollback: () => { setExpandedHash(null); reload(); } }) }) }, `${row.hash}-detail`))] }))) })] })] }))] }));
 }

package/lib/index.d.ts

@@ -5,7 +5,9 @@ export interface VcsService {
     recordChange(file: string, oldContent: string, newContent: string, changedBy?: 'user' | 'plugin' | 'agent', pluginId?: string): ReturnType<PromptVcs['recordChange']>;
     timeline(): ReturnType<PromptVcs['timeline']>;
     getDiff(hash: string): ReturnType<PromptVcs['getDiff']>;
+    getChange(hash: string): ReturnType<PromptVcs['getChange']>;
     rollback(hash: string): boolean;
     panel(): ReturnType<PromptVcs['panel']>;
+    fileStats(): ReturnType<PromptVcs['fileStats']>;
 }
 export declare function apply(ctx: Context): void;

package/lib/index.js

@@ -9,8 +9,10 @@ export function apply(ctx) {
         recordChange: (file, oldContent, newContent, changedBy, pluginId) => vcs.recordChange(file, oldContent, newContent, changedBy, pluginId),
         timeline: () => vcs.timeline(),
         getDiff: (hash) => vcs.getDiff(hash),
+        getChange: (hash) => vcs.getChange(hash),
         rollback: (hash) => vcs.rollback(hash),
         panel: () => vcs.panel(),
+        fileStats: () => vcs.fileStats(),
     };
     ctx.provide('promptVcs', service);
     registerVcsRoutes(ctx, service);

package/lib/routes.d.ts

@@ -2,4 +2,7 @@ import type { Context } from '@deepseek-ai/cordis';
 import type { VcsService } from './index.js';
 import { VCS_PANEL_PATH } from './vcs.js';
 export { VCS_PANEL_PATH };
+export declare const VCS_DIFF_PATH = "/api/vcs.diff";
+export declare const VCS_ROLLBACK_PATH = "/api/vcs.rollback";
+export declare const VCS_CHANGE_PATH = "/api/vcs.change";
 export declare function registerVcsRoutes(ctx: Context, vcs: VcsService): void;

package/lib/routes.js

@@ -1,5 +1,8 @@
 import { VCS_PANEL_PATH } from './vcs.js';
 export { VCS_PANEL_PATH };
+export const VCS_DIFF_PATH = '/api/vcs.diff';
+export const VCS_ROLLBACK_PATH = '/api/vcs.rollback';
+export const VCS_CHANGE_PATH = '/api/vcs.change';
 export function registerVcsRoutes(ctx, vcs) {
     ctx.inject(['connection'], (connectionCtx) => {
         const connection = connectionCtx.connection;
@@ -46,5 +49,21 @@ export function registerVcsRoutes(ctx, vcs) {
                 return Response.json({ ok: true });
             },
         });
+        // Full change detail (with old/new content)
+        connection.fetch.register({
+            path: VCS_CHANGE_PATH,
+            methods: ['GET'],
+            requestBody: 'buffered',
+            fetch: async (request) => {
+                const url = new URL(request.url);
+                const hash = url.searchParams.get('hash');
+                if (!hash)
+                    return Response.json({ error: 'missing hash' }, { status: 400 });
+                const change = vcs.getChange(hash);
+                if (!change)
+                    return Response.json({ error: 'not found' }, { status: 404 });
+                return Response.json(change, { headers: { 'cache-control': 'no-store' } });
+            },
+        });
     });
 }

package/lib/types.d.ts

@@ -18,6 +18,15 @@ export interface TimelineEntry {
     addedLines: number;
     removedLines: number;
 }
+export interface FileStat {
+    file: string;
+    changes: number;
+    lastChanged: number;
+    currentSize: number;
+}
 export interface PanelPayload {
     timeline: TimelineEntry[];
+    files: FileStat[];
+    totalChanges: number;
+    watchedFiles: string[];
 }

package/lib/vcs.d.ts

@@ -1,4 +1,4 @@
-import type { Change, TimelineEntry, PanelPayload } from './types.js';
+import type { Change, TimelineEntry, PanelPayload, FileStat } from './types.js';
 export declare const VCS_PANEL_PATH = "/api/vcs.panel";
 export declare class PromptVcs {
     private projectDir;
@@ -10,8 +10,12 @@ export declare class PromptVcs {
     checkFile(file: string, lastKnownContent: string | null): Change | null;
     timeline(): TimelineEntry[];
     getDiff(hash: string): string | null;
+    /** Get full change detail by hash. */
+    getChange(hash: string): Change | null;
     /** Rollback a file to its state before the given change. */
     rollback(hash: string): boolean;
+    /** Get stats per file. */
+    fileStats(): FileStat[];
     panel(): PanelPayload;
     static get watchedFiles(): string[];
 }

package/lib/vcs.js

@@ -59,6 +59,11 @@ export class PromptVcs {
         const change = this.store.readAll().find((c) => c.hash === hash);
         return change?.diff ?? null;
     }
+    /** Get full change detail by hash. */
+    getChange(hash) {
+        const change = this.store.readAll().find((c) => c.hash === hash);
+        return change ?? null;
+    }
     /** Rollback a file to its state before the given change. */
     rollback(hash) {
         const changes = this.store.readAll();
@@ -71,8 +76,34 @@ export class PromptVcs {
         this.recordChange(fullPath, change.newContent, change.oldContent, 'user');
         return true;
     }
+    /** Get stats per file. */
+    fileStats() {
+        const changes = this.store.readAll();
+        const byFile = new Map();
+        for (const c of changes) {
+            const f = byFile.get(c.file) ?? { changes: 0, lastChanged: 0 };
+            f.changes++;
+            f.lastChanged = Math.max(f.lastChanged, c.timestamp);
+            byFile.set(c.file, f);
+        }
+        return [...byFile.entries()].map(([file, v]) => {
+            const fullPath = join(this.projectDir, file);
+            let currentSize = 0;
+            try {
+                currentSize = existsSync(fullPath) ? readFileSync(fullPath, 'utf8').length : 0;
+            }
+            catch { /* */ }
+            return { file, ...v, currentSize };
+        }).sort((a, b) => b.lastChanged - a.lastChanged);
+    }
     panel() {
-        return { timeline: this.timeline() };
+        const changes = this.store.readAll();
+        return {
+            timeline: this.timeline(),
+            files: this.fileStats(),
+            totalChanges: changes.length,
+            watchedFiles: WATCHED_FILES,
+        };
     }
     static get watchedFiles() {
         return WATCHED_FILES;

package/lib/vcs.web.js

@@ -42,7 +42,21 @@ var zh = {
   "refresh": "\u5237\u65B0",
   "loading": "\u6B63\u5728\u52A0\u8F7D\u2026",
   "failed": "\u52A0\u8F7D\u5931\u8D25",
-  "retry": "\u91CD\u8BD5"
+  "retry": "\u91CD\u8BD5",
+  "totalChanges": "\u603B\u53D8\u66F4\u6570",
+  "filesTracked": "\u8DDF\u8E2A\u6587\u4EF6\u6570",
+  "watched": "\u76D1\u63A7\u6587\u4EF6",
+  "files": "\u6587\u4EF6",
+  "changes": "\u53D8\u66F4\u6B21\u6570",
+  "lastChanged": "\u6700\u540E\u53D8\u66F4",
+  "size": "\u5927\u5C0F",
+  "timeline": "\u65F6\u95F4\u7EBF",
+  "diff": "\u5DEE\u5F02",
+  "before": "\u53D8\u66F4\u524D",
+  "after": "\u53D8\u66F4\u540E",
+  "rollback": "\u56DE\u6EDA",
+  "confirmRollback": "\u786E\u5B9A\u56DE\u6EDA\u5230\u6B64\u53D8\u66F4\u4E4B\u524D\u7684\u72B6\u6001\uFF1F",
+  "notFound": "\u672A\u627E\u5230\u53D8\u66F4\u8BB0\u5F55"
 };
 var en = {
   "nav": "Prompt VCS",
@@ -57,45 +71,130 @@ var en = {
   "refresh": "Refresh",
   "loading": "Loading\u2026",
   "failed": "Failed to load",
-  "retry": "Retry"
+  "retry": "Retry",
+  "totalChanges": "Total Changes",
+  "filesTracked": "Files Tracked",
+  "watched": "Watched",
+  "files": "Files",
+  "changes": "Changes",
+  "lastChanged": "Last Changed",
+  "size": "Size",
+  "timeline": "Timeline",
+  "diff": "Diff",
+  "before": "Before",
+  "after": "After",
+  "rollback": "Rollback",
+  "confirmRollback": "Rollback to before this change?",
+  "notFound": "Change not found"
 };
 
 // src/client/view.tsx
 var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 var PANEL_PATH = "/api/vcs.panel";
-var wrap = { display: "flex", flexDirection: "column", gap: 12, maxWidth: 760, fontFamily: "inherit" };
+var CHANGE_PATH = "/api/vcs.change";
+var ROLLBACK_PATH = "/api/vcs.rollback";
+var wrap = { display: "flex", flexDirection: "column", gap: 12, maxWidth: 820, fontFamily: "inherit" };
 var head = { display: "flex", alignItems: "baseline", gap: 12, flexWrap: "wrap" };
 var muted = { fontSize: 12, opacity: 0.75 };
 var table = { borderCollapse: "collapse", width: "100%" };
 var th = { textAlign: "left", padding: "4px 10px 4px 0", fontWeight: 600, fontSize: 12, opacity: 0.8, borderBottom: "0.5px solid rgba(128,128,128,0.4)" };
 var td = { padding: "6px 10px 6px 0", fontSize: 13, borderBottom: "0.5px solid rgba(128,128,128,0.18)" };
+var card = { padding: "8px 12px", borderRadius: 6, border: "1px solid rgba(128,128,128,0.2)", fontSize: 13 };
+var btn = { fontSize: 12, cursor: "pointer", padding: "3px 10px", borderRadius: 4, border: "0.5px solid rgba(128,128,128,0.4)" };
+var dangerBtn = { ...btn, color: "#e55", borderColor: "#e55" };
+var preBlock = { whiteSpace: "pre-wrap", wordBreak: "break-word", fontSize: 11, maxHeight: 200, overflow: "auto", padding: 8, borderRadius: 4, background: "rgba(128,128,128,0.06)", border: "1px solid rgba(128,128,128,0.15)" };
+var clickRow = { cursor: "pointer" };
+var statRow = { display: "flex", gap: 12, flexWrap: "wrap" };
+var statBox = { ...card, flex: 1, minWidth: 100, textAlign: "center" };
 function usePanel() {
   const [state, setState] = (0, import_react.useState)({ payload: null, error: null });
   const [tick, setTick] = (0, import_react.useState)(0);
-  const reload = (0, import_react.useCallback)(() => setTick((value) => value + 1), []);
+  const reload = (0, import_react.useCallback)(() => setTick((v) => v + 1), []);
   (0, import_react.useEffect)(() => {
-    const controller = new AbortController();
-    setState((previous) => ({ ...previous, error: null }));
-    fetch(PANEL_PATH, { signal: controller.signal }).then(async (response) => {
-      if (!response.ok) throw new Error(String(response.status));
-      return response.json();
+    const c = new AbortController();
+    setState((p) => ({ ...p, error: null }));
+    fetch(PANEL_PATH, { signal: c.signal }).then(async (r) => {
+      if (!r.ok) throw new Error(String(r.status));
+      return r.json();
     }).then((payload) => {
-      if (!controller.signal.aborted) setState({ payload, error: null });
-    }).catch((cause) => {
-      if (controller.signal.aborted) return;
-      setState({ payload: null, error: cause instanceof Error ? cause.message : String(cause) });
+      if (!c.signal.aborted) setState({ payload, error: null });
+    }).catch((e) => {
+      if (!c.signal.aborted) setState({ payload: null, error: e instanceof Error ? e.message : String(e) });
     });
-    return () => controller.abort();
+    return () => c.abort();
   }, [tick]);
   return { ...state, reload };
 }
+function ChangeDetail({ hash, t, onRollback }) {
+  const [change, setChange] = (0, import_react.useState)(null);
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const [rolling, setRolling] = (0, import_react.useState)(false);
+  const load = (0, import_react.useCallback)(async () => {
+    setLoading(true);
+    try {
+      const r = await fetch(`${CHANGE_PATH}?hash=${hash}`);
+      if (r.ok) setChange(await r.json());
+    } finally {
+      setLoading(false);
+    }
+  }, [hash]);
+  (0, import_react.useEffect)(() => {
+    load();
+  }, [load]);
+  const handleRollback = (0, import_react.useCallback)(async () => {
+    if (!confirm(t("confirmRollback"))) return;
+    setRolling(true);
+    try {
+      await fetch(ROLLBACK_PATH, {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ hash })
+      });
+      onRollback();
+    } finally {
+      setRolling(false);
+    }
+  }, [hash, t, onRollback]);
+  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: muted, children: t("loading") });
+  if (!change) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: muted, children: t("notFound") });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { ...card, marginTop: 4 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 8 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: change.file }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", style: dangerBtn, disabled: rolling, onClick: handleRollback, children: rolling ? "\u2026" : `\u21A9 ${t("rollback")}` })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginBottom: 8 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { style: { fontSize: 12 }, children: t("diff") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { style: preBlock, children: change.diff })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", gap: 8, flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { flex: 1, minWidth: 250 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { style: { fontSize: 12, color: "#e55" }, children: t("before") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("pre", { style: { ...preBlock, maxHeight: 150 }, children: [
+          change.oldContent.slice(0, 2e3),
+          change.oldContent.length > 2e3 ? "\n\u2026" : ""
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { flex: 1, minWidth: 250 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { style: { fontSize: 12, color: "#4a4" }, children: t("after") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("pre", { style: { ...preBlock, maxHeight: 150 }, children: [
+          change.newContent.slice(0, 2e3),
+          change.newContent.length > 2e3 ? "\n\u2026" : ""
+        ] })
+      ] })
+    ] })
+  ] });
+}
 function PromptVcsPanel({ t }) {
   const { payload, error, reload } = usePanel();
+  const [expandedHash, setExpandedHash] = (0, import_react.useState)(null);
   const header = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { style: head, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { style: { fontSize: 13 }, children: t("title") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("strong", { style: { fontSize: 13 }, children: [
+      "\u{1F4DD} ",
+      t("title")
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { flex: 1 } }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: reload, style: { fontSize: 12 }, children: t("refresh") })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", style: btn, onClick: reload, children: t("refresh") })
   ] });
   if (error !== null) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: wrap, children: [
@@ -105,35 +204,86 @@ function PromptVcsPanel({ t }) {
         ": ",
         error
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: reload, style: { alignSelf: "flex-start", fontSize: 12 }, children: t("retry") })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: reload, style: { ...btn, alignSelf: "flex-start" }, children: t("retry") })
     ] });
   }
   if (payload === null) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: muted, "aria-live": "polite", children: t("loading") });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: wrap, children: [
     header,
-    payload.timeline.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: { margin: 0, fontSize: 13, opacity: 0.8 }, children: t("empty") }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", { style: table, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("hash") }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("date") }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("by") }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("file") }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("added") }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("removed") })
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: payload.timeline.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { style: { fontSize: 11 }, children: row.hash }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: new Date(row.timestamp).toLocaleString() }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: row.changedBy }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: row.file }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("td", { style: td, children: [
-          "+",
-          row.addedLines
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("td", { style: td, children: [
-          "-",
-          row.removedLines
-        ] })
-      ] }, row.hash)) })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: statRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: statBox, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontSize: 18, fontWeight: 700 }, children: payload.totalChanges }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: muted, children: t("totalChanges") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: statBox, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontSize: 18, fontWeight: 700 }, children: payload.files.length }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: muted, children: t("filesTracked") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: statBox, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontSize: 14, fontWeight: 600 }, children: payload.watchedFiles.join(", ") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: muted, children: t("watched") })
+      ] })
+    ] }),
+    payload.files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("strong", { style: { fontSize: 13 }, children: [
+        "\u{1F4C1} ",
+        t("files")
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", { style: { ...table, marginTop: 4 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("file") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("changes") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("lastChanged") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("size") })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: payload.files.map((f) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { style: { fontSize: 11 }, children: f.file }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: f.changes }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: new Date(f.lastChanged).toLocaleString() }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("td", { style: td, children: [
+            f.currentSize,
+            "B"
+          ] })
+        ] }, f.file)) })
+      ] })
+    ] }),
+    payload.timeline.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: { margin: 0, fontSize: 13, opacity: 0.8 }, children: t("empty") }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("strong", { style: { fontSize: 13 }, children: [
+        "\u{1F552} ",
+        t("timeline")
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", { style: { ...table, marginTop: 4 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("hash") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("date") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("by") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("file") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("added") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("removed") })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: payload.timeline.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { style: clickRow, onClick: () => setExpandedHash(expandedHash === row.hash ? null : row.hash), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: expandedHash === row.hash ? "\u25BC" : "\u25B6" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { style: { fontSize: 11 }, children: row.hash }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: new Date(row.timestamp).toLocaleString() }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: row.changedBy }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: row.file }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("td", { style: { ...td, color: "#4a4" }, children: [
+              "+",
+              row.addedLines
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("td", { style: { ...td, color: "#e55" }, children: [
+              "-",
+              row.removedLines
+            ] })
+          ] }, row.hash),
+          expandedHash === row.hash && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { colSpan: 7, style: { padding: "4px 0" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChangeDetail, { hash: row.hash, t, onRollback: () => {
+            setExpandedHash(null);
+            reload();
+          } }) }) }, `${row.hash}-detail`)
+        ] })) })
+      ] })
     ] })
   ] });
 }

package/lib/vcs.web.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/client/index.tsx", "../src/client/locales.ts", "../src/client/view.tsx"],
-  "sourcesContent": ["/**\n * Browser half of dsh-prompt-vcs: its page inside Settings.\n *\n * Two services are injected by their runtime identity, not by the packages that provide\n * them: the settings shell is `slots`, the dictionary registry is `locale`. The label and\n * every string inside the component are translated through this plugin's own namespace,\n * which is why the page follows the UI language instead of the plugin author's.\n *\n * @module client\n */\n\nimport type { ComponentType } from 'react'\n\nimport { NS, en, zh } from './locales.js'\nimport { PromptVcsPanel } from './view.js'\n\nexport const inject = ['slots', 'locale']\n\ninterface SlotsService {\n  inject(name: string, register: () => void): void\n  register(\n    options: { name: string; id: string; order: number; label: () => string; locale: string },\n    component: ComponentType<{ t: (key: string, params?: Record<string, unknown>) => string }>,\n  ): unknown\n}\n\ninterface ClientContext {\n  slots: SlotsService\n  locale: {\n    register(ns: string, dicts: { zh: unknown; en: unknown }): () => void\n    bind(ns: string): (key: string, params?: Record<string, unknown>) => string\n  }\n  effect(callback: () => unknown, label?: string): unknown\n}\n\nexport function apply(ctx: ClientContext): void {\n  // `zh` is the key-set source of truth, matching the official client plugins.\n  ctx.effect(() => ctx.locale.register(NS, { zh, en }), 'dsh-prompt-vcs: dictionaries')\n\n  ctx.slots.inject('settings.section', () => ctx.slots.register(\n    {\n      name: 'settings.section',\n      id: 'prompt-vcs',\n      order: 44,\n      label: () => ctx.locale.bind(NS)('nav'),\n      locale: NS,\n    },\n    PromptVcsPanel,\n  ))\n}\n", "/**\n * Dictionaries for the Prompt VCS page.\n *\n * `zh` is the key-set source of truth, as in the official client plugins, and `en` is\n * typed against it: a key translated in one language but not the other fails the build\n * instead of silently rendering the raw key.\n *\n * @module client/locales\n */\n\n/** Dictionary namespace owned by this plugin. */\nexport const NS = 'promptVcs'\n\n/** Simplified Chinese dictionary (the key-set source of truth). */\nexport const zh = {\n  'nav': '\u63D0\u793A\u8BCD\u7248\u672C',\n  'title': '\u63D0\u793A\u8BCD\u7248\u672C',\n  'hash': '\u7248\u672C\u53F7',\n  'date': '\u65F6\u95F4',\n  'by': '\u4FEE\u6539\u65B9',\n  'file': '\u6587\u4EF6',\n  'added': '\u65B0\u589E',\n  'removed': '\u5220\u9664',\n  'empty': '\u8FD8\u6CA1\u6709\u8BB0\u5F55\u5230\u6307\u4EE4\u6539\u52A8\u3002',\n  'refresh': '\u5237\u65B0',\n  'loading': '\u6B63\u5728\u52A0\u8F7D\u2026',\n  'failed': '\u52A0\u8F7D\u5931\u8D25',\n  'retry': '\u91CD\u8BD5',\n}\n\n/** English dictionary, checked complete against the zh key set. */\nexport const en: typeof zh = {\n  'nav': 'Prompt VCS',\n  'title': 'Prompt VCS',\n  'hash': 'Hash',\n  'date': 'Date',\n  'by': 'Changed by',\n  'file': 'File',\n  'added': 'Added',\n  'removed': 'Removed',\n  'empty': 'No instruction changes recorded yet.',\n  'refresh': 'Refresh',\n  'loading': 'Loading\u2026',\n  'failed': 'Failed to load',\n  'retry': 'Retry',\n}\n", "/**\n * Pure rendering half of the promptVcs page.\n *\n * Separate from `index.tsx` so a static render can assert in Node what the page draws \u2014\n * the shipped bundle is a loader factory only a browser can run. Every user-visible\n * string comes from the `t` seat the renderer binds from this plugin's namespace, so the\n * page follows the UI language; no copy is hardcoded here.\n *\n * @module client/view\n */\n\nimport { useCallback, useEffect, useState } from 'react'\nimport type { CSSProperties } from 'react'\n\nimport type { PanelPayload } from '../types.js'\n\n/** The translate seat the renderer binds from this plugin's locale namespace. */\nexport type Translate = (key: string, params?: Record<string, unknown>) => string\n\nexport interface PanelProps {\n  /** Bound translate function for this plugin's namespace. */\n  t: Translate\n}\n\n/** Panel route registered by the host half on the web connection. */\nconst PANEL_PATH = \"/api/vcs.panel\"\n\nconst wrap: CSSProperties = { display: 'flex', flexDirection: 'column', gap: 12, maxWidth: 760, fontFamily: 'inherit' }\nconst head: CSSProperties = { display: 'flex', alignItems: 'baseline', gap: 12, flexWrap: 'wrap' }\nconst muted: CSSProperties = { fontSize: 12, opacity: 0.75 }\nconst table: CSSProperties = { borderCollapse: 'collapse', width: '100%' }\nconst th: CSSProperties = { textAlign: 'left', padding: '4px 10px 4px 0', fontWeight: 600, fontSize: 12, opacity: 0.8, borderBottom: '0.5px solid rgba(128,128,128,0.4)' }\nconst td: CSSProperties = { padding: '6px 10px 6px 0', fontSize: 13, borderBottom: '0.5px solid rgba(128,128,128,0.18)' }\n\ninterface PanelState {\n  payload: PanelPayload | null\n  error: string | null\n}\n\n/** Fetch the host panel payload; `reload` re-runs the request. */\nexport function usePanel(): PanelState & { reload: () => void } {\n  const [state, setState] = useState<PanelState>({ payload: null, error: null })\n  const [tick, setTick] = useState(0)\n  const reload = useCallback(() => setTick((value) => value + 1), [])\n\n  useEffect(() => {\n    const controller = new AbortController()\n    setState((previous) => ({ ...previous, error: null }))\n    fetch(PANEL_PATH, { signal: controller.signal })\n      .then(async (response) => {\n        if (!response.ok) throw new Error(String(response.status))\n        return response.json() as Promise<PanelPayload>\n      })\n      .then((payload) => {\n        if (!controller.signal.aborted) setState({ payload, error: null })\n      })\n      .catch((cause: unknown) => {\n        if (controller.signal.aborted) return\n        setState({ payload: null, error: cause instanceof Error ? cause.message : String(cause) })\n      })\n    return () => controller.abort()\n  }, [tick])\n\n  return { ...state, reload }\n}\n\nexport function PromptVcsPanel({ t }: PanelProps) {\n  const { payload, error, reload } = usePanel()\n  const header = (\n    <header style={head}>\n      <strong style={{ fontSize: 13 }}>{t('title')}</strong>\n      <span style={{ flex: 1 }} />\n      <button type=\"button\" onClick={reload} style={{ fontSize: 12 }}>{t('refresh')}</button>\n    </header>\n  )\n  if (error !== null) {\n    return (\n      <div style={wrap}>\n        {header}\n        <p role=\"alert\" style={{ margin: 0, fontSize: 13 }}>{t('failed')}: {error}</p>\n        <button type=\"button\" onClick={reload} style={{ alignSelf: 'flex-start', fontSize: 12 }}>{t('retry')}</button>\n      </div>\n    )\n  }\n  if (payload === null) return <p style={muted} aria-live=\"polite\">{t('loading')}</p>\n  return (\n    <div style={wrap}>\n      {header}\n      {payload.timeline.length === 0 ? (\n        <p style={{ margin: 0, fontSize: 13, opacity: 0.8 }}>{t('empty')}</p>\n      ) : (\n        <table style={table}>\n          <thead>\n            <tr>\n              <th style={th}>{t('hash')}</th><th style={th}>{t('date')}</th><th style={th}>{t('by')}</th>\n              <th style={th}>{t('file')}</th><th style={th}>{t('added')}</th><th style={th}>{t('removed')}</th>\n            </tr>\n          </thead>\n          <tbody>\n            {payload.timeline.map((row) => (\n              <tr key={row.hash}>\n                <td style={td}><code style={{ fontSize: 11 }}>{row.hash}</code></td>\n                <td style={td}>{new Date(row.timestamp).toLocaleString()}</td>\n                <td style={td}>{row.changedBy}</td>\n                <td style={td}>{row.file}</td>\n                <td style={td}>+{row.addedLines}</td>\n                <td style={td}>-{row.removedLines}</td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      )}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * Browser half of dsh-prompt-vcs: its page inside Settings.\n *\n * Two services are injected by their runtime identity, not by the packages that provide\n * them: the settings shell is `slots`, the dictionary registry is `locale`. The label and\n * every string inside the component are translated through this plugin's own namespace,\n * which is why the page follows the UI language instead of the plugin author's.\n *\n * @module client\n */\n\nimport type { ComponentType } from 'react'\n\nimport { NS, en, zh } from './locales.js'\nimport { PromptVcsPanel } from './view.js'\n\nexport const inject = ['slots', 'locale']\n\ninterface SlotsService {\n  inject(name: string, register: () => void): void\n  register(\n    options: { name: string; id: string; order: number; label: () => string; locale: string },\n    component: ComponentType<{ t: (key: string, params?: Record<string, unknown>) => string }>,\n  ): unknown\n}\n\ninterface ClientContext {\n  slots: SlotsService\n  locale: {\n    register(ns: string, dicts: { zh: unknown; en: unknown }): () => void\n    bind(ns: string): (key: string, params?: Record<string, unknown>) => string\n  }\n  effect(callback: () => unknown, label?: string): unknown\n}\n\nexport function apply(ctx: ClientContext): void {\n  // `zh` is the key-set source of truth, matching the official client plugins.\n  ctx.effect(() => ctx.locale.register(NS, { zh, en }), 'dsh-prompt-vcs: dictionaries')\n\n  ctx.slots.inject('settings.section', () => ctx.slots.register(\n    {\n      name: 'settings.section',\n      id: 'prompt-vcs',\n      order: 44,\n      label: () => ctx.locale.bind(NS)('nav'),\n      locale: NS,\n    },\n    PromptVcsPanel,\n  ))\n}\n", "/**\n * Dictionaries for the Prompt VCS page.\n *\n * `zh` is the key-set source of truth, as in the official client plugins, and `en` is\n * typed against it: a key translated in one language but not the other fails the build\n * instead of silently rendering the raw key.\n *\n * @module client/locales\n */\n\n/** Dictionary namespace owned by this plugin. */\nexport const NS = 'promptVcs'\n\n/** Simplified Chinese dictionary (the key-set source of truth). */\nexport const zh = {\n  'nav': '\u63D0\u793A\u8BCD\u7248\u672C',\n  'title': '\u63D0\u793A\u8BCD\u7248\u672C',\n  'hash': '\u7248\u672C\u53F7',\n  'date': '\u65F6\u95F4',\n  'by': '\u4FEE\u6539\u65B9',\n  'file': '\u6587\u4EF6',\n  'added': '\u65B0\u589E',\n  'removed': '\u5220\u9664',\n  'empty': '\u8FD8\u6CA1\u6709\u8BB0\u5F55\u5230\u6307\u4EE4\u6539\u52A8\u3002',\n  'refresh': '\u5237\u65B0',\n  'loading': '\u6B63\u5728\u52A0\u8F7D\u2026',\n  'failed': '\u52A0\u8F7D\u5931\u8D25',\n  'retry': '\u91CD\u8BD5',\n  'totalChanges': '\u603B\u53D8\u66F4\u6570',\n  'filesTracked': '\u8DDF\u8E2A\u6587\u4EF6\u6570',\n  'watched': '\u76D1\u63A7\u6587\u4EF6',\n  'files': '\u6587\u4EF6',\n  'changes': '\u53D8\u66F4\u6B21\u6570',\n  'lastChanged': '\u6700\u540E\u53D8\u66F4',\n  'size': '\u5927\u5C0F',\n  'timeline': '\u65F6\u95F4\u7EBF',\n  'diff': '\u5DEE\u5F02',\n  'before': '\u53D8\u66F4\u524D',\n  'after': '\u53D8\u66F4\u540E',\n  'rollback': '\u56DE\u6EDA',\n  'confirmRollback': '\u786E\u5B9A\u56DE\u6EDA\u5230\u6B64\u53D8\u66F4\u4E4B\u524D\u7684\u72B6\u6001\uFF1F',\n  'notFound': '\u672A\u627E\u5230\u53D8\u66F4\u8BB0\u5F55',\n}\n\n/** English dictionary, checked complete against the zh key set. */\nexport const en: typeof zh = {\n  'nav': 'Prompt VCS',\n  'title': 'Prompt VCS',\n  'hash': 'Hash',\n  'date': 'Date',\n  'by': 'Changed by',\n  'file': 'File',\n  'added': 'Added',\n  'removed': 'Removed',\n  'empty': 'No instruction changes recorded yet.',\n  'refresh': 'Refresh',\n  'loading': 'Loading\u2026',\n  'failed': 'Failed to load',\n  'retry': 'Retry',\n  'totalChanges': 'Total Changes',\n  'filesTracked': 'Files Tracked',\n  'watched': 'Watched',\n  'files': 'Files',\n  'changes': 'Changes',\n  'lastChanged': 'Last Changed',\n  'size': 'Size',\n  'timeline': 'Timeline',\n  'diff': 'Diff',\n  'before': 'Before',\n  'after': 'After',\n  'rollback': 'Rollback',\n  'confirmRollback': 'Rollback to before this change?',\n  'notFound': 'Change not found',\n}\n", "/**\n * Pure rendering half of the promptVcs page.\n *\n * Separate from `index.tsx` so a static render can assert in Node what the page draws \u2014\n * the shipped bundle is a loader factory only a browser can run. Every user-visible\n * string comes from the `t` seat the renderer binds from this plugin's namespace, so the\n * page follows the UI language; no copy is hardcoded here.\n *\n * @module client/view\n */\n\nimport { useCallback, useEffect, useState } from 'react'\nimport type { CSSProperties } from 'react'\n\nimport type { PanelPayload, Change } from '../types.js'\n\nexport type Translate = (key: string, params?: Record<string, unknown>) => string\n\nexport interface PanelProps {\n  t: Translate\n}\n\nconst PANEL_PATH = '/api/vcs.panel'\nconst CHANGE_PATH = '/api/vcs.change'\nconst ROLLBACK_PATH = '/api/vcs.rollback'\n\nconst wrap: CSSProperties = { display: 'flex', flexDirection: 'column', gap: 12, maxWidth: 820, fontFamily: 'inherit' }\nconst head: CSSProperties = { display: 'flex', alignItems: 'baseline', gap: 12, flexWrap: 'wrap' }\nconst muted: CSSProperties = { fontSize: 12, opacity: 0.75 }\nconst table: CSSProperties = { borderCollapse: 'collapse', width: '100%' }\nconst th: CSSProperties = { textAlign: 'left', padding: '4px 10px 4px 0', fontWeight: 600, fontSize: 12, opacity: 0.8, borderBottom: '0.5px solid rgba(128,128,128,0.4)' }\nconst td: CSSProperties = { padding: '6px 10px 6px 0', fontSize: 13, borderBottom: '0.5px solid rgba(128,128,128,0.18)' }\nconst card: CSSProperties = { padding: '8px 12px', borderRadius: 6, border: '1px solid rgba(128,128,128,0.2)', fontSize: 13 }\nconst btn: CSSProperties = { fontSize: 12, cursor: 'pointer', padding: '3px 10px', borderRadius: 4, border: '0.5px solid rgba(128,128,128,0.4)' }\nconst dangerBtn: CSSProperties = { ...btn, color: '#e55', borderColor: '#e55' }\nconst preBlock: CSSProperties = { whiteSpace: 'pre-wrap', wordBreak: 'break-word', fontSize: 11, maxHeight: 200, overflow: 'auto', padding: 8, borderRadius: 4, background: 'rgba(128,128,128,0.06)', border: '1px solid rgba(128,128,128,0.15)' }\nconst clickRow: CSSProperties = { cursor: 'pointer' }\nconst statRow: CSSProperties = { display: 'flex', gap: 12, flexWrap: 'wrap' }\nconst statBox: CSSProperties = { ...card, flex: 1, minWidth: 100, textAlign: 'center' as const }\n\ninterface PanelState {\n  payload: PanelPayload | null\n  error: string | null\n}\n\nexport function usePanel(): PanelState & { reload: () => void } {\n  const [state, setState] = useState<PanelState>({ payload: null, error: null })\n  const [tick, setTick] = useState(0)\n  const reload = useCallback(() => setTick((v) => v + 1), [])\n  useEffect(() => {\n    const c = new AbortController()\n    setState((p) => ({ ...p, error: null }))\n    fetch(PANEL_PATH, { signal: c.signal })\n      .then(async (r) => { if (!r.ok) throw new Error(String(r.status)); return r.json() as Promise<PanelPayload> })\n      .then((payload) => { if (!c.signal.aborted) setState({ payload, error: null }) })\n      .catch((e: unknown) => { if (!c.signal.aborted) setState({ payload: null, error: e instanceof Error ? e.message : String(e) }) })\n    return () => c.abort()\n  }, [tick])\n  return { ...state, reload }\n}\n\n// --- Change detail expansion with diff and rollback ---\nfunction ChangeDetail({ hash, t, onRollback }: { hash: string; t: Translate; onRollback: () => void }) {\n  const [change, setChange] = useState<Change | null>(null)\n  const [loading, setLoading] = useState(false)\n  const [rolling, setRolling] = useState(false)\n\n  const load = useCallback(async () => {\n    setLoading(true)\n    try {\n      const r = await fetch(`${CHANGE_PATH}?hash=${hash}`)\n      if (r.ok) setChange(await r.json() as Change)\n    } finally { setLoading(false) }\n  }, [hash])\n\n  useEffect(() => { load() }, [load])\n\n  const handleRollback = useCallback(async () => {\n    if (!confirm(t('confirmRollback'))) return\n    setRolling(true)\n    try {\n      await fetch(ROLLBACK_PATH, {\n        method: 'POST',\n        headers: { 'content-type': 'application/json' },\n        body: JSON.stringify({ hash }),\n      })\n      onRollback()\n    } finally { setRolling(false) }\n  }, [hash, t, onRollback])\n\n  if (loading) return <p style={muted}>{t('loading')}</p>\n  if (!change) return <p style={muted}>{t('notFound')}</p>\n  return (\n    <div style={{ ...card, marginTop: 4 }}>\n      <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 8 }}>\n        <strong>{change.file}</strong>\n        <button type=\"button\" style={dangerBtn} disabled={rolling} onClick={handleRollback}>\n          {rolling ? '\u2026' : `\u21A9 ${t('rollback')}`}\n        </button>\n      </div>\n      {/* Diff display */}\n      <div style={{ marginBottom: 8 }}>\n        <strong style={{ fontSize: 12 }}>{t('diff')}</strong>\n        <pre style={preBlock}>{change.diff}</pre>\n      </div>\n      {/* Old / New content */}\n      <div style={{ display: 'flex', gap: 8, flexWrap: 'wrap' }}>\n        <div style={{ flex: 1, minWidth: 250 }}>\n          <strong style={{ fontSize: 12, color: '#e55' }}>{t('before')}</strong>\n          <pre style={{ ...preBlock, maxHeight: 150 }}>{change.oldContent.slice(0, 2000)}{change.oldContent.length > 2000 ? '\\n\u2026' : ''}</pre>\n        </div>\n        <div style={{ flex: 1, minWidth: 250 }}>\n          <strong style={{ fontSize: 12, color: '#4a4' }}>{t('after')}</strong>\n          <pre style={{ ...preBlock, maxHeight: 150 }}>{change.newContent.slice(0, 2000)}{change.newContent.length > 2000 ? '\\n\u2026' : ''}</pre>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport function PromptVcsPanel({ t }: PanelProps) {\n  const { payload, error, reload } = usePanel()\n  const [expandedHash, setExpandedHash] = useState<string | null>(null)\n\n  const header = (\n    <header style={head}>\n      <strong style={{ fontSize: 13 }}>\uD83D\uDCDD {t('title')}</strong>\n      <span style={{ flex: 1 }} />\n      <button type=\"button\" style={btn} onClick={reload}>{t('refresh')}</button>\n    </header>\n  )\n  if (error !== null) {\n    return (\n      <div style={wrap}>\n        {header}\n        <p role=\"alert\" style={{ margin: 0, fontSize: 13 }}>{t('failed')}: {error}</p>\n        <button type=\"button\" onClick={reload} style={{ ...btn, alignSelf: 'flex-start' }}>{t('retry')}</button>\n      </div>\n    )\n  }\n  if (payload === null) return <p style={muted} aria-live=\"polite\">{t('loading')}</p>\n  return (\n    <div style={wrap}>\n      {header}\n\n      {/* Overview */}\n      <div style={statRow}>\n        <div style={statBox}><div style={{ fontSize: 18, fontWeight: 700 }}>{payload.totalChanges}</div><div style={muted}>{t('totalChanges')}</div></div>\n        <div style={statBox}><div style={{ fontSize: 18, fontWeight: 700 }}>{payload.files.length}</div><div style={muted}>{t('filesTracked')}</div></div>\n        <div style={statBox}><div style={{ fontSize: 14, fontWeight: 600 }}>{payload.watchedFiles.join(', ')}</div><div style={muted}>{t('watched')}</div></div>\n      </div>\n\n      {/* File stats */}\n      {payload.files.length > 0 && (\n        <div>\n          <strong style={{ fontSize: 13 }}>\uD83D\uDCC1 {t('files')}</strong>\n          <table style={{ ...table, marginTop: 4 }}>\n            <thead>\n              <tr><th style={th}>{t('file')}</th><th style={th}>{t('changes')}</th><th style={th}>{t('lastChanged')}</th><th style={th}>{t('size')}</th></tr>\n            </thead>\n            <tbody>\n              {payload.files.map((f) => (\n                <tr key={f.file}>\n                  <td style={td}><code style={{ fontSize: 11 }}>{f.file}</code></td>\n                  <td style={td}>{f.changes}</td>\n                  <td style={td}>{new Date(f.lastChanged).toLocaleString()}</td>\n                  <td style={td}>{f.currentSize}B</td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      )}\n\n      {/* Timeline (expandable with diff + rollback) */}\n      {payload.timeline.length === 0 ? (\n        <p style={{ margin: 0, fontSize: 13, opacity: 0.8 }}>{t('empty')}</p>\n      ) : (\n        <div>\n          <strong style={{ fontSize: 13 }}>\uD83D\uDD52 {t('timeline')}</strong>\n          <table style={{ ...table, marginTop: 4 }}>\n            <thead>\n              <tr>\n                <th style={th} /><th style={th}>{t('hash')}</th><th style={th}>{t('date')}</th><th style={th}>{t('by')}</th>\n                <th style={th}>{t('file')}</th><th style={th}>{t('added')}</th><th style={th}>{t('removed')}</th>\n              </tr>\n            </thead>\n            <tbody>\n              {payload.timeline.map((row) => (\n                <>\n                  <tr key={row.hash} style={clickRow} onClick={() => setExpandedHash(expandedHash === row.hash ? null : row.hash)}>\n                    <td style={td}>{expandedHash === row.hash ? '\u25BC' : '\u25B6'}</td>\n                    <td style={td}><code style={{ fontSize: 11 }}>{row.hash}</code></td>\n                    <td style={td}>{new Date(row.timestamp).toLocaleString()}</td>\n                    <td style={td}>{row.changedBy}</td>\n                    <td style={td}>{row.file}</td>\n                    <td style={{ ...td, color: '#4a4' }}>+{row.addedLines}</td>\n                    <td style={{ ...td, color: '#e55' }}>-{row.removedLines}</td>\n                  </tr>\n                  {expandedHash === row.hash && (\n                    <tr key={`${row.hash}-detail`}>\n                      <td colSpan={7} style={{ padding: '4px 0' }}>\n                        <ChangeDetail hash={row.hash} t={t} onRollback={() => { setExpandedHash(null); reload() }} />\n                      </td>\n                    </tr>\n                  )}\n                </>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-prompt-vcs",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "Every change to your agent's instructions is recorded with a diff, and any change can be undone.",
   "type": "module",
   "main": "lib/index.js",