dsh-xray 0.8.0 → 0.8.1

package/lib/client.js

@@ -47,6 +47,7 @@ window.__ModuleLoader__.load({
       '.xray-entry-stats{color:var(--dsw-alias-label-tertiary);font-size:12px}',
       '.xray-entry-close{margin-left:auto;font:inherit;font-size:12px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;padding:2px 10px;cursor:pointer}',
       '.xray-entry-text{flex:1;min-height:0;overflow:auto;margin:0;padding:12px;background:var(--dsw-alias-bg-layer-3);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word}',
+      '.xray-owner-entry{display:inline-block;padding-left:22px}',
       '.xray-num{text-align:right}',
       '.xray-warn{color:var(--dsw-alias-state-error-primary,#f85149)}',
       '.xray-ok{color:var(--dsw-alias-state-success-primary,#3fb950)}',
@@ -72,6 +73,7 @@ window.__ModuleLoader__.load({
 
     /** English messages (also the key vocabulary; zh mirrors every key). */
     const en = {
+      'view.xray': 'X-Ray',
       'panel.sub': 'composition X-ray — live from this harness',
       'panel.loading': 'loading {view}…',
       'panel.renderFailed': 'render failed: {message}',
@@ -152,12 +154,15 @@ window.__ModuleLoader__.load({
       'entry.stats': '{chars} chars · ~{tokens} tokens ({estimator})',
       'entry.close': 'close',
       'tip.clickEntry': 'Click to view the exact text this entry puts into every request',
+      'tip.expandPlugin':
+        'A plugin has no single text — its cost is the sum of the entries it registered; click to unfold them',
       'tip.contextTokens':
         'Estimated tokens every request carries before your message — see the cost view for the full breakdown',
     };
 
     /** Simplified Chinese mirror of every en key. */
     const zh = {
+      'view.xray': 'X 光',
       'panel.sub': '组合 X 光——实时来自当前 harness',
       'panel.loading': '正在加载 {view}…',
       'panel.renderFailed': '渲染失败:{message}',
@@ -229,6 +234,7 @@ window.__ModuleLoader__.load({
       'entry.stats': '{chars} 字符 · 约 {tokens} tokens({estimator})',
       'entry.close': '关闭',
       'tip.clickEntry': '点击查看该条目每次请求实际注入的完整文本',
+      'tip.expandPlugin': '插件本身没有单一文本——它的成本是其注册的全部条目之和;点击展开这些条目',
       'tip.contextTokens': '每次请求在你的消息之前携带的估算 tokens——完整明细见 cost 视图',
     };
 
@@ -290,6 +296,69 @@ window.__ModuleLoader__.load({
       );
     }
 
+    /** By-plugin rollup with expandable rows: a plugin has no single text —
+     * its cost is the SUM of the entries it registered, so clicking a row
+     * unfolds those entries (each linking to its raw text). */
+    function OwnersTable({ owners, onInspect, t }) {
+      const [open, setOpen] = react.useState(() => new Set());
+      const toggle = (plugin) =>
+        setOpen((current) => {
+          const next = new Set(current);
+          if (next.has(plugin)) next.delete(plugin);
+          else next.add(plugin);
+          return next;
+        });
+      const rows = [];
+      for (const o of owners) {
+        const expanded = open.has(o.plugin);
+        rows.push(
+          Row(o.plugin, [
+            h(
+              'button',
+              {
+                className: 'xray-entry-link',
+                title: t('tip.expandPlugin'),
+                onClick: () => toggle(o.plugin),
+              },
+              `${expanded ? '▾' : '▸'} `,
+              o.plugin === 'unattributed'
+                ? h(
+                    'span',
+                    { className: 'xray-muted', title: t('tip.unattributed') },
+                    t('cost.unattributed'),
+                  )
+                : o.plugin,
+            ),
+            { cls: 'xray-num', text: String(o.sections) },
+            { cls: 'xray-num', text: String(o.tools) },
+            { cls: 'xray-num', text: `~${o.tokens}` },
+            { cls: 'xray-num', text: `${o.share}%` },
+            h(Bar, { share: o.share }),
+          ]),
+        );
+        if (expanded) {
+          for (const entry of o.entries) {
+            rows.push(
+              Row(`${o.plugin}/${entry.kind}/${entry.name}`, [
+                h(
+                  'span',
+                  { className: 'xray-owner-entry' },
+                  h('span', { className: 'xray-muted' }, `${entry.kind} · `),
+                  h(EntryLink, { kind: entry.kind, name: entry.name, onInspect, t }),
+                ),
+                '',
+                '',
+                { cls: 'xray-num', text: `~${entry.tokens}` },
+                '',
+                '',
+              ]),
+            );
+          }
+        }
+      }
+      return h(Table, { t, headers: ['plugin', 'sections', 'tools', 'tokens', 'share', ''], rows });
+    }
+
     /** Raw-text inspector: fetches one entry's live text on open. Fetched per
      * view, never cached — the text IS the audit artifact. */
     function EntryModal({ target, onClose, t }) {
@@ -354,7 +423,7 @@ window.__ModuleLoader__.load({
 
     //#region per-view renderers (mirror lib/panel.js, as components; all copy through t)
     const renderers = {
-      summary: (d, t) =>
+      summary: (d, t, _onInspect, goToView) =>
         h(
           react.Fragment,
           null,
@@ -372,7 +441,15 @@ window.__ModuleLoader__.load({
               ]),
               Row('s', [t('row.services'), { cls: 'xray-num', text: String(d.services) }]),
               Row('t', [
-                h('span', { title: t('tip.contextTokens') }, t('row.contextTokens')),
+                h(
+                  'button',
+                  {
+                    className: 'xray-entry-link',
+                    title: t('tip.contextTokens'),
+                    onClick: () => goToView('cost'),
+                  },
+                  t('row.contextTokens'),
+                ),
                 { cls: 'xray-num', text: `~${d.toolSchemaTokens}` },
               ]),
             ],
@@ -486,26 +563,7 @@ window.__ModuleLoader__.load({
                 react.Fragment,
                 null,
                 h('div', { className: 'xray-h3' }, t('h3.byPlugin')),
-                h(Table, {
-                  t,
-                  headers: ['plugin', 'sections', 'tools', 'tokens', 'share', ''],
-                  rows: d.owners.map((o) =>
-                    Row(o.plugin, [
-                      o.plugin === 'unattributed'
-                        ? h(
-                            'span',
-                            { className: 'xray-muted', title: t('tip.unattributed') },
-                            t('cost.unattributed'),
-                          )
-                        : o.plugin,
-                      { cls: 'xray-num', text: String(o.sections) },
-                      { cls: 'xray-num', text: String(o.tools) },
-                      { cls: 'xray-num', text: `~${o.tokens}` },
-                      { cls: 'xray-num', text: `${o.share}%` },
-                      h(Bar, { share: o.share }),
-                    ]),
-                  ),
-                }),
+                h(OwnersTable, { owners: d.owners, onInspect, t }),
               )
             : null,
           d.sections.length
@@ -624,7 +682,7 @@ window.__ModuleLoader__.load({
         // A diagnostic surface must never take itself down on one bad
         // payload: render the failure, keep the tab and its nav alive.
         try {
-          body = renderers[state.for](state.data, t, setInspecting);
+          body = renderers[state.for](state.data, t, setInspecting, setView);
         } catch (err) {
           body = h(
             'p',
@@ -661,12 +719,19 @@ window.__ModuleLoader__.load({
     //#endregion
 
     const inject = ['slots', 'locale'];
-    /** Mount the X-ray tab into the conversation view ring (beside Chat / Trajectory). */
+    /** Mount the X-Ray tab into the conversation view ring (beside Chat / Trajectory). */
     function apply(ctx) {
       ctx.effect(() => ctx.locale.register(NS, { zh, en }), 'xray: dictionaries');
+      const t = ctx.locale.bind(NS);
       ctx.slots.inject('conversation.view', () =>
         ctx.slots.register(
-          { name: 'conversation.view', id: 'xray', order: 20, label: 'X-ray', locale: NS },
+          {
+            name: 'conversation.view',
+            id: 'xray',
+            order: 20,
+            label: () => t('view.xray'),
+            locale: NS,
+          },
           XrayPanel,
         ),
       );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-xray",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "X-ray for your DeepSeek Harness — see what's actually loaded, why, and what it costs you.",
   "repository": {
     "type": "git",