@treasuryspatial/viewer-ui-kit 0.1.42 → 0.1.56

package/dist/PromptPackChooserPanel.js

@@ -1,89 +1,129 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from 'styled-components';
+import { panelSystemActionCardCss, panelSystemBodyTextCss, panelSystemCardCss, panelSystemFeatureToggleCss, panelSystemLabelCss, panelSystemSectionHeadingCss, panelSystemSubheadingCss, } from './PanelSystem.js';
+const SPATIAL_RENDER_PROMPT_PACK_ID = 'vanilla';
+const SPATIAL_RENDER_PROMPT_PACK_LABEL = 'Spatial Render';
+const SPATIAL_RENDER_PROMPT_PACK_DESCRIPTION = 'Default spatial render prompt kit for active Composer modes.';
+const normalizePackLabel = (entry) => {
+    const id = entry?.id?.trim() || '';
+    const label = entry?.chooserLabel?.trim() || entry?.label?.trim() || id;
+    if (id === SPATIAL_RENDER_PROMPT_PACK_ID || label.toLowerCase() === SPATIAL_RENDER_PROMPT_PACK_ID) {
+        return SPATIAL_RENDER_PROMPT_PACK_LABEL;
+    }
+    return label;
+};
+const normalizeActiveLabel = (label, activePackId) => {
+    const trimmed = label.trim();
+    if (activePackId?.trim() === SPATIAL_RENDER_PROMPT_PACK_ID || trimmed.toLowerCase() === SPATIAL_RENDER_PROMPT_PACK_ID) {
+        return SPATIAL_RENDER_PROMPT_PACK_LABEL;
+    }
+    return trimmed;
+};
+const normalizePackDescription = (entry) => {
+    const description = entry?.description?.trim() || '';
+    if (entry?.id?.trim() === SPATIAL_RENDER_PROMPT_PACK_ID &&
+        (!description || description.toLowerCase().includes('canonical shared fallback'))) {
+        return SPATIAL_RENDER_PROMPT_PACK_DESCRIPTION;
+    }
+    return description;
+};
+const normalizeActiveDescription = (description, activePackId) => {
+    const trimmed = description?.trim() || '';
+    if (activePackId?.trim() === SPATIAL_RENDER_PROMPT_PACK_ID &&
+        (!trimmed || trimmed.toLowerCase().includes('canonical shared fallback'))) {
+        return SPATIAL_RENDER_PROMPT_PACK_DESCRIPTION;
+    }
+    return trimmed;
+};
 const Root = styled.div `
   display: flex;
   flex-direction: column;
-  gap: 12px;
-  border-radius: 16px;
-  border: 1px solid var(--viewer-ui-color-panel-border);
-  background: var(--viewer-ui-color-surface);
-  padding: 14px;
-`;
-const Intro = styled.div `
-  font-size: 11px;
-  text-transform: lowercase;
-  color: var(--viewer-ui-color-text-muted);
+  gap: 14px;
 `;
 const Title = styled.div `
-  font-size: 11px;
-  text-transform: uppercase;
-  letter-spacing: 0.2em;
-  color: var(--viewer-ui-color-text-muted);
+  ${panelSystemSectionHeadingCss}
 `;
-const Row = styled.div `
-  border-radius: 12px;
-  border: 1px solid var(--viewer-ui-color-panel-border);
-  padding: 10px 12px;
+const PackGrid = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
 `;
-const RowHead = styled.div `
+const PackCard = styled.button `
+  ${panelSystemActionCardCss}
+  min-height: 0;
+  flex-direction: column;
+  align-items: stretch;
+  border: 1px solid
+    ${(props) => props.$warning
+    ? 'rgba(217, 119, 6, 0.35)'
+    : props.$selected
+        ? 'var(--viewer-ui-color-button-primary)'
+        : 'var(--viewer-ui-color-panel-border-subtle)'};
+  background: ${(props) => props.$warning
+    ? 'rgba(255, 251, 235, 0.96)'
+    : props.$selected
+        ? 'color-mix(in srgb, var(--viewer-ui-color-button-primary) 10%, var(--viewer-ui-color-surface))'
+        : 'var(--viewer-ui-color-surface)'};
+  color: var(--viewer-ui-color-text-strong);
+  padding: 16px 18px;
+  text-align: left;
+  cursor: pointer;
+
+  &:disabled {
+    cursor: default;
+  }
+`;
+const PackHead = styled.div `
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 8px;
 `;
-const ModeBadge = styled.span `
-  font-size: 11px;
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
+const PackLabel = styled.span `
+  ${panelSystemSubheadingCss}
+  font-weight: 400;
+`;
+const PackStatus = styled.span `
+  ${panelSystemLabelCss}
   color: var(--viewer-ui-color-text-muted);
 `;
-const ActiveLabel = styled.span `
-  font-size: 11px;
-  color: var(--viewer-ui-color-text);
+const PackDescription = styled.div `
+  ${panelSystemBodyTextCss}
+  color: ${(props) => (props.$warning ? 'rgb(146 64 14)' : 'var(--viewer-ui-color-text-muted)')};
 `;
-const Select = styled.select `
-  width: 100%;
-  margin-top: 8px;
-  border-radius: 999px;
-  border: 1px solid var(--viewer-ui-color-panel-border);
-  background: transparent;
-  color: var(--viewer-ui-color-text);
-  padding: 6px 10px;
-  font-size: 11px;
-  text-transform: lowercase;
+const ModeList = styled.div `
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+`;
+const ModePill = styled.span `
+  ${panelSystemFeatureToggleCss}
+  pointer-events: none;
 `;
-const ActiveCard = styled.div `
-  border-radius: 12px;
-  border: 1px solid var(--viewer-ui-color-panel-border);
+const EmptyState = styled.div `
+  ${panelSystemCardCss}
+  ${panelSystemBodyTextCss}
+  border: 1px dashed var(--viewer-ui-color-panel-border-subtle);
   padding: 10px 12px;
-  font-size: 11px;
-  text-transform: lowercase;
   color: var(--viewer-ui-color-text-muted);
 `;
-const ActiveTitle = styled.div `
-  color: var(--viewer-ui-color-text-strong);
-`;
 const ResetButton = styled.button `
+  ${panelSystemFeatureToggleCss}
   align-self: flex-start;
-  border-radius: 999px;
-  border: 1px solid var(--viewer-ui-color-panel-border);
-  padding: 6px 10px;
-  font-size: 10px;
-  text-transform: uppercase;
-  letter-spacing: 0.2em;
-  color: var(--viewer-ui-color-text-muted);
-  background: transparent;
-  cursor: pointer;
-
-  &:hover {
-    border-color: var(--viewer-ui-color-button-primary);
-    color: var(--viewer-ui-color-text-strong);
-  }
 `;
-export default function PromptPackChooserPanel({ modes, labelsByMode, selectedByMode = {}, catalog, onSelect, onReset, activeLabel, activeDescription, }) {
-    const resolvedModes = modes && modes.length > 0
-        ? modes
-        : Array.from(new Set([...Object.keys(labelsByMode), ...Object.keys(selectedByMode)]));
-    return (_jsxs(Root, { children: [_jsx(Intro, { children: "Prompt blocks, validations, and assembly logic come from the selected prompt pack manifest." }), _jsx(Title, { children: "prompt pack chooser" }), resolvedModes.map((mode) => (_jsxs(Row, { children: [_jsxs(RowHead, { children: [_jsx(ModeBadge, { children: mode }), _jsxs(ActiveLabel, { children: ["active: ", labelsByMode[mode]] })] }), _jsxs(Select, { value: selectedByMode[mode] ?? '', onChange: (event) => onSelect(mode, event.target.value), children: [_jsxs("option", { value: "", children: ["default (", labelsByMode[mode], ")"] }), catalog.map((entry) => (_jsxs("option", { value: entry.id, children: [entry.label, " (", entry.id, ")"] }, entry.id)))] })] }, mode))), _jsxs(ActiveCard, { children: [_jsxs(ActiveTitle, { children: ["Current mode: ", activeLabel] }), activeDescription ? _jsx("div", { style: { marginTop: 4 }, children: activeDescription }) : null] }), onReset ? (_jsx(ResetButton, { type: "button", onClick: onReset, children: "reset to defaults" })) : null] }));
+export default function PromptPackChooserPanel({ modes, labelsByMode = {}, noteByMode = {}, activePackId, selectedPackId = '', catalog, onSelect, onReset, status = 'ready', error, activeLabel, activeDescription, activeWarning = false, }) {
+    void labelsByMode;
+    void noteByMode;
+    const resolvedModes = modes && modes.length > 0 ? modes : [];
+    const selectable = Boolean(catalog && onSelect);
+    const hasSelection = Boolean(selectedPackId.trim() && selectedPackId.trim() !== SPATIAL_RENDER_PROMPT_PACK_ID);
+    const displayActiveLabel = normalizeActiveLabel(activeLabel || activePackId || '', activePackId);
+    const displayActiveDescription = normalizeActiveDescription(activeDescription, activePackId);
+    return (_jsxs(Root, { children: [_jsx(Title, { children: "prompt kits" }), selectable ? (status === 'ready' ? (catalog && catalog.length > 0 ? (_jsx(PackGrid, { children: catalog.map((entry) => {
+                    const selected = entry.id === selectedPackId || entry.id === activePackId;
+                    const warning = activeWarning && entry.id === activePackId;
+                    const description = warning && displayActiveDescription ? displayActiveDescription : normalizePackDescription(entry);
+                    return (_jsxs(PackCard, { type: "button", "$selected": selected, "$warning": warning, onClick: () => onSelect?.(entry.id), children: [_jsxs(PackHead, { children: [_jsx(PackLabel, { children: normalizePackLabel(entry) }), selected ? _jsx(PackStatus, { children: "selected" }) : null] }), description ? (_jsx(PackDescription, { "$warning": warning, children: description })) : null, entry.modes?.length ? (_jsx(ModeList, { children: entry.modes.map((mode) => (_jsx(ModePill, { children: mode }, mode))) })) : null] }, entry.id));
+                }) })) : (_jsx(EmptyState, { children: "No prompt kits are published yet." }))) : (_jsx(EmptyState, { children: error || (status === 'loading' ? 'Loading prompt kit registry…' : 'Prompt kit registry unavailable.') }))) : displayActiveLabel ? (_jsxs(PackCard, { type: "button", "$selected": true, "$warning": activeWarning, disabled: true, children: [_jsxs(PackHead, { children: [_jsx(PackLabel, { children: displayActiveLabel }), _jsx(PackStatus, { children: "selected" })] }), displayActiveDescription ? (_jsx(PackDescription, { "$warning": activeWarning, children: displayActiveDescription })) : null, resolvedModes.length ? (_jsx(ModeList, { children: resolvedModes.map((mode) => (_jsx(ModePill, { children: mode }, mode))) })) : null] })) : null, selectable && onReset && hasSelection ? (_jsx(ResetButton, { type: "button", onClick: onReset, children: "reset prompt kit" })) : null] }));
 }

package/dist/SceneInspectorPanel.d.ts

@@ -0,0 +1,42 @@
+export interface SceneInspectorPanelProps {
+    topOffsetPx?: number;
+    open: boolean;
+    modeLabel?: string;
+    meshCount?: number;
+    triangleCount?: number;
+    boundsLabel?: string;
+    statusRows?: Array<{
+        id: string;
+        label: string;
+        value: string;
+        tone?: 'default' | 'ok' | 'warning' | 'error';
+        detail?: string;
+    }>;
+    diagnostics?: string[];
+    semanticSummary?: {
+        objectCount: number;
+        surfaceDomainCount: number;
+        cellCount: number;
+        surfaceClassCount?: number;
+        dataKeyCount?: number;
+    } | null;
+    selectedObject?: {
+        label: string;
+        rows: Array<{
+            id: string;
+            label: string;
+            value: string;
+            detail?: string;
+            tone?: 'default' | 'ok' | 'warning' | 'error';
+        }>;
+    } | null;
+    toggles: Array<{
+        id: string;
+        label: string;
+        active: boolean;
+        onToggle: () => void;
+    }>;
+    onToggleOpen: (next: boolean) => void;
+}
+export default function SceneInspectorPanel({ topOffsetPx, open, modeLabel, meshCount, triangleCount, boundsLabel, statusRows, diagnostics, semanticSummary, selectedObject, toggles, onToggleOpen, }: SceneInspectorPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SceneInspectorPanel.d.ts.map

package/dist/SceneInspectorPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneInspectorPanel.d.ts","sourceRoot":"","sources":["../src/SceneInspectorPanel.tsx"],"names":[],"mappings":"AAiBA,MAAM,WAAW,wBAAwB;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,KAAK,CAAC;QACjB,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC;QAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC,CAAC;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,eAAe,CAAC,EAAE;QAChB,WAAW,EAAE,MAAM,CAAC;QACpB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,SAAS,EAAE,MAAM,CAAC;QAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,GAAG,IAAI,CAAC;IACT,cAAc,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,KAAK,CAAC;YACV,EAAE,EAAE,MAAM,CAAC;YACX,KAAK,EAAE,MAAM,CAAC;YACd,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,CAAC,EAAE,MAAM,CAAC;YAChB,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC;SAC/C,CAAC,CAAC;KACJ,GAAG,IAAI,CAAC;IACT,OAAO,EAAE,KAAK,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,OAAO,CAAC;QAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC,CAAC;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AA0HD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,WAAgB,EAChB,IAAI,EACJ,SAAS,EACT,SAAa,EACb,aAAiB,EACjB,WAAiB,EACjB,UAAe,EACf,WAAgB,EAChB,eAAsB,EACtB,cAAqB,EACrB,OAAO,EACP,YAAY,GACb,EAAE,wBAAwB,2CAyL1B"}

package/dist/SceneInspectorPanel.js

@@ -0,0 +1,135 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import styled from 'styled-components';
+import { InspectorBody, InspectorCard, InspectorCollapse, InspectorHeader, InspectorRow, InspectorTitle, InspectorToggle, InspectorToggleRow, InspectorWrapper, } from './layout.js';
+const DEBUG_TIMING_IDS = new Set([
+    'change-to-paint',
+    'change-to-generate',
+    'generate-to-response',
+    'response-to-scene',
+    'scene-to-paint',
+]);
+const SHADOW_DIAGNOSTIC_IDS = new Set(['shadow-lights', 'casters', 'receivers']);
+const Section = styled.div `
+  display: grid;
+  gap: 8px;
+  padding-top: 8px;
+  border-top: 1px solid rgba(148, 163, 184, 0.18);
+`;
+const SectionTitle = styled.div `
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.14em;
+  color: rgba(226, 232, 240, 0.72);
+`;
+const StatusValue = styled.span `
+  color: ${(props) => props.$tone === 'error'
+    ? '#fda4af'
+    : props.$tone === 'warning'
+        ? '#fde68a'
+        : props.$tone === 'ok'
+            ? '#86efac'
+            : '#e2e8f0'};
+  font-weight: 600;
+  text-align: right;
+`;
+const RowValue = styled.span `
+  color: ${(props) => props.$tone === 'error'
+    ? '#fda4af'
+    : props.$tone === 'warning'
+        ? '#fde68a'
+        : props.$tone === 'ok'
+            ? '#86efac'
+            : '#e2e8f0'};
+  max-width: 210px;
+  overflow: hidden;
+  text-align: right;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+const DiagnosticList = styled.div `
+  display: grid;
+  gap: 6px;
+`;
+const DiagnosticItem = styled.div `
+  font-size: 11px;
+  line-height: 1.45;
+  color: #fecaca;
+  background: rgba(127, 29, 29, 0.22);
+  border: 1px solid rgba(248, 113, 113, 0.28);
+  border-radius: 10px;
+  padding: 8px 10px;
+`;
+const InspectorMeta = styled.span `
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.12em;
+  color: rgba(226, 232, 240, 0.56);
+`;
+const TabRow = styled.div `
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  padding-bottom: 4px;
+`;
+const TabButton = styled.button `
+  border: 1px solid rgba(148, 163, 184, 0.22);
+  border-radius: 999px;
+  background: rgba(15, 23, 42, 0.32);
+  color: rgba(226, 232, 240, 0.76);
+  cursor: pointer;
+  font: inherit;
+  font-size: 10px;
+  letter-spacing: 0.1em;
+  padding: 5px 8px;
+  text-transform: uppercase;
+
+  &[data-active='true'] {
+    background: rgba(226, 232, 240, 0.16);
+    color: rgba(248, 250, 252, 1);
+  }
+`;
+const EmptyState = styled.div `
+  border: 1px dashed rgba(148, 163, 184, 0.22);
+  border-radius: 10px;
+  color: rgba(226, 232, 240, 0.62);
+  font-size: 11px;
+  line-height: 1.45;
+  padding: 9px 10px;
+`;
+const renderRows = (rows) => rows.map((row) => (_jsxs(InspectorRow, { title: row.detail, children: [_jsx("span", { children: row.label }), _jsx(StatusValue, { "$tone": row.tone, children: row.value })] }, row.id)));
+export default function SceneInspectorPanel({ topOffsetPx = 24, open, modeLabel, meshCount = 0, triangleCount = 0, boundsLabel = '-', statusRows = [], diagnostics = [], semanticSummary = null, selectedObject = null, toggles, onToggleOpen, }) {
+    const [activeTab, setActiveTab] = useState('health');
+    const { healthRows, registryStatusRows, shadowRows, timingRows } = useMemo(() => {
+        const rowGroups = {
+            healthRows: [],
+            registryStatusRows: [],
+            shadowRows: [],
+            timingRows: [],
+        };
+        statusRows.forEach((row) => {
+            if (DEBUG_TIMING_IDS.has(row.id)) {
+                rowGroups.timingRows.push(row);
+                return;
+            }
+            if (SHADOW_DIAGNOSTIC_IDS.has(row.id)) {
+                rowGroups.shadowRows.push(row);
+                return;
+            }
+            if (row.id === 'semantic-registry') {
+                rowGroups.registryStatusRows.push(row);
+                return;
+            }
+            rowGroups.healthRows.push(row);
+        });
+        return rowGroups;
+    }, [statusRows]);
+    const tabs = [
+        { id: 'health', label: 'health' },
+        { id: 'registry', label: 'registry' },
+        { id: 'selection', label: 'selection' },
+        { id: 'debug', label: 'debug' },
+    ];
+    return (_jsx(InspectorWrapper, { "$topOffset": topOffsetPx, children: open ? (_jsxs(InspectorCard, { children: [_jsxs(InspectorHeader, { children: [_jsxs("div", { children: [_jsx(InspectorTitle, { children: "scene inspector" }), modeLabel ? _jsx(InspectorMeta, { children: modeLabel }) : null] }), _jsx(InspectorCollapse, { onClick: () => onToggleOpen(false), children: "hide" })] }), _jsxs(InspectorBody, { children: [_jsx(TabRow, { children: tabs.map((tab) => (_jsx(TabButton, { type: "button", "data-active": activeTab === tab.id, onClick: () => setActiveTab(tab.id), children: tab.label }, tab.id))) }), activeTab === 'health' ? (_jsxs(_Fragment, { children: [_jsxs(Section, { children: [_jsx(SectionTitle, { children: "runtime health" }), healthRows.length ? renderRows(healthRows) : _jsx(EmptyState, { children: "No runtime health rows are active for this mode." })] }), diagnostics.length ? (_jsxs(Section, { children: [_jsx(SectionTitle, { children: "contract diagnostics" }), _jsx(DiagnosticList, { children: diagnostics.map((message) => (_jsx(DiagnosticItem, { children: message }, message))) })] })) : null] })) : null, activeTab === 'registry' ? (_jsxs(_Fragment, { children: [_jsxs(Section, { children: [_jsx(SectionTitle, { children: "scene" }), _jsxs(InspectorRow, { children: [_jsx("span", { children: "meshes" }), _jsx("span", { children: meshCount })] }), _jsxs(InspectorRow, { children: [_jsx("span", { children: "triangles" }), _jsx("span", { children: triangleCount })] }), _jsxs(InspectorRow, { children: [_jsx("span", { children: "bounds" }), _jsx("span", { children: boundsLabel })] }), registryStatusRows.length ? renderRows(registryStatusRows) : null] }), semanticSummary ? (_jsxs(Section, { children: [_jsx(SectionTitle, { children: "semantic registry" }), _jsxs(InspectorRow, { children: [_jsx("span", { children: "objects" }), _jsx("span", { children: semanticSummary.objectCount })] }), _jsxs(InspectorRow, { children: [_jsx("span", { children: "domains" }), _jsx("span", { children: semanticSummary.surfaceDomainCount })] }), _jsxs(InspectorRow, { children: [_jsx("span", { children: "cells" }), _jsx("span", { children: semanticSummary.cellCount })] }), _jsxs(InspectorRow, { children: [_jsx("span", { children: "surface classes" }), _jsx("span", { children: semanticSummary.surfaceClassCount ?? 0 })] }), _jsxs(InspectorRow, { children: [_jsx("span", { children: "data keys" }), _jsx("span", { children: semanticSummary.dataKeyCount ?? 0 })] })] })) : (_jsx(EmptyState, { children: "No render-side semantic registry is mounted yet." }))] })) : null, activeTab === 'selection' ? (selectedObject ? (_jsxs(Section, { children: [_jsx(SectionTitle, { children: "selected mesh" }), _jsxs(InspectorRow, { title: selectedObject.label, children: [_jsx("span", { children: "id" }), _jsx(RowValue, { "$tone": "ok", children: selectedObject.label })] }), selectedObject.rows.map((row) => (_jsxs(InspectorRow, { title: row.detail ?? row.value, children: [_jsx("span", { children: row.label }), _jsx(RowValue, { "$tone": row.tone, children: row.value })] }, row.id)))] })) : (_jsx(EmptyState, { children: "Click a registered mesh to populate this tab. The inspector stays closed unless opened explicitly." }))) : null, activeTab === 'debug' ? (_jsxs(_Fragment, { children: [_jsxs(Section, { children: [_jsx(SectionTitle, { children: "shadow diagnostics" }), shadowRows.length ? renderRows(shadowRows) : _jsx(EmptyState, { children: "No shadow diagnostics are active for this scene." })] }), _jsxs(Section, { children: [_jsx(SectionTitle, { children: "roundtrip timings" }), timingRows.length ? renderRows(timingRows) : _jsx(EmptyState, { children: "No roundtrip timings have been sampled yet." })] }), _jsxs(Section, { children: [_jsx(SectionTitle, { children: "viewer toggles" }), _jsx(InspectorToggleRow, { children: toggles.map((toggle) => (_jsx(InspectorToggle, { type: "button", "data-active": toggle.active, onClick: toggle.onToggle, children: toggle.label }, toggle.id))) })] })] })) : null] })] })) : (_jsx(InspectorCard, { children: _jsxs(InspectorHeader, { children: [_jsx(InspectorTitle, { children: "scene inspector" }), _jsx(InspectorCollapse, { onClick: () => onToggleOpen(true), children: "show" })] }) })) }));
+}

package/dist/ScienceDataPanelContent.d.ts

@@ -0,0 +1,16 @@
+type SceneDataRow = {
+    id: string;
+    label: string;
+    value: string;
+    tone?: 'default' | 'ok' | 'warning' | 'error';
+    detail?: string;
+};
+interface ScienceDataPanelContentProps {
+    modeLabel: string;
+    moduleLabel?: string | null;
+    promptPackLabel?: string | null;
+    sceneRows?: SceneDataRow[];
+}
+export default function ScienceDataPanelContent({ modeLabel, moduleLabel, promptPackLabel, sceneRows, }: ScienceDataPanelContentProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ScienceDataPanelContent.d.ts.map

package/dist/ScienceDataPanelContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScienceDataPanelContent.d.ts","sourceRoot":"","sources":["../src/ScienceDataPanelContent.tsx"],"names":[],"mappings":"AAQA,KAAK,YAAY,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,UAAU,4BAA4B;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B;AAgCD,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,SAAS,EACT,WAAW,EACX,eAAe,EACf,SAAc,GACf,EAAE,4BAA4B,2CA0C9B"}

package/dist/ScienceDataPanelContent.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from 'styled-components';
+import { panelBodyTextCss, } from './panelPrimitives.js';
+const Root = styled.div.attrs({ className: 'viewer-ui-panel-sections' }) ``;
+const Summary = styled.p `
+  ${panelBodyTextCss}
+  margin: 0;
+`;
+const Section = styled.section.attrs({ className: 'panel-section' }) ``;
+const SectionHeader = styled.div.attrs({ className: 'panel-section-header' }) ``;
+const SectionHeaderCopy = styled.div `
+  min-width: 0;
+`;
+const SectionList = styled.div.attrs({ className: 'panel-section-list' }) ``;
+const DataRow = styled.div.attrs((props) => ({
+    className: 'panel-section-row',
+    'data-tone': props.$tone,
+})) ``;
+const DataMeta = styled.div.attrs({ className: 'panel-section-row-copy' }) ``;
+const DataLabel = styled.span.attrs({ className: 'panel-section-row-label' }) ``;
+const DataHelp = styled.span.attrs({ className: 'panel-section-row-help' }) ``;
+const DataValue = styled.span.attrs({ className: 'panel-section-row-value' }) ``;
+export default function ScienceDataPanelContent({ modeLabel, moduleLabel, promptPackLabel, sceneRows = [], }) {
+    const coreRows = [
+        { id: 'mode', label: 'mode', value: modeLabel },
+        { id: 'module', label: 'module', value: moduleLabel?.trim() || 'none' },
+        { id: 'prompt-kit', label: 'prompt kit', value: promptPackLabel?.trim() || 'default' },
+    ];
+    return (_jsxs(Root, { children: [_jsx(Section, { "data-panel-id": "science-data-overview", children: _jsx(SectionHeader, { children: _jsxs(SectionHeaderCopy, { children: [_jsx("h3", { children: "science data" }), _jsx("p", { children: "scene state + runtime records" }), _jsx(Summary, { children: "This tab is for live scene and runtime records. Science indicators belong in the metrics tab and should be manifest or plugin driven." })] }) }) }), _jsxs(Section, { "data-panel-id": "science-data-context", children: [_jsx(SectionHeader, { children: _jsx(SectionHeaderCopy, { children: _jsx("h3", { children: "scene context" }) }) }), _jsx(SectionList, { children: [...coreRows, ...sceneRows].map((row) => (_jsxs(DataRow, { "$tone": row.tone, children: [_jsxs(DataMeta, { children: [_jsx(DataLabel, { children: row.label }), row.detail ? _jsx(DataHelp, { children: row.detail }) : null] }), _jsx(DataValue, { children: row.value })] }, row.id))) })] })] }));
+}

package/dist/ScienceMetricsPanelContent.d.ts

@@ -0,0 +1,53 @@
+type MetricsFeedKind = 'runtime' | 'viewer' | 'geometry' | 'render' | 'map';
+type ToolMetricDefinition = {
+    id: string;
+    label: string;
+    summary?: string;
+    source: {
+        kind: MetricsFeedKind;
+        path: string;
+    };
+    format?: 'text' | 'number' | 'count';
+    digits?: number;
+    prefix?: string;
+    suffix?: string;
+    emptyLabel?: string;
+};
+type ToolMetricGroupDefinition = {
+    id: string;
+    label: string;
+    summary?: string;
+    metrics: ToolMetricDefinition[];
+};
+type ToolMetricsDefinition = {
+    title?: string;
+    summary?: string;
+    groups: ToolMetricGroupDefinition[];
+};
+type ToolMetricsFeeds = Partial<Record<MetricsFeedKind, Record<string, unknown>>>;
+export type ScienceMetricsRenderState = {
+    surfaceId?: string | null;
+    geometryStatus?: string | null;
+    lightingId?: string | null;
+    lightingLabel?: string | null;
+    materialsId?: string | null;
+    materialsLabel?: string | null;
+    skyLabel?: string | null;
+    renderCount?: number;
+    imageSetCount?: number;
+};
+interface ScienceMetricsPanelContentProps {
+    modeId: string;
+    modeLabel: string;
+    moduleLabel?: string | null;
+    moduleSummary?: string | null;
+    promptPackLabel?: string | null;
+    promptPackDescription?: string | null;
+    parameters?: Record<string, unknown> | null;
+    renderState?: ScienceMetricsRenderState | null;
+    toolMetrics?: ToolMetricsDefinition | null;
+    feeds?: ToolMetricsFeeds | null;
+}
+export default function ScienceMetricsPanelContent({ modeId, modeLabel, moduleLabel, moduleSummary, promptPackLabel, promptPackDescription, parameters, renderState, }: ScienceMetricsPanelContentProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ScienceMetricsPanelContent.d.ts.map

package/dist/ScienceMetricsPanelContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScienceMetricsPanelContent.d.ts","sourceRoot":"","sources":["../src/ScienceMetricsPanelContent.tsx"],"names":[],"mappings":"AAUA,KAAK,eAAe,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE5E,KAAK,oBAAoB,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE;QACN,IAAI,EAAE,eAAe,CAAC;QACtB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,oBAAoB,EAAE,CAAC;CACjC,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,yBAAyB,EAAE,CAAC;CACrC,CAAC;AAEF,KAAK,gBAAgB,GAAG,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AA6ClF,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,UAAU,+BAA+B;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC5C,WAAW,CAAC,EAAE,yBAAyB,GAAG,IAAI,CAAC;IAC/C,WAAW,CAAC,EAAE,qBAAqB,GAAG,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACjC;AA2hBD,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,EACjD,MAAM,EACN,SAAS,EACT,WAAW,EACX,aAAa,EACb,eAAe,EACf,qBAAqB,EACrB,UAAU,EACV,WAAW,GACZ,EAAE,+BAA+B,2CA4EjC"}