dsh-gitnexus-plus 0.1.5 → 0.1.6

package/lib/client.js

@@ -1722,7 +1722,686 @@ define("sections/activity", ["require", "exports", "react", "format", "navigatio
      */
     exports.MemoizedGitActivitySection = React.memo(GitActivitySection);
 });
-define("sections/graph", ["require", "exports", "react", "primitives"], function (require, exports, React, primitives_3) {
+define("sections/graph3d", ["require", "exports", "react", "primitives"], function (require, exports, React, primitives_3) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.buildGraph3DLayout = buildGraph3DLayout;
+    exports.graph3DPath = graph3DPath;
+    exports.Graph3DView = Graph3DView;
+    function hashHue(id) {
+        let hash = 0;
+        for (let index = 0; index < id.length; index += 1) {
+            hash = (hash * 31 + id.charCodeAt(index)) >>> 0;
+        }
+        return hash % 360;
+    }
+    function fibPoint(index, count, radius) {
+        if (count <= 1)
+            return { x: 0, y: 0, z: 0 };
+        const k = index + 0.5;
+        const phi = Math.acos(1 - (2 * k) / count);
+        const theta = Math.PI * (1 + Math.sqrt(5)) * k;
+        return {
+            x: Math.cos(theta) * Math.sin(phi) * radius,
+            y: Math.cos(phi) * radius,
+            z: Math.sin(theta) * Math.sin(phi) * radius,
+        };
+    }
+    function edgeKey(source, target) {
+        return source < target ? `${source}|${target}` : `${target}|${source}`;
+    }
+    /**
+     * Build the deterministic 3D positions.
+     *
+     * The largest connected component sits at the origin, so the first camera angle has
+     * a centre of gravity instead of landing on an empty hemisphere. Other components
+     * orbit on a sphere; isolated nodes sit on an outer shell. No `Math.random()`: a
+     * view that reshuffles on every poll is impossible to follow or test.
+     */
+    function buildGraph3DLayout(nodes, edges) {
+        const byId = new Map();
+        const known = new Set(nodes.map((node) => node.id));
+        const pairs = new Map();
+        const adjacency = new Map();
+        for (const node of nodes)
+            adjacency.set(node.id, new Set());
+        for (const edge of edges) {
+            if (!known.has(edge.source) || !known.has(edge.target) || edge.source === edge.target)
+                continue;
+            const key = edgeKey(edge.source, edge.target);
+            const pair = pairs.get(key);
+            if (pair === undefined) {
+                pairs.set(key, { source: edge.source, target: edge.target, weight: edge.weight });
+            }
+            else {
+                pair.weight += edge.weight;
+            }
+            adjacency.get(edge.source)?.add(edge.target);
+            adjacency.get(edge.target)?.add(edge.source);
+        }
+        const componentIds = [];
+        const seen = new Set();
+        for (const node of nodes) {
+            if (seen.has(node.id))
+                continue;
+            const component = [];
+            const queue = [node.id];
+            seen.add(node.id);
+            while (queue.length > 0) {
+                const id = queue.pop();
+                component.push(id);
+                for (const neighbour of adjacency.get(id) ?? []) {
+                    if (seen.has(neighbour))
+                        continue;
+                    seen.add(neighbour);
+                    queue.push(neighbour);
+                }
+            }
+            componentIds.push(component);
+        }
+        componentIds.sort((a, b) => b.length - a.length);
+        let isolated = 0;
+        componentIds.forEach((component, componentIndex) => {
+            const isIsolated = component.length === 1;
+            if (isIsolated)
+                isolated += 1;
+            const count = component.length;
+            const radius = isIsolated ? 640 : 500;
+            let centre = { x: 0, y: 0, z: 0 };
+            if (componentIndex > 0) {
+                const base = fibPoint(componentIndex - 1, Math.max(1, componentIds.length - 1), radius);
+                const wobble = ((hashHue(component[0]) % 100) / 100 - 0.5) * 22;
+                centre = { x: base.x + wobble, y: base.y + wobble * 0.5, z: base.z - wobble * 0.5 };
+            }
+            const clusterRadius = count === 1 ? 0 : 60 + 28 * Math.sqrt(count);
+            component.forEach((id, index) => {
+                const source = nodes.find((node) => node.id === id);
+                if (source === undefined)
+                    return;
+                const offset = fibPoint(index, count, clusterRadius);
+                const symbols = source.symbolCount ?? 1;
+                const degree = adjacency.get(id)?.size ?? 0;
+                byId.set(id, {
+                    ...source,
+                    position: { x: centre.x + offset.x, y: centre.y + offset.y, z: centre.z + offset.z },
+                    radius: 7 + Math.sqrt(Math.max(1, symbols)) * 1.8,
+                    degree,
+                    color: degree === 0 ? 'hsl(220 9% 58%)' : `hsl(${hashHue(id)} 68% 64%)`,
+                    isolated: degree === 0,
+                });
+            });
+        });
+        const aggregated = [];
+        for (const pair of pairs.values()) {
+            aggregated.push({ source: pair.source, target: pair.target, type: 'DEPENDS', weight: pair.weight });
+        }
+        return {
+            nodes: nodes.map((node) => byId.get(node.id)).filter((node) => node !== undefined),
+            edges: aggregated,
+            byId,
+            components: componentIds.length,
+            isolated,
+        };
+    }
+    /** Shortest undirected path between two communities. */
+    function graph3DPath(startId, endId, edges) {
+        if (startId === endId)
+            return [startId];
+        const adjacency = new Map();
+        const link = (from, to) => {
+            const existing = adjacency.get(from);
+            if (existing === undefined)
+                adjacency.set(from, [to]);
+            else
+                existing.push(to);
+        };
+        for (const edge of edges) {
+            link(edge.source, edge.target);
+            link(edge.target, edge.source);
+        }
+        const previous = new Map([[startId, null]]);
+        const queue = [startId];
+        while (queue.length > 0) {
+            const id = queue.shift();
+            if (id === endId)
+                break;
+            for (const neighbour of adjacency.get(id) ?? []) {
+                if (previous.has(neighbour))
+                    continue;
+                previous.set(neighbour, id);
+                queue.push(neighbour);
+            }
+        }
+        if (!previous.has(endId))
+            return null;
+        const path = [];
+        let current = endId;
+        while (current !== null && current !== undefined) {
+            path.push(current);
+            current = previous.get(current);
+        }
+        return path.reverse();
+    }
+    function project(point, view, width, height) {
+        const cosYaw = Math.cos(view.yaw);
+        const sinYaw = Math.sin(view.yaw);
+        const cosPitch = Math.cos(view.pitch);
+        const sinPitch = Math.sin(view.pitch);
+        const x1 = point.x * cosYaw + point.z * sinYaw;
+        const z1 = -point.x * sinYaw + point.z * cosYaw;
+        const y2 = point.y * cosPitch - z1 * sinPitch;
+        const z2 = point.y * sinPitch + z1 * cosPitch;
+        const z = view.dist + z2;
+        if (z < 1)
+            return null;
+        const scale = 900 / z;
+        return { x: width / 2 + x1 * scale, y: height / 2 - y2 * scale, scale, depth: z };
+    }
+    function clamp(value, low, high) {
+        return Math.max(low, Math.min(high, value));
+    }
+    function fileBase(filePath) {
+        if (filePath === null || filePath === undefined || filePath === '')
+            return null;
+        const parts = filePath.split(/[\\/]/);
+        return parts[parts.length - 1] ?? filePath;
+    }
+    function labelFor(node) {
+        const id = `#${node.id.replace(/^comm_/, '').slice(0, 10)}`;
+        const base = fileBase(node.representativeFile);
+        return base === null ? `${node.name} ${id}` : `${node.name} · ${base} ${id}`;
+    }
+    const CONTROL = {
+        padding: '3px 6px',
+        border: primitives_3.HAIRLINE,
+        borderRadius: '4px',
+        background: 'transparent',
+        color: 'inherit',
+        cursor: 'pointer',
+        fontSize: '10px',
+        lineHeight: 1.5,
+    };
+    const ACTIVE = {
+        ...CONTROL,
+        background: primitives_3.SOFT_BG,
+        fontWeight: 600,
+    };
+    const OPTION_STYLE = {
+        background: 'var(--dsw-alias-bg-base, #1e1e2e)',
+        color: 'var(--dsw-alias-text-primary, #cdd6f4)',
+    };
+    function Graph3DView({ projection, onOpenCommunity }) {
+        const layout = React.useMemo(() => buildGraph3DLayout(projection.nodes, projection.edges), [projection]);
+        const canvasRef = React.useRef(null);
+        const screenRef = React.useRef([]);
+        const viewRef = React.useRef({ yaw: 0.7, pitch: 0.28, dist: 3400 });
+        const dragRef = React.useRef({ x: 0, y: 0, moved: false, active: false });
+        const [selectedId, setSelectedId] = React.useState(null);
+        const [hoverId, setHoverId] = React.useState(null);
+        const [labelsMode, setLabelsMode] = React.useState('auto');
+        const [showIsolated, setShowIsolated] = React.useState(true);
+        const [autoRotate, setAutoRotate] = React.useState(false);
+        const [expanded, setExpanded] = React.useState(false);
+        const [pathMode, setPathMode] = React.useState(false);
+        const [startId, setStartId] = React.useState(null);
+        const [endId, setEndId] = React.useState(null);
+        const [query, setQuery] = React.useState('');
+        const selected = selectedId === null ? null : (layout.byId.get(selectedId) ?? null);
+        const start = startId === null ? null : (layout.byId.get(startId) ?? null);
+        const end = endId === null ? null : (layout.byId.get(endId) ?? null);
+        const path = React.useMemo(() => {
+            if (startId === null || endId === null) {
+                return { nodes: new Set(), edges: new Set(), list: [], error: null };
+            }
+            const list = graph3DPath(startId, endId, layout.edges);
+            if (list === null) {
+                return { nodes: new Set(), edges: new Set(), list: [], error: '这两个社区不在同一连通分量，没有路径。' };
+            }
+            const pathNodes = new Set(list);
+            const pathEdges = new Set();
+            for (let index = 1; index < list.length; index += 1) {
+                pathEdges.add(edgeKey(list[index - 1], list[index]));
+            }
+            return { nodes: pathNodes, edges: pathEdges, list, error: null };
+        }, [endId, layout, startId]);
+        const sortedNodes = React.useMemo(() => [...layout.nodes].sort((a, b) => b.degree - a.degree || (b.symbolCount ?? 0) - (a.symbolCount ?? 0) || a.id.localeCompare(b.id)), [layout]);
+        const filteredNodes = React.useMemo(() => {
+            const needle = query.trim().toLowerCase();
+            if (needle === '')
+                return sortedNodes;
+            return sortedNodes.filter((node) => labelFor(node).toLowerCase().includes(needle));
+        }, [query, sortedNodes]);
+        const hovered = hoverId === null ? null : (layout.byId.get(hoverId) ?? null);
+        const draw = React.useCallback(() => {
+            const canvas = canvasRef.current;
+            if (canvas === null)
+                return;
+            const context = canvas.getContext('2d');
+            if (context === null)
+                return;
+            const rect = canvas.getBoundingClientRect();
+            const width = Math.max(1, rect.width);
+            const height = Math.max(1, rect.height);
+            const ratio = Math.min(2, window.devicePixelRatio || 1);
+            if (canvas.width !== Math.round(width * ratio) || canvas.height !== Math.round(height * ratio)) {
+                canvas.width = Math.round(width * ratio);
+                canvas.height = Math.round(height * ratio);
+            }
+            context.setTransform(ratio, 0, 0, ratio, 0, 0);
+            context.clearRect(0, 0, width, height);
+            const background = context.createRadialGradient(width / 2, height / 2, 30, width / 2, height / 2, Math.max(width, height) * 0.8);
+            background.addColorStop(0, '#191929');
+            background.addColorStop(0.58, '#11111c');
+            background.addColorStop(1, '#09090f');
+            context.fillStyle = background;
+            context.fillRect(0, 0, width, height);
+            context.save();
+            context.strokeStyle = 'rgba(137,180,250,0.055)';
+            context.lineWidth = 1;
+            for (const plane of ['xy', 'xz', 'yz']) {
+                context.beginPath();
+                let started = false;
+                for (let index = 0; index <= 120; index += 1) {
+                    const angle = (index / 120) * Math.PI * 2;
+                    const point = plane === 'xy'
+                        ? { x: Math.cos(angle) * 620, y: Math.sin(angle) * 620, z: 0 }
+                        : plane === 'xz'
+                            ? { x: Math.cos(angle) * 620, y: 0, z: Math.sin(angle) * 620 }
+                            : { x: 0, y: Math.cos(angle) * 620, z: Math.sin(angle) * 620 };
+                    const projected = project(point, viewRef.current, width, height);
+                    if (projected === null) {
+                        started = false;
+                        continue;
+                    }
+                    if (!started) {
+                        context.moveTo(projected.x, projected.y);
+                        started = true;
+                    }
+                    else {
+                        context.lineTo(projected.x, projected.y);
+                    }
+                }
+                context.stroke();
+            }
+            context.restore();
+            const projected = layout.nodes
+                .map((node) => ({ node, p: project(node.position, viewRef.current, width, height) }))
+                .filter((entry) => entry.p !== null && (showIsolated || !entry.node.isolated));
+            screenRef.current = projected;
+            const projectedById = new Map(projected.map((entry) => [entry.node.id, entry]));
+            const edgeLines = [];
+            for (const edge of layout.edges) {
+                const source = projectedById.get(edge.source);
+                const target = projectedById.get(edge.target);
+                if (source === undefined || target === undefined)
+                    continue;
+                edgeLines.push({
+                    source: source.p,
+                    target: target.p,
+                    weight: edge.weight,
+                    key: edgeKey(edge.source, edge.target),
+                    depth: source.p.depth + target.p.depth,
+                });
+            }
+            edgeLines.sort((a, b) => b.depth - a.depth);
+            for (const edge of edgeLines) {
+                const isPath = path.edges.has(edge.key);
+                const alpha = clamp(0.78 - (edge.depth / 2 - 700) / 2000, 0.08, 0.68);
+                context.beginPath();
+                context.moveTo(edge.source.x, edge.source.y);
+                context.lineTo(edge.target.x, edge.target.y);
+                context.strokeStyle = isPath ? 'rgba(250,179,135,0.95)' : `rgba(128,138,158,${alpha})`;
+                context.lineWidth = (isPath ? 2.8 : 0.8) + Math.log2(1 + edge.weight) * (isPath ? 0.5 : 0.7);
+                context.stroke();
+            }
+            for (const entry of projected) {
+                const { node, p } = entry;
+                const radius = Math.max(2.2, node.radius * p.scale);
+                const isHot = node.id === selectedId || node.id === hoverId || path.nodes.has(node.id);
+                context.beginPath();
+                context.arc(p.x, p.y, radius + (isHot ? 4 : 0), 0, Math.PI * 2);
+                context.fillStyle = isHot ? 'rgba(255,255,255,0.16)' : 'rgba(255,255,255,0.04)';
+                context.fill();
+                context.beginPath();
+                context.arc(p.x, p.y, radius, 0, Math.PI * 2);
+                context.fillStyle = node.color;
+                context.globalAlpha = clamp(0.95 - (p.depth / 2 - 700) / 2000, 0.42, 0.95);
+                context.fill();
+                context.globalAlpha = 1;
+                if (node.id === selectedId || node.id === startId || node.id === endId) {
+                    context.beginPath();
+                    context.arc(p.x, p.y, radius + 3, 0, Math.PI * 2);
+                    context.strokeStyle = node.id === selectedId ? '#f5f5ff' : '#fab387';
+                    context.lineWidth = 2;
+                    context.stroke();
+                }
+            }
+            if (labelsMode !== 'off') {
+                const boxes = [];
+                const scored = projected
+                    .map((entry) => {
+                    const score = (entry.node.id === selectedId ? 1000 : 0) +
+                        (entry.node.id === hoverId ? 900 : 0) +
+                        (entry.node.id === startId || entry.node.id === endId ? 600 : 0) +
+                        (path.nodes.has(entry.node.id) ? 400 : 0) +
+                        entry.node.degree;
+                    return { ...entry, score };
+                })
+                    .filter((entry) => labelsMode === 'all' || entry.score >= 4 || entry.node.id === selectedId || entry.node.id === hoverId)
+                    .sort((a, b) => b.score - a.score);
+                const limit = labelsMode === 'all' ? scored.length : 8;
+                for (const entry of scored.slice(0, limit)) {
+                    const { node, p } = entry;
+                    const text = labelFor(node);
+                    const force = node.id === selectedId || node.id === hoverId;
+                    context.font = '10px "Segoe UI", "Microsoft YaHei", system-ui, sans-serif';
+                    const textWidth = context.measureText(text).width;
+                    const boxWidth = textWidth + 6;
+                    const boxHeight = 14;
+                    const radius = Math.max(2.2, node.radius * p.scale);
+                    const x = clamp(p.x - boxWidth / 2, 2, Math.max(2, width - boxWidth - 2));
+                    const y = clamp(p.y + radius + 2, 2, Math.max(2, height - boxHeight - 2));
+                    const collides = boxes.some((box) => x < box.x + box.w && x + boxWidth > box.x && y < box.y + box.h && y + boxHeight > box.y);
+                    if (collides && !force)
+                        continue;
+                    boxes.push({ x, y, w: boxWidth, h: boxHeight });
+                    context.fillStyle = force ? 'rgba(30,30,45,0.94)' : 'rgba(16,16,26,0.80)';
+                    context.fillRect(x, y, boxWidth, boxHeight);
+                    context.strokeStyle = force ? 'rgba(137,180,250,0.55)' : 'rgba(42,42,61,0.8)';
+                    context.strokeRect(x, y, boxWidth, boxHeight);
+                    context.fillStyle = force ? '#ffffff' : '#e5e9f6';
+                    context.textAlign = 'left';
+                    context.textBaseline = 'middle';
+                    context.fillText(text, x + 3, y + boxHeight / 2 + 0.5);
+                }
+            }
+        }, [endId, hoverId, labelsMode, layout, path, selectedId, showIsolated, startId]);
+        React.useEffect(() => {
+            const canvas = canvasRef.current;
+            if (canvas === null || typeof ResizeObserver === 'undefined')
+                return undefined;
+            const observer = new ResizeObserver(() => draw());
+            observer.observe(canvas);
+            return () => observer.disconnect();
+        }, [draw]);
+        React.useEffect(() => {
+            if (!autoRotate) {
+                draw();
+                return undefined;
+            }
+            let frame = 0;
+            const tick = () => {
+                if (!dragRef.current.active)
+                    viewRef.current.yaw += 0.0024;
+                draw();
+                frame = requestAnimationFrame(tick);
+            };
+            frame = requestAnimationFrame(tick);
+            return () => cancelAnimationFrame(frame);
+        }, [autoRotate, draw]);
+        React.useEffect(() => {
+            const canvas = canvasRef.current;
+            if (canvas === null)
+                return undefined;
+            const onWheel = (event) => {
+                event.preventDefault();
+                viewRef.current.dist = clamp(viewRef.current.dist * Math.exp(event.deltaY * 0.0012), 1600, 5600);
+                draw();
+            };
+            canvas.addEventListener('wheel', onWheel, { passive: false });
+            return () => canvas.removeEventListener('wheel', onWheel);
+        }, [draw]);
+        const pointOf = (event) => {
+            const rect = event.currentTarget.getBoundingClientRect();
+            return { x: event.clientX - rect.left, y: event.clientY - rect.top };
+        };
+        const nodeAt = (event) => {
+            const point = pointOf(event);
+            let best = null;
+            let bestDistance = Infinity;
+            for (const entry of screenRef.current) {
+                const radius = Math.max(6, entry.node.radius * entry.p.scale + 4);
+                const distance = Math.hypot(entry.p.x - point.x, entry.p.y - point.y);
+                if (distance <= radius && distance < bestDistance) {
+                    best = entry.node;
+                    bestDistance = distance;
+                }
+            }
+            return best;
+        };
+        const handleClick = (node) => {
+            if (!pathMode) {
+                setSelectedId(node.id);
+                return;
+            }
+            if (startId === null || (startId !== null && endId !== null)) {
+                setStartId(node.id);
+                setEndId(null);
+                setSelectedId(node.id);
+            }
+            else if (node.id === startId) {
+                setStartId(null);
+                setEndId(null);
+            }
+            else {
+                setEndId(node.id);
+                setSelectedId(node.id);
+            }
+        };
+        const onPointerDown = (event) => {
+            dragRef.current = { x: event.clientX, y: event.clientY, moved: false, active: true };
+            event.currentTarget.setPointerCapture?.(event.pointerId);
+        };
+        const onPointerMove = (event) => {
+            if (dragRef.current.active) {
+                const dx = event.clientX - dragRef.current.x;
+                const dy = event.clientY - dragRef.current.y;
+                if (Math.abs(dx) + Math.abs(dy) > 3)
+                    dragRef.current.moved = true;
+                if (dragRef.current.moved) {
+                    viewRef.current.yaw += dx * 0.006;
+                    viewRef.current.pitch = clamp(viewRef.current.pitch + dy * 0.005, -1.2, 1.2);
+                    dragRef.current.x = event.clientX;
+                    dragRef.current.y = event.clientY;
+                    draw();
+                    return;
+                }
+            }
+            setHoverId(nodeAt(event)?.id ?? null);
+        };
+        const onPointerUp = (event) => {
+            const moved = dragRef.current.moved;
+            dragRef.current.active = false;
+            if (moved)
+                return;
+            const node = nodeAt(event);
+            if (node === null) {
+                setSelectedId(null);
+                return;
+            }
+            handleClick(node);
+        };
+        const onDoubleClick = (event) => {
+            const node = nodeAt(event);
+            if (node !== null)
+                onOpenCommunity(node.id);
+        };
+        const resetView = () => {
+            viewRef.current = { yaw: 0.7, pitch: 0.28, dist: expanded ? 3000 : 3400 };
+            draw();
+        };
+        const cycleLabels = () => {
+            setLabelsMode(labelsMode === 'auto' ? 'all' : labelsMode === 'all' ? 'off' : 'auto');
+        };
+        const canvasHeight = expanded ? 'min(56vh, 500px)' : 'clamp(240px, 28vw, 340px)';
+        const pathNames = start === null || end === null ? [] : path.list.map((id) => layout.byId.get(id)).filter((node) => node !== undefined);
+        React.useEffect(() => {
+            if (!expanded)
+                return undefined;
+            const onKey = (event) => {
+                if (event.key !== 'Escape')
+                    return;
+                setExpanded(false);
+                viewRef.current.dist = 3400;
+                draw();
+            };
+            window.addEventListener('keydown', onKey);
+            return () => window.removeEventListener('keydown', onKey);
+        }, [expanded, draw]);
+        const symbolTotal = projection.nodes.reduce((sum, node) => sum + (node.symbolCount ?? 0), 0);
+        const canvasBlock = (0, primitives_3.h)('div', {
+            style: {
+                position: 'relative',
+                width: '100%',
+                height: canvasHeight,
+                border: primitives_3.HAIRLINE,
+                borderRadius: '6px',
+                background: '#11111c',
+                overflow: 'hidden',
+            },
+        }, (0, primitives_3.h)('canvas', {
+            ref: canvasRef,
+            'aria-label': '社区关系三维图：拖拽旋转，滚轮缩放，单击社区查看详情，双击进入社区',
+            style: { width: '100%', height: '100%', display: 'block', cursor: 'grab', touchAction: 'none' },
+            onPointerDown,
+            onPointerMove,
+            onPointerUp,
+            onDoubleClick,
+            onPointerLeave: () => {
+                dragRef.current.active = false;
+                setHoverId(null);
+            },
+        }), hovered === null
+            ? null
+            : (0, primitives_3.h)('div', {
+                style: {
+                    position: 'absolute',
+                    left: '6px',
+                    bottom: '6px',
+                    maxWidth: 'calc(100% - 12px)',
+                    padding: '3px 6px',
+                    borderRadius: '4px',
+                    background: 'rgba(13,13,23,0.9)',
+                    color: '#e5e9f6',
+                    fontSize: '10px',
+                    pointerEvents: 'none',
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    whiteSpace: 'nowrap',
+                },
+            }, `${labelFor(hovered)} · ${hovered.degree} 度 · ${hovered.symbolCount ?? 0} 符号`), layout.nodes.length === 0
+            ? (0, primitives_3.h)('div', {
+                style: {
+                    position: 'absolute',
+                    inset: 0,
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    ...primitives_3.MUTED,
+                    padding: '0 20px',
+                    textAlign: 'center',
+                    pointerEvents: 'none',
+                },
+            }, '该视图没有可画的社区。')
+            : null);
+        const controlsRow = (0, primitives_3.h)('div', { style: { display: 'flex', flexWrap: 'wrap', gap: '4px', alignItems: 'center' } }, (0, primitives_3.h)('select', {
+            value: selectedId ?? '',
+            onChange: (event) => setSelectedId(event.target.value === '' ? null : event.target.value),
+            style: { flex: '1 1 120px', minWidth: 0, padding: '3px 4px', border: primitives_3.HAIRLINE, borderRadius: '4px', background: 'var(--dsw-alias-bg-base, #1e1e2e)', color: 'var(--dsw-alias-text-primary, #cdd6f4)', colorScheme: 'dark', fontSize: '10px' },
+        }, (0, primitives_3.h)('option', { value: '', style: OPTION_STYLE }, '选择社区…'), sortedNodes.map((node) => (0, primitives_3.h)('option', { key: node.id, value: node.id, style: OPTION_STYLE }, labelFor(node)))), (0, primitives_3.h)('button', { type: 'button', style: pathMode ? ACTIVE : CONTROL, onClick: () => { const next = !pathMode; setPathMode(next); if (!next) {
+                setStartId(null);
+                setEndId(null);
+            } } }, '路径'), (0, primitives_3.h)('button', { type: 'button', style: CONTROL, onClick: cycleLabels }, `标签：${labelsMode === 'auto' ? '自动' : labelsMode === 'all' ? '全部' : '关闭'}`), (0, primitives_3.h)('button', { type: 'button', style: showIsolated ? ACTIVE : CONTROL, onClick: () => setShowIsolated(!showIsolated) }, `孤立：${showIsolated ? '显示' : '隐藏'}`), (0, primitives_3.h)('button', { type: 'button', style: autoRotate ? ACTIVE : CONTROL, onClick: () => setAutoRotate(!autoRotate) }, '自动'), (0, primitives_3.h)('button', { type: 'button', style: expanded ? ACTIVE : CONTROL, onClick: () => { const next = !expanded; setExpanded(next); viewRef.current.dist = next ? 3000 : 3400; draw(); } }, expanded ? '收起' : '展开'), (0, primitives_3.h)('button', { type: 'button', style: CONTROL, onClick: resetView }, '适配'));
+        const detailBlock = selected === null
+            ? (0, primitives_3.h)('div', { style: { ...primitives_3.MUTED, fontSize: '10px' } }, '拖拽旋转 Z 轴、滚轮缩放；单击看代表文件，双击进入社区。')
+            : (0, primitives_3.h)('div', { style: { display: 'flex', alignItems: 'center', gap: '6px', minWidth: 0 } }, (0, primitives_3.h)('span', { style: { width: '8px', height: '8px', flex: '0 0 8px', borderRadius: '50%', background: selected.color } }), (0, primitives_3.h)('span', { style: { flex: 1, minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', fontSize: '11px' } }, `${labelFor(selected)} · ${selected.symbolCount ?? 0} 符号`), (0, primitives_3.h)('button', { type: 'button', style: CONTROL, onClick: () => onOpenCommunity(selected.id) }, '进入社区'));
+        const pathBlock = pathMode
+            ? (0, primitives_3.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '3px', fontSize: '10px' } }, (0, primitives_3.h)('div', { style: { display: 'flex', gap: '4px', alignItems: 'center' } }, (0, primitives_3.h)('span', { style: primitives_3.MUTED }, '路径'), (0, primitives_3.h)('span', { style: { flex: 1 } }), (0, primitives_3.h)('button', { type: 'button', style: CONTROL, onClick: () => { setStartId(null); setEndId(null); } }, '清除')), start === null || end === null
+                ? (0, primitives_3.h)('div', { style: primitives_3.MUTED }, '点两个社区；路径按无向关系计算。')
+                : path.error === null
+                    ? (0, primitives_3.h)('div', { style: { display: 'flex', flexWrap: 'wrap', gap: '3px', color: '#f6d5bc' } }, pathNames.map((node) => (0, primitives_3.h)('span', { key: node.id, style: { padding: '1px 4px', borderRadius: '3px', background: 'rgba(250,179,135,0.12)' } }, node.name)))
+                    : (0, primitives_3.h)('div', { style: { color: '#f7768e' } }, path.error), start !== null && end !== null && path.error === null
+                ? (0, primitives_3.h)('button', { type: 'button', style: CONTROL, onClick: () => setSelectedId(path.list[path.list.length - 1] ?? null) }, `终点 ${end.name}`)
+                : null)
+            : null;
+        const notesBlock = projection.notes.length === 0
+            ? null
+            : (0, primitives_3.h)('div', { style: { ...primitives_3.MUTED, display: 'flex', flexDirection: 'column', gap: '1px', fontSize: '10px' } }, projection.notes.map((note, index) => (0, primitives_3.h)('div', { key: index }, `· ${note}`)));
+        const footerBlock = (0, primitives_3.h)('div', { style: { ...primitives_3.MUTED, fontSize: '10px' } }, `拖拽旋转、滚轮缩放；单击选中，双击进入社区。节点与边预算 ${projection.budget.nodes}/${projection.budget.edges}，超出部分会明确标注。`);
+        const listBlock = (0, primitives_3.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '2px', overflow: 'auto', maxHeight: 'min(38vh, 360px)', paddingRight: '2px' } }, filteredNodes.length === 0
+            ? (0, primitives_3.h)('div', { style: { ...primitives_3.MUTED, fontSize: '10px' } }, '没有匹配的社区。')
+            : filteredNodes.map((node) => (0, primitives_3.h)('button', {
+                key: node.id,
+                type: 'button',
+                onClick: () => {
+                    setSelectedId(node.id);
+                    setHoverId(null);
+                },
+                style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '4px',
+                    minWidth: 0,
+                    padding: '3px 4px',
+                    border: 'none',
+                    borderLeft: node.id === selectedId ? '2px solid #89b4fa' : '2px solid transparent',
+                    borderRadius: '3px',
+                    background: node.id === selectedId ? primitives_3.SOFT_BG : 'transparent',
+                    color: 'inherit',
+                    textAlign: 'left',
+                    cursor: 'pointer',
+                    fontSize: '10px',
+                },
+            }, (0, primitives_3.h)('span', { style: { width: '7px', height: '7px', flex: '0 0 7px', borderRadius: '50%', background: node.color } }), (0, primitives_3.h)('span', { style: { flex: 1, minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, labelFor(node)), (0, primitives_3.h)('span', { style: { ...primitives_3.MUTED, flex: '0 0 auto' } }, String(node.symbolCount ?? 0)))));
+        const close = () => {
+            setExpanded(false);
+            viewRef.current.dist = 3400;
+            draw();
+        };
+        const sidebar = (0, primitives_3.h)('aside', {
+            'aria-label': '社区列表与选中详情',
+            style: { width: 'min(320px, 36vw)', flexShrink: 0, display: 'flex', flexDirection: 'column', gap: '6px', minWidth: 0, maxHeight: '72vh', overflow: 'auto' },
+        }, (0, primitives_3.h)('div', { style: { display: 'flex', alignItems: 'flex-start', gap: '6px', padding: '0 2px 2px' } }, (0, primitives_3.h)('div', { style: { flex: 1, minWidth: 0 } }, (0, primitives_3.h)('div', { style: { fontSize: '15px', fontWeight: 700, lineHeight: 1.25 } }, '社区图 3D'), (0, primitives_3.h)('div', { style: { ...primitives_3.MUTED, fontSize: '10px' } }, `${projection.nodes.length} / ${projection.total} 个社区`)), (0, primitives_3.h)('button', { type: 'button', style: CONTROL, onClick: close }, '收起')), (0, primitives_3.h)('div', { style: { ...primitives_3.MUTED, fontSize: '10px' } }, `${projection.nodes.length} 社区 · ${projection.edges.length} 对关系 · ${layout.isolated} 孤立 · ${symbolTotal} 符号`), detailBlock, pathBlock, (0, primitives_3.h)('input', {
+            type: 'search',
+            value: query,
+            onChange: (event) => setQuery(event.target.value),
+            placeholder: '搜索社区 / 文件 / #id…',
+            style: { padding: '4px 6px', border: primitives_3.HAIRLINE, borderRadius: '4px', background: 'transparent', color: 'inherit', fontSize: '10px' },
+        }), (0, primitives_3.h)('div', { style: { ...primitives_3.MUTED, fontSize: '10px', fontWeight: 600 } }, '社区列表'), listBlock);
+        const card = (0, primitives_3.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '6px' } }, canvasBlock, controlsRow, detailBlock, pathBlock, notesBlock, footerBlock);
+        if (!expanded)
+            return card;
+        return (0, primitives_3.h)('div', {
+            style: {
+                position: 'fixed',
+                inset: 0,
+                zIndex: 1000,
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                padding: '18px',
+                background: 'rgba(0,0,0,0.55)',
+            },
+            onClick: close,
+        }, (0, primitives_3.h)('div', {
+            role: 'dialog',
+            'aria-modal': 'true',
+            'aria-label': '社区图 3D 放大视图',
+            style: {
+                width: 'min(94vw, 1040px)',
+                maxHeight: '86vh',
+                overflow: 'auto',
+                padding: '12px',
+                border: primitives_3.HAIRLINE,
+                borderRadius: '8px',
+                background: 'var(--dsw-alias-bg-base, #11111b)',
+                boxShadow: '0 18px 60px rgba(0,0,0,0.45)',
+            },
+            onClick: (event) => event.stopPropagation(),
+        }, (0, primitives_3.h)('div', { style: { display: 'flex', alignItems: 'flex-start', gap: '10px', minWidth: 0 } }, sidebar, (0, primitives_3.h)('div', { style: { flex: 1, minWidth: 0, display: 'flex', flexDirection: 'column', gap: '6px' } }, (0, primitives_3.h)('div', { style: { position: 'relative', minWidth: 0 } }, canvasBlock, (0, primitives_3.h)('div', { style: { position: 'absolute', top: '6px', left: '6px', right: '6px', display: 'flex', justifyContent: 'flex-end', pointerEvents: 'none' } }, (0, primitives_3.h)('div', { style: { pointerEvents: 'auto', maxWidth: '100%' } }, controlsRow))), notesBlock, footerBlock))));
+    }
+});
+define("sections/graph", ["require", "exports", "react", "primitives", "sections/graph3d"], function (require, exports, React, primitives_4, graph3d_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.communityColors = communityColors;
@@ -1903,7 +2582,7 @@ define("sections/graph", ["require", "exports", "react", "primitives"], function
         };
     }
     function GraphSection({ state }) {
-        const { projection, loading, error, routeState, scope, onOpenCommunity, onBack, onReload, onOpenSymbol } = state;
+        const { projection, loading, error, routeState, scope, onOpenCommunity, onOpenSymbols, onBack, onReload, onOpenSymbol } = state;
         const canvasRef = React.useRef(null);
         const transform = React.useRef({ x: 0, y: 0, k: 1 });
         const drag = React.useRef({
@@ -2137,103 +2816,113 @@ define("sections/graph", ["require", "exports", "react", "primitives"], function
         // screen-reader-reachable equivalent of the picture, and the only part of this card
         // that a non-canvas test can assert on.
         const listed = nodes.slice(0, 8);
-        return (0, primitives_3.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '8px', paddingTop: '4px' } }, (0, primitives_3.h)('div', { style: { display: 'flex', alignItems: 'center', gap: '6px', flexWrap: 'wrap' } }, scope === null
-            ? (0, primitives_3.h)('span', { style: { fontWeight: 600 } }, '社区总览')
-            : (0, primitives_3.h)('span', { style: { fontWeight: 600 } }, `社区 ${scope}`), projection === null
+        return (0, primitives_4.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '8px', paddingTop: '4px' } }, (0, primitives_4.h)('div', { style: { display: 'flex', alignItems: 'center', gap: '6px', flexWrap: 'wrap' } }, scope === null
+            ? (0, primitives_4.h)('span', { style: { fontWeight: 600 } }, projection?.view === 'symbols' ? '符号全图' : '社区总览')
+            : (0, primitives_4.h)('span', { style: { fontWeight: 600 } }, `社区 ${scope}`), projection === null
             ? null
-            : (0, primitives_3.h)('span', { style: primitives_3.MUTED }, projection.view === 'communities'
+            : (0, primitives_4.h)('span', { style: primitives_4.MUTED }, projection.view === 'communities'
                 ? `${projection.nodes.length} / ${projection.total} 个社区`
-                : `${projection.nodes.length} / ${projection.total} 个符号`), projection?.truncated === true ? (0, primitives_3.h)(primitives_3.Tag, { tone: 'outline' }, '已截断') : null, (0, primitives_3.h)('span', { style: { flex: 1 } }), scope === null ? null : (0, primitives_3.h)(primitives_3.Button, { variant: 'ghost', onClick: onBack }, '← 全部社区'), (0, primitives_3.h)(primitives_3.Button, { variant: 'ghost', onClick: onReload, disabled: loading }, loading ? '读取中…' : '重读图')), error === null
+                : `${projection.nodes.length} / ${projection.total} 个符号`), projection?.truncated === true ? (0, primitives_4.h)(primitives_4.Tag, { tone: 'outline' }, '已截断') : null, (0, primitives_4.h)('span', { style: { flex: 1 } }), projection === null
             ? null
-            : (0, primitives_3.h)('div', { style: { ...primitives_3.MUTED, color: 'var(--dsw-alias-state-error-primary, inherit)' } }, error), (0, primitives_3.h)('div', {
-            style: {
-                position: 'relative',
-                width: '100%',
-                // Responsive height: a fixed 300px box made a wide card letterbox the drawing,
-                // and stretching the bitmap to fill it distorted every circle instead.
-                height: 'clamp(260px, 32vw, 420px)',
-                border: primitives_3.HAIRLINE,
-                borderRadius: '6px',
-                background: primitives_3.SOFT_BG,
-                overflow: 'hidden',
-            },
-        }, (0, primitives_3.h)('canvas', {
-            ref: canvasRef,
-            style: { width: '100%', height: '100%', display: 'block', touchAction: 'none', cursor: 'grab' },
-            onPointerDown,
-            onPointerMove,
-            onPointerUp,
-            onPointerLeave: () => {
-                drag.current.active = false;
-                hovered.current = null;
-                setHoverLabel(null);
-                draw();
-            },
-        }), 
-        // An empty canvas explains itself, centred, rather than leaving a blank frame that
-        // reads as a hang.
-        emptyMessage === null
+            : (0, primitives_4.h)(primitives_4.Button, {
+                variant: 'ghost',
+                onClick: projection.view === 'symbols' ? onBack : onOpenSymbols,
+                disabled: loading,
+            }, projection.view === 'symbols' ? '社区视图' : '符号视图'), scope === null ? null : (0, primitives_4.h)(primitives_4.Button, { variant: 'ghost', onClick: onBack }, '← 全部社区'), (0, primitives_4.h)(primitives_4.Button, { variant: 'ghost', onClick: onReload, disabled: loading }, loading ? '读取中…' : '重读图')), error === null
             ? null
-            : (0, primitives_3.h)('div', {
+            : (0, primitives_4.h)('div', { style: { ...primitives_4.MUTED, color: 'var(--dsw-alias-state-error-primary, inherit)' } }, error), projection?.view === 'communities'
+            ? (0, primitives_4.h)(graph3d_1.Graph3DView, { projection, onOpenCommunity })
+            : (0, primitives_4.h)(React.Fragment, null, (0, primitives_4.h)('div', {
                 style: {
-                    position: 'absolute',
-                    inset: 0,
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    padding: '0 24px',
-                    textAlign: 'center',
-                    ...primitives_3.MUTED,
-                    pointerEvents: 'none',
+                    position: 'relative',
+                    width: '100%',
+                    // Responsive height: a fixed 300px box made a wide card letterbox the drawing,
+                    // and stretching the bitmap to fill it distorted every circle instead.
+                    height: 'clamp(260px, 32vw, 420px)',
+                    border: primitives_4.HAIRLINE,
+                    borderRadius: '6px',
+                    background: primitives_4.SOFT_BG,
+                    overflow: 'hidden',
                 },
-            }, emptyMessage), 
-        // A hover caption rather than redrawing a tooltip inside the canvas: it is
-        // readable at any zoom, and it stays honest about the node's file.
-        hoverLabel === null
-            ? null
-            : (0, primitives_3.h)('div', {
-                style: {
-                    position: 'absolute',
-                    left: '8px',
-                    bottom: '6px',
-                    padding: '2px 6px',
-                    borderRadius: '4px',
-                    background: 'rgba(15, 23, 42, 0.75)',
-                    fontSize: '11px',
-                    pointerEvents: 'none',
+            }, (0, primitives_4.h)('canvas', {
+                ref: canvasRef,
+                style: { width: '100%', height: '100%', display: 'block', touchAction: 'none', cursor: 'grab' },
+                onPointerDown,
+                onPointerMove,
+                onPointerUp,
+                onPointerLeave: () => {
+                    drag.current.active = false;
+                    hovered.current = null;
+                    setHoverLabel(null);
+                    draw();
                 },
-            }, hoverLabel)), projection === null || nodes.length === 0
-            ? null
-            : (0, primitives_3.h)('div', { style: { display: 'flex', flexWrap: 'wrap', gap: '4px' } }, listed.map((node) => (0, primitives_3.h)(primitives_3.Button, {
-                key: node.id,
-                variant: 'ghost',
-                onClick: () => (node.kind === 'Community' ? onOpenCommunity(node.id) : onOpenSymbol(node)),
-            }, node.kind === 'Community'
-                ? [
-                    (0, primitives_3.h)('span', {
-                        key: 'dot',
-                        style: {
-                            display: 'inline-block',
-                            width: '8px',
-                            height: '8px',
-                            borderRadius: '50%',
-                            marginRight: '5px',
-                            verticalAlign: 'middle',
-                            background: colorsByCommunity.get(node.id) ?? COMMUNITY_COLOR,
-                        },
-                    }),
-                    `${node.name} · ${node.symbolCount ?? 0}`,
-                ]
-                : node.name)), nodes.length > listed.length
-                ? (0, primitives_3.h)('span', { style: { ...primitives_3.MUTED, alignSelf: 'center' } }, `…还有 ${nodes.length - listed.length} 个`)
-                : null), projection !== null && Array.isArray(projection.notes) && projection.notes.length > 0
-            ? (0, primitives_3.h)('div', { style: { ...primitives_3.MUTED, display: 'flex', flexDirection: 'column', gap: '2px' } }, projection.notes.map((note, index) => (0, primitives_3.h)('div', { key: index }, `· ${note}`)))
-            : null, (0, primitives_3.h)('div', { style: primitives_3.MUTED }, scope === null
-            ? '点一个社区看它的成员符号；滚轮缩放、拖动平移。节点数与边数由宿主限制，超出部分会明确标注。'
-            : '点一个符号会在文件查看器中打开它并定位到行；滚轮缩放、拖动平移。'));
+            }), 
+            // An empty canvas explains itself, centred, rather than leaving a blank frame that
+            // reads as a hang.
+            emptyMessage === null
+                ? null
+                : (0, primitives_4.h)('div', {
+                    style: {
+                        position: 'absolute',
+                        inset: 0,
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        padding: '0 24px',
+                        textAlign: 'center',
+                        ...primitives_4.MUTED,
+                        pointerEvents: 'none',
+                    },
+                }, emptyMessage), 
+            // A hover caption rather than redrawing a tooltip inside the canvas: it is
+            // readable at any zoom, and it stays honest about the node's file.
+            hoverLabel === null
+                ? null
+                : (0, primitives_4.h)('div', {
+                    style: {
+                        position: 'absolute',
+                        left: '8px',
+                        bottom: '6px',
+                        padding: '2px 6px',
+                        borderRadius: '4px',
+                        background: 'rgba(15, 23, 42, 0.75)',
+                        fontSize: '11px',
+                        pointerEvents: 'none',
+                    },
+                }, hoverLabel)), projection === null || nodes.length === 0
+                ? null
+                : (0, primitives_4.h)('div', { style: { display: 'flex', flexWrap: 'wrap', gap: '4px' } }, listed.map((node) => (0, primitives_4.h)(primitives_4.Button, {
+                    key: node.id,
+                    variant: 'ghost',
+                    onClick: () => (node.kind === 'Community' ? onOpenCommunity(node.id) : onOpenSymbol(node)),
+                }, node.kind === 'Community'
+                    ? [
+                        (0, primitives_4.h)('span', {
+                            key: 'dot',
+                            style: {
+                                display: 'inline-block',
+                                width: '8px',
+                                height: '8px',
+                                borderRadius: '50%',
+                                marginRight: '5px',
+                                verticalAlign: 'middle',
+                                background: colorsByCommunity.get(node.id) ?? COMMUNITY_COLOR,
+                            },
+                        }),
+                        `${node.name} · ${node.symbolCount ?? 0}`,
+                    ]
+                    : node.name)), nodes.length > listed.length
+                    ? (0, primitives_4.h)('span', { style: { ...primitives_4.MUTED, alignSelf: 'center' } }, `…还有 ${nodes.length - listed.length} 个`)
+                    : null), projection !== null && Array.isArray(projection.notes) && projection.notes.length > 0
+                ? (0, primitives_4.h)('div', { style: { ...primitives_4.MUTED, display: 'flex', flexDirection: 'column', gap: '2px' } }, projection.notes.map((note, index) => (0, primitives_4.h)('div', { key: index }, `· ${note}`)))
+                : null, (0, primitives_4.h)('div', { style: primitives_4.MUTED }, scope === null
+                ? projection?.view === 'symbols'
+                    ? '点一个符号会在文件查看器中打开它；这是全仓库符号的截断视图，社区视图更适合看整体结构。'
+                    : '点一个社区看它的成员符号；滚轮缩放、拖动平移。节点数与边数由宿主限制，超出部分会明确标注。'
+                : '点一个符号会在文件查看器中打开它并定位到行；滚轮缩放、拖动平移。')));
     }
 });
-define("sections/capabilities", ["require", "exports", "format", "primitives"], function (require, exports, format_4, primitives_4) {
+define("sections/capabilities", ["require", "exports", "format", "primitives"], function (require, exports, format_4, primitives_5) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.CapabilityStrip = CapabilityStrip;
@@ -2245,9 +2934,9 @@ define("sections/capabilities", ["require", "exports", "format", "primitives"],
      */
     function CapabilityStrip({ capabilities }) {
         const rows = (0, format_4.capabilityRows)(capabilities);
-        return (0, primitives_4.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '3px' } }, rows.map((row) => (0, primitives_4.h)('div', { key: row.key, style: { display: 'flex', alignItems: 'center', gap: '6px' } }, (0, primitives_4.h)(primitives_4.StateDot, { state: row.ok ? 'done' : 'idle' }), (0, primitives_4.h)('span', { style: { minWidth: '68px' } }, row.label), row.ok
-            ? (0, primitives_4.h)('span', { style: primitives_4.MUTED }, row.provider)
-            : (0, primitives_4.h)(primitives_4.Tag, { tone: 'outline' }, row.note))));
+        return (0, primitives_5.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '3px' } }, rows.map((row) => (0, primitives_5.h)('div', { key: row.key, style: { display: 'flex', alignItems: 'center', gap: '6px' } }, (0, primitives_5.h)(primitives_5.StateDot, { state: row.ok ? 'done' : 'idle' }), (0, primitives_5.h)('span', { style: { minWidth: '68px' } }, row.label), row.ok
+            ? (0, primitives_5.h)('span', { style: primitives_5.MUTED }, row.provider)
+            : (0, primitives_5.h)(primitives_5.Tag, { tone: 'outline' }, row.note))));
     }
     /**
      * Resolver confidence and analysis provenance.
@@ -2256,26 +2945,32 @@ define("sections/capabilities", ["require", "exports", "format", "primitives"],
      *
      * @param {{quality: any, provenance: any}} props
      */
-    function ProvenanceBlock({ quality, provenance }) {
+    function ProvenanceBlock({ quality, provenance, compatibility }) {
         const summary = (0, format_4.graphQualitySummary)(quality);
-        return (0, primitives_4.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '8px', paddingTop: '4px', flex: '1 1 auto' } }, summary === null
-            ? (0, primitives_4.h)('div', { style: primitives_4.MUTED }, '该索引未记录未解析接收者统计（旧版本写入）')
-            : (0, primitives_4.h)('div', null, (0, primitives_4.h)('div', null, `未解析接收者 ${(0, format_4.compactNumber)(summary.total)} 处——存在这些位置时，impact / context 的结果是下界而非精确值`), (0, primitives_4.h)('div', { style: { ...primitives_4.MUTED, marginTop: '3px' } }, summary.names
+        return (0, primitives_5.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '8px', paddingTop: '4px', flex: '1 1 auto' } }, summary === null
+            ? (0, primitives_5.h)('div', { style: primitives_5.MUTED }, '该索引未记录未解析接收者统计（旧版本写入）')
+            : (0, primitives_5.h)('div', null, (0, primitives_5.h)('div', null, `未解析接收者 ${(0, format_4.compactNumber)(summary.total)} 处——存在这些位置时，impact / context 的结果是下界而非精确值`), (0, primitives_5.h)('div', { style: { ...primitives_5.MUTED, marginTop: '3px' } }, summary.names
                 .slice(0, 6)
                 .map((entry) => `${entry.name} ${entry.count}`)
                 .join('  ·  '))), provenance === null
             ? null
-            : (0, primitives_4.h)('div', 
+            : (0, primitives_5.h)('div', 
             // Pushed to the bottom: this card shares a row with the caveats card and
             // stretches to its height, so anchoring the metrics at the foot turns the
             // leftover space into a gap between two groups rather than a void below.
-            { style: { marginTop: 'auto', paddingTop: '8px' } }, (0, primitives_4.h)(primitives_4.MetricGrid, {
+            { style: { marginTop: 'auto', paddingTop: '8px' } }, (0, primitives_5.h)(primitives_5.MetricGrid, {
                 items: [
                     { label: 'schema', value: provenance.schemaFingerprint ?? '—' },
                     { label: '内容保留', value: provenance.contentRetention ?? '—' },
                     { label: 'FTS 配置', value: provenance.ftsProfile ?? '—' },
                     { label: '跨语言属性', value: (0, format_4.compactNumber)(provenance.crossLanguageProperties ?? 0) },
                     { label: '分析器', value: provenance.runnerCliVersion ?? '—' },
+                    {
+                        label: '索引/CLI',
+                        value: compatibility === undefined || compatibility === null
+                            ? '—'
+                            : `${compatibility.indexedBy ?? '缺失'} / ${compatibility.installed ?? '缺失'}`,
+                    },
                 ],
             })));
     }
@@ -2285,7 +2980,7 @@ define("sections/capabilities", ["require", "exports", "format", "primitives"],
         return summary === null ? '无未解析接收者记录' : `未解析接收者 ${(0, format_4.compactNumber)(summary.total)} 处`;
     }
 });
-define("sections/languages", ["require", "exports", "react", "format", "primitives"], function (require, exports, React, format_5, primitives_5) {
+define("sections/languages", ["require", "exports", "react", "format", "primitives"], function (require, exports, React, format_5, primitives_6) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.MemoizedLanguageSection = void 0;
@@ -2297,11 +2992,11 @@ define("sections/languages", ["require", "exports", "react", "format", "primitiv
             return null;
         const visible = segments.filter((s) => s.percent >= 0.05);
         const hidden = segments.length - visible.length;
-        return (0, primitives_5.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '8px' } }, (0, primitives_5.h)('div', { style: primitives_5.styles.bar, role: 'img', 'aria-label': '语言分布' }, segments.map((segment, index) => (0, primitives_5.h)(primitives_5.Tooltip, { key: `${segment.key}-${index}`, label: `${segment.label} ${(0, format_5.fixed)(segment.percent, 1)}%`, side: 'bottom' }, (0, primitives_5.h)('div', {
+        return (0, primitives_6.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '8px' } }, (0, primitives_6.h)('div', { style: primitives_6.styles.bar, role: 'img', 'aria-label': '语言分布' }, segments.map((segment, index) => (0, primitives_6.h)(primitives_6.Tooltip, { key: `${segment.key}-${index}`, label: `${segment.label} ${(0, format_5.fixed)(segment.percent, 1)}%`, side: 'bottom' }, (0, primitives_6.h)('div', {
             // A floor keeps a 0.01% language visible; the flex ratio keeps the
             // major segments proportional.
             style: { width: `${Math.max(0.4, segment.percent)}%`, background: segment.color, flexShrink: 0 },
-        })))), (0, primitives_5.h)('div', { style: { display: 'flex', flexWrap: 'wrap', gap: '4px 12px' } }, visible.map((segment) => (0, primitives_5.h)('span', { key: segment.key, style: { display: 'inline-flex', gap: '5px', alignItems: 'center' } }, (0, primitives_5.h)('span', {
+        })))), (0, primitives_6.h)('div', { style: { display: 'flex', flexWrap: 'wrap', gap: '4px 12px' } }, visible.map((segment) => (0, primitives_6.h)('span', { key: segment.key, style: { display: 'inline-flex', gap: '5px', alignItems: 'center' } }, (0, primitives_6.h)('span', {
             style: {
                 width: '8px',
                 height: '8px',
@@ -2310,7 +3005,7 @@ define("sections/languages", ["require", "exports", "react", "format", "primitiv
                 display: 'inline-block',
                 flexShrink: 0,
             },
-        }), (0, primitives_5.h)('span', null, segment.label), (0, primitives_5.h)('span', { style: primitives_5.MUTED }, `${(0, format_5.fixed)(segment.percent, 1)}%`))), hidden > 0 ? (0, primitives_5.h)('span', { style: primitives_5.MUTED }, `…另有 ${hidden} 种`) : null));
+        }), (0, primitives_6.h)('span', null, segment.label), (0, primitives_6.h)('span', { style: primitives_6.MUTED }, `${(0, format_5.fixed)(segment.percent, 1)}%`))), hidden > 0 ? (0, primitives_6.h)('span', { style: primitives_6.MUTED }, `…另有 ${hidden} 种`) : null));
     }
     /**
      * Language distribution, with the metric switchable.
@@ -2326,9 +3021,9 @@ define("sections/languages", ["require", "exports", "react", "format", "primitiv
     function LanguageSection({ languages }) {
         const [metric, setMetric] = React.useState('bytes');
         const unit = metric === 'files' ? '文件' : '字节';
-        return (0, primitives_5.h)(primitives_5.Section, {
+        return (0, primitives_6.h)(primitives_6.Section, {
             title: `语言分布 · ${languages.rows.length} 种`,
-            meta: (0, primitives_5.h)(primitives_5.SegmentedControl, {
+            meta: (0, primitives_6.h)(primitives_6.SegmentedControl, {
                 id: 'gitnexus-language-metric',
                 label: '语言分布统计口径',
                 value: metric,
@@ -2343,12 +3038,12 @@ define("sections/languages", ["require", "exports", "react", "format", "primitiv
             }),
             // The card stretches to the row height beside the overview card; the footnote
             // below uses `marginTop: auto` to sit at the foot of that height.
-        }, (0, primitives_5.h)(LanguageBar, {
+        }, (0, primitives_6.h)(LanguageBar, {
             rows: languages.rows,
             totalBytes: languages.totalBytes,
             totalFiles: languages.totalFiles,
             metric,
-        }), (0, primitives_5.h)('div', { style: { marginTop: 'auto', paddingTop: '8px', fontSize: '10px', ...primitives_5.MUTED } }, languages.detector === 'builtin'
+        }), (0, primitives_6.h)('div', { style: { marginTop: 'auto', paddingTop: '8px', fontSize: '10px', ...primitives_6.MUTED } }, languages.detector === 'builtin'
             ? `按${unit}计的占比；GitNexus 不可用，语言由内置扩展名映射识别（仅作参考）`
             : `按${unit}计的占比；GitNexus 只解析其中一部分语言，其余仅作为文件节点存在`));
     }
@@ -2358,7 +3053,7 @@ define("sections/languages", ["require", "exports", "react", "format", "primitiv
      */
     exports.MemoizedLanguageSection = React.memo(LanguageSection);
 });
-define("sections/large-files", ["require", "exports", "format", "primitives"], function (require, exports, format_6, primitives_6) {
+define("sections/large-files", ["require", "exports", "format", "primitives"], function (require, exports, format_6, primitives_7) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.LargeFileList = LargeFileList;
@@ -2372,10 +3067,10 @@ define("sections/large-files", ["require", "exports", "format", "primitives"], f
      * @param {{files: any[]}} props
      */
     function LargeFileList({ files }) {
-        return (0, primitives_6.h)('div', { style: { display: 'flex', flexDirection: 'column' } }, files.map((file) => (0, primitives_6.h)('div', { key: file.path, style: primitives_6.styles.fileRow }, (0, primitives_6.h)(primitives_6.FileTypeIcon, { path: file.path, size: 16 }), (0, primitives_6.h)('span', { style: { minWidth: 0, flex: '1 1 auto' } }, (0, primitives_6.h)(primitives_6.PathLabel, { path: file.path })), (0, primitives_6.h)('span', { style: primitives_6.styles.fileMeta }, (0, primitives_6.h)('span', { style: { ...primitives_6.MUTED, whiteSpace: 'nowrap' } }, file.sizeText), (0, primitives_6.h)(primitives_6.FileFlags, { file }), (0, primitives_6.h)('span', { style: { ...primitives_6.MUTED, whiteSpace: 'nowrap' } }, `${(0, format_6.fixed)((file.shareOfLanguage ?? 0) * 100, 0)}% ${file.language?.label ?? ''}`)))));
+        return (0, primitives_7.h)('div', { style: { display: 'flex', flexDirection: 'column' } }, files.map((file) => (0, primitives_7.h)('div', { key: file.path, style: primitives_7.styles.fileRow }, (0, primitives_7.h)(primitives_7.FileTypeIcon, { path: file.path, size: 16 }), (0, primitives_7.h)('span', { style: { minWidth: 0, flex: '1 1 auto' } }, (0, primitives_7.h)(primitives_7.PathLabel, { path: file.path })), (0, primitives_7.h)('span', { style: primitives_7.styles.fileMeta }, (0, primitives_7.h)('span', { style: { ...primitives_7.MUTED, whiteSpace: 'nowrap' } }, file.sizeText), (0, primitives_7.h)(primitives_7.FileFlags, { file }), (0, primitives_7.h)('span', { style: { ...primitives_7.MUTED, whiteSpace: 'nowrap' } }, `${(0, format_6.fixed)((file.shareOfLanguage ?? 0) * 100, 0)}% ${file.language?.label ?? ''}`)))));
     }
 });
-define("sections/maintenance", ["require", "exports", "react", "@deepseek-ai/dsh-client-ui-primitives", "clock", "format", "primitives"], function (require, exports, React, primitives, clock_1, format_7, primitives_7) {
+define("sections/maintenance", ["require", "exports", "react", "@deepseek-ai/dsh-client-ui-primitives", "clock", "format", "primitives"], function (require, exports, React, primitives, clock_1, format_7, primitives_8) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.MaintenanceSection = MaintenanceSection;
@@ -2476,11 +3171,11 @@ define("sections/maintenance", ["require", "exports", "react", "@deepseek-ai/dsh
                 setCopied(null);
             }
         };
-        return (0, primitives_7.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '10px', paddingTop: '4px' } }, 
+        return (0, primitives_8.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '10px', paddingTop: '4px' } }, 
         // The old line said "复制后到会话执行". That stopped being the whole story once the
         // plugin could start the run itself, so the sentence says which parts it runs and
         // which it only hands over.
-        (0, primitives_7.h)('div', { style: primitives_7.MUTED }, hostCurrent
+        (0, primitives_8.h)('div', { style: primitives_8.MUTED }, hostCurrent
             ? '下面列出的命令都可由本插件执行（走 DSH 的 shell 执行器，沙箱与其它命令一致，本插件不申请扩权）。' +
                 '全量重建只应在增量刷新卡死或结果反常时使用。'
             : '当前宿主是旧版本（不包含 FTS 自适应与注册表重定向修复）；重启 DSH 后再执行维护。命令仍可复制。'), 
@@ -2489,23 +3184,23 @@ define("sections/maintenance", ["require", "exports", "react", "@deepseek-ai/dsh
         // separate ones.
         activeRun === null
             ? null
-            : (0, primitives_7.h)('div', {
+            : (0, primitives_8.h)('div', {
                 style: {
                     display: 'flex',
                     flexDirection: 'column',
                     gap: '4px',
                     padding: '6px 8px',
-                    border: primitives_7.HAIRLINE,
+                    border: primitives_8.HAIRLINE,
                     borderRadius: '6px',
-                    background: primitives_7.SOFT_BG,
+                    background: primitives_8.SOFT_BG,
                 },
-            }, (0, primitives_7.h)('div', { style: { display: 'flex', alignItems: 'center', gap: '6px' } }, (0, primitives_7.h)(primitives_7.StateDot, { state: (0, format_7.runStateTone)(activeRun.state) }), (0, primitives_7.h)('span', { style: { fontWeight: 600 } }, (0, format_7.runStateLabel)(activeRun.state)), activeRun.force === true ? (0, primitives_7.h)(primitives_7.Tag, { tone: 'outline' }, '全量') : null, activeRun.repairFts === true ? (0, primitives_7.h)(primitives_7.Tag, { tone: 'outline' }, '修复 FTS') : null, (0, primitives_7.h)('span', { style: primitives_7.MUTED }, activeRun.state === 'running' ? `已运行 ${elapsed}s` : `${elapsed}s`), (0, primitives_7.h)('span', { style: { flex: 1 } }), running
-                ? (0, primitives_7.h)(primitives_7.Button, { variant: 'ghost', onClick: onCancelRun }, '取消')
+            }, (0, primitives_8.h)('div', { style: { display: 'flex', alignItems: 'center', gap: '6px' } }, (0, primitives_8.h)(primitives_8.StateDot, { state: (0, format_7.runStateTone)(activeRun.state) }), (0, primitives_8.h)('span', { style: { fontWeight: 600 } }, (0, format_7.runStateLabel)(activeRun.state)), activeRun.force === true ? (0, primitives_8.h)(primitives_8.Tag, { tone: 'outline' }, '全量') : null, activeRun.repairFts === true ? (0, primitives_8.h)(primitives_8.Tag, { tone: 'outline' }, '修复 FTS') : null, (0, primitives_8.h)('span', { style: primitives_8.MUTED }, activeRun.state === 'running' ? `已运行 ${elapsed}s` : `${elapsed}s`), (0, primitives_8.h)('span', { style: { flex: 1 } }), running
+                ? (0, primitives_8.h)(primitives_8.Button, { variant: 'ghost', onClick: onCancelRun }, '取消')
                 // Wrapped, not passed directly: once `onStartRun` takes a mode argument,
                 // React's click event would arrive as that argument and every "run again"
                 // would become a forced rebuild. Repeating the last mode is also the
                 // honest reading of "run again" after a repair or a full rebuild.
-                : (0, primitives_7.h)(primitives_7.Button, {
+                : (0, primitives_8.h)(primitives_8.Button, {
                     variant: 'ghost',
                     disabled: !hostCurrent,
                     onClick: () => onStartRun(activeRun.repairFts === true
@@ -2513,22 +3208,22 @@ define("sections/maintenance", ["require", "exports", "react", "@deepseek-ai/dsh
                         : activeRun.force === true
                             ? 'force'
                             : 'refresh'),
-                }, '再次执行')), activeRun.message === null ? null : (0, primitives_7.h)('div', { style: primitives_7.MUTED }, activeRun.message), 
+                }, '再次执行')), activeRun.message === null ? null : (0, primitives_8.h)('div', { style: primitives_8.MUTED }, activeRun.message), 
             // The output is the evidence, but a failure's first screen was thirty lines of
             // JavaScript stack with the one useful sentence buried in it. The verdict above
             // is the summary; the raw text stays one click away.
             activeRun.output === ''
                 ? null
-                : (0, primitives_7.h)('details', { style: { marginTop: '2px' } }, (0, primitives_7.h)('summary', {
+                : (0, primitives_8.h)('details', { style: { marginTop: '2px' } }, (0, primitives_8.h)('summary', {
                     style: {
-                        ...primitives_7.MUTED,
+                        ...primitives_8.MUTED,
                         cursor: 'pointer',
                         fontSize: '12px',
                         userSelect: 'none',
                     },
-                }, '查看原始输出'), (0, primitives_7.h)('pre', {
+                }, '查看原始输出'), (0, primitives_8.h)('pre', {
                     style: {
-                        ...primitives_7.styles.mono,
+                        ...primitives_8.styles.mono,
                         margin: '4px 0 0',
                         whiteSpace: 'pre-wrap',
                         maxHeight: '12em',
@@ -2536,7 +3231,7 @@ define("sections/maintenance", ["require", "exports", "react", "@deepseek-ai/dsh
                     },
                 }, activeRun.output))), runError === null
             ? null
-            : (0, primitives_7.h)('div', { style: { ...primitives_7.MUTED, color: 'var(--dsw-alias-state-error-primary, inherit)' } }, runError), 
+            : (0, primitives_8.h)('div', { style: { ...primitives_8.MUTED, color: 'var(--dsw-alias-state-error-primary, inherit)' } }, runError), 
         // The Tier 0 verdict sits directly above the buttons it governs. Showing "dirty"
         // without the reason would be the same opacity the gate exists to remove, and
         // showing "clean" without an escape hatch would take a decision away from the
@@ -2545,12 +3240,12 @@ define("sections/maintenance", ["require", "exports", "react", "@deepseek-ai/dsh
         // deployment state worth naming — otherwise the gate is simply absent and the
         // operator has no way to tell that from "nothing changed".
         deltaError !== null && deltaError !== undefined
-            ? (0, primitives_7.h)('div', { style: primitives_7.MUTED }, `差量检查失败：${deltaError} —— 刷新仍可直接执行。`)
+            ? (0, primitives_8.h)('div', { style: primitives_8.MUTED }, `差量检查失败：${deltaError} —— 刷新仍可直接执行。`)
             : deltaRoute === 'missing'
-                ? (0, primitives_7.h)('div', { style: primitives_7.MUTED }, '当前宿主未挂载差量路由：重启 DSH 后会显示"是否需要刷新"的依据；刷新按钮仍可使用。')
+                ? (0, primitives_8.h)('div', { style: primitives_8.MUTED }, '当前宿主未挂载差量路由：重启 DSH 后会显示"是否需要刷新"的依据；刷新按钮仍可使用。')
                 : gateKnown
                     ? gateClean
-                        ? (0, primitives_7.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '3px' } }, (0, primitives_7.h)('div', { style: { display: 'flex', alignItems: 'center', gap: '6px', flexWrap: 'wrap' } }, (0, primitives_7.h)(primitives_7.StateDot, { state: 'done' }), (0, primitives_7.h)('span', { style: { fontWeight: 600 } }, '无需刷新'), (0, primitives_7.h)(primitives_7.Tag, { tone: 'solid' }, '索引已是最新'), (0, primitives_7.h)('span', { style: primitives_7.MUTED }, gate?.notes[0] ?? ''), (0, primitives_7.h)('span', { style: { flex: 1 } }), (0, primitives_7.h)(primitives_7.Button, {
+                        ? (0, primitives_8.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '3px' } }, (0, primitives_8.h)('div', { style: { display: 'flex', alignItems: 'center', gap: '6px', flexWrap: 'wrap' } }, (0, primitives_8.h)(primitives_8.StateDot, { state: 'done' }), (0, primitives_8.h)('span', { style: { fontWeight: 600 } }, '无需刷新'), (0, primitives_8.h)(primitives_8.Tag, { tone: 'solid' }, '索引已是最新'), (0, primitives_8.h)('span', { style: primitives_8.MUTED }, gate?.notes[0] ?? ''), (0, primitives_8.h)('span', { style: { flex: 1 } }), (0, primitives_8.h)(primitives_8.Button, {
                             variant: 'ghost',
                             disabled: running || !hostCurrent,
                             // Not a bypass of the gate: it is the documented way to refresh when
@@ -2562,24 +3257,28 @@ define("sections/maintenance", ["require", "exports", "react", "@deepseek-ai/dsh
                         // policy skips. Saying "no refresh" without that explanation would read as
                         // "git says nothing changed", which is not what was measured.
                         excludedCount > 0
-                            ? (0, primitives_7.h)('div', { style: primitives_7.MUTED }, `${excludedCount} 个改动属索引排除范围（超大文件等），刷新也不会收录，因此不计入刷新依据。`)
+                            ? (0, primitives_8.h)('div', { style: primitives_8.MUTED }, `${excludedCount} 个改动属索引排除范围（超大文件等），刷新也不会收录，因此不计入刷新依据。`)
                             : null)
-                        : (0, primitives_7.h)('div', {
+                        : (0, primitives_8.h)('div', {
                             style: {
                                 display: 'flex',
                                 flexDirection: 'column',
                                 gap: '4px',
                                 padding: '6px 8px',
-                                border: primitives_7.HAIRLINE,
+                                border: primitives_8.HAIRLINE,
                                 borderRadius: '6px',
-                                background: primitives_7.SOFT_BG,
+                                background: primitives_8.SOFT_BG,
                             },
-                        }, (0, primitives_7.h)('div', { style: { display: 'flex', alignItems: 'center', gap: '6px', flexWrap: 'wrap' } }, (0, primitives_7.h)(primitives_7.StateDot, { state: 'warning' }), (0, primitives_7.h)('span', { style: { fontWeight: 600 } }, '索引内容已落后'), (0, primitives_7.h)('span', { style: primitives_7.MUTED }, `${gate?.counts.modified ?? 0} 改 / ${gate?.counts.added ?? 0} 增 / ` +
+                        }, (0, primitives_8.h)('div', { style: { display: 'flex', alignItems: 'center', gap: '6px', flexWrap: 'wrap' } }, (0, primitives_8.h)(primitives_8.StateDot, { state: 'warning' }), (0, primitives_8.h)('span', { style: { fontWeight: 600 } }, '索引内容已落后'), (0, primitives_8.h)('span', { style: primitives_8.MUTED }, `${gate?.counts.modified ?? 0} 改 / ${gate?.counts.added ?? 0} 增 / ` +
                             `${gate?.counts.deleted ?? 0} 删` +
                             (excludedCount > 0 ? ` · ${excludedCount} 个被排除` : '') +
-                            ` · 检查用时 ${gate?.durationMs ?? 0}ms`), (0, primitives_7.h)('span', { style: { flex: 1 } }), gate?.truncated === true ? (0, primitives_7.h)(primitives_7.Tag, { tone: 'outline' }, '候选已截断') : null), (0, primitives_7.h)('div', {
+                            ` · 检查用时 ${gate?.durationMs ?? 0}ms`), (0, primitives_8.h)('span', { style: { flex: 1 } }), gate?.advice !== undefined && gate?.advice !== null
+                            ? (0, primitives_8.h)(primitives_8.Tag, { tone: 'outline' }, `建议：${gate.advice.label}`)
+                            : null, gate?.truncated === true ? (0, primitives_8.h)(primitives_8.Tag, { tone: 'outline' }, '候选已截断') : null), gate?.advice !== undefined && gate?.advice !== null
+                            ? (0, primitives_8.h)('div', { style: { ...primitives_8.MUTED, fontSize: '11px' } }, gate.advice.reason)
+                            : null, (0, primitives_8.h)('div', {
                             style: {
-                                ...primitives_7.styles.mono,
+                                ...primitives_8.styles.mono,
                                 maxHeight: '7em',
                                 overflow: 'auto',
                                 whiteSpace: 'pre-wrap',
@@ -2589,15 +3288,19 @@ define("sections/maintenance", ["require", "exports", "react", "@deepseek-ai/dsh
                             .slice(0, 8)
                             .map((entry) => `${entry.kind === 'modified' ? 'M' : entry.kind === 'added' ? 'A' : 'D'} ${entry.path}`)
                             .join('\n') + (changed.length > 8 ? `\n…还有 ${changed.length - 8} 个` : '')), excludedCount > 0
-                            ? (0, primitives_7.h)('div', { style: primitives_7.MUTED }, `${excludedCount} 个改动属索引排除范围（超大文件等），刷新也不会收录，因此不计入刷新依据。`)
+                            ? (0, primitives_8.h)('div', { style: primitives_8.MUTED }, `${excludedCount} 个改动属索引排除范围（超大文件等），刷新也不会收录，因此不计入刷新依据。`)
                             : null)
                     : gate !== null && Array.isArray(gate.notes) && gate.notes.length > 0
                         ? // No gate: either the comparison was impossible (legacy manifest, no git) or
                             // it was not anchored to the index's commit. Both are "cannot prove it is
                             // current", and the notes say which — print them all, because the first one
                             // alone explains the cause but not the consequence.
-                            (0, primitives_7.h)('div', { style: { ...primitives_7.MUTED, display: 'flex', flexDirection: 'column', gap: '2px' } }, gate.notes.slice(0, 3).map((note, index) => (0, primitives_7.h)('div', { key: index }, `· ${note}`)))
-                        : null, commands.map((command) => {
+                            (0, primitives_8.h)('div', { style: { ...primitives_8.MUTED, display: 'flex', flexDirection: 'column', gap: '2px' } }, gate.advice !== undefined && gate.advice !== null
+                                ? (0, primitives_8.h)('div', null, `建议：${gate.advice.label} —— ${gate.advice.reason}`)
+                                : null, gate.notes.slice(0, 3).map((note, index) => (0, primitives_8.h)('div', { key: index }, `· ${note}`)))
+                        : skipGit && indexed
+                            ? (0, primitives_8.h)('div', { style: primitives_8.MUTED }, '该目录没有 .git：索引由 --skip-git 建立，没有提交基线，只能重新分析，不能增量刷新。')
+                            : null, commands.map((command) => {
             // The host's wording is written for the no-index state ("初始化索引", "该项目还没有
             // … 索引时使用"). Reusing it on an indexed project told the operator to initialise
             // an index that already existed. Only the label and the "when" line are stateful;
@@ -2615,7 +3318,7 @@ define("sections/maintenance", ["require", "exports", "react", "@deepseek-ai/dsh
                         when: '索引落后或有文件改动时使用；未变更文件的解析产物会复用。',
                     }
                 : command;
-            return (0, primitives_7.h)('div', {
+            return (0, primitives_8.h)('div', {
                 key: command.mode,
                 style: {
                     display: 'flex',
@@ -2626,13 +3329,13 @@ define("sections/maintenance", ["require", "exports", "react", "@deepseek-ai/dsh
                     // because the index says FTS is missing, so it keeps full weight.
                     opacity: command.mode === applicable || command.mode === 'repair-fts' ? 1 : 0.55,
                 },
-            }, (0, primitives_7.h)('div', { style: { display: 'flex', alignItems: 'center', gap: '6px' } }, (0, primitives_7.h)('span', { style: { fontWeight: 600 } }, shown.label), command.mode === applicable ? (0, primitives_7.h)(primitives_7.Tag, { tone: 'solid' }, '当前适用') : null, command.destructive ? (0, primitives_7.h)(primitives_7.Tag, { tone: 'outline' }, '破坏性') : null, (0, primitives_7.h)('span', { style: { flex: 1 } }), 
+            }, (0, primitives_8.h)('div', { style: { display: 'flex', alignItems: 'center', gap: '6px' } }, (0, primitives_8.h)('span', { style: { fontWeight: 600 } }, shown.label), command.mode === applicable ? (0, primitives_8.h)(primitives_8.Tag, { tone: 'solid' }, '当前适用') : null, command.destructive ? (0, primitives_8.h)(primitives_8.Tag, { tone: 'outline' }, '破坏性') : null, (0, primitives_8.h)('span', { style: { flex: 1 } }), 
             // Each command is executable now, each behind its own confirmation. The
             // force button exists because the host route implements `--force`; a button
             // labelled "全量重建" that quietly ran an incremental refresh would be the
             // exact failure the earlier revision refused to ship.
             command.mode === 'init'
-                ? (0, primitives_7.h)(primitives_7.Button, {
+                ? (0, primitives_8.h)(primitives_8.Button, {
                     variant: 'ghost',
                     // The gate is the whole point of Tier 0: a clean tree disables the
                     // normal action and says so, and "仍然刷新" is the way past it.
@@ -2654,29 +3357,29 @@ define("sections/maintenance", ["require", "exports", "react", "@deepseek-ai/dsh
                                     ? '执行增量刷新'
                                     : '执行增量刷新（需重启）')
                 : command.mode === 'repair-fts'
-                    ? (0, primitives_7.h)(primitives_7.Button, { variant: 'ghost', disabled: running || !hostCurrent, onClick: () => setConfirming('repair-fts') }, running ? '运行中' : '修复搜索索引')
+                    ? (0, primitives_8.h)(primitives_8.Button, { variant: 'ghost', disabled: running || !hostCurrent, onClick: () => setConfirming('repair-fts') }, running ? '运行中' : '修复搜索索引')
                     : hostCurrent
-                        ? (0, primitives_7.h)(primitives_7.Button, { variant: 'ghost', disabled: running, onClick: () => setConfirming('full') }, running ? '运行中' : '全量重建')
-                        : (0, primitives_7.h)(primitives_7.Button, {
+                        ? (0, primitives_8.h)(primitives_8.Button, { variant: 'ghost', disabled: running, onClick: () => setConfirming('full') }, running ? '运行中' : '全量重建')
+                        : (0, primitives_8.h)(primitives_8.Button, {
                             variant: 'ghost',
                             disabled: true,
                             title: '当前宿主版本尚未支持 force=1；重启 DSH 后再试，或复制命令执行',
-                        }, '全量重建（需重启）'), (0, primitives_7.h)(primitives_7.Button, { variant: 'ghost', onClick: () => copy(command) }, copied === command.mode ? '已复制' : '复制')), (0, primitives_7.h)('code', {
+                        }, '全量重建（需重启）'), (0, primitives_8.h)(primitives_8.Button, { variant: 'ghost', onClick: () => copy(command) }, copied === command.mode ? '已复制' : '复制')), (0, primitives_8.h)('code', {
                 style: {
-                    ...primitives_7.styles.mono,
+                    ...primitives_8.styles.mono,
                     display: 'block',
                     padding: '6px 8px',
-                    border: primitives_7.HAIRLINE,
+                    border: primitives_8.HAIRLINE,
                     borderRadius: '6px',
-                    background: primitives_7.SOFT_BG,
+                    background: primitives_8.SOFT_BG,
                     wordBreak: 'break-all',
                     userSelect: 'all',
                 },
-            }, command.shell), (0, primitives_7.h)('div', { style: primitives_7.MUTED }, shown.when), command.caveat !== null && command.caveat !== undefined
-                ? (0, primitives_7.h)('div', { style: primitives_7.MUTED }, command.caveat)
+            }, command.shell), (0, primitives_8.h)('div', { style: primitives_8.MUTED }, shown.when), command.caveat !== null && command.caveat !== undefined
+                ? (0, primitives_8.h)('div', { style: primitives_8.MUTED }, command.caveat)
                 : null);
         }), Array.isArray(maintenance?.rationale) && maintenance.rationale.length > 0
-            ? (0, primitives_7.h)('div', { style: { ...primitives_7.MUTED, display: 'flex', flexDirection: 'column', gap: '2px' } }, maintenance.rationale.map((note, index) => (0, primitives_7.h)('div', { key: index }, `· ${note}`)))
+            ? (0, primitives_8.h)('div', { style: { ...primitives_8.MUTED, display: 'flex', flexDirection: 'column', gap: '2px' } }, maintenance.rationale.map((note, index) => (0, primitives_8.h)('div', { key: index }, `· ${note}`)))
             : null, 
         // The confirmation. Everything the operator needs before a process touches their
         // working tree goes in `description`, because that is the prop the modal renders:
@@ -2686,7 +3389,7 @@ define("sections/maintenance", ["require", "exports", "react", "@deepseek-ai/dsh
         // One dialog, two modes. The full rebuild gets its own title, wording and
         // acknowledgement because it is a different risk: it discards the graph and FTS
         // and can take minutes, while the incremental path reuses unchanged files.
-        (0, primitives_7.h)(primitives.RiskConfirmation, {
+        (0, primitives_8.h)(primitives.RiskConfirmation, {
             open: confirming !== null,
             title: repairConfirm
                 ? '修复搜索索引（FTS）？'
@@ -2757,7 +3460,91 @@ define("sections/maintenance", ["require", "exports", "react", "@deepseek-ai/dsh
         }));
     }
 });
-define("sections/overview", ["require", "exports", "react", "format", "primitives", "sections/capabilities"], function (require, exports, React, format_8, primitives_8, capabilities_1) {
+define("sections/workspace", ["require", "exports", "format", "primitives"], function (require, exports, format_8, primitives_9) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.aggregateProjects = aggregateProjects;
+    exports.WorkspaceOverview = WorkspaceOverview;
+    /** Sum the manifest stats of every indexed project below the workspace. */
+    function aggregateProjects(projects) {
+        const totals = {
+            indexed: 0,
+            unindexed: 0,
+            files: 0,
+            nodes: 0,
+            edges: 0,
+            communities: 0,
+            processes: 0,
+            embeddings: 0,
+        };
+        for (const project of projects) {
+            if (project.kind === 'index') {
+                totals.indexed += 1;
+                const stats = project.stats;
+                if (stats !== null && stats !== undefined) {
+                    totals.files += stats.files;
+                    totals.nodes += stats.nodes;
+                    totals.edges += stats.edges;
+                    totals.communities += stats.communities;
+                    totals.processes += stats.processes;
+                    totals.embeddings += stats.embeddings;
+                }
+            }
+            else if (project.kind === 'git') {
+                totals.unindexed += 1;
+            }
+        }
+        return totals;
+    }
+    const MAX_ROWS = 8;
+    /**
+     * Aggregate view for a multi-project workspace. Returns null for a single project:
+     * there is nothing to aggregate, and the per-project cards already say the same thing.
+     */
+    function WorkspaceOverview({ projects, activePath, onSelectProject, }) {
+        const indexed = projects.filter((project) => project.kind === 'index');
+        if (indexed.length < 2)
+            return null;
+        const totals = aggregateProjects(projects);
+        const rows = [...indexed]
+            .sort((a, b) => (b.stats?.nodes ?? 0) - (a.stats?.nodes ?? 0) || a.path.localeCompare(b.path))
+            .slice(0, MAX_ROWS);
+        return (0, primitives_9.h)(primitives_9.Section, {
+            wide: true,
+            title: '工作区概览',
+            meta: (0, primitives_9.h)('span', { style: { ...primitives_9.MUTED, fontSize: '11px' } }, `${totals.indexed} 个已索引` + (totals.unindexed > 0 ? ` · ${totals.unindexed} 个未索引` : '')),
+        }, (0, primitives_9.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '6px' } }, (0, primitives_9.h)('div', { style: { ...primitives_9.MUTED, fontSize: '11px' } }, `合计 ${(0, format_8.compactNumber)(totals.files)} 个文件 · ${(0, format_8.compactNumber)(totals.nodes)} 个符号 · ` +
+            `${(0, format_8.compactNumber)(totals.edges)} 条关系 · ${(0, format_8.compactNumber)(totals.communities)} 个社区 · ` +
+            `${(0, format_8.compactNumber)(totals.processes)} 条流程`), (0, primitives_9.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '2px' } }, rows.map((project) => (0, primitives_9.h)('div', {
+            key: project.path,
+            role: 'button',
+            tabIndex: 0,
+            title: project.path,
+            onClick: () => onSelectProject?.(project.path),
+            onKeyDown: (event) => {
+                if (event.key === 'Enter' || event.key === ' ')
+                    onSelectProject?.(project.path);
+            },
+            style: {
+                display: 'grid',
+                gridTemplateColumns: 'minmax(0, 1fr) auto auto auto',
+                gap: '8px',
+                alignItems: 'center',
+                padding: '4px 6px',
+                border: primitives_9.HAIRLINE,
+                borderRadius: '4px',
+                background: project.path === activePath ? primitives_9.SOFT_BG : 'transparent',
+                cursor: onSelectProject === undefined ? 'default' : 'pointer',
+                fontSize: '11px',
+            },
+        }, (0, primitives_9.h)('span', { style: { minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, project.relPath === '' ? `${project.name}（本工作区）` : project.relPath), (0, primitives_9.h)('span', { style: { ...primitives_9.MUTED, textAlign: 'right' } }, `${(0, format_8.compactNumber)(project.stats?.nodes ?? 0)} 符号`), (0, primitives_9.h)('span', { style: { ...primitives_9.MUTED, textAlign: 'right' } }, `${(0, format_8.compactNumber)(project.stats?.files ?? 0)} 文件`), (0, primitives_9.h)('span', { style: { ...primitives_9.MUTED, textAlign: 'right' } }, project.complete ? '完整' : '缺图')))), indexed.length > MAX_ROWS
+            ? (0, primitives_9.h)('div', { style: { ...primitives_9.MUTED, fontSize: '11px' } }, `还有 ${indexed.length - MAX_ROWS} 个项目；用标题栏切换器查看。`)
+            : null, totals.unindexed > 0
+            ? (0, primitives_9.h)('div', { style: { ...primitives_9.MUTED, fontSize: '11px' } }, `${totals.unindexed} 个 git 项目尚未建索引，未计入合计。`)
+            : null));
+    }
+});
+define("sections/overview", ["require", "exports", "react", "format", "primitives", "sections/capabilities"], function (require, exports, React, format_9, primitives_10, capabilities_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.MemoizedOverviewBody = void 0;
@@ -2770,36 +3557,36 @@ define("sections/overview", ["require", "exports", "react", "format", "primitive
      * section wrapper and the split-region layout around it.
      */
     function OverviewBody({ report, totals, cap, ratio, }) {
-        return (0, primitives_8.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '10px' } }, 
+        return (0, primitives_10.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '10px' } }, 
         // Ring and scan summary on one line, metrics below at full card width. Keeping
         // the ring in a left rail stole ~90px from the metric grid at exactly the widths
         // where it needed two columns, so the card turned into a tall single column.
-        (0, primitives_8.h)('div', { style: { display: 'flex', gap: '12px', alignItems: 'center', minWidth: 0 } }, ratio === null
+        (0, primitives_10.h)('div', { style: { display: 'flex', gap: '12px', alignItems: 'center', minWidth: 0 } }, ratio === null
             ? null
-            : (0, primitives_8.h)(primitives_8.Ring, {
+            : (0, primitives_10.h)(primitives_10.Ring, {
                 ratio,
                 caption: '覆盖',
                 tone: ratio >= 0.9
                     ? 'var(--dsw-alias-state-success-primary, #3fb950)'
                     : 'var(--dsw-alias-state-warn-primary, #d9a441)',
-            }), (0, primitives_8.h)('div', { style: { ...primitives_8.MUTED, minWidth: 0 } }, (0, format_8.summaryLine)(report))), 
+            }), (0, primitives_10.h)('div', { style: { ...primitives_10.MUTED, minWidth: 0 } }, (0, format_9.summaryLine)(report))), 
         // The three readings sit in a grid instead of a column: 文件 and 图谱 share a
         // row, and the capability strip spans the full width below them. A stacked
         // layout left the right half of the card empty at every width above ~360px.
-        (0, primitives_8.h)('div', {
+        (0, primitives_10.h)('div', {
             style: {
                 display: 'grid',
                 gridTemplateColumns: 'repeat(auto-fit, minmax(150px, 1fr))',
                 gap: '10px 20px',
                 alignItems: 'start',
             },
-        }, (0, primitives_8.h)('div', { style: { minWidth: 0 } }, (0, primitives_8.h)('div', { style: { ...primitives_8.MUTED, marginBottom: '5px' } }, '文件'), (0, primitives_8.h)(primitives_8.MetricGrid, {
+        }, (0, primitives_10.h)('div', { style: { minWidth: 0 } }, (0, primitives_10.h)('div', { style: { ...primitives_10.MUTED, marginBottom: '5px' } }, '文件'), (0, primitives_10.h)(primitives_10.MetricGrid, {
             items: [
-                { label: '大小上限', value: cap.text, hint: (0, format_8.capSourceLabel)(cap.source), color: '#d9a441' },
-                { label: '跳过合计', value: (0, format_8.fileSize)(totals.largeBytes), color: '#e0af68' },
+                { label: '大小上限', value: cap.text, hint: (0, format_9.capSourceLabel)(cap.source), color: '#d9a441' },
+                { label: '跳过合计', value: (0, format_9.fileSize)(totals.largeBytes), color: '#e0af68' },
                 {
                     label: '超限文件',
-                    value: (0, format_8.compactNumber)(totals.large),
+                    value: (0, format_9.compactNumber)(totals.large),
                     // Amber when something was actually dropped, grey when the count is
                     // zero: a zero is good news and should not shout.
                     color: totals.large > 0 ? '#f7768e' : undefined,
@@ -2807,17 +3594,17 @@ define("sections/overview", ["require", "exports", "react", "format", "primitive
             ],
         })), report.graph === null || report.graph === undefined
             ? null
-            : (0, primitives_8.h)('div', { style: { minWidth: 0 } }, (0, primitives_8.h)('div', { style: { ...primitives_8.MUTED, marginBottom: '5px' } }, '图谱'), (0, primitives_8.h)(primitives_8.MetricGrid, {
+            : (0, primitives_10.h)('div', { style: { minWidth: 0 } }, (0, primitives_10.h)('div', { style: { ...primitives_10.MUTED, marginBottom: '5px' } }, '图谱'), (0, primitives_10.h)(primitives_10.MetricGrid, {
                 items: [
-                    { label: '符号', value: (0, format_8.compactNumber)(report.graph.nodes), color: '#7aa2f7' },
-                    { label: '边', value: (0, format_8.compactNumber)(report.graph.edges), color: '#9ece6a' },
-                    { label: '社区', value: (0, format_8.compactNumber)(report.graph.communities), color: '#bb9af7' },
-                    { label: '流程', value: (0, format_8.compactNumber)(report.graph.processes), color: '#7dcfff' },
-                    { label: '向量', value: (0, format_8.compactNumber)(report.graph.embeddings), color: '#f7768e' },
+                    { label: '符号', value: (0, format_9.compactNumber)(report.graph.nodes), color: '#7aa2f7' },
+                    { label: '边', value: (0, format_9.compactNumber)(report.graph.edges), color: '#9ece6a' },
+                    { label: '社区', value: (0, format_9.compactNumber)(report.graph.communities), color: '#bb9af7' },
+                    { label: '流程', value: (0, format_9.compactNumber)(report.graph.processes), color: '#7dcfff' },
+                    { label: '向量', value: (0, format_9.compactNumber)(report.graph.embeddings), color: '#f7768e' },
                 ],
-            })), (0, primitives_8.h)('div', { style: { gridColumn: '1 / -1', borderTop: primitives_8.HAIRLINE, paddingTop: '8px' } }, (0, primitives_8.h)('div', { style: { ...primitives_8.MUTED, marginBottom: '5px' } }, '查询能力'), (0, primitives_8.h)(capabilities_1.CapabilityStrip, { capabilities: report.capabilities }), report.capabilities?.fts?.status === 'available'
+            })), (0, primitives_10.h)('div', { style: { gridColumn: '1 / -1', borderTop: primitives_10.HAIRLINE, paddingTop: '8px' } }, (0, primitives_10.h)('div', { style: { ...primitives_10.MUTED, marginBottom: '5px' } }, '查询能力'), (0, primitives_10.h)(capabilities_1.CapabilityStrip, { capabilities: report.capabilities }), report.capabilities?.fts?.status === 'available'
             ? null
-            : (0, primitives_8.h)('div', { style: { ...primitives_8.MUTED, marginTop: '4px', fontSize: '10px' } }, '顶部「关键词搜索」会先查图；图查询不可用时回退到源码关键词。'))));
+            : (0, primitives_10.h)('div', { style: { ...primitives_10.MUTED, marginTop: '4px', fontSize: '10px' } }, '顶部「关键词搜索」会先查图；图查询不可用时回退到源码关键词。'))));
     }
     /**
      * Memoized for the panel: all four props are stable for the lifetime of one report, so
@@ -2825,7 +3612,7 @@ define("sections/overview", ["require", "exports", "react", "format", "primitive
      */
     exports.MemoizedOverviewBody = React.memo(OverviewBody);
 });
-define("sections/install", ["require", "exports", "react", "@deepseek-ai/dsh-client-ui-primitives", "clock", "format", "primitives"], function (require, exports, React, primitives, clock_2, format_9, primitives_9) {
+define("sections/install", ["require", "exports", "react", "@deepseek-ai/dsh-client-ui-primitives", "clock", "format", "primitives"], function (require, exports, React, primitives, clock_2, format_10, primitives_11) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.ToolchainNotice = ToolchainNotice;
@@ -2872,27 +3659,27 @@ define("sections/install", ["require", "exports", "react", "@deepseek-ai/dsh-cli
                 setCopied(false);
             }
         };
-        return (0, primitives_9.h)(primitives_9.Section, { wide: true, title: libraryOnly ? '缺少 gitnexus 命令' : '本机没有 GitNexus' }, (0, primitives_9.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '10px', paddingTop: '4px' } }, (0, primitives_9.h)('div', { style: { ...primitives_9.MUTED, display: 'flex', gap: '6px', alignItems: 'flex-start' } }, (0, primitives_9.h)(primitives_9.StateDot, { state: 'warning' }), (0, primitives_9.h)('span', null, libraryOnly
+        return (0, primitives_11.h)(primitives_11.Section, { wide: true, title: libraryOnly ? '缺少 gitnexus 命令' : '本机没有 GitNexus' }, (0, primitives_11.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '10px', paddingTop: '4px' } }, (0, primitives_11.h)('div', { style: { ...primitives_11.MUTED, display: 'flex', gap: '6px', alignItems: 'flex-start' } }, (0, primitives_11.h)(primitives_11.StateDot, { state: 'warning' }), (0, primitives_11.h)('span', null, libraryOnly
             ? '找到了 GitNexus 的库，但没有可执行的 gitnexus 命令（可能只作为依赖安装、未全局链接）。读取不受影响；修复后即可执行增量刷新。'
-            : '本插件读取 .gitnexus/gitnexus.json —— 那份文件由 GitNexus 分析仓库产生，包含每个函数定义、符号关系与执行流。没有它就没什么可展示的。')), (0, primitives_9.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '4px' } }, (0, primitives_9.h)('div', { style: { fontWeight: 600 } }, '① 自己安装（推荐）'), (0, primitives_9.h)('div', { style: { display: 'flex', alignItems: 'center', gap: '6px' } }, (0, primitives_9.h)('code', {
+            : '本插件读取 .gitnexus/gitnexus.json —— 那份文件由 GitNexus 分析仓库产生，包含每个函数定义、符号关系与执行流。没有它就没什么可展示的。')), (0, primitives_11.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '4px' } }, (0, primitives_11.h)('div', { style: { fontWeight: 600 } }, '① 自己安装（推荐）'), (0, primitives_11.h)('div', { style: { display: 'flex', alignItems: 'center', gap: '6px' } }, (0, primitives_11.h)('code', {
             style: {
-                ...primitives_9.styles.mono,
+                ...primitives_11.styles.mono,
                 flex: '1 1 auto',
                 padding: '6px 8px',
-                border: primitives_9.HAIRLINE,
+                border: primitives_11.HAIRLINE,
                 borderRadius: '6px',
-                background: primitives_9.SOFT_BG,
+                background: primitives_11.SOFT_BG,
                 wordBreak: 'break-all',
                 userSelect: 'all',
             },
-        }, command), (0, primitives_9.h)(primitives_9.Button, { variant: 'ghost', onClick: copy }, copied ? '已复制' : '复制')), (0, primitives_9.h)('div', { style: primitives_9.MUTED }, '用你能访问到的源安装即可 —— 本插件不假设任何网络，也不会自行下载。')), (0, primitives_9.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '4px' } }, (0, primitives_9.h)('div', { style: { fontWeight: 600 } }, '② 授权本插件安装'), (0, primitives_9.h)('div', { style: { display: 'flex', alignItems: 'center', gap: '8px', flexWrap: 'wrap' } }, installing
-            ? (0, primitives_9.h)(primitives_9.Button, { variant: 'ghost', onClick: onCancelInstall }, `取消（已进行 ${elapsed}s）`)
-            : (0, primitives_9.h)(primitives_9.Button, { variant: 'ghost', onClick: () => setConfirming(true) }, '授权并安装'), (0, primitives_9.h)('span', { style: primitives_9.MUTED }, '装到插件自己的目录，用你已配置的 npm 源，不改全局前缀、不需要管理员权限；' +
+        }, command), (0, primitives_11.h)(primitives_11.Button, { variant: 'ghost', onClick: copy }, copied ? '已复制' : '复制')), (0, primitives_11.h)('div', { style: primitives_11.MUTED }, '用你能访问到的源安装即可 —— 本插件不假设任何网络，也不会自行下载。')), (0, primitives_11.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '4px' } }, (0, primitives_11.h)('div', { style: { fontWeight: 600 } }, '② 授权本插件安装'), (0, primitives_11.h)('div', { style: { display: 'flex', alignItems: 'center', gap: '8px', flexWrap: 'wrap' } }, installing
+            ? (0, primitives_11.h)(primitives_11.Button, { variant: 'ghost', onClick: onCancelInstall }, `取消（已进行 ${elapsed}s）`)
+            : (0, primitives_11.h)(primitives_11.Button, { variant: 'ghost', onClick: () => setConfirming(true) }, '授权并安装'), (0, primitives_11.h)('span', { style: primitives_11.MUTED }, '装到插件自己的目录，用你已配置的 npm 源，不改全局前缀、不需要管理员权限；' +
             '若当前项目还没有索引，装完会继续初始化一次。')), activeRun === null
             ? null
-            : (0, primitives_9.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '3px', paddingTop: '2px' } }, (0, primitives_9.h)('div', { style: { display: 'flex', alignItems: 'center', gap: '6px' } }, (0, primitives_9.h)(primitives_9.StateDot, { state: (0, format_9.runStateTone)(activeRun.state) }), (0, primitives_9.h)('span', { style: { fontWeight: 600 } }, (0, format_9.runStateLabel)(activeRun.state)), (0, primitives_9.h)('span', { style: primitives_9.MUTED }, installing ? `已运行 ${elapsed}s` : `${elapsed}s`)), activeRun.message === null ? null : (0, primitives_9.h)('div', { style: primitives_9.MUTED }, activeRun.message), activeRun.output === ''
+            : (0, primitives_11.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '3px', paddingTop: '2px' } }, (0, primitives_11.h)('div', { style: { display: 'flex', alignItems: 'center', gap: '6px' } }, (0, primitives_11.h)(primitives_11.StateDot, { state: (0, format_10.runStateTone)(activeRun.state) }), (0, primitives_11.h)('span', { style: { fontWeight: 600 } }, (0, format_10.runStateLabel)(activeRun.state)), (0, primitives_11.h)('span', { style: primitives_11.MUTED }, installing ? `已运行 ${elapsed}s` : `${elapsed}s`)), activeRun.message === null ? null : (0, primitives_11.h)('div', { style: primitives_11.MUTED }, activeRun.message), activeRun.output === ''
                 ? null
-                : (0, primitives_9.h)('pre', { style: { ...primitives_9.styles.mono, margin: 0, whiteSpace: 'pre-wrap', maxHeight: '9em', overflow: 'auto' } }, activeRun.output)), runError === null ? null : (0, primitives_9.h)('div', { style: { ...primitives_9.MUTED, color: 'var(--dsw-alias-state-error-primary, inherit)' } }, runError)), (0, primitives_9.h)(primitives.RiskConfirmation, {
+                : (0, primitives_11.h)('pre', { style: { ...primitives_11.styles.mono, margin: 0, whiteSpace: 'pre-wrap', maxHeight: '9em', overflow: 'auto' } }, activeRun.output)), runError === null ? null : (0, primitives_11.h)('div', { style: { ...primitives_11.MUTED, color: 'var(--dsw-alias-state-error-primary, inherit)' } }, runError)), (0, primitives_11.h)(primitives.RiskConfirmation, {
             open: confirming,
             title: '授权本插件安装 GitNexus？',
             description: '本插件将执行：\n\nnpm install --prefix <插件数据目录>/gitnexus gitnexus@^1.6.12\n\n' +
@@ -2921,7 +3708,7 @@ define("sections/install", ["require", "exports", "react", "@deepseek-ai/dsh-cli
         })));
     }
 });
-define("sections/search", ["require", "exports", "primitives"], function (require, exports, primitives_10) {
+define("sections/search", ["require", "exports", "primitives"], function (require, exports, primitives_12) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.SearchSection = SearchSection;
@@ -2937,13 +3724,13 @@ define("sections/search", ["require", "exports", "primitives"], function (requir
     function SearchSection({ search }) {
         const keyOf = (hit) => `${hit.kind}:${hit.filePath}:${hit.startLine ?? ''}:${hit.name}`;
         const canSubmit = search.query.trim() !== '' && !search.searching;
-        return (0, primitives_10.h)(primitives_10.Section, {
+        return (0, primitives_12.h)(primitives_12.Section, {
             wide: true,
             title: '关键词搜索',
-            meta: (0, primitives_10.h)('span', { style: { ...primitives_10.MUTED, fontSize: '12px' } }, search.mode === 'text' ? '源码关键词（回退）' : '符号名 / 文件路径'),
+            meta: (0, primitives_12.h)('span', { style: { ...primitives_12.MUTED, fontSize: '12px' } }, search.mode === 'text' ? '源码关键词（回退）' : '符号名 / 文件路径'),
             // Twenty hits of `path:line` rows is a scroll area, not a page length.
             scroll: 420,
-        }, (0, primitives_10.h)('div', { style: { display: 'flex', gap: '8px', alignItems: 'center', paddingTop: '4px', flexWrap: 'wrap' } }, (0, primitives_10.h)('input', {
+        }, (0, primitives_12.h)('div', { style: { display: 'flex', gap: '8px', alignItems: 'center', paddingTop: '4px', flexWrap: 'wrap' } }, (0, primitives_12.h)('input', {
             type: 'search',
             value: search.query,
             placeholder: '搜索符号或文件，例如 analyzeCoverage',
@@ -2961,34 +3748,34 @@ define("sections/search", ["require", "exports", "primitives"], function (requir
                 flex: '1 1 auto',
                 minWidth: 0,
                 padding: '5px 8px',
-                border: primitives_10.HAIRLINE,
+                border: primitives_12.HAIRLINE,
                 borderRadius: '6px',
-                background: primitives_10.SOFT_BG,
+                background: primitives_12.SOFT_BG,
                 color: 'inherit',
                 font: 'inherit',
             },
-        }), (0, primitives_10.h)(primitives_10.Button, { variant: 'primary', disabled: !canSubmit, onClick: search.onSubmit }, search.searching ? '搜索中…' : '搜索'), search.query === '' ? null : (0, primitives_10.h)(primitives_10.Button, { variant: 'ghost', onClick: search.onClear }, '清除')), search.error !== null
-            ? (0, primitives_10.h)('div', {
+        }), (0, primitives_12.h)(primitives_12.Button, { variant: 'primary', disabled: !canSubmit, onClick: search.onSubmit }, search.searching ? '搜索中…' : '搜索'), search.query === '' ? null : (0, primitives_12.h)(primitives_12.Button, { variant: 'ghost', onClick: search.onClear }, '清除')), search.error !== null
+            ? (0, primitives_12.h)('div', {
                 style: {
-                    ...primitives_10.MUTED,
+                    ...primitives_12.MUTED,
                     color: 'var(--dsw-alias-state-error-primary, inherit)',
                     marginTop: '6px',
                 },
             }, search.error)
-            : null, (0, primitives_10.h)('div', { style: { ...primitives_10.MUTED, fontSize: '10px', marginTop: '4px' } }, search.warning ??
+            : null, (0, primitives_12.h)('div', { style: { ...primitives_12.MUTED, fontSize: '10px', marginTop: '4px' } }, search.warning ??
             (search.mode === 'text'
                 ? '图查询不可用，已回退到源码关键词搜索。'
                 : '按符号名与文件路径匹配；不搜索正文。')), search.results === null
             ? null
             : search.results.length === 0
-                ? (0, primitives_10.h)('div', { style: { ...primitives_10.MUTED, marginTop: '6px' } }, `没有匹配“${search.query}”的符号或文件。`)
-                : (0, primitives_10.h)('div', { style: { display: 'flex', flexDirection: 'column', marginTop: '6px' } }, (0, primitives_10.h)('div', { style: { ...primitives_10.MUTED, fontSize: '10px', paddingBottom: '2px' } }, (search.mode === 'text'
+                ? (0, primitives_12.h)('div', { style: { ...primitives_12.MUTED, marginTop: '6px' } }, `没有匹配“${search.query}”的符号或文件。`)
+                : (0, primitives_12.h)('div', { style: { display: 'flex', flexDirection: 'column', marginTop: '6px' } }, (0, primitives_12.h)('div', { style: { ...primitives_12.MUTED, fontSize: '10px', paddingBottom: '2px' } }, (search.mode === 'text'
                     ? `找到 ${search.total} 处源码匹配`
                     : `找到 ${search.total} 个结果`) +
-                    `${search.truncated ? '（已截断）' : ''} · 点击结果打开文件`), search.results.map((hit) => (0, primitives_10.h)('div', {
+                    `${search.truncated ? '（已截断）' : ''} · 点击结果打开文件`), search.results.map((hit) => (0, primitives_12.h)('div', {
                     key: keyOf(hit),
-                    style: { ...primitives_10.styles.fileRow, borderTop: primitives_10.HAIRLINE, padding: '5px 0' },
-                }, (0, primitives_10.h)('button', {
+                    style: { ...primitives_12.styles.fileRow, borderTop: primitives_12.HAIRLINE, padding: '5px 0' },
+                }, (0, primitives_12.h)('button', {
                     type: 'button',
                     onClick: () => search.onOpen(hit),
                     title: hit.startLine === null
@@ -3008,7 +3795,7 @@ define("sections/search", ["require", "exports", "primitives"], function (requir
                         textAlign: 'left',
                         cursor: 'pointer',
                     },
-                }, (0, primitives_10.h)(primitives_10.Tag, { tone: 'neutral' }, hit.kind), (0, primitives_10.h)('span', {
+                }, (0, primitives_12.h)(primitives_12.Tag, { tone: 'neutral' }, hit.kind), (0, primitives_12.h)('span', {
                     style: {
                         fontWeight: 600,
                         minWidth: 0,
@@ -3016,20 +3803,20 @@ define("sections/search", ["require", "exports", "primitives"], function (requir
                         textOverflow: 'ellipsis',
                         whiteSpace: 'nowrap',
                     },
-                }, hit.name), (0, primitives_10.h)('span', {
+                }, hit.name), (0, primitives_12.h)('span', {
                     style: {
-                        ...primitives_10.MUTED,
-                        ...primitives_10.styles.mono,
+                        ...primitives_12.MUTED,
+                        ...primitives_12.styles.mono,
                         minWidth: 0,
                         flex: '1 1 auto',
                         overflow: 'hidden',
                         textOverflow: 'ellipsis',
                         whiteSpace: 'nowrap',
                     },
-                }, (0, primitives_10.h)(primitives_10.PathLabel, { path: hit.filePath }), hit.startLine !== null ? `:${hit.startLine}` : '')), (0, primitives_10.h)(primitives_10.Button, { variant: 'ghost', onClick: () => search.onCopy(hit) }, search.copied === keyOf(hit) ? '已复制' : '复制')))));
+                }, (0, primitives_12.h)(primitives_12.PathLabel, { path: hit.filePath }), hit.startLine !== null ? `:${hit.startLine}` : '')), (0, primitives_12.h)(primitives_12.Button, { variant: 'ghost', onClick: () => search.onCopy(hit) }, search.copied === keyOf(hit) ? '已复制' : '复制')))));
     }
 });
-define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-ui-primitives", "format", "navigation", "primitives", "sections/overview", "sections/activity", "sections/capabilities", "sections/install", "sections/languages", "sections/large-files", "sections/maintenance", "sections/search", "sections/graph"], function (require, exports, React, primitives, format_10, navigation_3, primitives_11, overview_1, activity_1, capabilities_2, install_1, languages_1, large_files_1, maintenance_1, search_1, graph_1) {
+define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-ui-primitives", "format", "navigation", "primitives", "sections/overview", "sections/activity", "sections/capabilities", "sections/install", "sections/languages", "sections/large-files", "sections/maintenance", "sections/workspace", "sections/search", "sections/graph"], function (require, exports, React, primitives, format_11, navigation_3, primitives_13, overview_1, activity_1, capabilities_2, install_1, languages_1, large_files_1, maintenance_1, workspace_1, search_1, graph_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.chooseProject = chooseProject;
@@ -3116,14 +3903,14 @@ define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-u
             ? undefined
             : Math.max(0, Math.min(100, Math.round(percent)));
         const text = value === undefined ? label : `${label} · ${value}%`;
-        return (0, primitives_11.h)('div', {
+        return (0, primitives_13.h)('div', {
             style: {
                 gridColumn: '1 / -1',
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '4px',
             },
-        }, (0, primitives_11.h)('progress', {
+        }, (0, primitives_13.h)('progress', {
             value,
             max: 100,
             'aria-label': label,
@@ -3139,13 +3926,45 @@ define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-u
                 accentColor: 'var(--dsw-alias-brand-primary, #4f8cff)',
                 color: 'var(--dsw-alias-brand-primary, #4f8cff)',
             },
-        }), (0, primitives_11.h)('div', { style: { ...primitives_11.MUTED, fontSize: '10px' } }, text));
+        }), (0, primitives_13.h)('div', { style: { ...primitives_13.MUTED, fontSize: '10px' } }, text));
     }
-    function CoverageView({ report, maintenance, projectPath, workspacePath, projects, projectsVisited, projectsTruncated, projectsError, onSelectProject, context, busy, progress, error, readAt, run, runError, delta, deltaError, deltaRoute, onRefresh, onStartRun, onCancelRun, installRun, installError, onInstall, onCancelInstall, search, graph, }) {
+    function CoverageView({ report, maintenance, projectPath, workspacePath, projects, projectsVisited, projectsTruncated, projectsError, onSelectProject, context, busy, progress, error, readAt, run, runError, delta, deltaError, deltaRoute, onRefresh, onStartRun, onCancelRun, installRun, installError, onInstall, onCancelInstall, search, graph, onGraphNear, graphVisible = false, }) {
         // Whether an index exists decides which maintenance command is applicable. When
         // the project could not even be identified there is nothing to claim, so it is
         // false rather than assumed.
         const indexed = report?.repo?.indexed === true;
+        const graphCardRef = React.useRef(null);
+        // Hooks must stay above every early return below: the panel renders once with
+        // `report === null` while the first request is in flight, then again with the
+        // report. Declaring this state after the loading/no-index returns changed the
+        // hook count between those renders and crashed the sidebar with React #310.
+        const [activityDays, setActivityDays] = React.useState(7);
+        /**
+         * Tell the panel when the graph card is near the viewport.
+         *
+         * The view stays presentational: it owns the ref and the observer, but the fetch
+         * lives in the panel. A browser without IntersectionObserver reports immediately;
+         * the test harness records effects but deliberately does not run them.
+         */
+        React.useEffect(() => {
+            if (!indexed || graph === undefined)
+                return undefined;
+            const node = graphCardRef.current;
+            if (node === null)
+                return undefined;
+            if (typeof IntersectionObserver === 'undefined') {
+                onGraphNear?.();
+                return undefined;
+            }
+            const observer = new IntersectionObserver((entries) => {
+                if (entries.some((entry) => entry.isIntersecting)) {
+                    onGraphNear?.();
+                    observer.disconnect();
+                }
+            }, { rootMargin: '200px', threshold: 0.01 });
+            observer.observe(node);
+            return () => observer.disconnect();
+        }, [indexed, graph === undefined, onGraphNear]);
         // A maintenance payload with no commands is not a section: rendering its title
         // produced an empty card on failed reads and on hosts that predate the route.
         const maintenanceSection = maintenance !== null &&
@@ -3173,13 +3992,13 @@ define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-u
             onSelectProject !== undefined &&
             projectPath !== null;
         const activeDiffers = projectPath !== null && workspacePath !== null && projectPath !== workspacePath;
-        const header = (0, primitives_11.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '3px', minWidth: 0 } }, (0, primitives_11.h)(primitives_11.Row, null, report !== null && report.repo?.indexed ? (0, primitives_11.h)(primitives_11.StateDot, { state: (0, format_10.healthState)(report) }) : null, (0, primitives_11.h)('span', { style: { fontWeight: 600 } }, 'GitNexus 索引'), 
+        const header = (0, primitives_13.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '3px', minWidth: 0 } }, (0, primitives_13.h)(primitives_13.Row, null, report !== null && report.repo?.indexed ? (0, primitives_13.h)(primitives_13.StateDot, { state: (0, format_11.healthState)(report) }) : null, (0, primitives_13.h)('span', { style: { fontWeight: 600 } }, 'GitNexus 索引'), 
         // The project, not a global picker. A workspace-scoped switcher is the one
         // selection this panel offers; it changes what the cards describe, nothing else.
         projectPath === null
-            ? (0, primitives_11.h)('span', { style: primitives_11.MUTED }, '未解析到工作区')
+            ? (0, primitives_13.h)('span', { style: primitives_13.MUTED }, '未解析到工作区')
             : showSwitcher
-                ? (0, primitives_11.h)('span', { style: { display: 'flex', alignItems: 'center', gap: '2px', minWidth: 0, flex: '1 1 auto' } }, (0, primitives_11.h)('select', {
+                ? (0, primitives_13.h)('span', { style: { display: 'flex', alignItems: 'center', gap: '2px', minWidth: 0, flex: '1 1 auto' } }, (0, primitives_13.h)('select', {
                     value: projectPath,
                     onChange: (event) => onSelectProject?.(event.target.value),
                     'aria-label': '切换工作区内的 GitNexus 索引',
@@ -3195,22 +4014,22 @@ define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-u
                         padding: 0,
                         cursor: 'pointer',
                     },
-                }, projectChoices.map((project) => (0, primitives_11.h)('option', { key: project.path, value: project.path }, projectLabel(project)))), (0, primitives_11.h)('span', { style: { ...primitives_11.MUTED, fontSize: '10px' } }, '▾'))
-                : (0, primitives_11.h)('span', { style: { minWidth: 0, flex: '1 1 auto' } }, (0, primitives_11.h)(primitives_11.PathLabel, { path: projectPath })), (0, primitives_11.h)('span', { style: { flex: 1 } }), 
+                }, projectChoices.map((project) => (0, primitives_13.h)('option', { key: project.path, value: project.path }, projectLabel(project)))), (0, primitives_13.h)('span', { style: { ...primitives_13.MUTED, fontSize: '10px' } }, '▾'))
+                : (0, primitives_13.h)('span', { style: { minWidth: 0, flex: '1 1 auto' } }, (0, primitives_13.h)(primitives_13.PathLabel, { path: projectPath })), (0, primitives_13.h)('span', { style: { flex: 1 } }), 
         // The label states the scope. "刷新" alone next to a staleness warning reads as
         // "rebuild the index", which this control has never done and — by design, since
         // the plugin spawns nothing — cannot do.
-        (0, primitives_11.h)(primitives_11.Button, {
+        (0, primitives_13.h)(primitives_13.Button, {
             variant: 'ghost',
             onClick: onRefresh,
             disabled: busy,
             title: '重新读取报告（不会重建索引；重建见下方「维护命令」）',
             'aria-label': '重新读取报告',
-        }, (0, primitives_11.h)(primitives_11.IconRefreshOutlineRegular, { size: 14 }))), showSwitcher ||
+        }, (0, primitives_13.h)(primitives_13.IconRefreshOutlineRegular, { size: 14 }))), showSwitcher ||
             activeDiffers ||
             projectsTruncated === true ||
             (projectsError !== null && projectsError !== undefined)
-            ? (0, primitives_11.h)('div', { style: { ...primitives_11.MUTED, fontSize: '11px', minWidth: 0, overflowWrap: 'anywhere' } }, [
+            ? (0, primitives_13.h)('div', { style: { ...primitives_13.MUTED, fontSize: '11px', minWidth: 0, overflowWrap: 'anywhere' } }, [
                 showSwitcher
                     ? `工作区：${workspacePath ?? ''} · ${projectChoices.length} 个项目` +
                         (indexedProjectCount > 0
@@ -3235,7 +4054,7 @@ define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-u
         // `percent` is null when the host does not stream (old host, or a cached read):
         // the native progress element is then indeterminate, not a made-up number.
         const progressBar = report === null || busy
-            ? (0, primitives_11.h)(LoadingBar, {
+            ? (0, primitives_13.h)(LoadingBar, {
                 label: progress?.label ?? (report === null ? '正在读取索引…' : '正在刷新索引…'),
                 percent: progress?.percent ?? null,
             })
@@ -3246,89 +4065,93 @@ define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-u
         // index for a project it had not identified. The diagnostic exists so that state
         // is actionable rather than a dead end.
         if (projectPath === null) {
-            return (0, primitives_11.h)('div', { style: primitives_11.styles.root }, header, (0, primitives_11.h)(primitives_11.Section, { wide: true, style: { display: 'flex', gap: '8px', alignItems: 'flex-start' } }, (0, primitives_11.h)(primitives_11.StateDot, { state: 'warning' }), (0, primitives_11.h)('span', null, '未能确定当前项目路径。')), context === null || context === undefined
+            return (0, primitives_13.h)('div', { style: primitives_13.styles.root }, header, (0, primitives_13.h)(primitives_13.Section, { wide: true, style: { display: 'flex', gap: '8px', alignItems: 'flex-start' } }, (0, primitives_13.h)(primitives_13.StateDot, { state: 'warning' }), (0, primitives_13.h)('span', null, '未能确定当前项目路径。')), context === null || context === undefined
                 ? null
-                : (0, primitives_11.h)(primitives_11.Section, { wide: true, title: '面板收到的上下文' }, (0, primitives_11.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '3px' } }, (0, primitives_11.h)('div', null, `存在：${context.present.length > 0 ? context.present.join('、') : '（无）'}`), (0, primitives_11.h)('div', null, `缺失：${context.absent.length > 0 ? context.absent.join('、') : '（无）'}`))));
+                : (0, primitives_13.h)(primitives_13.Section, { wide: true, title: '面板收到的上下文' }, (0, primitives_13.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '3px' } }, (0, primitives_13.h)('div', null, `存在：${context.present.length > 0 ? context.present.join('、') : '（无）'}`), (0, primitives_13.h)('div', null, `缺失：${context.absent.length > 0 ? context.absent.join('、') : '（无）'}`))));
         }
         if (error !== null) {
-            return (0, primitives_11.h)('div', { style: primitives_11.styles.root }, header, (0, primitives_11.h)(primitives_11.Section, { wide: true, style: { display: 'flex', gap: '8px', alignItems: 'flex-start' } }, (0, primitives_11.h)(primitives_11.StateDot, { state: 'error' }), (0, primitives_11.h)('span', null, error)), maintenanceSection !== null
-                ? (0, primitives_11.h)(primitives_11.Section, {
+            return (0, primitives_13.h)('div', { style: primitives_13.styles.root }, header, (0, primitives_13.h)(primitives_13.Section, { wide: true, style: { display: 'flex', gap: '8px', alignItems: 'flex-start' } }, (0, primitives_13.h)(primitives_13.StateDot, { state: 'error' }), (0, primitives_13.h)('span', null, error)), maintenanceSection !== null
+                ? (0, primitives_13.h)(primitives_13.Section, {
                     wide: true,
                     title: '维护命令',
-                    meta: (0, primitives_11.h)('span', { style: { ...primitives_11.MUTED, fontSize: '12px' } }, '复制后到会话执行（沙箱与提权由 DSH 处理）'),
+                    meta: (0, primitives_13.h)('span', { style: { ...primitives_13.MUTED, fontSize: '12px' } }, '复制后到会话执行（沙箱与提权由 DSH 处理）'),
                     scroll: 320,
-                }, (0, primitives_11.h)(maintenance_1.MaintenanceSection, { maintenance: maintenanceSection, projectPath, indexed: false, run, runError, delta, deltaError, deltaRoute, onStartRun, onCancelRun }))
+                }, (0, primitives_13.h)(maintenance_1.MaintenanceSection, { maintenance: maintenanceSection, projectPath, indexed: false, run, runError, delta, deltaError, deltaRoute, onStartRun, onCancelRun }))
                 : null);
         }
         if (report === null) {
-            return (0, primitives_11.h)('div', { style: primitives_11.styles.root }, header, progressBar);
+            return (0, primitives_13.h)('div', { style: primitives_13.styles.root }, header, progressBar);
         }
         // Defaults are resolved before the no-index branch: a scan-only report still has
         // totals, a cap and languages even though it has no graph. Building them only for
         // an indexed report is what made "no index" mean "nothing to show".
-        const totals = report.totals ?? format_10.ZERO_TOTALS;
-        const cap = report.cap ?? format_10.ZERO_CAP;
-        const analyzer = report.analyzer ?? format_10.ZERO_ANALYZER;
+        const totals = report.totals ?? format_11.ZERO_TOTALS;
+        const cap = report.cap ?? format_11.ZERO_CAP;
+        const analyzer = report.analyzer ?? format_11.ZERO_ANALYZER;
         const largeFiles = report.largeFiles ?? [];
         const languages = report.languages ?? null;
-        const { notable, context: contextWarnings } = (0, format_10.splitWarnings)(report.warnings);
-        const ratio = (0, format_10.coverageRatio)(report);
-        // The header names the window the timeline is showing; the selection itself lives in
-        // the section, since the rows below are now the only entry point.
-        const [activityDays, setActivityDays] = React.useState(7);
+        const { notable, context: contextWarnings } = (0, format_11.splitWarnings)(report.warnings);
+        const ratio = (0, format_11.coverageRatio)(report);
+        // Multi-project workspaces get one aggregate card before the project-scoped ones.
+        // It is null for a single project, so the common case is unchanged.
+        const workspaceSection = (0, primitives_13.h)(workspace_1.WorkspaceOverview, {
+            projects: projects ?? [],
+            activePath: projectPath,
+            onSelectProject,
+        });
         // No index yet. This is the state the initialize command exists for, but it is
         // also a state in which the working tree is still readable: file counts, bytes,
         // the cap and the language split do not need GitNexus. The panel used to show
         // only "没有索引" and a command, which made an otherwise healthy repository look
         // empty. The scan is the "at least something to look at" floor.
         if (report.repo?.indexed !== true) {
-            return (0, primitives_11.h)('div', { style: primitives_11.styles.root }, (0, primitives_11.h)('div', { style: { gridColumn: '1 / -1', display: 'flex', flexDirection: 'column', gap: '6px' } }, header), progressBar, (0, primitives_11.h)(install_1.ToolchainNotice, {
+            return (0, primitives_13.h)('div', { style: primitives_13.styles.root }, (0, primitives_13.h)('div', { style: { gridColumn: '1 / -1', display: 'flex', flexDirection: 'column', gap: '6px' } }, header), progressBar, (0, primitives_13.h)(install_1.ToolchainNotice, {
                 toolchain: report.toolchain,
                 run: installRun,
                 runError: installError,
                 onInstall,
                 onCancelInstall,
-            }), (0, primitives_11.h)('div', { style: { gridColumn: '1 / -1', display: 'flex', gap: '8px', alignItems: 'flex-start' } }, (0, primitives_11.h)(primitives_11.StateDot, { state: 'idle' }), (0, primitives_11.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '2px', minWidth: 0 } }, (0, primitives_11.h)('span', null, report.repo?.hasGit === false
+            }), (0, primitives_13.h)('div', { style: { gridColumn: '1 / -1', display: 'flex', gap: '8px', alignItems: 'flex-start' } }, (0, primitives_13.h)(primitives_13.StateDot, { state: 'idle' }), (0, primitives_13.h)('div', { style: { display: 'flex', flexDirection: 'column', gap: '2px', minWidth: 0 } }, (0, primitives_13.h)('span', null, report.repo?.hasGit === false
                 ? '该目录不是 git 仓库，也没有 GitNexus 索引。下面是工作区扫描结果；仍可建立索引（--skip-git），但没有提交基线与增量刷新，也不会有 Git 活动。'
                 : '该项目还没有 GitNexus 索引。下面是工作区扫描结果；初始化后可看到图谱、查询能力与 Git 活动对账。'), Array.isArray(projects)
-                ? (0, primitives_11.h)('span', { style: { ...primitives_11.MUTED, fontSize: '11px' } }, projectsError !== null && projectsError !== undefined
+                ? (0, primitives_13.h)('span', { style: { ...primitives_13.MUTED, fontSize: '11px' } }, projectsError !== null && projectsError !== undefined
                     ? `项目列表读取失败：${projectsError}；已按工作区描述。`
                     : indexedProjectCount === 0 && gitProjectCount > 0
                         ? `已在 ${projectsVisited ?? 0} 个目录中查找；工作区内有 ${gitProjectCount} 个 git 项目尚未建索引，可在标题栏切换后初始化。`
                         : indexedProjectCount === 0
                             ? `已在 ${projectsVisited ?? 0} 个目录中查找，没有找到 GitNexus 索引或 git 仓库。`
                             : null)
-                : null)), (0, primitives_11.h)(primitives_11.Section, { wide: true, title: '扫描概览 · 尚未索引' }, (0, primitives_11.h)(primitives_11.MetricGrid, {
+                : null)), (0, primitives_13.h)(primitives_13.Section, { wide: true, title: '扫描概览 · 尚未索引' }, (0, primitives_13.h)(primitives_13.MetricGrid, {
                 items: [
-                    { label: '扫描文件', value: (0, format_10.compactNumber)(totals.scanned) },
-                    { label: '选中文件', value: (0, format_10.compactNumber)(totals.selected) },
-                    { label: '扫描字节', value: (0, format_10.fileSize)(totals.scannedBytes ?? 0) },
-                    { label: '大小上限', value: cap.text, hint: (0, format_10.capSourceLabel)(cap.source) },
+                    { label: '扫描文件', value: (0, format_11.compactNumber)(totals.scanned) },
+                    { label: '选中文件', value: (0, format_11.compactNumber)(totals.selected) },
+                    { label: '扫描字节', value: (0, format_11.fileSize)(totals.scannedBytes ?? 0) },
+                    { label: '大小上限', value: cap.text, hint: (0, format_11.capSourceLabel)(cap.source) },
                 ],
-            }), (0, primitives_11.h)('div', { style: { ...primitives_11.MUTED, marginTop: '6px' } }, '这里的数字来自工作区，不是索引；索引里有什么，只有建立后才能回答。')), languages !== null && languages.rows.length > 0 ? (0, primitives_11.h)(languages_1.MemoizedLanguageSection, { languages }) : null, maintenanceSection !== null
-                ? (0, primitives_11.h)(primitives_11.Section, {
+            }), (0, primitives_13.h)('div', { style: { ...primitives_13.MUTED, marginTop: '6px' } }, '这里的数字来自工作区，不是索引；索引里有什么，只有建立后才能回答。')), languages !== null && languages.rows.length > 0 ? (0, primitives_13.h)(languages_1.MemoizedLanguageSection, { languages }) : null, maintenanceSection !== null
+                ? (0, primitives_13.h)(primitives_13.Section, {
                     wide: true,
                     title: '初始化索引',
-                    meta: (0, primitives_11.h)('span', { style: { ...primitives_11.MUTED, fontSize: '11px' } }, maintenanceSection.supportsForce === true
+                    meta: (0, primitives_13.h)('span', { style: { ...primitives_13.MUTED, fontSize: '11px' } }, maintenanceSection.supportsForce === true
                         ? '均可直接执行，也可复制到会话（沙箱与提权由 DSH 处理）'
                         : '重启 DSH 后可执行；当前仅可复制（沙箱与提权由 DSH 处理）'),
-                }, (0, primitives_11.h)(maintenance_1.MaintenanceSection, { maintenance: maintenanceSection, projectPath, indexed, run, runError, delta, deltaError, deltaRoute, onStartRun, onCancelRun }))
+                }, (0, primitives_13.h)(maintenance_1.MaintenanceSection, { maintenance: maintenanceSection, projectPath, indexed, run, runError, delta, deltaError, deltaRoute, onStartRun, onCancelRun }))
                 : null);
         }
-        return (0, primitives_11.h)('div', { style: primitives_11.styles.root }, 
+        return (0, primitives_13.h)('div', { style: primitives_13.styles.root }, 
         // The header and the two status lines span everything: they describe the whole
         // panel, so giving them a column would make them look like one card's heading.
-        (0, primitives_11.h)('div', { style: { gridColumn: '1 / -1', display: 'flex', flexDirection: 'column', gap: '6px' } }, header), progressBar, 
+        (0, primitives_13.h)('div', { style: { gridColumn: '1 / -1', display: 'flex', flexDirection: 'column', gap: '6px' } }, header), progressBar, 
         // Immediately after the header, before any index content. If GitNexus is missing,
         // that single fact explains everything the panel is about to show or fail to show,
         // so it belongs above the numbers rather than beside them.
-        (0, primitives_11.h)(install_1.ToolchainNotice, {
+        (0, primitives_13.h)(install_1.ToolchainNotice, {
             toolchain: report.toolchain,
             run: installRun,
             runError: installError,
             onInstall,
             onCancelInstall,
-        }), (0, primitives_11.h)('div', { style: { gridColumn: '1 / -1', display: 'flex', flexDirection: 'column', gap: '3px' } }, (0, primitives_11.h)('div', { style: primitives_11.MUTED }, `${report.repo.indexedAt ?? '未知时间'} · ${report.repo.branch ?? 'unknown'}@${String(report.repo.lastCommit ?? '').slice(0, 8)}` +
+        }), workspaceSection, (0, primitives_13.h)('div', { style: { gridColumn: '1 / -1', display: 'flex', flexDirection: 'column', gap: '3px' } }, (0, primitives_13.h)('div', { style: primitives_13.MUTED }, `${report.repo.indexedAt ?? '未知时间'} · ${report.repo.branch ?? 'unknown'}@${String(report.repo.lastCommit ?? '').slice(0, 8)}` +
             ` · manifest ${report.repo.metaFile ?? '?'} · GitNexus ${analyzer.gitnexusVersion}` +
             // The read time is the only thing on screen a refresh can change when the
             // repository has not moved, so without it the control reads as broken.
@@ -3338,12 +4161,12 @@ define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-u
         report.staleness === undefined
             ? null
             : (() => {
-                const s = (0, format_10.stalenessView)(report.staleness);
-                return (0, primitives_11.h)('div', { style: { display: 'flex', alignItems: 'center', gap: '6px' } }, (0, primitives_11.h)(primitives_11.StateDot, { state: s.state }), (0, primitives_11.h)('span', null, s.text));
+                const s = (0, format_11.stalenessView)(report.staleness);
+                return (0, primitives_13.h)('div', { style: { display: 'flex', alignItems: 'center', gap: '6px' } }, (0, primitives_13.h)(primitives_13.StateDot, { state: s.state }), (0, primitives_13.h)('span', null, s.text));
             })()), 
         // Search sits above the report cards: it is the action a reader reaches for
         // before reading, not an annotation on the numbers below it.
-        search === undefined ? null : (0, primitives_11.h)(search_1.SearchSection, { search }), 
+        search === undefined ? null : (0, primitives_13.h)(search_1.SearchSection, { search }), 
         // One card for the whole "what is this index" question — file coverage and
         // graph contents together.
         //
@@ -3355,7 +4178,7 @@ define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-u
         // stacked on the right. The right column stretches to the overview's height, so the
         // quality card absorbs the difference instead of leaving a gap under it; a narrow
         // pane collapses the three into one column.
-        (0, primitives_11.h)('div', {
+        (0, primitives_13.h)('div', {
             style: {
                 gridColumn: '1 / -1',
                 display: 'grid',
@@ -3363,14 +4186,14 @@ define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-u
                 gap: '8px',
                 alignItems: 'stretch',
             },
-        }, (0, primitives_11.h)(primitives_11.Section, {
+        }, (0, primitives_13.h)(primitives_13.Section, {
             // The left column of the split region: the one card that answers "what is in
             // this index". The right column stacks the two compact readings beside it.
             title: '索引概览',
             meta: report.graph === null || report.graph === undefined
                 ? null
-                : (0, primitives_11.h)('span', { style: { ...primitives_11.MUTED, fontSize: '12px' } }, `${(0, format_10.fixed)(report.graph.edgesPerNode, 2)} 边/符号`),
-        }, (0, primitives_11.h)(overview_1.MemoizedOverviewBody, { report, totals, cap, ratio })), (0, primitives_11.h)('div', 
+                : (0, primitives_13.h)('span', { style: { ...primitives_13.MUTED, fontSize: '12px' } }, `${(0, format_11.fixed)(report.graph.edgesPerNode, 2)} 边/符号`),
+        }, (0, primitives_13.h)(overview_1.MemoizedOverviewBody, { report, totals, cap, ratio })), (0, primitives_13.h)('div', 
         // The column stretches to the overview's height; the quality card below takes
         // whatever the language card leaves, so the right side ends level with the left.
         { style: { display: 'flex', flexDirection: 'column', gap: '8px', minHeight: 0 } }, 
@@ -3379,36 +4202,39 @@ define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-u
         // repository" answers side by side. The grid gives them one row on a wide pane and
         // one column in a narrow sidebar, which is the platform's own behaviour.
         languages !== null && languages.rows.length > 0
-            ? (0, primitives_11.h)('div', { style: { flex: '0 0 auto', minWidth: 0 } }, (0, primitives_11.h)(languages_1.MemoizedLanguageSection, { languages }))
+            ? (0, primitives_13.h)('div', { style: { flex: '0 0 auto', minWidth: 0 } }, (0, primitives_13.h)(languages_1.MemoizedLanguageSection, { languages }))
             : null, 
         // Fills the rest of the column: at the overview's height it ends level with the left
         // card, and its body scrolls rather than growing past it.
-        (0, primitives_11.h)(primitives_11.Section, {
+        (0, primitives_13.h)(primitives_13.Section, {
             title: '解析质量与溯源',
             style: { flex: '1 1 auto', minHeight: 0 },
             bodyStyle: { maxHeight: 'none', flex: '1 1 auto', minHeight: 0 },
             scroll: true,
-            meta: (0, primitives_11.h)('span', { style: { ...primitives_11.MUTED, fontSize: '11px' } }, (0, capabilities_2.provenanceCollapsed)(report.graphQuality ?? null)),
-        }, (0, primitives_11.h)(capabilities_2.ProvenanceBlock, {
+            meta: (0, primitives_13.h)('span', { style: { ...primitives_13.MUTED, fontSize: '11px' } }, (0, capabilities_2.provenanceCollapsed)(report.graphQuality ?? null)),
+        }, (0, primitives_13.h)(capabilities_2.ProvenanceBlock, {
             quality: report.graphQuality ?? null,
             provenance: report.provenance ?? null,
+            compatibility: report.compatibility ?? null,
         })))), 
         // The graph is the index's own shape, not a derived statistic: it belongs directly
         // under the overview, before the caveats that explain its omissions.
         graph === undefined || !indexed
             ? null
-            : (0, primitives_11.h)(primitives_11.Section, {
+            : (0, primitives_13.h)('div', { ref: graphCardRef, style: { gridColumn: '1 / -1', minWidth: 0 } }, (0, primitives_13.h)(primitives_13.Section, {
                 wide: true,
                 title: '图视图',
-                meta: (0, primitives_11.h)('span', { style: { ...primitives_11.MUTED, fontSize: '11px' } }, graph.projection === null
+                meta: (0, primitives_13.h)('span', { style: { ...primitives_13.MUTED, fontSize: '11px' } }, graph.projection === null
                     ? graph.routeState === 'missing'
                         ? '宿主未挂载图路由'
                         : graph.loading
                             ? '读取中…'
-                            : '暂无图数据'
+                            : graphVisible
+                                ? '暂无图数据'
+                                : '滚动到此处加载'
                     : `${graph.projection.view === 'communities' ? '社区聚合' : '单个社区'} · ` +
                         `上限 ${graph.projection.budget.nodes} 节点 / ${graph.projection.budget.edges} 边`),
-            }, (0, primitives_11.h)(graph_1.GraphSection, { state: graph })), 
+            }, (0, primitives_13.h)(graph_1.GraphSection, { state: graph }))), 
         // Caveats, in one card, sharing a row with the provenance card.
         //
         // `notable` and `contextWarnings` were two cards — one amber, one an untitled
@@ -3417,13 +4243,13 @@ define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-u
         // check two boxes to answer one question, and the untitled one had no heading
         // to say what it was.
         notable.length > 0 || contextWarnings.length > 0
-            ? (0, primitives_11.h)(primitives_11.Section, {
+            ? (0, primitives_13.h)(primitives_13.Section, {
                 // Full width: a list of warnings would otherwise pair with whatever card
                 // happened to follow and leave a hole in the other column.
                 wide: true,
                 title: `需要注意 · ${notable.length + contextWarnings.length}`,
                 scroll: 300,
-            }, notable.map((warning, index) => (0, primitives_11.h)('div', {
+            }, notable.map((warning, index) => (0, primitives_13.h)('div', {
                 key: `${warning.code}-${index}`,
                 style: {
                     display: 'flex',
@@ -3434,45 +4260,45 @@ define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-u
                     background: 'color-mix(in srgb, #d9a441 9%, transparent)',
                     borderRadius: '6px',
                 },
-            }, (0, primitives_11.h)(primitives_11.StateDot, { state: 'warning' }), (0, primitives_11.h)('span', { style: { minWidth: 0 } }, warning.message))), 
+            }, (0, primitives_13.h)(primitives_13.StateDot, { state: 'warning' }), (0, primitives_13.h)('span', { style: { minWidth: 0 } }, warning.message))), 
             // The milder ones stay quiet rows: giving every item an amber box would
             // make a stale-index count look as urgent as a truncated activity window.
             contextWarnings.length === 0
                 ? null
-                : (0, primitives_11.h)('div', {
+                : (0, primitives_13.h)('div', {
                     style: {
                         display: 'flex',
                         flexDirection: 'column',
                         gap: '4px',
-                        ...primitives_11.MUTED,
-                        ...(notable.length > 0 ? { borderTop: primitives_11.HAIRLINE, paddingTop: '8px' } : {}),
+                        ...primitives_13.MUTED,
+                        ...(notable.length > 0 ? { borderTop: primitives_13.HAIRLINE, paddingTop: '8px' } : {}),
                     },
-                }, contextWarnings.map((warning, index) => (0, primitives_11.h)('div', { key: `${warning.code}-${index}` }, `· ${warning.message}`))))
+                }, contextWarnings.map((warning, index) => (0, primitives_13.h)('div', { key: `${warning.code}-${index}` }, `· ${warning.message}`))))
             : null, 
         // Wide: file paths must keep their tails.
         largeFiles.length > 0
-            ? (0, primitives_11.h)(primitives_11.Section, {
+            ? (0, primitives_13.h)(primitives_13.Section, {
                 wide: true,
-                title: `被跳过的超大文件 · ${largeFiles.length} 个 · ${(0, format_10.fileSize)(totals.largeBytes)}`,
+                title: `被跳过的超大文件 · ${largeFiles.length} 个 · ${(0, format_11.fileSize)(totals.largeBytes)}`,
                 // A list of up to 40 paths would push every card below it off screen; the
                 // platform's own panels cap long lists and scroll inside the card.
                 scroll: 280,
-            }, (0, primitives_11.h)(large_files_1.LargeFileList, { files: largeFiles.slice(0, 40) }), largeFiles.length > 40
-                ? (0, primitives_11.h)('div', { style: { ...primitives_11.MUTED, marginTop: '6px' } }, `…另有 ${largeFiles.length - 40} 个未显示`)
+            }, (0, primitives_13.h)(large_files_1.LargeFileList, { files: largeFiles.slice(0, 40) }), largeFiles.length > 40
+                ? (0, primitives_13.h)('div', { style: { ...primitives_13.MUTED, marginTop: '6px' } }, `…另有 ${largeFiles.length - 40} 个未显示`)
                 : null)
             : null, report.activity === undefined || report.activity === null
             ? null
-            : (0, primitives_11.h)(primitives_11.Section, {
+            : (0, primitives_13.h)(primitives_13.Section, {
                 wide: true,
                 // The header names the window the reader is actually looking at (the
                 // timeline's 7-day default), not the 90-day fetch window — the two used to
                 // disagree, so the card read "近 90 天" above a list of seven days.
                 title: `Git 活动 · 近 ${activityDays} 天`,
-                meta: (0, primitives_11.h)('span', { style: { display: 'inline-flex', alignItems: 'center', gap: '6px', ...primitives_11.MUTED, fontSize: '11px' } }, 
+                meta: (0, primitives_13.h)('span', { style: { display: 'inline-flex', alignItems: 'center', gap: '6px', ...primitives_13.MUTED, fontSize: '11px' } }, 
                 // The range control belongs to the card, not to the folded timeline: it
                 // scopes every number on the card, and it should be reachable without
                 // opening the list.
-                (0, primitives_11.h)('select', {
+                (0, primitives_13.h)('select', {
                     value: String(activityDays),
                     'aria-label': 'Git 活动窗口',
                     onChange: (event) => setActivityDays(Number(event.target.value)),
@@ -3480,17 +4306,17 @@ define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-u
                         font: 'inherit',
                         fontSize: '11px',
                         padding: '1px 4px',
-                        border: primitives_11.HAIRLINE,
+                        border: primitives_13.HAIRLINE,
                         borderRadius: '4px',
-                        background: primitives_11.SOFT_BG,
+                        background: primitives_13.SOFT_BG,
                         color: 'inherit',
                     },
-                }, [7, 14, 30].map((days) => (0, primitives_11.h)('option', { key: days, value: String(days) }, `${days} 天`))), (0, primitives_11.h)(primitives_11.StateDot, {
+                }, [7, 14, 30].map((days) => (0, primitives_13.h)('option', { key: days, value: String(days) }, `${days} 天`))), (0, primitives_13.h)(primitives_13.StateDot, {
                     state: (0, activity_1.activityView)(report.activity)?.verdicts.find((v) => v.key === 'missing')?.tone ?? 'done',
                 }), (0, activity_1.activityCollapsed)(report.activity)),
                 // Timeline + cross-tab + baseline is the longest card in the panel.
                 scroll: 560,
-            }, (0, primitives_11.h)(activity_1.MemoizedGitActivitySection, {
+            }, (0, primitives_13.h)(activity_1.MemoizedGitActivitySection, {
                 activity: report.activity,
                 projectPath,
                 days: activityDays,
@@ -3498,16 +4324,16 @@ define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-u
             })), 
         // Wide, and always open: the commands are the action this panel offers.
         maintenanceSection !== null
-            ? (0, primitives_11.h)(primitives_11.Section, {
+            ? (0, primitives_13.h)(primitives_13.Section, {
                 wide: true,
                 title: '维护命令',
-                meta: (0, primitives_11.h)('span', { style: { ...primitives_11.MUTED, fontSize: '12px' } }, `${maintenanceSection.commands?.length ?? 0} 条 · ` +
+                meta: (0, primitives_13.h)('span', { style: { ...primitives_13.MUTED, fontSize: '12px' } }, `${maintenanceSection.commands?.length ?? 0} 条 · ` +
                     (maintenanceSection.supportsForce === true
                         ? '均可直接执行，也可复制到会话'
                         : '重启 DSH 后可执行；当前仅可复制') +
                     '（沙箱与提权由 DSH 处理）'),
                 scroll: 360,
-            }, (0, primitives_11.h)(maintenance_1.MaintenanceSection, { maintenance: maintenanceSection, projectPath, indexed, run, runError, delta, deltaError, deltaRoute, onStartRun, onCancelRun }))
+            }, (0, primitives_13.h)(maintenance_1.MaintenanceSection, { maintenance: maintenanceSection, projectPath, indexed, run, runError, delta, deltaError, deltaRoute, onStartRun, onCancelRun }))
             : null);
     }
     /**
@@ -3604,7 +4430,11 @@ define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-u
          */
         const [graphRoute, setGraphRoute] = React.useState('unknown');
         const [graphScope, setGraphScope] = React.useState(null);
+        const [graphMode, setGraphMode] = React.useState('communities');
         const [graphReload, setGraphReload] = React.useState(0);
+        /** Set once the graph card has entered the viewport; keeps the first fetch lazy. */
+        const [graphVisible, setGraphVisible] = React.useState(false);
+        const onGraphNear = React.useCallback(() => setGraphVisible(true), []);
         /** Which project the current projection belongs to, so a switch can clear it. */
         const graphRepoRef = React.useRef(null);
         const running = run?.state === 'running' && runProject === projectPath;
@@ -4179,6 +5009,7 @@ define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-u
                 setGraphError(null);
                 setGraphLoading(false);
                 setGraphScope(null);
+                setGraphMode('communities');
                 return undefined;
             }
             const projectChanged = graphRepoRef.current !== projectPath;
@@ -4190,6 +5021,7 @@ define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-u
                 // next render fetch the overview instead of asking the new project for an id it
                 // cannot have.
                 setGraphScope(null);
+                setGraphMode('communities');
             }
             if (!graphAvailable) {
                 setGraphProjection(null);
@@ -4197,6 +5029,10 @@ define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-u
                 setGraphLoading(false);
                 return undefined;
             }
+            // The visibility effect flips this once the card is near the viewport; until
+            // then the card keeps its empty state instead of issuing a request.
+            if (!graphVisible)
+                return undefined;
             if (projectChanged && graphScope !== null) {
                 // The setGraphScope(null) above re-runs this effect; do not also fire a request
                 // for the old scope against the new project.
@@ -4206,7 +5042,7 @@ define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-u
             setGraphLoading(true);
             setGraphError(null);
             const effectiveScope = projectChanged ? null : graphScope;
-            const view = effectiveScope === null ? 'communities' : 'community';
+            const view = effectiveScope === null ? graphMode : 'community';
             const suffix = effectiveScope === null ? '' : `&id=${encodeURIComponent(effectiveScope)}`;
             void (async () => {
                 try {
@@ -4245,7 +5081,7 @@ define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-u
                 }
             })();
             return () => controller.abort();
-        }, [projectPath, reloadToken, graphScope, graphReload, graphAvailable]);
+        }, [projectPath, reloadToken, graphScope, graphMode, graphReload, graphAvailable, graphVisible]);
         /**
          * Open a symbol node, with the same fallbacks the search hits use.
          *
@@ -4293,7 +5129,7 @@ define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-u
         }, [workspacePath]);
         const visibleRun = runProject === projectPath ? run : null;
         const visibleRunError = runProject === projectPath ? runError : null;
-        return (0, primitives_11.h)(CoverageView, {
+        return (0, primitives_13.h)(CoverageView, {
             report,
             maintenance,
             projectPath,
@@ -4356,17 +5192,71 @@ define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-u
                 error: graphError,
                 routeState: graphRoute,
                 scope: graphScope,
-                onOpenCommunity: (id) => setGraphScope(id),
-                onBack: () => setGraphScope(null),
+                onOpenCommunity: (id) => {
+                    setGraphScope(id);
+                    setGraphMode('communities');
+                },
+                onOpenSymbols: () => {
+                    setGraphScope(null);
+                    setGraphMode('symbols');
+                },
+                onBack: () => {
+                    setGraphScope(null);
+                    setGraphMode('communities');
+                },
                 onReload: () => setGraphReload((n) => n + 1),
                 onOpenSymbol: openGraphNode,
             },
+            onGraphNear,
+            graphVisible,
         });
     }
     /** The tab chip's live title. */
     function CoverageTitle() {
-        return (0, primitives_11.h)('span', null, 'GitNexus');
+        return (0, primitives_13.h)('span', null, 'GitNexus');
+    }
+});
+define("views/boundary", ["require", "exports", "react", "primitives"], function (require, exports, React, primitives_14) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.PanelBoundary = void 0;
+    /**
+     * Catch a render failure inside the sidebar panel.
+     *
+     * A thrown component currently takes the whole right pane down to a black
+     * rectangle, which is indistinguishable from "the plugin did not load". This
+     * boundary keeps the pane usable and puts the actual error on screen so the
+     * failure can be reported instead of guessed at.
+     */
+    class PanelBoundary extends React.Component {
+        state = { error: null, componentStack: '' };
+        static getDerivedStateFromError(error) {
+            return { error, componentStack: '' };
+        }
+        componentDidCatch(error, info) {
+            // Also leave a trail for a terminal/journal reader when the panel is embedded.
+            // eslint-disable-next-line no-console
+            console.error('gitnexus panel render failed', error, info.componentStack);
+            this.setState({ componentStack: info.componentStack ?? '' });
+        }
+        render() {
+            const { error, componentStack } = this.state;
+            if (error === null)
+                return this.props.children;
+            return (0, primitives_14.h)('div', {
+                style: {
+                    padding: '12px',
+                    color: 'var(--dsw-alias-state-error-primary, #f38ba8)',
+                    fontFamily: 'ui-monospace, SFMono-Regular, Consolas, monospace',
+                    fontSize: '11px',
+                    lineHeight: 1.5,
+                    whiteSpace: 'pre-wrap',
+                    overflow: 'auto',
+                },
+            }, (0, primitives_14.h)('div', { style: { fontWeight: 700, marginBottom: '6px' } }, 'GitNexus 面板渲染失败'), (0, primitives_14.h)('div', { style: primitives_14.MUTED }, error.message), componentStack === '' ? null : (0, primitives_14.h)('div', { style: { ...primitives_14.MUTED, marginTop: '8px' } }, componentStack), error.stack === undefined ? null : (0, primitives_14.h)('div', { style: { ...primitives_14.MUTED, marginTop: '8px' } }, error.stack));
+        }
     }
+    exports.PanelBoundary = PanelBoundary;
 });
 /**
  * dsh-gitnexus-plus — browser half.
@@ -4407,7 +5297,7 @@ define("views/panel", ["require", "exports", "react", "@deepseek-ai/dsh-client-u
  * index actually represent?", the warning block says what was dropped, and the
  * file list says whether what was dropped is source or build output.
  */
-define("index", ["require", "exports", "format", "navigation", "primitives", "sections/activity", "highlight", "sections/graph", "sections/capabilities", "sections/file-history", "sections/languages", "sections/large-files", "sections/maintenance", "views/panel"], function (require, exports, format_11, navigation_4, primitives_12, activity_2, highlight_2, graph_2, capabilities_3, file_history_2, languages_2, large_files_2, maintenance_2, panel_1) {
+define("index", ["require", "exports", "format", "react", "navigation", "primitives", "sections/activity", "highlight", "sections/graph", "sections/graph3d", "sections/capabilities", "sections/file-history", "sections/languages", "sections/large-files", "sections/maintenance", "sections/workspace", "views/panel", "views/boundary"], function (require, exports, format_12, React, navigation_4, primitives_15, activity_2, highlight_2, graph_2, graph3d_2, capabilities_3, file_history_2, languages_2, large_files_2, maintenance_2, workspace_2, panel_1, boundary_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.__internals = exports.inject = void 0;
@@ -4472,8 +5362,26 @@ define("index", ["require", "exports", "format", "navigation", "primitives", "se
                 (0, navigation_4.bindSidebarRight)(svcCtx.sidebarRight);
             });
         });
+        /**
+         * Wrapping the whole panel keeps a render failure inside the pane: without it
+         * React unmounts the subtree and the sidebar is simply black, which is
+         * indistinguishable from the plugin never loading.
+         */
+        const requiredComponents = [
+            ['PanelBoundary', boundary_1.PanelBoundary],
+            ['CoveragePanel', panel_1.CoveragePanel],
+            ['WorkspaceOverview', workspace_2.WorkspaceOverview],
+            ['Graph3DView', graph3d_2.Graph3DView],
+            ['ProvenanceBlock', capabilities_3.ProvenanceBlock],
+        ];
+        const missingComponents = requiredComponents
+            .filter(([, component]) => typeof component !== 'function')
+            .map(([name]) => name);
+        const CoveragePanelWithBoundary = (props) => missingComponents.length === 0
+            ? React.createElement(boundary_1.PanelBoundary, null, React.createElement(panel_1.CoveragePanel, props))
+            : React.createElement('div', { style: { padding: 12, color: '#fff', background: '#3a1111' } }, 'GitNexus 缺少组件: ' + missingComponents.join(', '));
         safe('sidebar.right.pane.tab', () => {
-            ctx.slots.inject('sidebar.right.pane.tab', () => ctx.slots.register({ name: 'sidebar.right.pane.tab', key: PLUGIN_ID }, panel_1.CoveragePanel));
+            ctx.slots.inject('sidebar.right.pane.tab', () => ctx.slots.register({ name: 'sidebar.right.pane.tab', key: PLUGIN_ID }, CoveragePanelWithBoundary));
         });
         safe('sidebar.right.pane.tab.title', () => {
             ctx.slots.inject('sidebar.right.pane.tab.title', () => ctx.slots.register({ name: 'sidebar.right.pane.tab.title', key: PLUGIN_ID }, panel_1.CoverageTitle));
@@ -4485,22 +5393,25 @@ define("index", ["require", "exports", "format", "navigation", "primitives", "se
         TAB_KIND,
         routeUrl: navigation_4.routeUrl,
         fileResourceAddress: navigation_4.fileResourceAddress,
-        formatBytes: format_11.formatBytes,
-        fileSize: format_11.fileSize,
-        percent: format_11.percent,
-        stackSegments: format_11.stackSegments,
-        splitWarnings: format_11.splitWarnings,
-        summaryLine: format_11.summaryLine,
-        coverageRatio: format_11.coverageRatio,
-        healthState: format_11.healthState,
-        stalenessView: format_11.stalenessView,
-        capabilityRows: format_11.capabilityRows,
-        graphQualitySummary: format_11.graphQualitySummary,
+        formatBytes: format_12.formatBytes,
+        fileSize: format_12.fileSize,
+        percent: format_12.percent,
+        stackSegments: format_12.stackSegments,
+        splitWarnings: format_12.splitWarnings,
+        summaryLine: format_12.summaryLine,
+        coverageRatio: format_12.coverageRatio,
+        healthState: format_12.healthState,
+        stalenessView: format_12.stalenessView,
+        capabilityRows: format_12.capabilityRows,
+        graphQualitySummary: format_12.graphQualitySummary,
         activityView: activity_2.activityView,
         highlightLine: highlight_2.highlightLine,
         languageOf: highlight_2.languageOf,
         communityColors: graph_2.communityColors,
-        compactNumber: format_11.compactNumber,
+        buildGraph3DLayout: graph3d_2.buildGraph3DLayout,
+        graph3DPath: graph3d_2.graph3DPath,
+        Graph3DView: graph3d_2.Graph3DView,
+        compactNumber: format_12.compactNumber,
         useProjectPath: navigation_4.useProjectPath,
         contextDiagnostic: navigation_4.contextDiagnostic,
         chooseProject: panel_1.chooseProject,
@@ -4510,17 +5421,19 @@ define("index", ["require", "exports", "format", "navigation", "primitives", "se
         LanguageBar: languages_2.LanguageBar,
         LanguageSection: languages_2.LanguageSection,
         LargeFileList: large_files_2.LargeFileList,
-        Ring: primitives_12.Ring,
-        MetricGrid: primitives_12.MetricGrid,
-        Histogram: primitives_12.Histogram,
+        Ring: primitives_15.Ring,
+        MetricGrid: primitives_15.MetricGrid,
+        Histogram: primitives_15.Histogram,
         GitActivitySection: activity_2.GitActivitySection,
         FileHistorySection: file_history_2.FileHistorySection,
         ProvenanceBlock: capabilities_3.ProvenanceBlock,
         MaintenanceSection: maintenance_2.MaintenanceSection,
+        WorkspaceOverview: workspace_2.WorkspaceOverview,
+        aggregateProjects: workspace_2.aggregateProjects,
         CapabilityStrip: capabilities_3.CapabilityStrip,
-        Section: primitives_12.Section,
-        classifyFileType: primitives_12.classifyFileType,
-        IconRefreshOutlineRegular: primitives_12.IconRefreshOutlineRegular,
+        Section: primitives_15.Section,
+        classifyFileType: primitives_15.classifyFileType,
+        IconRefreshOutlineRegular: primitives_15.IconRefreshOutlineRegular,
     };
 });