@forgeax/interface 0.4.1

package/dist/package/browser/components/StatusBar/InfoPanel.js

@@ -0,0 +1,128 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * InfoPanel — a Blender-INFO-editor-style log panel.
+ *
+ * Registered as the footer-merged bottom-edge 'info' panel (ADR-0030 §2.3, see
+ * core/extensions/chrome-drawer.tsx): its footer tab expands it upward. Content
+ * is the full health feed with the affordances Blender's INFO editor has:
+ *
+ *   - one row per entry: severity icon + time + source badge + message, newest
+ *     at the bottom, auto-scrolled to the latest;
+ *   - CLICK A ROW to copy its full text (source · time · message) to the
+ *     clipboard, with a brief "copied" flash;
+ *   - consecutive identical entries fold into ONE row + an `×N` count badge so a
+ *     flood (e.g. `PickError ... has no Camera component`) occupies one line;
+ *   - severity / source filters + a copy-all + clear button.
+ *
+ * Pure presentation over healthStore — no engine coupling.
+ */
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { createRestartableTimeoutTaskLifecycle } from '@forgeax/app-shell/react';
+import { Info, CheckCircle2, AlertTriangle, XCircle, Trash2, Copy, Check } from 'lucide-react';
+import { useTranslation } from '../../i18n';
+import { useHealthStore, collapseEntries, entryToText, } from './healthStore';
+import './InfoPanel.css';
+const ICONS = {
+    info: Info,
+    success: CheckCircle2,
+    warn: AlertTriangle,
+    error: XCircle,
+};
+const LEVELS = ['info', 'success', 'warn', 'error'];
+const SOURCES = ['play', 'edit', 'plugin', 'shell', 'engine'];
+function fmtTime(ts) {
+    const d = new Date(ts);
+    const p = (n) => String(n).padStart(2, '0');
+    return `${p(d.getHours())}:${p(d.getMinutes())}:${p(d.getSeconds())}`;
+}
+function CopyRow({ ce, latest, onCopy, copied, }) {
+    const { t } = useTranslation();
+    const { entry, count } = ce;
+    const Icon = ICONS[entry.level];
+    return (_jsxs("div", { className: `ip-row ip-row--${entry.level}${latest ? ' ip-row--latest' : ''}${copied ? ' ip-row--copied' : ''}`, "data-code": entry.code, role: "button", tabIndex: 0, title: t('infoPanel.clickToCopy'), onClick: () => onCopy(ce), onKeyDown: (e) => {
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                onCopy(ce);
+            }
+        }, children: [_jsx(Icon, { className: "ip-icon", size: 13 }), _jsx("span", { className: "ip-time", children: fmtTime(entry.ts) }), _jsx("span", { className: `ip-source ip-source--${entry.source}`, children: entry.source }), _jsx("span", { className: "ip-msg", children: entry.message }), count > 1 && _jsxs("span", { className: "ip-count", title: t('infoPanel.repeatedTimes', { count }), children: ["\u00D7", count] }), _jsx("span", { className: "ip-copy-hint", children: copied ? _jsx(Check, { size: 12 }) : _jsx(Copy, { size: 12 }) })] }));
+}
+export function InfoPanel() {
+    const { t } = useTranslation();
+    const entries = useHealthStore((s) => s.entries);
+    const clear = useHealthStore((s) => s.clear);
+    const listRef = useRef(null);
+    // key of the row most recently copied → flashes a "copied" state briefly.
+    const [copiedKey, setCopiedKey] = useState(null);
+    const [allCopied, setAllCopied] = useState(false);
+    const rowCopyResetTaskRef = useRef(null);
+    const allCopyResetTaskRef = useRef(null);
+    useEffect(() => {
+        const rowTask = createRestartableTimeoutTaskLifecycle({
+            delayMs: 900,
+            task: () => setCopiedKey(null),
+        });
+        const allTask = createRestartableTimeoutTaskLifecycle({
+            delayMs: 900,
+            task: () => setAllCopied(false),
+        });
+        rowCopyResetTaskRef.current = rowTask;
+        allCopyResetTaskRef.current = allTask;
+        return () => {
+            rowCopyResetTaskRef.current = null;
+            allCopyResetTaskRef.current = null;
+            rowTask.dispose();
+            allTask.dispose();
+        };
+    }, []);
+    // Severity / source filters. null entries mean "show all of that axis".
+    const [levelFilter, setLevelFilter] = useState(new Set());
+    const [sourceFilter, setSourceFilter] = useState(new Set());
+    const filtered = useMemo(() => {
+        if (levelFilter.size === 0 && sourceFilter.size === 0)
+            return entries;
+        return entries.filter((e) => (levelFilter.size === 0 || levelFilter.has(e.level)) &&
+            (sourceFilter.size === 0 || sourceFilter.has(e.source)));
+    }, [entries, levelFilter, sourceFilter]);
+    // Fold consecutive identical entries into ×N rows.
+    const collapsed = useMemo(() => collapseEntries(filtered), [filtered]);
+    // Auto-scroll to newest whenever the visible set grows.
+    useEffect(() => {
+        if (listRef.current)
+            listRef.current.scrollTop = listRef.current.scrollHeight;
+    }, [collapsed.length, entries.length]);
+    const copyText = (text) => {
+        try {
+            void navigator.clipboard?.writeText(text);
+        }
+        catch {
+            /* clipboard may be unavailable (insecure ctx) — fail silently */
+        }
+    };
+    const handleCopyRow = (ce) => {
+        copyText(entryToText(ce.entry, ce.count));
+        setCopiedKey(ce.key);
+        rowCopyResetTaskRef.current?.schedule();
+    };
+    const handleCopyAll = () => {
+        const text = collapsed.map((ce) => entryToText(ce.entry, ce.count)).join('\n');
+        copyText(text);
+        setAllCopied(true);
+        allCopyResetTaskRef.current?.schedule();
+    };
+    const toggleLevel = (l) => setLevelFilter((s) => {
+        const n = new Set(s);
+        n.has(l) ? n.delete(l) : n.add(l);
+        return n;
+    });
+    const toggleSource = (src) => setSourceFilter((s) => {
+        const n = new Set(s);
+        n.has(src) ? n.delete(src) : n.add(src);
+        return n;
+    });
+    return (_jsxs("div", { className: "info-panel", children: [_jsxs("div", { className: "ip-toolbar", children: [_jsxs("div", { className: "ip-filters", children: [LEVELS.map((l) => {
+                                const Icon = ICONS[l];
+                                return (_jsx("button", { type: "button", className: `ip-filter ip-filter--${l}${levelFilter.has(l) ? ' on' : ''}`, title: t('infoPanel.filterLevel', { level: l }), onClick: () => toggleLevel(l), children: _jsx(Icon, { size: 12 }) }, l));
+                            }), _jsx("span", { className: "ip-filter-sep" }), SOURCES.map((src) => (_jsx("button", { type: "button", className: `ip-filter ip-filter--src ip-source--${src}${sourceFilter.has(src) ? ' on' : ''}`, title: t('infoPanel.filterSource', { source: src }), onClick: () => toggleSource(src), children: src }, src)))] }), _jsx("span", { className: "ip-spacer" }), _jsxs("button", { type: "button", className: "ip-tb-btn", title: t('infoPanel.copyAll'), onClick: handleCopyAll, disabled: collapsed.length === 0, children: [allCopied ? _jsx(Check, { size: 13 }) : _jsx(Copy, { size: 13 }), " ", t('infoPanel.copyAll')] }), _jsxs("button", { type: "button", className: "ip-tb-btn", title: t('infoPanel.clear'), onClick: () => clear(), disabled: entries.length === 0, children: [_jsx(Trash2, { size: 13 }), " ", t('infoPanel.clear')] })] }), _jsxs("div", { className: "ip-list thin-scrollbar", ref: listRef, role: "log", "aria-live": "polite", "aria-label": "forgeax INFO log", children: [collapsed.length === 0 && (_jsx("div", { className: "ip-empty", children: entries.length === 0
+                            ? t('infoPanel.emptyNoMessages')
+                            : t('infoPanel.emptyNoMatch') })), collapsed.map((ce, i) => (_jsx(CopyRow, { ce: ce, latest: i === collapsed.length - 1, onCopy: handleCopyRow, copied: copiedKey === ce.key }, ce.key)))] })] }));
+}

package/dist/package/browser/components/StatusBar/StatusChip.css

@@ -0,0 +1,52 @@
+/* StatusChip — Figma: badge px-12, gap-4, Fira Mono 12px.
+   Each chip is a label + value pair; no dots, no icons, no color tones. */
+
+.sb-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  height: 100%;
+  padding: 0 12px;
+  background: transparent;
+  border: none;
+  font-family: var(--font-mono);
+  font-size: 12px;
+  line-height: 1;
+  color: var(--color-text-secondary);
+  white-space: nowrap;
+  letter-spacing: 0;
+  transition: background 120ms ease;
+  cursor: default;
+}
+/* Any clickable chip — an explicit link, a command button, or any <button>
+   rendered as a chip (StripPopover trigger, is-button status items) — gets the
+   pointer affordance + hover. Non-interactive text chips (<span>) stay default. */
+.sb-chip.is-link,
+.sb-chip.is-button,
+button.sb-chip {
+  cursor: pointer;
+}
+.sb-chip.is-link:hover,
+.sb-chip.is-button:hover,
+button.sb-chip:hover {
+  background: var(--color-interaction-hover);
+}
+.sb-chip.is-link:focus-visible,
+.sb-chip.is-button:focus-visible,
+button.sb-chip:focus-visible {
+  outline: 1px solid var(--color-border-strong);
+  outline-offset: -1px;
+}
+
+/* Version badge — <a> reset */
+a.sb-chip { text-decoration: none; }
+
+.sb-chip-label {
+  font-size: 12px;
+  color: var(--color-text-secondary);
+}
+.sb-chip-value {
+  font-size: 12px;
+  font-variant-numeric: tabular-nums;
+  color: var(--color-text-tertiary);
+}

package/dist/package/browser/components/StatusBar/StatusChip.d.ts

@@ -0,0 +1,40 @@
+/**
+ * StatusChip — the single visual primitive for chips inside GlobalStatusBar.
+ *
+ * Every feed that wants to appear on the status bar should render exactly one
+ * of these so the bar reads as a coherent strip (uniform height, font, dot
+ * size, value alignment).  The only thing that varies is the `tone` color —
+ * which gets applied to the leading dot + icon + label uppercase mono; the
+ * `value` stays neutral (`--text`) so numbers across kinds are scannable at
+ * a glance.
+ *
+ * Why a dedicated component instead of inline JSX in PulseFeeds: when chips
+ * are spread across multiple feed files (and eventually multiple plugins),
+ * having a single component means visual drift is bounded — any change here
+ * propagates everywhere without per-feed CSS churn.
+ *
+ *   ● BUS 2,076    ● MB 1    ● PROV 2/4    ● SKILL 1    ● TOOL 1    ● AGENT 1
+ *   ─┬──┬─ ─┬───
+ *    │  │   └ value (neutral, mono, tabular)
+ *    │  └ label (toned, mono, uppercase)
+ *    └ dot (toned, optional flash keyframe)
+ */
+import type { LucideIcon } from 'lucide-react';
+import type { ReactElement } from 'react';
+import './StatusChip.css';
+export type ChipTone = 'lime' | 'teal' | 'amber' | 'gold' | 'orange' | 'violet' | 'red' | 'mute';
+export type ChipState = 'ok' | 'down' | 'loading' | 'empty' | 'warn';
+export interface StatusChipProps {
+    tone: ChipTone;
+    state?: ChipState;
+    icon?: LucideIcon | null;
+    label: string;
+    value: string;
+    title?: string;
+    onClick?: () => void;
+    /** Bus pulse uses this — bumps a key to retrigger the dot's flash keyframe. */
+    flashKey?: number;
+    /** Optional aria override; defaults to `${label} ${value}`. */
+    ariaLabel?: string;
+}
+export declare function StatusChip({ tone, state, icon: Icon, label, value, title, onClick, flashKey, ariaLabel, }: StatusChipProps): ReactElement;

package/dist/package/browser/components/StatusBar/StatusChip.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import './StatusChip.css';
+export function StatusChip({ tone, state = 'ok', icon: Icon, label, value, title, onClick, flashKey = 0, ariaLabel, }) {
+    const className = [
+        'sb-chip',
+        onClick ? 'is-link' : '',
+    ].filter(Boolean).join(' ');
+    const inner = (_jsxs(_Fragment, { children: [_jsx("span", { className: "sb-chip-label", children: label }), _jsx("span", { className: "sb-chip-value", children: value })] }));
+    if (onClick) {
+        return (_jsx("button", { type: "button", className: className, title: title, onClick: onClick, "aria-label": ariaLabel ?? `${label} ${value}`, children: inner }));
+    }
+    return (_jsx("div", { className: className, title: title, role: "status", "aria-label": ariaLabel ?? `${label} ${value}`, children: inner }));
+}

package/dist/package/browser/components/StatusBar/StripHostView.d.ts

@@ -0,0 +1,2 @@
+import './GlobalStatusBar.css';
+export declare function StripHostView(): import("react/jsx-runtime").JSX.Element;

package/dist/package/browser/components/StatusBar/StripHostView.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * StripHostView — the footer host view for `kind:'strip'` locations
+ * (ADR-0030 §2.3). Renders StatusItemContributions from the SINGLE derived
+ * panels snapshot (host.panels.stripItems) instead of the retired module-level
+ * statusBarStore, so every footer chip flows through the one contribution
+ * channel with owner-tagged, reversible lifecycle.
+ *
+ *   ┌────────────────────────────────────────────────────────────────────┐
+ *   │ CB · Info · …            │ Ready · MB · … · Diagnostics · version │
+ *   └────────────────────────────────────────────────────────────────────┘
+ *     bottom dock tabs                    center · right · left (visual order)
+ *
+ * Each slot has a VISIBLE_PER_SLOT capacity. On overflow the trailing visible
+ * position rotates through the low-priority surplus every CAROUSEL_INTERVAL_MS
+ * (a deterministic rotating window — no re-mount, no state loss), preserving
+ * the legacy GlobalStatusBar behavior.
+ *
+ * Item bodies (ADR-0030 §2.2):
+ *   - text   → static label + tooltip
+ *   - button → command-driven button (host.commands.execute)
+ *   - custom → in-process live chip (owns its own subscriptions)
+ */
+import { useEffect, useMemo, useState } from 'react';
+import { createIntervalTaskLifecycle } from '@forgeax/app-shell/react';
+import { icons as LucideIcons } from 'lucide-react';
+import { usePanelRenderers } from '../DockShell/panelRenderers';
+import { useHost } from '../../core/app-shell';
+import './GlobalStatusBar.css';
+/** Mirrors GlobalStatusBar.css and makes the real consumer's visual order
+ * inspectable in DOM evidence without treating a slot name as geometry. */
+const VISUAL_ORDER = { left: 4, center: 2, right: 3 };
+const SLOT_OF = {
+    'statusbar.left': 'left',
+    'statusbar.center': 'center',
+    'statusbar.right': 'right',
+};
+const VISIBLE_PER_SLOT = { left: 4, center: 2, right: 6 };
+const CAROUSEL_INTERVAL_MS = 4000;
+export function StripHostView() {
+    const renderers = usePanelRenderers();
+    const [tick, setTick] = useState(0);
+    useEffect(() => {
+        const carousel = createIntervalTaskLifecycle({
+            intervalMs: CAROUSEL_INTERVAL_MS,
+            task: () => setTick((x) => x + 1),
+        });
+        carousel.start();
+        return () => carousel.dispose();
+    }, []);
+    const bySlot = useMemo(() => {
+        const out = { left: [], center: [], right: [] };
+        const items = Object.values(renderers.stripItems ?? {});
+        for (const it of items) {
+            if (it.when && !it.when())
+                continue;
+            out[SLOT_OF[it.location]].push(it);
+        }
+        for (const slot of Object.keys(out)) {
+            out[slot].sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0));
+        }
+        return out;
+    }, [renderers.stripItems]);
+    return (_jsxs("div", { className: "global-status-bar", role: "status", "aria-live": "polite", "aria-label": "forgeax status bar", "data-fx-slot": "StatusBar", "data-tour-id": "footer", children: [_jsx("div", { className: "sb-slot sb-slot-dock", "data-fx-dock-bottom-host": true, "aria-hidden": "true" }), _jsx(Slot, { slot: "left", items: bySlot.left, tick: tick }), _jsx(Slot, { slot: "center", items: bySlot.center, tick: tick }), _jsx(Slot, { slot: "right", items: bySlot.right, tick: tick })] }));
+}
+function Slot({ slot, items, tick }) {
+    const cap = VISIBLE_PER_SLOT[slot];
+    const isOverflow = items.length > cap;
+    const visible = useMemo(() => {
+        if (!isOverflow)
+            return items;
+        const anchored = items.slice(0, cap - 1);
+        const rotatingPool = items.slice(cap - 1);
+        const rotated = rotatingPool[tick % rotatingPool.length];
+        return [...anchored, rotated];
+    }, [items, isOverflow, cap, tick]);
+    const hiddenCount = isOverflow ? items.length - cap : 0;
+    return (_jsxs("div", { className: `sb-slot sb-slot-${slot}`, "data-slot-count": items.length, "data-slot-visible": visible.length, "data-slot-order": VISUAL_ORDER[slot], children: [visible.map((it) => (_jsx("div", { className: "sb-item", "data-item-id": it.id, children: _jsx(StatusItemView, { item: it }) }, it.id))), hiddenCount > 0 && (_jsxs("span", { className: "sb-overflow", title: `${hiddenCount} more chip(s) cycling every ${CAROUSEL_INTERVAL_MS / 1000}s · low priority items rotate through the last visible slot`, "aria-label": `${hiddenCount} hidden status items, rotating`, children: ["+", hiddenCount, "\u21BB"] }))] }));
+}
+function StatusItemView({ item }) {
+    const host = useHost();
+    const body = item.item;
+    if (body.type === 'custom')
+        return body.render();
+    if (body.type === 'text') {
+        return (_jsx("span", { className: "sb-chip", title: body.tooltip, children: body.text }));
+    }
+    // button
+    const Icon = body.icon ? LucideIcons[body.icon] : undefined;
+    return (_jsxs("button", { type: "button", className: "sb-chip is-button", title: body.tooltip, onClick: () => { void host.commands.execute(body.command, body.args); }, children: [Icon ? _jsx(Icon, { size: 12, className: "sb-chip-icon" }) : null, body.label ? _jsx("span", { className: "sb-chip-label", children: body.label }) : null] }));
+}

package/dist/package/browser/components/StatusBar/StripPopover.css

@@ -0,0 +1,58 @@
+/* StripPopover — status-bar chip + upward-anchored card (ADR-0030 §2.2 custom
+ * chip shape). This file owns ONLY the shell (button active state + card frame
+ * + entry animation); the card's inner content styles (kv rows, version rows,
+ * meters) are owned by the caller so this stays business-agnostic. */
+
+.fx-strip-pop-btn.sb-chip[data-state='open'] {
+  color: var(--color-text-primary);
+  background: var(--color-interaction-hover);
+}
+
+.fx-strip-pop {
+  z-index: var(--z-popover, 60);
+  min-width: 240px;
+  max-width: 308px;
+  padding: 8px;
+  background: var(--color-background-floating);
+  border: 1px solid var(--color-border-default);
+  border-radius: 10px;
+  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.55);
+  font-family: var(--font-mono);
+  font-size: 11.5px;
+  color: var(--color-text-secondary);
+  animation: fx-strip-pop-in 140ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+.fx-strip-pop[data-state='closed'] {
+  display: none;
+}
+
+@keyframes fx-strip-pop-in {
+  from {
+    opacity: 0;
+    transform: translateY(6px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.fx-strip-pop-h {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--color-text-primary);
+  padding: 2px 4px 8px;
+}
+
+.fx-strip-pop-h svg {
+  width: 13px;
+  height: 13px;
+}
+
+.fx-strip-pop-h-act {
+  margin-left: auto;
+}

package/dist/package/browser/components/StatusBar/StripPopover.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+import './StripPopover.css';
+export interface StripPopoverProps {
+    /** lucide icon name for the chip button. */
+    readonly icon?: string;
+    /** chip button label (text or node, e.g. version + draft badge). */
+    readonly label?: ReactNode;
+    /** popover header content (icon + title). */
+    readonly title: ReactNode;
+    /** native title/tooltip on the chip button. */
+    readonly tooltip?: string;
+    /** right-aligned header slot (e.g. a primary action button). */
+    readonly headerAction?: ReactNode;
+    readonly children: ReactNode;
+}
+export declare function StripPopover({ icon, label, title, tooltip, headerAction, children, }: StripPopoverProps): import("react/jsx-runtime").JSX.Element;

package/dist/package/browser/components/StatusBar/StripPopover.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Business-agnostic status-bar popover shell.
+ *
+ * The shell owns only the trigger, Radix portal/content, focus handling, and
+ * the header slots. Callers provide the label, title, and body; no product or
+ * Host dependency belongs here.
+ */
+import * as Popover from '@radix-ui/react-popover';
+import { icons as LucideIcons } from 'lucide-react';
+import './StripPopover.css';
+export function StripPopover({ icon, label, title, tooltip, headerAction, children, }) {
+    const Icon = icon ? LucideIcons[icon] : undefined;
+    return (_jsxs(Popover.Root, { children: [_jsx(Popover.Trigger, { asChild: true, children: _jsxs("button", { type: "button", className: "sb-chip is-button fx-strip-pop-btn", title: tooltip, "aria-label": typeof label === 'string' ? label : tooltip, children: [Icon ? _jsx(Icon, { size: 12, className: "sb-chip-icon" }) : null, label != null ? _jsx("span", { className: "sb-chip-label", children: label }) : null] }) }), _jsx(Popover.Portal, { children: _jsxs(Popover.Content, { className: "fx-strip-pop", side: "top", align: "center", sideOffset: 6, collisionPadding: 8, onOpenAutoFocus: (event) => event.preventDefault(), children: [_jsxs("div", { className: "fx-strip-pop-h", children: [title, headerAction ? _jsx("span", { className: "fx-strip-pop-h-act", children: headerAction }) : null] }), children] }) })] }));
+}

package/dist/package/browser/components/StatusBar/feeds/PulseFeeds.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Bus-kind pulse chips — the live MB / SKILL / TOOL / AGENT extension-registry
+ * counters (originally PreviewMode's pt-right toolbar, moved to the global
+ * status bar 2026-05-17). The former RES (system resource) chip was folded into
+ * the diagnostics popover, since server mem/uptime/WS is environment-diagnostic
+ * data, not a bus-kind count.
+ *
+ * Each `*Feed` polls its source, then renders a `<StatusChip>`. The visual
+ * primitive is shared so the strip reads as a coherent unit; only the `tone`
+ * color changes between kinds (teal/gold/orange/violet).
+ */
+import type { StatusItemContribution } from '../../../core/panels';
+/** ADR-0030 §2.2 — the live MB/SKILL/TOOL/AGENT pulse chips as `custom`
+ *  status-item contributions. Each chip owns its own polling (the in-process
+ *  escape hatch); chrome-statusbar folds these into the footer's strip channel. */
+export declare const pulseStatusItems: readonly StatusItemContribution[];

package/dist/package/browser/components/StatusBar/feeds/PulseFeeds.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Bus-kind pulse chips — the live MB / SKILL / TOOL / AGENT extension-registry
+ * counters (originally PreviewMode's pt-right toolbar, moved to the global
+ * status bar 2026-05-17). The former RES (system resource) chip was folded into
+ * the diagnostics popover, since server mem/uptime/WS is environment-diagnostic
+ * data, not a bus-kind count.
+ *
+ * Each `*Feed` polls its source, then renders a `<StatusChip>`. The visual
+ * primitive is shared so the strip reads as a coherent unit; only the `tone`
+ * color changes between kinds (teal/gold/orange/violet).
+ */
+import { Brain, Sparkles, Wrench, Bot } from 'lucide-react';
+import { useTranslation } from '../../../i18n';
+import { useShellStore } from '../../../store';
+import { emitDeepLink } from '../../../lib/deep-link-bus';
+import { useSharedExtensionCounts } from '../../../lib/shell-live-data';
+import { StatusChip } from '../StatusChip';
+/** ADR-0030 §2.2 — the live MB/SKILL/TOOL/AGENT pulse chips as `custom`
+ *  status-item contributions. Each chip owns its own polling (the in-process
+ *  escape hatch); chrome-statusbar folds these into the footer's strip channel. */
+export const pulseStatusItems = [
+    { kind: 'status-item', id: 'bus.mb', location: 'statusbar.right', priority: 90, item: { type: 'custom', render: () => _jsx(ModelBindingPulseFeed, {}) } },
+    { kind: 'status-item', id: 'bus.skill', location: 'statusbar.right', priority: 50, item: { type: 'custom', render: () => _jsx(SkillPulseFeed, {}) } },
+    { kind: 'status-item', id: 'bus.tool', location: 'statusbar.right', priority: 45, item: { type: 'custom', render: () => _jsx(ToolPulseFeed, {}) } },
+    { kind: 'status-item', id: 'bus.agent', location: 'statusbar.right', priority: 40, item: { type: 'custom', render: () => _jsx(AgentPulseFeed, {}) } },
+];
+function usePulseKind(kind) {
+    const snapshot = useSharedExtensionCounts();
+    if (snapshot.state === 'loading')
+        return { state: 'loading', count: 0, ids: [] };
+    if (snapshot.state === 'down')
+        return { state: 'down', count: 0, ids: [] };
+    const row = snapshot.value[kind];
+    return { state: row.count > 0 ? 'ok' : 'empty', count: row.count, ids: row.ids };
+}
+// ─── MB · model-binding kind count ────────────────────────────────────────
+function ModelBindingPulseFeed() {
+    const { t } = useTranslation();
+    const openOverlay = useShellStore((s) => s.openOverlay);
+    const { state, count, ids } = usePulseKind('model-binding');
+    const value = state === 'loading' ? '—' : state === 'down' ? '!' : count.toString();
+    const title = state === 'ok' || state === 'empty'
+        ? count > 0
+            ? t('pulse.mb.title.some', { count: String(count) }) + '\n' + ids.map((id) => `· ${id}`).join('\n')
+            : t('pulse.mb.title.none')
+        : state === 'down' ? t('pulse.mb.title.down') : t('pulse.mb.title.loading');
+    return (_jsx(StatusChip, { tone: "teal", state: state, icon: Brain, label: "MB", value: value, title: title, onClick: () => { openOverlay('settings', 'plugins'); emitDeepLink('bus:filter-kind', 'model-binding'); } }));
+}
+// ─── SKILL ────────────────────────────────────────────────────────────────
+function SkillPulseFeed() {
+    const { t } = useTranslation();
+    const openOverlay = useShellStore((s) => s.openOverlay);
+    const { state, count, ids } = usePulseKind('skill');
+    const value = state === 'loading' ? '—' : state === 'down' ? '!' : count.toString();
+    const title = state === 'ok' || state === 'empty'
+        ? count > 0
+            ? t('pulse.skill.title.some', { count: String(count) }) + '\n' + ids.map((id) => `· ${id}`).join('\n')
+            : t('pulse.skill.title.none')
+        : state === 'down' ? t('pulse.skill.title.down') : t('pulse.skill.title.loading');
+    return (_jsx(StatusChip, { tone: "gold", state: state, icon: Sparkles, label: "SKILL", value: value, title: title, onClick: () => { openOverlay('settings', 'plugins'); emitDeepLink('bus:filter-kind', 'skill'); } }));
+}
+// ─── TOOL ─────────────────────────────────────────────────────────────────
+function ToolPulseFeed() {
+    const { t } = useTranslation();
+    const openOverlay = useShellStore((s) => s.openOverlay);
+    const { state, count, ids } = usePulseKind('tool');
+    const value = state === 'loading' ? '—' : state === 'down' ? '!' : count.toString();
+    const title = state === 'ok' || state === 'empty'
+        ? count > 0
+            ? t('pulse.tool.title.some', { count: String(count) }) + '\n' + ids.map((id) => `· ${id}`).join('\n')
+            : t('pulse.tool.title.none')
+        : state === 'down' ? t('pulse.tool.title.down') : t('pulse.tool.title.loading');
+    return (_jsx(StatusChip, { tone: "orange", state: state, icon: Wrench, label: "TOOL", value: value, title: title, onClick: () => { openOverlay('settings', 'plugins'); emitDeepLink('bus:filter-kind', 'tool'); } }));
+}
+// ─── AGENT ────────────────────────────────────────────────────────────────
+function AgentPulseFeed() {
+    const { t } = useTranslation();
+    const openOverlay = useShellStore((s) => s.openOverlay);
+    const { state, count, ids } = usePulseKind('agent');
+    const value = state === 'loading' ? '—' : state === 'down' ? '!' : count.toString();
+    const title = state === 'ok' || state === 'empty'
+        ? count > 0
+            ? t('pulse.agent.title.some', { count: String(count) }) + '\n' + ids.map((id) => `· ${id}`).join('\n')
+            : t('pulse.agent.title.none')
+        : state === 'down' ? t('pulse.agent.title.down') : t('pulse.agent.title.loading');
+    return (_jsx(StatusChip, { tone: "violet", state: state, icon: Bot, label: "AGENT", value: value, title: title, onClick: () => { openOverlay('settings', 'plugins'); emitDeepLink('bus:filter-kind', 'agent'); } }));
+}

package/dist/package/browser/components/StatusBar/footer/CheckpointsDrawer.d.ts

@@ -0,0 +1,4 @@
+import type { DrawerPanelContribution } from '../../../core/panels';
+import './footer.css';
+export declare function CheckpointsDrawer(): import("react/jsx-runtime").JSX.Element;
+export declare const checkpointsDrawerPanel: DrawerPanelContribution;

package/dist/package/browser/components/StatusBar/footer/CheckpointsDrawer.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * CheckpointsDrawer — the "检查点" bottom-drawer panel (demo `data-rt=
+ * "checkpoints"`). A timeline of the active session's rewind checkpoints, newest
+ * at the top, with the current HEAD highlighted.
+ *
+ * REAL data: session-level rewind anchors via checkpoint-api
+ * (GET /api/sessions/:sid/checkpoints). Each user message snapshots the game dir
+ * (CheckpointManager); `hasCode=false` means a pure-conversation turn. The list
+ * has no commit-message text (only msgId), so rows show a code/conversation
+ * label + short id + time. A `drawer` panel (ADR-0030 §2.3), contributed by
+ * chrome-drawer.tsx next to Info.
+ */
+import { useEffect, useState } from 'react';
+import { createSettledPollingLifecycle } from '@forgeax/app-shell/react';
+import { useShellStore } from '../../../store';
+import { fetchCheckpoints } from '../../../lib/checkpoint-api';
+import './footer.css';
+/** epoch ms → "HH:MM:SS". */
+function fmtTime(ms) {
+    const d = new Date(ms);
+    return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false });
+}
+export function CheckpointsDrawer() {
+    const activeSid = useShellStore((s) => s.activeSid);
+    const [items, setItems] = useState([]);
+    const [pending, setPending] = useState(null);
+    useEffect(() => {
+        if (!activeSid) {
+            setItems([]);
+            setPending(null);
+            return;
+        }
+        const poll = createSettledPollingLifecycle({
+            task: async (signal) => {
+                try {
+                    const { checkpoints, pending: p } = await fetchCheckpoints(activeSid, signal);
+                    setItems(checkpoints);
+                    setPending(p);
+                }
+                catch {
+                    if (signal.aborted)
+                        throw new Error('checkpoint request timed out');
+                    setItems([]);
+                    setPending(null);
+                    throw new Error('checkpoint request failed');
+                }
+            },
+            intervalMs: 5_000,
+            timeoutMs: 5_000,
+        });
+        poll.start();
+        return poll.dispose;
+    }, [activeSid]);
+    if (items.length === 0) {
+        return _jsx("div", { className: "fx-drawer-content", children: _jsx("div", { className: "fx-empty", children: activeSid ? '暂无检查点' : '未连接会话' }) });
+    }
+    // API order is chronological (oldest first); show newest at the top. The
+    // current HEAD is the pending rewind target if any, else the latest anchor.
+    const total = items.length;
+    const headMsgId = pending?.targetMsgId ?? items[total - 1]?.msgId;
+    return (_jsx("div", { className: "fx-drawer-content", children: items
+            .map((c, i) => ({ c, n: i + 1 }))
+            .reverse()
+            .map(({ c, n }) => {
+            const head = c.msgId === headMsgId;
+            return (_jsxs("div", { className: `fx-ck${head ? ' head' : ''}`, children: [_jsx("div", { className: "dot" }), _jsxs("div", { children: [_jsx("div", { className: "ck-msg", children: c.hasCode ? '代码 + 会话快照' : '会话快照' }), _jsxs("div", { className: "ck-meta", children: [`#${n}`, " \u00B7 ", c.msgId.slice(0, 8), " \u00B7 ", fmtTime(c.ts), head ? (_jsxs(_Fragment, { children: [' · ', _jsx("span", { className: "cur", children: "\u5F53\u524D HEAD" })] })) : null] })] })] }, c.msgId));
+        }) }));
+}
+export const checkpointsDrawerPanel = {
+    id: 'checkpoints',
+    title: 'Checkpoints',
+    titleKey: 'footerPanel.checkpoints',
+    icon: 'History',
+    order: 1,
+    render: () => _jsx(CheckpointsDrawer, {}),
+};

package/dist/package/browser/components/StatusBar/footer/DiagnosticsPopover.d.ts

@@ -0,0 +1,4 @@
+import type { StatusItemContribution } from '../../../core/panels';
+import './footer.css';
+export declare function DiagnosticsChip(): import("react/jsx-runtime").JSX.Element;
+export declare const diagnosticsStatusItem: StatusItemContribution;