@forgeax/interface 0.4.1

package/dist/package/browser/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,3 @@
+/** Generic shell tools panel. Page launchers live exclusively in ActivityRail;
+ * this panel only hosts the application-supplied agents/tools body. */
+export declare function Sidebar(): import("react/jsx-runtime").JSX.Element;

package/dist/package/browser/components/Sidebar/Sidebar.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePanelRenderers } from '../DockShell/panelRenderers';
+/** Generic shell tools panel. Page launchers live exclusively in ActivityRail;
+ * this panel only hosts the application-supplied agents/tools body. */
+export function Sidebar() {
+    const SidebarAgents = usePanelRenderers().slots?.SidebarAgents;
+    return (_jsx("aside", { className: "studio-sidebar", "data-fx-slot": "Sidebar", children: SidebarAgents ? _jsx(SidebarAgents, {}) : null }));
+}

package/dist/package/browser/components/Sidebar/sidebar-types.d.ts

@@ -0,0 +1,18 @@
+import type { LucideIcon } from 'lucide-react';
+import type { ExtensionInfo } from '../../lib/extension-api';
+export type BuiltinId = 'agents' | 'files';
+export interface BuiltinEntry {
+    kind: 'builtin';
+    id: BuiltinId;
+    label: string;
+    Icon: LucideIcon;
+}
+export interface BusEntry {
+    kind: 'bus';
+    id: string;
+    label: string;
+    emoji: string;
+    manifest: ExtensionInfo;
+}
+export type SidebarEntry = BuiltinEntry | BusEntry;
+export type RailNavId = 'agents' | 'files' | 'tools';

package/dist/package/browser/components/Sidebar/sidebar-types.js

@@ -0,0 +1 @@
+export {};

package/dist/package/browser/components/SlotDebugOverlay/SlotDebugOverlay.d.ts

@@ -0,0 +1 @@
+export { SlotDebugOverlay } from '@forgeax/app-shell/react';

package/dist/package/browser/components/SlotDebugOverlay/SlotDebugOverlay.js

@@ -0,0 +1 @@
+export { SlotDebugOverlay } from '@forgeax/app-shell/react';

package/dist/package/browser/components/SlotDebugOverlay/hashHue.d.ts

@@ -0,0 +1 @@
+export { hashSlotHue as hashHue } from '@forgeax/app-shell/react';

package/dist/package/browser/components/SlotDebugOverlay/hashHue.js

@@ -0,0 +1 @@
+export { hashSlotHue as hashHue } from '@forgeax/app-shell/react';

package/dist/package/browser/components/SlotDebugOverlay/index.d.ts

@@ -0,0 +1 @@
+export { SlotDebugOverlay, hashSlotHue as hashHue, isSlotDebugEnabled, } from '@forgeax/app-shell/react';

package/dist/package/browser/components/SlotDebugOverlay/index.js

@@ -0,0 +1 @@
+export { SlotDebugOverlay, hashSlotHue as hashHue, isSlotDebugEnabled, } from '@forgeax/app-shell/react';

package/dist/package/browser/components/SlotDebugOverlay/isSlotDebugEnabled.d.ts

@@ -0,0 +1 @@
+export { isSlotDebugEnabled } from '@forgeax/app-shell/react';

package/dist/package/browser/components/SlotDebugOverlay/isSlotDebugEnabled.js

@@ -0,0 +1 @@
+export { isSlotDebugEnabled } from '@forgeax/app-shell/react';

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

@@ -0,0 +1,25 @@
+/**
+ * FatalBanner — the "reason + Reload" banner pinned to the top of a Play / Edit
+ * region when the engine reports a region-fatal failure (device-lost, scene
+ * instantiate failed, WebGPU init failed, missing module, …).
+ *
+ * Why this is its OWN component (not part of the bottom status bar):
+ * the latest-state indicator + full log moved to the GlobalStatusBar chip + the
+ * Info dock panel, so the wide HealthStatusBar strip was retired. The fatal
+ * banner is a DIFFERENT concern — it must sit OVER the black viewport so the
+ * user knows why Play / Edit is empty and can recover in one click — so it is
+ * extracted here and mounted by the Play / Edit surface wrappers
+ * (SurfacePanels), independent of the bottom strip.
+ *
+ * Data: the per-region `fatal` channel of healthStore (promoted there by
+ * push() when an error matches FATAL_CODES / FATAL_TEXT_PATTERNS). Pure
+ * presentation; the `.preview-fatal-banner` styling lives in MainArea.css and
+ * is shared by both regions.
+ */
+/**
+ * Banner for one region. Renders nothing when that region has no live fatal.
+ * `source` is 'play' or 'edit' — the only two regions that surface a banner.
+ */
+export declare function FatalBanner({ source }: {
+    source: 'play' | 'edit';
+}): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * FatalBanner — the "reason + Reload" banner pinned to the top of a Play / Edit
+ * region when the engine reports a region-fatal failure (device-lost, scene
+ * instantiate failed, WebGPU init failed, missing module, …).
+ *
+ * Why this is its OWN component (not part of the bottom status bar):
+ * the latest-state indicator + full log moved to the GlobalStatusBar chip + the
+ * Info dock panel, so the wide HealthStatusBar strip was retired. The fatal
+ * banner is a DIFFERENT concern — it must sit OVER the black viewport so the
+ * user knows why Play / Edit is empty and can recover in one click — so it is
+ * extracted here and mounted by the Play / Edit surface wrappers
+ * (SurfacePanels), independent of the bottom strip.
+ *
+ * Data: the per-region `fatal` channel of healthStore (promoted there by
+ * push() when an error matches FATAL_CODES / FATAL_TEXT_PATTERNS). Pure
+ * presentation; the `.preview-fatal-banner` styling lives in MainArea.css and
+ * is shared by both regions.
+ */
+import { AlertOctagon, RotateCcw, X } from 'lucide-react';
+import { useHealthStore } from './healthStore';
+/** Reason → human title. Falls back to a generic line. */
+function titleFor(code, source) {
+    switch (code) {
+        case 'device-lost':
+        case 'context-lost':
+            return 'GPU device lost';
+        case 'scene-instantiate-failed':
+            return 'Scene failed to load';
+        case 'webgpu-init-failed':
+            return 'WebGPU init failed';
+        case 'module-missing':
+            return 'Module missing';
+        case 'load-timeout':
+            return 'Load timed out';
+        case 'createApp-failed':
+            return 'Engine failed to start';
+        default:
+            return `${source === 'edit' ? 'Edit' : 'Play'} failed`;
+    }
+}
+/**
+ * Banner for one region. Renders nothing when that region has no live fatal.
+ * `source` is 'play' or 'edit' — the only two regions that surface a banner.
+ */
+export function FatalBanner({ source }) {
+    const fatal = useHealthStore((s) => s.fatal[source]);
+    const clearFatal = useHealthStore((s) => s.clearFatal);
+    if (!fatal)
+        return null;
+    return (_jsxs("div", { className: "preview-fatal-banner", role: "alert", "aria-live": "assertive", children: [_jsx(AlertOctagon, { className: "pfb-icon", size: 16 }), _jsxs("div", { className: "pfb-body", children: [_jsx("div", { className: "pfb-title", children: titleFor(fatal.code, source) }), _jsx("div", { className: "pfb-msg", title: fatal.message, children: fatal.message })] }), _jsxs("button", { type: "button", className: "pfb-retry", title: "Reload the page to recover this region", onClick: () => window.location.reload(), children: [_jsx(RotateCcw, { size: 13 }), " Reload"] }), _jsx("button", { type: "button", className: "pfb-retry pfb-dismiss", title: "Dismiss this banner", "aria-label": "Dismiss", onClick: () => clearFatal(source), children: _jsx(X, { size: 13 }) })] }));
+}

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

@@ -0,0 +1,304 @@
+/* Global status bar — Figma: h-24px, Fira Mono 12px.
+   Layout: [bottom dock tabs] [spacer →] [ready] [pulse chips] [diagnostics] [version].
+   Slot names remain contribution-contract identifiers; CSS owns visual order. */
+
+.global-status-bar {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  height: 24px;
+  padding: 0;
+  background: var(--color-background-elevated);
+  border-top: 1px solid var(--color-border-default);
+  font-family: var(--font-mono);
+  font-size: 12px;
+  color: var(--color-text-secondary);
+  user-select: none;
+  position: relative;
+  z-index: 5;
+}
+
+.sb-slot {
+  display: flex;
+  align-items: center;
+  height: 100%;
+  min-width: 0;
+  overflow: hidden;
+}
+/* Game version control is the only left-slot contribution. CSS order 4 makes
+   that slot the visual far-right owner; build metadata stays in right/order 3. */
+.sb-slot-left {
+  order: 4;
+  flex: 0 0 auto;
+  justify-content: flex-start;
+  gap: 0;
+  padding-right: 8px;
+}
+/* divider immediately before the far-right version */
+.sb-slot-left::before {
+  content: '';
+  display: block;
+  width: 1px;
+  height: 10px;
+  background: var(--color-divider-default);
+  margin: 0 8px;
+  flex-shrink: 0;
+}
+/* Pulse chips + diagnostics sit between Ready and Version. */
+.sb-slot-right {
+  order: 3;
+  flex: 0 0 auto;
+  justify-content: flex-start;
+  gap: 0;
+}
+/* Ready starts the right-aligned status cluster. */
+.sb-slot-center {
+  order: 2;
+  /* margin-left:auto keeps the cluster right-aligned when the dock slot is
+     empty; when present, the dock's flex growth consumes the same space. */
+  flex: 0 0 auto;
+  margin-left: auto;
+  justify-content: flex-end;
+  padding-right: 8px;
+  overflow: visible;
+}
+
+.sb-item {
+  display: inline-flex;
+  align-items: center;
+  height: 100%;
+  flex-shrink: 0;
+}
+
+/* ── Merged dock bottom-edge strip host ───────────────────────────────────
+   installEdgeDrawer relocates dockview's bottom-edge `.dv-tabs-and-actions-
+   container` into this slot so the dock tabs sit on the SAME footer row as the
+   status items. order:1 keeps CB / Info / other bottom edge tabs flush-left;
+   flex:1 leaves the status cluster anchored at the right.
+   Empty (no docked bottom panels) → display:none, so the center slot's
+   margin-left:auto still right-aligns the status cluster. */
+.sb-slot-dock {
+  order: 1;
+  flex: 1 1 auto;
+  height: 100%;
+  align-items: stretch;
+  justify-content: flex-start;
+  overflow: visible;
+}
+.sb-slot-dock.is-empty,
+.sb-slot-dock:empty {
+  display: none;
+}
+
+/* Footer-ized dockview strip: the relocated container is no longer under
+   `.dv-groupview-edge`, so the vertical/edge tab rules in DockShell.css no
+   longer apply — restyle it compact + horizontal to live in the 24px footer. */
+.fx-bottom-edge-strip {
+  display: flex;
+  align-items: stretch;
+  height: 100%;
+  background: transparent;
+  min-width: 0;
+}
+.fx-bottom-edge-strip .dv-tabs-container {
+  display: flex;
+  align-items: stretch;
+  height: 100%;
+}
+.fx-bottom-edge-strip .dv-tab {
+  width: auto !important;
+  min-width: max-content !important;
+  flex: 0 0 auto !important;
+  height: 100%;
+  padding: 0 8px !important;
+  display: inline-flex;
+  align-items: center;
+  border-radius: 0;
+  border-right: 1px solid var(--color-border-default);
+  cursor: pointer;
+}
+/* Only highlight the active tab WHILE the drawer is open (fx-bottom-edge-open,
+   mirrored by edgeDrawer). The bottom group always has an "active" panel, so an
+   unconditional dv-active-tab rule would paint a persistent highlight in the
+   footer with no click. */
+.fx-bottom-edge-strip.fx-bottom-edge-open .dv-tab.dv-active-tab {
+  position: relative;
+  /* The footer strip sits on --color-background-elevated (#161619), so the old
+     `elevated` highlight was the SAME colour as its backdrop → invisible. Use
+     the darkest base (like the main dock's selected tab) so the open tab clearly
+     reads as connected to the drawer rising above it. */
+  background: var(--color-background-base);
+  color: var(--color-text-primary);
+}
+/* Hover feedback for footer tabs (the main dock's .dv-tab:hover rule doesn't
+   reach here — this strip is relocated out of .fx-dockshell into the footer).
+   The currently-open tab keeps its selected look and does NOT react to hover. */
+.fx-bottom-edge-strip .dv-tab:hover {
+  background: var(--color-interaction-selected-neutral);
+  color: var(--color-text-primary);
+}
+.fx-bottom-edge-strip.fx-bottom-edge-open .dv-tab.dv-active-tab:hover {
+  background: var(--color-background-base);
+}
+/* Closed footer strip: the bottom edge group always keeps one `.dv-active-tab`
+   (dockview never lets a group go active-less). This strip is relocated OUT of
+   .fx-dockwrap so the edge-group neutralizer in DockShell.css can't reach it —
+   restate it here so a closed footer shows NO selected tab (matches the open-only
+   highlight rule above). `:not(:hover)` so the footer hover rule below still gives
+   feedback on the (neutralized) active tab. */
+.fx-bottom-edge-strip:not(.fx-bottom-edge-open) .dv-tab.dv-active-tab:not(:hover) {
+  background: transparent;
+  color: inherit;
+}
+/* UE focus流光 on the footer active tab (drawer open) — mirrors the grid-group
+   accent in DockShell.css. Bottom strip: put the bar on the TOP edge (the side
+   the drawer rises from). Brightest at center, fading to both ends. */
+.fx-bottom-edge-strip.fx-bottom-edge-focused .dv-tab.dv-active-tab::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  height: 1px;
+  z-index: 2;
+  pointer-events: none;
+  background: linear-gradient(
+    90deg,
+    transparent 0%,
+    color-mix(in srgb, var(--lime, #7ee04a) 55%, transparent) 22%,
+    var(--lime, #7ee04a) 50%,
+    color-mix(in srgb, var(--lime, #7ee04a) 55%, transparent) 78%,
+    transparent 100%
+  );
+}
+.fx-bottom-edge-strip .dv-default-tab {
+  padding: 0;
+  gap: 5px;
+  font-size: 12px;
+  width: auto;
+  max-width: min(36vw, 360px);
+}
+.fx-bottom-edge-strip .dv-default-tab .dv-default-tab-content {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  line-height: 1;
+}
+.fx-bottom-edge-strip .dv-default-tab .fx-dock-tab-title {
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+  height: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.fx-dock-tab-status-item--error { color: #ff6b6b; }
+.fx-dock-tab-status-item--warning { color: #e6c14b; }
+/* Keep the void container narrow — it stays a valid drop target for drag-in
+   but must not expand to eat the whole footer. */
+.fx-bottom-edge-strip .dv-void-container {
+  flex: 0 0 24px;
+  min-width: 24px;
+}
+
+/* ── Drag-in drop zone ────────────────────────────────────────────────────
+   When empty, the dock host is display:none and the void container is only a
+   24px sliver — there is nothing to drop ONTO, so dragging a panel over the
+   footer shows `not-allowed`. Only during a REAL HTML5 tab drag (`html.fx-edge-
+   drag`, set by edgeDrawer on dragstart — NOT the pointerdown-based
+   fx-dock-dragging, which would flash on a plain click) reveal the host and
+   widen its void container into a hittable drop target. We draw NO custom
+   frame: the void is the genuine dockview drop target (header_space), so
+   hovering it shows dockview's own lime overlay — identical to reorder. */
+html.fx-edge-drag .sb-slot-dock,
+html.fx-edge-drag .sb-slot-dock.is-empty {
+  display: flex;
+  min-width: 160px;
+}
+html.fx-edge-drag .fx-bottom-edge-strip {
+  width: 100%;
+}
+html.fx-edge-drag .fx-bottom-edge-strip .dv-void-container {
+  flex: 1 1 auto;
+  min-width: 140px;
+}
+/* Pin toggle (rendered by DockTab for any edge-located tab): the
+   `.dv-groupview-edge`-scoped rules don't reach the relocated footer strip, so
+   re-declare the footer variant here. Hidden by default —
+   dockview always keeps one panel "active" per group, and a persistently shown
+   pin made that tab read like it was selected. Reveal on hover, or on the
+   active tab while the drawer is open; pinned tabs stay lit unconditionally. */
+.fx-bottom-edge-strip .dv-default-tab-action.fx-edge-pin {
+  display: inline-flex !important;
+  align-items: center;
+  justify-content: center;
+  opacity: 0;
+  color: var(--color-text-tertiary, #9aa0aa);
+  transition: opacity 0.1s ease;
+}
+.fx-bottom-edge-strip .dv-tab:hover .dv-default-tab-action.fx-edge-pin,
+.fx-bottom-edge-strip.fx-bottom-edge-open .dv-tab.dv-active-tab .dv-default-tab-action.fx-edge-pin {
+  opacity: 0.85;
+}
+.fx-bottom-edge-strip .dv-default-tab-action.fx-edge-pin.fx-edge-pin--on {
+  opacity: 1;
+  color: var(--lime, #7ee04a);
+}
+.fx-bottom-edge-strip .dv-default-tab-action.fx-edge-pin .fx-edge-pin-icon {
+  display: block;
+  width: 12px;
+  height: 12px;
+  flex: 0 0 auto;
+}
+
+/* ── Footer drop-overlay anchor host (see edgeDrawer.ts bottomDropContainer) ──
+   Viewport-fixed layer that dockview paints the bottom strip's drop highlights
+   / reorder indicators into (its own theme-scoped .dv-drop-target-* CSS lives
+   under .dockview-theme-abyss and doesn't reach here, so we style it directly
+   with the app's lime accent). Never intercepts pointer/drag events. */
+.fx-edge-drop-anchor-host {
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  z-index: 100;
+}
+.fx-edge-drop-anchor-host .dv-drop-target-container {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+}
+.fx-edge-drop-anchor-host .dv-drop-target-anchor {
+  position: absolute;
+  pointer-events: none;
+  box-sizing: border-box;
+  background: color-mix(in srgb, var(--lime, #7ee04a) 20%, transparent);
+  border: 1px solid var(--lime, #7ee04a);
+  border-radius: 3px;
+  transition: left 0.07s ease, top 0.07s ease, width 0.07s ease, height 0.07s ease;
+}
+/* 'line' insertion indicator (thin strip at a tab edge) → solid lime bar. */
+.fx-edge-drop-anchor-host .dv-drop-target-anchor.dv-drop-target-anchor-line {
+  background: var(--lime, #7ee04a);
+  border-color: var(--lime, #7ee04a);
+  border-radius: 2px;
+}
+
+.sb-overflow {
+  font-family: var(--font-mono);
+  font-size: 11px;
+  color: var(--color-text-tertiary);
+  background: rgba(255, 255, 255, 0.04);
+  border: 1px solid var(--color-border-default);
+  padding: 1px 8px;
+  margin: 0 4px;
+  border-radius: 999px;
+  cursor: help;
+}
+
+/* Chip primitive styles now live in ./StatusChip.css — see <StatusChip>.
+   This file only owns the bar layout (height / slots / overflow indicator). */

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

@@ -0,0 +1,174 @@
+/* InfoPanel — standalone dockable Blender-INFO-style log panel. */
+
+.info-panel {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
+  background: var(--color-background-default);
+  font-family: var(--font-mono);
+  font-size: 12px;
+  color: var(--color-text-secondary);
+}
+
+/* ── toolbar (filters + copy-all + clear) ─────────────────────────────────── */
+.ip-toolbar {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 8px;
+  background: var(--color-background-elevated);
+  border-bottom: 1px solid var(--color-border-default);
+}
+
+.ip-filters {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+  flex-wrap: wrap;
+  min-width: 0;
+}
+.ip-filter-sep {
+  width: 1px;
+  height: 16px;
+  background: var(--color-divider-default);
+  margin: 0 4px;
+}
+.ip-filter {
+  all: unset;
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 3px;
+  height: 20px;
+  padding: 0 6px;
+  border-radius: 4px;
+  cursor: pointer;
+  opacity: 0.5;
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+.ip-filter:hover { opacity: 0.85; background: rgba(255, 255, 255, 0.05); }
+.ip-filter.on { opacity: 1; background: rgba(90, 130, 220, 0.22); box-shadow: inset 0 0 0 1px var(--color-accent, #5a82dc); }
+.ip-filter--info svg    { color: var(--color-text-tertiary); }
+.ip-filter--success svg { color: #5fd17a; }
+.ip-filter--warn svg    { color: #f4c542; }
+.ip-filter--error svg   { color: #ff6a6a; }
+
+.ip-spacer { flex: 1 1 auto; }
+
+.ip-tb-btn {
+  all: unset;
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  height: 22px;
+  padding: 0 8px;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 11px;
+  color: var(--color-text-secondary);
+  opacity: 0.8;
+}
+.ip-tb-btn:hover { opacity: 1; background: rgba(255, 255, 255, 0.06); }
+.ip-tb-btn[disabled] { opacity: 0.3; cursor: default; }
+
+/* ── scrolling list ───────────────────────────────────────────────────────── */
+.ip-list {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow-y: auto;
+  padding: 2px 0;
+}
+
+.ip-empty {
+  padding: 14px;
+  opacity: 0.5;
+  font-style: italic;
+}
+
+/* ── one log row ──────────────────────────────────────────────────────────── */
+.ip-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  padding: 2px 8px;
+  line-height: 18px;
+  cursor: pointer;
+  border-left: 2px solid transparent;
+}
+.ip-row:hover { background: rgba(255, 255, 255, 0.04); }
+
+.ip-icon { flex-shrink: 0; }
+.ip-row--info    .ip-icon { color: var(--color-text-tertiary); }
+.ip-row--success .ip-icon { color: #5fd17a; }
+.ip-row--warn    .ip-icon { color: #f4c542; }
+.ip-row--error   .ip-icon { color: #ff6a6a; }
+.ip-row--error .ip-msg { color: #ffb3b3; }
+.ip-row--warn  .ip-msg { color: #f6d590; }
+
+.ip-row--latest {
+  background: rgba(80, 130, 220, 0.14);
+  border-left-color: var(--color-accent, #5a82dc);
+}
+
+/* click-to-copy flash */
+.ip-row--copied {
+  background: rgba(95, 209, 122, 0.20) !important;
+  border-left-color: #5fd17a;
+}
+
+.ip-time {
+  flex-shrink: 0;
+  opacity: 0.5;
+  font-size: 11px;
+}
+
+.ip-source {
+  flex-shrink: 0;
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  padding: 0 5px;
+  border-radius: 3px;
+  opacity: 0.85;
+  background: rgba(255, 255, 255, 0.06);
+}
+.ip-source--play   { color: #7fc7ff; }
+.ip-source--edit   { color: #c79bff; }
+.ip-source--plugin { color: #8ad6a0; }
+.ip-source--engine { color: #ffc27f; }
+.ip-source--shell  { color: var(--color-text-tertiary); }
+
+.ip-msg {
+  flex: 1 1 auto;
+  min-width: 0;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+/* ×N repeat-fold badge */
+.ip-count {
+  flex-shrink: 0;
+  font-size: 11px;
+  font-weight: 600;
+  padding: 0 7px;
+  border-radius: 999px;
+  color: #ffcf7a;
+  background: rgba(244, 160, 66, 0.18);
+}
+
+.ip-copy-hint {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  opacity: 0;
+  color: var(--color-text-tertiary);
+}
+.ip-row:hover .ip-copy-hint { opacity: 0.7; }
+.ip-row--copied .ip-copy-hint { opacity: 1; color: #5fd17a; }

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

@@ -0,0 +1,19 @@
+/**
+ * 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 './InfoPanel.css';
+export declare function InfoPanel(): import("react/jsx-runtime").JSX.Element;