groove-dev 0.27.141 → 0.27.142

package/packages/gui/src/components/agents/workspace-mode.jsx

@@ -6,7 +6,6 @@ import { AgentFileTree } from './agent-file-tree';
 import { DiffViewer } from './diff-viewer';
 import { CodeReview } from './code-review';
 import { CodeEditor } from '../editor/code-editor';
-import { AiPanel } from '../editor/ai-panel';
 import { SelectionMenu } from '../editor/selection-menu';
 import { InlinePrompt } from '../editor/inline-prompt';
 import { QuickSearch } from '../editor/quick-search';
@@ -15,7 +14,7 @@ import { roleColor } from '../../lib/status';
 import { MediaViewer, isMediaFile } from '../editor/media-viewer';
 import {
   X, Code2, FileCode, GitCompareArrows,
-  ClipboardCheck, Users, PanelLeftOpen, Sparkles, Search,
+  ClipboardCheck, Users, PanelLeftOpen, Search,
 } from 'lucide-react';
 
 const TREE_DEFAULT = 220;
@@ -61,7 +60,7 @@ function AgentRail({ agents, activeId, onSelect }) {
   );
 }
 
-function TabBar({ tabs, activeFile, files, onSelect, onClose, diffMode, onToggleDiff, workspaceSnapshots, onBackToTeam, onToggleReview, reviewMode, onToggleAi, aiOpen, onCmdP }) {
+function TabBar({ tabs, activeFile, files, onSelect, onClose, diffMode, onToggleDiff, workspaceSnapshots, onBackToTeam, onToggleReview, reviewMode, onCmdP }) {
   const hasSnapshot = activeFile && workspaceSnapshots[activeFile];
 
   return (
@@ -142,19 +141,6 @@ function TabBar({ tabs, activeFile, files, onSelect, onClose, diffMode, onToggle
             <ClipboardCheck size={12} />
           </button>
         </Tooltip>
-        <Tooltip content="AI Panel" side="bottom">
-          <button
-            onClick={onToggleAi}
-            className={cn(
-              'flex items-center gap-1 px-2 py-1 text-xs font-sans rounded cursor-pointer transition-colors',
-              aiOpen
-                ? 'bg-accent/15 text-accent'
-                : 'text-text-3 hover:text-text-1 hover:bg-surface-3',
-            )}
-          >
-            <Sparkles size={12} />
-          </button>
-        </Tooltip>
         <Tooltip content="Back to Team View" side="bottom">
           <button
             onClick={onBackToTeam}
@@ -177,10 +163,6 @@ export function WorkspaceMode() {
   const toggleReviewMode = useGrooveStore((s) => s.toggleReviewMode);
   const workspaceSnapshots = useGrooveStore((s) => s.workspaceSnapshots);
   const setWorkspaceMode = useGrooveStore((s) => s.setWorkspaceMode);
-  const aiPanelOpen = useGrooveStore((s) => s.editorAiPanelOpen);
-  const toggleAiPanel = useGrooveStore((s) => s.toggleAiPanel);
-  const aiPanelWidth = useGrooveStore((s) => s.editorAiPanelWidth);
-  const setAiPanelWidth = useGrooveStore((s) => s.setEditorAiPanelWidth);
   const setQuickSearchOpen = useGrooveStore((s) => s.setEditorQuickSearchOpen);
 
   const editorFiles = useGrooveStore((s) => s.editorFiles);
@@ -205,9 +187,6 @@ export function WorkspaceMode() {
   const treeDragging = useRef(false);
   const startX = useRef(0);
   const startW = useRef(0);
-  const aiDragging = useRef(false);
-  const aiStartX = useRef(0);
-  const aiStartW = useRef(0);
 
   useEffect(() => {
     setDiffMode(false);
@@ -238,24 +217,6 @@ export function WorkspaceMode() {
     document.addEventListener('mouseup', onUp);
   }, [treeWidth]);
 
-  const onAiPanelMouseDown = useCallback((e) => {
-    e.preventDefault();
-    aiDragging.current = true;
-    aiStartX.current = e.clientX;
-    aiStartW.current = aiPanelWidth;
-    function onMove(e) {
-      if (!aiDragging.current) return;
-      const delta = aiStartX.current - e.clientX;
-      setAiPanelWidth(Math.min(Math.max(aiStartW.current + delta, 280), 600));
-    }
-    function onUp() {
-      aiDragging.current = false;
-      document.removeEventListener('mousemove', onMove);
-      document.removeEventListener('mouseup', onUp);
-    }
-    document.addEventListener('mousemove', onMove);
-    document.addEventListener('mouseup', onUp);
-  }, [aiPanelWidth, setAiPanelWidth]);
 
   const handleEditorMouseUp = useCallback(() => {
     const view = editorViewRef.current;
@@ -357,8 +318,6 @@ export function WorkspaceMode() {
                 onBackToTeam={() => setWorkspaceMode(false)}
                 onToggleReview={toggleReviewMode}
                 reviewMode={workspaceReviewMode}
-                onToggleAi={toggleAiPanel}
-                aiOpen={aiPanelOpen}
                 onCmdP={() => setQuickSearchOpen(true)}
               />
 
@@ -423,16 +382,6 @@ export function WorkspaceMode() {
           )}
         </div>
 
-        {/* AI Panel */}
-        {aiPanelOpen && !workspaceReviewMode && (
-          <div className="relative flex-shrink-0" style={{ width: aiPanelWidth }}>
-            <div
-              className="absolute top-0 left-0 bottom-0 w-1 cursor-col-resize hover:bg-accent/30 transition-colors z-10"
-              onMouseDown={onAiPanelMouseDown}
-            />
-            <AiPanel />
-          </div>
-        )}
       </div>
 
       {/* Quick Search modal */}

package/packages/gui/src/components/dashboard/context-gauges.jsx

@@ -0,0 +1,111 @@
+// FSL-1.1-Apache-2.0 — see LICENSE
+import { memo } from 'react';
+import { HEX } from '../../lib/theme-hex';
+
+const SIZE = 36;
+const STROKE = 3;
+const RADIUS = (SIZE - STROKE) / 2;
+const CIRCUMFERENCE = 2 * Math.PI * RADIUS;
+const START_ANGLE = -90;
+
+function gaugeColor(pct) {
+  if (pct > 80) return HEX.danger;
+  if (pct > 60) return HEX.warning;
+  return HEX.success;
+}
+
+function MiniGauge({ name, pct, threshold }) {
+  const color = gaugeColor(pct);
+  const dashLen = (pct / 100) * CIRCUMFERENCE;
+
+  return (
+    <div className="flex flex-col items-center gap-0.5" title={`${name}: ${pct}% context used`}>
+      <svg width={SIZE} height={SIZE} viewBox={`0 0 ${SIZE} ${SIZE}`}>
+        <circle
+          cx={SIZE / 2} cy={SIZE / 2} r={RADIUS}
+          fill="none" strokeWidth={STROKE}
+          className="stroke-surface-4"
+        />
+        <circle
+          cx={SIZE / 2} cy={SIZE / 2} r={RADIUS}
+          fill="none" strokeWidth={STROKE}
+          strokeLinecap="round"
+          style={{
+            stroke: color,
+            strokeDasharray: `${dashLen} ${CIRCUMFERENCE - dashLen}`,
+            strokeDashoffset: 0,
+            transition: 'stroke-dasharray 0.5s ease',
+          }}
+          transform={`rotate(${START_ANGLE} ${SIZE / 2} ${SIZE / 2})`}
+        />
+        {threshold && (
+          <circle
+            cx={SIZE / 2} cy={SIZE / 2} r={RADIUS}
+            fill="none" strokeWidth={1}
+            strokeLinecap="butt"
+            style={{
+              stroke: HEX.purple,
+              strokeDasharray: `1 ${CIRCUMFERENCE - 1}`,
+              strokeDashoffset: -(threshold / 100) * CIRCUMFERENCE,
+            }}
+            transform={`rotate(${START_ANGLE} ${SIZE / 2} ${SIZE / 2})`}
+          />
+        )}
+        <text
+          x={SIZE / 2} y={SIZE / 2 + 1}
+          textAnchor="middle" dominantBaseline="central"
+          className="fill-text-1 font-mono font-semibold"
+          style={{ fontSize: 9 }}
+        >
+          {pct}
+        </text>
+      </svg>
+      <span className="text-2xs font-mono text-text-3 truncate max-w-[40px] leading-none">{name}</span>
+    </div>
+  );
+}
+
+function FleetSummary({ zones }) {
+  return (
+    <div className="flex items-center gap-2 text-2xs font-mono">
+      <span className="text-success">{zones.healthy}</span>
+      <span className="text-text-4">/</span>
+      <span className="text-warning">{zones.warning}</span>
+      <span className="text-text-4">/</span>
+      <span className="text-danger">{zones.critical}</span>
+    </div>
+  );
+}
+
+const ContextGauges = memo(function ContextGauges({ agentBreakdown }) {
+  const alive = (agentBreakdown || []).filter(
+    (a) => a.status === 'running' || a.status === 'starting',
+  );
+  if (alive.length === 0) return null;
+
+  const zones = { healthy: 0, warning: 0, critical: 0 };
+  for (const a of alive) {
+    const pct = Math.round((a.contextUsage || 0) * 100);
+    if (pct > 80) zones.critical++;
+    else if (pct > 60) zones.warning++;
+    else zones.healthy++;
+  }
+
+  return (
+    <div className="px-3 py-2 flex-shrink-0 border-b border-border">
+      <div className="flex items-center justify-between mb-1.5">
+        <span className="text-2xs font-mono text-text-3 uppercase tracking-widest">Context Health</span>
+        <FleetSummary zones={zones} />
+      </div>
+      <div className="flex items-start gap-2 overflow-x-auto">
+        {alive.map((a) => {
+          const pct = Math.round((a.contextUsage || 0) * 100);
+          const threshold = a.rotationThreshold ? Math.round(a.rotationThreshold * 100) : null;
+          return <MiniGauge key={a.id} name={a.name} pct={pct} threshold={threshold} />;
+        })}
+      </div>
+    </div>
+  );
+});
+
+export { ContextGauges };

package/packages/gui/src/components/dashboard/routing-chart.jsx

@@ -6,6 +6,65 @@ import { fmtNum, fmtPct } from '../../lib/format';
 const TIER_COLORS = { heavy: HEX.danger, medium: HEX.warning, light: HEX.success };
 const TIER_LABELS = { heavy: 'Heavy', medium: 'Medium', light: 'Light' };
 
+const DONUT_SIZE = 80;
+const DONUT_STROKE = 6;
+const DONUT_RADIUS = (DONUT_SIZE - DONUT_STROKE) / 2;
+const DONUT_CIRCUMFERENCE = 2 * Math.PI * DONUT_RADIUS;
+
+function TierDonut({ byTier, total, tiers }) {
+  let offset = 0;
+  const segments = [];
+  for (const tier of tiers) {
+    const count = byTier[tier] || 0;
+    if (count === 0) continue;
+    const pct = count / total;
+    const dashLen = pct * DONUT_CIRCUMFERENCE;
+    segments.push({ tier, dashLen, offset });
+    offset += dashLen;
+  }
+
+  const heavyPct = total > 0 ? Math.round(((byTier.heavy || 0) / total) * 100) : 0;
+
+  return (
+    <svg width={DONUT_SIZE} height={DONUT_SIZE} viewBox={`0 0 ${DONUT_SIZE} ${DONUT_SIZE}`} className="flex-shrink-0">
+      <circle
+        cx={DONUT_SIZE / 2} cy={DONUT_SIZE / 2} r={DONUT_RADIUS}
+        fill="none" strokeWidth={DONUT_STROKE}
+        className="stroke-surface-4"
+      />
+      {segments.map((seg) => (
+        <circle
+          key={seg.tier}
+          cx={DONUT_SIZE / 2} cy={DONUT_SIZE / 2} r={DONUT_RADIUS}
+          fill="none" strokeWidth={DONUT_STROKE}
+          strokeLinecap="butt"
+          style={{
+            stroke: TIER_COLORS[seg.tier],
+            strokeDasharray: `${seg.dashLen} ${DONUT_CIRCUMFERENCE - seg.dashLen}`,
+            strokeDashoffset: -seg.offset,
+          }}
+          transform={`rotate(-90 ${DONUT_SIZE / 2} ${DONUT_SIZE / 2})`}
+        />
+      ))}
+      <text
+        x={DONUT_SIZE / 2} y={DONUT_SIZE / 2 - 2}
+        textAnchor="middle" dominantBaseline="central"
+        className="fill-text-0 text-sm font-mono font-semibold"
+      >
+        {fmtNum(total)}
+      </text>
+      <text
+        x={DONUT_SIZE / 2} y={DONUT_SIZE / 2 + 11}
+        textAnchor="middle" dominantBaseline="central"
+        className="fill-text-3 font-mono"
+        style={{ fontSize: 7 }}
+      >
+        decisions
+      </text>
+    </svg>
+  );
+}
+
 const RoutingChart = memo(function RoutingChart({ routing, agentBreakdown }) {
   if (!routing) return null;
 
@@ -13,7 +72,6 @@ const RoutingChart = memo(function RoutingChart({ routing, agentBreakdown }) {
   const tiers = ['heavy', 'medium', 'light'];
   const total = tiers.reduce((s, t) => s + (byTier[t] || 0), 0);
 
-  // Build model usage from agent breakdown
   const modelUsage = {};
   for (const a of (agentBreakdown || [])) {
     const model = a.model || 'default';
@@ -26,43 +84,27 @@ const RoutingChart = memo(function RoutingChart({ routing, agentBreakdown }) {
 
   return (
     <div className="flex flex-col h-full px-3 py-3 overflow-y-auto">
-      {/* Tier distribution bar */}
+      {/* Tier donut + legend */}
       {total > 0 && (
-        <div className="space-y-1.5 mb-3">
-          <div className="flex items-center gap-2">
-            <span className="text-2xs font-mono text-text-3 uppercase tracking-wider">Tier Distribution</span>
-            <span className="text-2xs font-mono text-text-4 ml-auto tabular-nums">{fmtNum(total)} decisions</span>
-          </div>
-          {/* Stacked horizontal bar */}
-          <div className="h-0.5 bg-surface-2 rounded-sm overflow-hidden flex">
+        <div className="flex items-center gap-3 mb-3">
+          <TierDonut byTier={byTier} total={total} tiers={tiers} />
+          <div className="flex flex-col gap-1.5 flex-1 min-w-0">
             {tiers.map((tier) => {
               const count = byTier[tier] || 0;
               if (count === 0) return null;
               const pct = (count / total) * 100;
-              return (
-                <div
-                  key={tier}
-                  className="h-full transition-all duration-500"
-                  style={{ width: `${pct}%`, background: TIER_COLORS[tier] }}
-                  title={`${TIER_LABELS[tier]}: ${count} (${Math.round(pct)}%)`}
-                />
-              );
-            })}
-          </div>
-          {/* Tier legend */}
-          <div className="flex items-center gap-3">
-            {tiers.map((tier) => {
-              const count = byTier[tier] || 0;
-              if (count === 0) return null;
-              const pct = total > 0 ? (count / total) * 100 : 0;
               return (
                 <div key={tier} className="flex items-center gap-1.5">
                   <span className="w-1.5 h-1.5 rounded-full flex-shrink-0" style={{ background: TIER_COLORS[tier] }} />
-                  <span className="text-2xs font-mono text-text-2">{TIER_LABELS[tier]}</span>
-                  <span className="text-2xs font-mono text-text-4 tabular-nums">{fmtPct(pct)}</span>
+                  <span className="text-2xs font-mono text-text-2 flex-1">{TIER_LABELS[tier]}</span>
+                  <span className="text-2xs font-mono text-text-4 tabular-nums">{count}</span>
+                  <span className="text-2xs font-mono text-text-4 tabular-nums w-8 text-right">{fmtPct(pct)}</span>
                 </div>
               );
             })}
+            {autoRoutedCount > 0 && (
+              <div className="text-2xs font-mono text-text-4 mt-0.5">{autoRoutedCount} auto-routed</div>
+            )}
           </div>
         </div>
       )}
@@ -70,12 +112,7 @@ const RoutingChart = memo(function RoutingChart({ routing, agentBreakdown }) {
       {/* Model usage breakdown */}
       {modelEntries.length > 0 && (
         <div className="space-y-1.5 flex-1">
-          <div className="flex items-center gap-2">
-            <span className="text-2xs font-mono text-text-3 uppercase tracking-wider">Models in Use</span>
-            {autoRoutedCount > 0 && (
-              <span className="text-2xs font-mono text-text-4 ml-auto">{autoRoutedCount} auto</span>
-            )}
-          </div>
+          <span className="text-2xs font-mono text-text-3 uppercase tracking-wider">Models in Use</span>
           <div className="space-y-1.5">
             {modelEntries.map(([model, usage]) => {
               const barPct = maxModelTokens > 0 ? (usage.tokens / maxModelTokens) * 100 : 0;

package/packages/gui/src/components/editor/code-editor.jsx

@@ -1,7 +1,7 @@
 // FSL-1.1-Apache-2.0 — see LICENSE
 import { useRef, useEffect, useCallback } from 'react';
-import { EditorView, keymap, lineNumbers, highlightActiveLine, highlightActiveLineGutter, Decoration, ViewPlugin, gutter, GutterMarker } from '@codemirror/view';
-import { EditorState, Compartment, StateField, StateEffect, RangeSet } from '@codemirror/state';
+import { EditorView, keymap, lineNumbers, highlightActiveLine, highlightActiveLineGutter } from '@codemirror/view';
+import { EditorState, Compartment } from '@codemirror/state';
 import { defaultKeymap, history, historyKeymap } from '@codemirror/commands';
 import { bracketMatching } from '@codemirror/language';
 import { searchKeymap, highlightSelectionMatches } from '@codemirror/search';
@@ -26,7 +26,6 @@ import {
   vscodeLight, xcodeLight,
 } from '@uiw/codemirror-themes-all';
 import { useGrooveStore } from '../../stores/groove';
-import { api } from '../../lib/api';
 
 const LANGS = {
   javascript: () => javascript({ jsx: true, typescript: false }),
@@ -79,52 +78,6 @@ export const EDITOR_THEMES = {
   basicLight:       { label: 'Basic Light',         ext: basicLight },
 };
 
-// ── Git gutter decorations ───────────────────────────────────
-const setGitLines = StateEffect.define();
-
-const gitLinesField = StateField.define({
-  create() { return { added: new Set(), modified: new Set(), deleted: new Set() }; },
-  update(value, tr) {
-    for (const e of tr.effects) {
-      if (e.is(setGitLines)) return e.value;
-    }
-    return value;
-  },
-});
-
-class GitGutterMarker extends GutterMarker {
-  constructor(type) { super(); this.type = type; }
-  toDOM() {
-    const el = document.createElement('div');
-    el.style.width = '3px';
-    el.style.height = '100%';
-    el.style.borderRadius = '1px';
-    if (this.type === 'added') el.style.background = 'var(--color-success)';
-    else if (this.type === 'modified') el.style.background = 'var(--color-warning)';
-    else el.style.background = 'var(--color-danger)';
-    return el;
-  }
-}
-
-const addedMarker = new GitGutterMarker('added');
-const modifiedMarker = new GitGutterMarker('modified');
-const deletedMarker = new GitGutterMarker('deleted');
-
-const gitGutter = gutter({
-  class: 'cm-git-gutter',
-  markers(view) {
-    const lines = view.state.field(gitLinesField);
-    const markers = [];
-    for (let i = 1; i <= view.state.doc.lines; i++) {
-      const lineStart = view.state.doc.line(i).from;
-      if (lines.added.has(i)) markers.push(addedMarker.range(lineStart));
-      else if (lines.modified.has(i)) markers.push(modifiedMarker.range(lineStart));
-      else if (lines.deleted.has(i)) markers.push(deletedMarker.range(lineStart));
-    }
-    return RangeSet.of(markers);
-  },
-});
-
 const editorChrome = EditorView.theme({
   '&': { fontFamily: 'var(--font-mono)', fontSize: '12px', height: '100%', lineHeight: '1.6' },
   '.cm-scroller': { overflow: 'auto', padding: '4px 0' },
@@ -139,8 +92,6 @@ const editorChrome = EditorView.theme({
   '.cm-search .cm-button, .cm-button': { borderRadius: '4px', padding: '2px 8px', fontSize: '10px', fontFamily: 'var(--font-sans)', cursor: 'pointer', backgroundImage: 'none' },
   '.cm-search br': { display: 'none' },
   '.cm-panel.cm-search [name=close]': { cursor: 'pointer', padding: '0 4px' },
-  '.cm-git-gutter': { width: '4px', marginRight: '2px' },
-  '.cm-git-gutter .cm-gutterElement': { padding: '0', minWidth: '3px' },
 });
 
 function getThemeExt(key) {
@@ -186,8 +137,6 @@ export function CodeEditor({ content, language, onChange, onSave, onCursorChange
     const state = EditorState.create({
       doc: content || '',
       extensions: [
-        gitLinesField,
-        gitGutter,
         lineNumbers(),
         highlightActiveLine(),
         highlightActiveLineGutter(),
@@ -220,21 +169,6 @@ export function CodeEditor({ content, language, onChange, onSave, onCursorChange
     return () => { view.destroy(); viewRef.current = null; if (externalViewRef) externalViewRef.current = null; };
   }, []);
 
-  // Fetch and apply git line status when filePath changes
-  useEffect(() => {
-    const view = viewRef.current;
-    if (!view || !filePath) return;
-    api.get(`/files/git-line-status?path=${encodeURIComponent(filePath)}`).then((data) => {
-      if (!data?.lines) return;
-      const lines = {
-        added: new Set(data.lines.added || []),
-        modified: new Set(data.lines.modified || []),
-        deleted: new Set(data.lines.deleted || []),
-      };
-      view.dispatch({ effects: setGitLines.of(lines) });
-    }).catch(() => {});
-  }, [filePath, content]);
-
   useEffect(() => {
     const view = viewRef.current;
     if (!view) return;

package/packages/gui/src/components/layout/activity-bar.jsx

@@ -1,5 +1,5 @@
 // FSL-1.1-Apache-2.0 — see LICENSE
-import { Network, Code2, ChartSpline, Puzzle, Gamepad2, Users, Box, FlaskConical, Newspaper, Settings, Globe, MessageCircle, Eye, BookOpen } from 'lucide-react';
+import { Network, Code2, ChartSpline, Puzzle, Users, Box, FlaskConical, Newspaper, Settings, Globe, MessageCircle, Eye, BookOpen } from 'lucide-react';
 import { cn } from '../../lib/cn';
 import { Tooltip } from '../ui/tooltip';
 import { useGrooveStore } from '../../stores/groove';
@@ -13,7 +13,6 @@ const BASE_NAV_ITEMS = [
   { id: 'memory',      icon: BookOpen,      label: 'Memory' },
   { id: 'teams',       icon: Users,         label: 'Teams' },
   { id: 'marketplace', icon: Puzzle,        label: 'Marketplace' },
-  { id: 'toys',        icon: Gamepad2,      label: 'Toys' },
   { id: 'models',      icon: Box,           label: 'Models' },
   { id: 'model-lab',   icon: FlaskConical,  label: 'Model Lab' },
 ];

package/packages/gui/src/components/layout/terminal-panel.jsx

@@ -228,7 +228,6 @@ export function TerminalPanel({
               <Tooltip content={activeAgent ? `Send to ${agent?.name || 'agent'}` : 'Send to agent'} side="top">
                 <button
                   onClick={handleSendClick}
-                  disabled={sending}
                   className={cn(
                     'flex items-center gap-1.5 px-2 py-1 rounded text-xs font-sans cursor-pointer transition-colors mr-1',
                     'bg-accent/15 text-accent hover:bg-accent/25 disabled:opacity-50',

package/packages/gui/src/stores/groove.js

@@ -1322,7 +1322,7 @@ export const useGrooveStore = create((set, get) => ({
   },
 
   async _handleKeeperCommand(agentId, message, command) {
-    const rest = message.replace(/\[\w+[-\w]*\]|\b(?:save|append|update|delete|view|doc|link|read|instruct)\b/i, '').trim();
+    const rest = message.replace(/\[\w+[-\w]*\]/i, '').trim();
     const tags = (rest.match(/#[\w/.-]+/g) || []).map(t => t.replace(/^#/, ''));
 
     const addSystemMsg = (text) => {
@@ -2684,9 +2684,9 @@ export const useGrooveStore = create((set, get) => ({
 
   async instructAgent(id, message) {
     // ── Keeper command interception ─────────────────────────
-    const keeperCmd = message.match(/\[(save|append|update|delete|view|doc|link|read|instruct)\]|\b(save|append|update|delete|view|doc|link|read)\b(?=\s+#[\w/.-])/i);
+    const keeperCmd = message.match(/\[(save|append|update|delete|view|doc|link|read|instruct)\]/i);
     if (keeperCmd) {
-      const handled = await get()._handleKeeperCommand(id, message, (keeperCmd[1] || keeperCmd[2]).toLowerCase());
+      const handled = await get()._handleKeeperCommand(id, message, keeperCmd[1].toLowerCase());
       if (handled === true) return { status: 'keeper_handled' };
       if (handled?.passthrough) {
         message = handled.passthrough;

package/packages/gui/src/views/dashboard.jsx

@@ -4,6 +4,7 @@ import { useGrooveStore } from '../stores/groove';
 import { DashboardHeader } from '../components/dashboard/header-bar';
 import { KpiStrip } from '../components/dashboard/kpi-card';
 import { FleetPanel } from '../components/dashboard/fleet-panel';
+import { ContextGauges } from '../components/dashboard/context-gauges';
 import { TokenChart } from '../components/dashboard/token-chart';
 import { CacheRing } from '../components/dashboard/cache-ring';
 import { RoutingChart } from '../components/dashboard/routing-chart';
@@ -142,6 +143,7 @@ export default function DashboardView() {
             <div className="px-3 pt-2.5 pb-1 flex-shrink-0">
               <span className="text-2xs font-mono text-text-3 uppercase tracking-widest">Agent Fleet</span>
             </div>
+            <ContextGauges agentBreakdown={agentBreakdown} />
             <FleetPanel agentBreakdown={agentBreakdown} rotating={rotating} teams={teams} />
           </div>
 

package/packages/gui/src/views/marketplace.jsx

@@ -4,15 +4,13 @@ import { ScrollArea } from '../components/ui/scroll-area';
 import { Badge } from '../components/ui/badge';
 import { Button } from '../components/ui/button';
 import { Skeleton } from '../components/ui/skeleton';
-import { SkillCard, SkillCardSkeleton } from '../components/marketplace/skill-card';
+import { SkillCardSkeleton } from '../components/marketplace/skill-card';
 import { MarketplaceCard } from '../components/marketplace/marketplace-card';
 import { SearchBar } from '../components/marketplace/search-bar';
-import { CategoryBar } from '../components/marketplace/category-bar';
 import { MarketplaceBadge } from '../components/marketplace/marketplace-badge';
 import { StarRating } from '../components/marketplace/star-rating';
 import { PriceBadge } from '../components/marketplace/price-badge';
 import { VerifiedShield } from '../components/marketplace/verified-shield';
-import { markFavorites } from '../components/marketplace/favorites';
 import { api } from '../lib/api';
 import { useToast } from '../lib/hooks/use-toast';
 import { fmtNum, timeAgo } from '../lib/format';
@@ -22,7 +20,7 @@ import { RepoImport } from '../components/marketplace/repo-import';
 import { RepoCard } from '../components/marketplace/repo-card';
 import { RepoNukeDialog } from '../components/marketplace/repo-nuke-dialog';
 import {
-  ChevronLeft, ChevronDown, Sparkles, Plug, LogIn,
+  ChevronLeft, Plug, LogIn,
   Upload, Package, Download, ShoppingBag, RefreshCw, Trash2,
   GitBranch,
 } from 'lucide-react';
@@ -214,70 +212,6 @@ function SkillDetail({ skill, onBack }) {
 }
 
 // ── Skills Browse ────────────────────────────────────────
-function SkillsBrowse() {
-  const [skills, setSkills] = useState([]);
-  const [loading, setLoading] = useState(true);
-  const [search, setSearch] = useState('');
-  const [category, setCategory] = useState('');
-  const [sort, setSort] = useState('popular');
-  const [selectedSkill, setSelectedSkill] = useState(null);
-
-  useEffect(() => {
-    setLoading(true);
-    const params = new URLSearchParams();
-    if (search) params.set('search', search);
-    if (category) params.set('category', category);
-    if (sort) params.set('sort', sort);
-    api.get(`/skills/registry?${params}`)
-      .then((d) => setSkills(markFavorites(d.skills || d.items || (Array.isArray(d) ? d : []))))
-      .catch(() => setSkills([]))
-      .finally(() => setLoading(false));
-  }, [search, category, sort]);
-
-  if (selectedSkill) {
-    return <SkillDetail skill={selectedSkill} onBack={() => setSelectedSkill(null)} />;
-  }
-
-  return (
-    <ScrollArea className="h-full">
-      <div className="px-5 py-4">
-        <div className="flex items-center gap-3">
-          <div className="w-72">
-            <SearchBar value={search} onChange={setSearch} />
-          </div>
-          <CategoryBar selected={category} onSelect={setCategory} />
-          <div className="flex-1" />
-          <div className="relative flex-shrink-0">
-            <select
-              value={sort}
-              onChange={(e) => setSort(e.target.value)}
-              className="appearance-none font-sans cursor-pointer pr-7 py-2 pl-3 text-xs bg-surface-0 border border-border-subtle rounded text-text-1 focus:outline-none"
-            >
-              <option value="popular">Popular</option>
-              <option value="rating">Top Rated</option>
-              <option value="newest">Newest</option>
-              <option value="name">A-Z</option>
-            </select>
-            <ChevronDown size={12} className="absolute right-2 top-1/2 -translate-y-1/2 text-text-4 pointer-events-none" />
-          </div>
-          <span className="text-2xs text-text-4 font-mono flex-shrink-0">{skills.length}</span>
-        </div>
-
-        <div className="mt-4 grid gap-3" style={{ gridTemplateColumns: 'repeat(auto-fill, minmax(240px, 1fr))' }}>
-          {loading
-            ? Array.from({ length: 8 }).map((_, i) => <SkillCardSkeleton key={i} />)
-            : skills.map((s) => <SkillCard key={s.id} skill={s} onClick={setSelectedSkill} />)
-          }
-        </div>
-
-        {!loading && skills.length === 0 && (
-          <div className="text-center py-16 text-text-4 font-sans text-sm">No skills found.</div>
-        )}
-      </div>
-    </ScrollArea>
-  );
-}
-
 // ── Integrations Browse ──────────────────────────────────
 const GOOGLE_IDS = new Set(['gmail', 'google-calendar', 'google-drive', 'google-docs', 'google-sheets', 'google-slides']);
 
@@ -666,10 +600,9 @@ function GitHubBrowse() {
 
 // ── Main ─────────────────────────────────────────────────
 export default function MarketplaceView() {
-  const [tab, setTab] = useState('skills');
+  const [tab, setTab] = useState('integrations');
 
   const tabs = [
-    { id: 'skills', label: 'Skills', icon: Sparkles },
     { id: 'integrations', label: 'Integrations', icon: Plug },
     { id: 'github', label: 'GitHub', icon: GitBranch },
     { id: 'library', label: 'My Library', icon: Package },
@@ -701,7 +634,6 @@ export default function MarketplaceView() {
 
       {/* Content */}
       <div className="flex-1 min-h-0">
-        {tab === 'skills' && <SkillsBrowse />}
         {tab === 'integrations' && <IntegrationsBrowse />}
         {tab === 'github' && <GitHubBrowse />}
         {tab === 'library' && <MyLibrary />}