@goodandready/dsh-context-lens 0.1.4 → 0.1.6

package/lib/client.js

@@ -48,6 +48,33 @@ window.__ModuleLoader__.load({
       return lines.filter((_, i) => keep[i]).slice(0, 200).join('\n');
     }
 
+    function LensTab({ ctx: _ctx, scope }) {
+      const [stats, setStats] = React.useState(null);
+      React.useEffect(() => {
+        fetch('/dsh-context-lens/status').then(r => r.ok ? r.json() : null).then(j => { if (j && j.stats) setStats(j.stats); }).catch(() => {});
+      }, []);
+      return React.createElement('div', { style: { padding: 12 } },
+        React.createElement('div', { style: { fontSize: 13, fontWeight: 600, marginBottom: 8, color: 'var(--dsw-alias-label-primary)' } }, 'Context Lens'),
+        stats ? React.createElement('div', { style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)' } }, `Saved ${stats.savedTokens} tokens (${stats.savedPercent}%) · ${stats.calls} ops`) : React.createElement('div', { style: { fontSize: 12, color: 'var(--dsw-alias-label-secondary)' } }, 'No data yet'),
+        React.createElement('div', { style: { marginTop: 12, display: 'flex', gap: 8 } },
+          React.createElement('button', { onClick: () => fetch('/dsh-context-lens/status').then(r=>r.json()).then(j=> setStats(j.stats)), style: { fontSize: 12, padding: '4px 8px', borderRadius: 6, border: '1px solid var(--dsw-alias-border-l2)', background: 'var(--dsw-alias-bg-layer-3)', cursor: 'pointer' } }, 'Refresh'),
+          React.createElement('button', { onClick: () => { try { _ctx.betterSidebar.openTab({ type: 'dsh-context-lens:tab', title: 'Lens' }) } catch(e){} }, style: { fontSize: 12, padding: '4px 8px', borderRadius: 6, border: '1px solid var(--dsw-alias-border-l2)', background: 'transparent', cursor: 'pointer' } }, 'Settings')
+        )
+      );
+    }
+
+    function HeaderBadge({ ctx: _ctx }) {
+      const [stats, setStats] = React.useState(null);
+      React.useEffect(() => {
+        const tick = () => fetch('/dsh-context-lens/status').then(r => r.ok ? r.json() : null).then(j => { if (j && j.stats) setStats(j.stats); }).catch(() => {});
+        tick();
+        const id = setInterval(tick, 5000);
+        return () => clearInterval(id);
+      }, []);
+      if (!stats || !stats.savedTokens) return null;
+      return React.createElement('span', { style: { fontSize: 11, padding: '2px 6px', borderRadius: 999, background: 'var(--dsw-alias-bg-layer-2)', color: 'var(--dsw-alias-label-secondary)', border: '1px solid var(--dsw-alias-border-l2)', marginLeft: 8 } }, `Lens ${stats.savedPercent}%`);
+    }
+
     function PluginCard({ ctx: _ctx, t }) {
       const [expanded, setExpanded] = React.useState(false);
       // hooks must be before any return — React 310
@@ -206,16 +233,75 @@ window.__ModuleLoader__.load({
       );
     }
 
-    module.exports.inject = ['slots', 'locale'];
+    module.exports.inject = ['slots', 'locale', 'betterSidebar'];
     module.exports.apply = function apply(ctx) {
-      try { ctx.locale.register(NS, { en, ru }); } catch (e) {}
+      try { ctx.locale.register(NS, { en, ru }); } catch (e) { console.warn('[dsh-context-lens] locale register failed', e && e.message || e); }
+      if (!ctx.slots) return;
+      let registered = false;
+      const doRegister = () => {
+        if (registered) return;
+        try {
+          const dispose = ctx.slots.register({
+            name: 'settings.plugin.item',
+            key: NS,
+            locale: NS,
+            inject: () => ({ ctx })
+          }, PluginCard);
+          registered = true;
+          return dispose;
+        } catch (e) {
+          // Do not swallow real registration errors — surface diagnostics
+          console.error('[dsh-context-lens] settings.plugin.item register failed', e && e.stack || e);
+          throw e;
+        }
+      };
+      // Declaration-aware: wait for host to declare the slot (alpha2 SlotCore throws if not declared)
+      if (typeof ctx.slots.inject === 'function') {
+        try {
+          const ok = ctx.slots.inject('settings.plugin.item', doRegister);
+          if (!ok) console.warn('[dsh-context-lens] settings.plugin.item inject returned false — slot not declared yet');
+        } catch (e) {
+          console.error('[dsh-context-lens] settings.plugin.item inject failed', e && e.stack || e);
+          // Fallback for older DSH without inject or if inject itself fails — surface error
+          try { doRegister(); } catch (e2) { console.error('[dsh-context-lens] fallback register failed', e2 && e2.stack || e2); throw e2; }
+          throw e;
+        }
+      } else {
+        try { doRegister(); } catch (e) { console.error('[dsh-context-lens] direct register failed (no inject)', e && e.stack || e); throw e; }
+      }
+      // BetterSidebar tab (optional, for dsh-better-sidebar)
+      if (ctx.betterSidebar && typeof ctx.betterSidebar.registerTab === 'function') {
+        try {
+          ctx.effect(() => ctx.betterSidebar.registerTab({
+            id: 'dsh-context-lens:tab',
+            title: () => 'Lens',
+            icon: () => React.createElement('span', null, '◐'),
+            order: 50,
+            component: ({ scope }) => React.createElement(LensTab, { ctx, scope })
+          }));
+        } catch (e) {
+          console.warn('[dsh-context-lens] betterSidebar registerTab failed', e && e.message || e);
+        }
+      }
+      // Header badge (#20) — compact savings in conversation header
       if (ctx.slots) {
-        ctx.slots.register({
-          name: 'settings.plugin.item',
-          key: NS,
-          locale: NS,
-          inject: () => ({ ctx })
-        }, PluginCard);
+        const headerBadgeRegister = () => {
+          try {
+            return ctx.slots.register({
+              name: 'conversation.header',
+              id: 'dsh-context-lens:header-badge',
+              order: 50,
+              inject: () => ({ ctx })
+            }, HeaderBadge);
+          } catch (e) {
+            console.warn('[dsh-context-lens] header badge register failed', e && e.message || e);
+          }
+        };
+        if (typeof ctx.slots.inject === 'function') {
+          try { ctx.slots.inject('conversation.header', headerBadgeRegister); } catch (e) { console.warn('[dsh-context-lens] header inject failed', e && e.message || e); try { headerBadgeRegister(); } catch (e2) {} }
+        } else {
+          try { headerBadgeRegister(); } catch (e) {}
+        }
       }
     };
     return module.exports;

package/lib/index.js

@@ -9,7 +9,8 @@ export const inject = ['tools', 'settings', 'webServer'];
 export const Config = z.object({
   compressionMode: z.string().default('balanced').description('Log compression aggressiveness (raw/balanced/aggressive)'),
   astSkeletonMaxDepth: z.number().default(3).description('Max depth for AST skeleton generation'),
-  tokenSavingsTracking: z.boolean().default(true).description('Track and display token budget savings')
+  tokenSavingsTracking: z.boolean().default(true).description('Track and display token budget savings'),
+  autoCompressThreshold: z.number().default(4000).description('Auto-compress threshold in chars (0 to disable)')
 });
 
 const NS = '@goodandready/dsh-context-lens';
@@ -20,6 +21,11 @@ let focusState = { paths: [], updatedAt: null };
 const OUTPUT_SCHEMA = { type: 'object', properties: { success: { type: 'boolean' } }, additionalProperties: true };
 const renderOutput = (_args, result) => JSON.stringify(result, null, 2);
 
+function shouldAutoCompress(text, threshold) {
+  if (!threshold || threshold <= 0) return false;
+  return (text || '').length > threshold || (text || '').split('\n').length > 100;
+}
+
 export function apply(ctx, config) {
   let getConfig = () => config;
 
@@ -65,7 +71,8 @@ export function apply(ctx, config) {
         properties: {
           text: { type: 'string', description: 'Raw log text to compress' },
           mode: { type: 'string', enum: ['raw', 'balanced', 'aggressive'], description: 'Compression aggressiveness' },
-          maxLines: { type: 'number', description: 'Max output lines' }
+          maxLines: { type: 'number', description: 'Max output lines' },
+          auto: { type: 'boolean', description: 'Auto-compress if large (uses threshold)' }
         },
         required: ['text']
       },
@@ -74,9 +81,13 @@ export function apply(ctx, config) {
         const cfg = getConfig();
         const mode = params.mode || cfg.compressionMode || 'balanced';
         const maxLines = params.maxLines || 400;
-        const res = compressLog(params.text, { mode, maxLines });
+        // Auto-compress check (#15)
+        const threshold = cfg.autoCompressThreshold ?? 4000;
+        const useAuto = params.auto !== false && shouldAutoCompress(params.text, threshold);
+        const effectiveMode = useAuto ? mode : mode;
+        const res = compressLog(params.text, { mode: effectiveMode, maxLines });
         maybeTrack(params.text, res.compressed);
-        return { success: true, mode, ...res };
+        return { success: true, mode: effectiveMode, autoCompressed: useAuto, ...res };
       }
     });
 
@@ -88,7 +99,8 @@ export function apply(ctx, config) {
         properties: {
           code: { type: 'string', description: 'Source code to skeletonize' },
           language: { type: 'string', enum: ['js', 'ts', 'py', 'python', 'go'], description: 'Language hint' },
-          maxDepth: { type: 'number', description: 'Max depth' }
+          maxDepth: { type: 'number', description: 'Max depth' },
+          filePath: { type: 'string', description: 'File path to check focus (if in focus, returns full code)' }
         },
         required: ['code']
       },
@@ -96,9 +108,15 @@ export function apply(ctx, config) {
       execute: async (params) => {
         const cfg = getConfig();
         const maxDepth = params.maxDepth ?? cfg.astSkeletonMaxDepth ?? 3;
+        // Focus mode (#18): if file is in focus, return full code, else skeleton
+        const isFocused = params.filePath && focusState.paths.length > 0 ? focusState.paths.some(p => params.filePath.includes(p) || p.includes(params.filePath)) : false;
+        if (isFocused) {
+          maybeTrack(params.code, params.code);
+          return { success: true, skeleton: params.code, originalTokens: estLog(params.code), skeletonTokens: estLog(params.code), maxDepth, focused: true, hint: 'File is in focus, returned full code' };
+        }
         const skeleton = skeletonize(params.code, { maxDepth, language: params.language });
         maybeTrack(params.code, skeleton);
-        return { success: true, skeleton, originalTokens: estLog(params.code), skeletonTokens: estLog(skeleton), maxDepth };
+        return { success: true, skeleton, originalTokens: estLog(params.code), skeletonTokens: estLog(skeleton), maxDepth, focused: false };
       }
     });
 
@@ -110,7 +128,7 @@ export function apply(ctx, config) {
       execute: async () => {
         const stats = tracker.getStats();
         const cfg = getConfig();
-        return { success: true, ...stats, trackingEnabled: cfg.tokenSavingsTracking !== false, focus: focusState };
+        return { success: true, ...stats, trackingEnabled: cfg.tokenSavingsTracking !== false, focus: focusState, autoCompressThreshold: cfg.autoCompressThreshold };
       }
     });
   }
@@ -128,4 +146,4 @@ export function apply(ctx, config) {
   }
 }
 
-export { compressLog, skeletonize };
+export { compressLog, skeletonize, shouldAutoCompress };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodandready/dsh-context-lens",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "DSH plugin for AST context compression, test log filtering, and token budget guard",
   "type": "module",
   "main": "lib/index.js",
@@ -55,6 +55,12 @@
     "@deepseek-ai/dsh-host-webserver": "^0.1.0-rc.6",
     "@deepseek-ai/dsh-settings": "^0.1.0-rc.6",
     "@deepseek-ai/dsh-tools": "^0.1.0-rc.6",
-    "@deepseek-ai/schemastery": "^3.18.1"
+    "@deepseek-ai/schemastery": "^3.18.1",
+    "dsh-better-sidebar": "^0.18.0-alpha.0"
+  },
+  "peerDependenciesMeta": {
+    "dsh-better-sidebar": {
+      "optional": true
+    }
   }
 }