@salsita-ai/sdk 0.0.0-stage → 0.49.0-develop.cbee856178

package/dist/editor/state-inspector/styles.js

@@ -0,0 +1,120 @@
+let i="px-inspector-styles",r=`
+.pxi .pxi-search-status { padding: 10px 12px; border-bottom: 1px solid var(--pxi-rule); font-size: 11px; color: var(--pxi-ink-soft); background: var(--pxi-bg-canvas); }
+.pxi .pxi-search-status progress { display: block; width: 100%; height: 3px; margin: 8px 0; accent-color: var(--pxi-phoenix); }
+.pxi .pxi-search-detail { font-size: 10px; color: var(--pxi-ink-mute); overflow-wrap: anywhere; margin-top: 5px; }
+.pxi .pxi-search-result { display: block; width: 100%; padding: 9px 12px; text-align: left; background: transparent; color: var(--pxi-ink); border: 0; border-bottom: 1px solid var(--pxi-rule); cursor: pointer; }
+.pxi .pxi-search-result:hover { background: var(--pxi-bg-hover); }
+.pxi .pxi-search-result:focus-visible { outline: 2px solid var(--pxi-phoenix); outline-offset: -2px; background: var(--pxi-phoenix-soft); }
+.pxi .pxi-search-location { display: flex; align-items: center; gap: 8px; justify-content: space-between; font-size: 10px; color: var(--pxi-ink-mute); overflow-wrap: anywhere; }
+.pxi .pxi-search-category { flex: none; font-size: 9px; border-radius: 3px; padding: 1px 4px; background: var(--pxi-rule-soft); }
+.pxi .pxi-search-name { display: block; margin-top: 4px; font-size: 11px; font-weight: 600; overflow-wrap: anywhere; }
+.pxi .pxi-search-preview { display: block; margin-top: 3px; font-family: var(--pxi-font-mono); font-size: 10.5px; color: var(--pxi-ink-soft); overflow-wrap: anywhere; }
+.pxi .pxi-search-footer { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 8px 12px; border-top: 1px solid var(--pxi-rule); font-size: 10px; color: var(--pxi-ink-mute); }
+.pxi .pxi-search-page { border: 1px solid var(--pxi-rule-strong); border-radius: 4px; background: var(--pxi-bg-panel); padding: 4px 7px; color: var(--pxi-ink-soft); font-size: 10px; cursor: pointer; }
+.pxi .pxi-search-page:disabled { opacity: 0.4; cursor: default; }
+.pxi .pxi-search-page:focus-visible { outline: 2px solid var(--pxi-phoenix); }
+.pxi .pxi-search-empty { margin: 24px 16px; color: var(--pxi-ink-mute); font-size: 12px; line-height: 1.6; }
+
+.pxi {
+  /* ink */
+  --pxi-ink: #1a1815;
+  --pxi-ink-soft: #4a4842;
+  --pxi-ink-mute: #7a766d;
+  --pxi-ink-faint: #a8a59c;
+  --pxi-ink-ghost: #cbc8be;
+
+  /* surfaces */
+  --pxi-bg-panel: #ffffff;
+  --pxi-bg-canvas: #faf8f3;
+  --pxi-bg-hover: rgba(20,18,15,0.04);
+  --pxi-bg-pin: #fdfaf5;
+  --pxi-bg-pin-rule: rgba(226,90,44,0.06);
+
+  /* rules */
+  --pxi-rule: rgba(20,18,15,0.08);
+  --pxi-rule-soft: rgba(20,18,15,0.045);
+  --pxi-rule-strong: rgba(20,18,15,0.14);
+
+  /* phoenix accent */
+  --pxi-phoenix: #e25a2c;
+  --pxi-phoenix-soft: rgba(226,90,44,0.10);
+  --pxi-phoenix-ink: #a8401e;
+  --pxi-focus-soft: rgba(226,90,44,0.25);
+
+  /* scalar value type-coding */
+  --pxi-val-string: #b94a2e;
+  --pxi-val-number: #2a5fad;
+  --pxi-val-bool: #6b4ea8;
+  --pxi-val-null: #9b9890;
+  --pxi-val-entity: #2f7a6b;
+  --pxi-val-error: #c2410c;
+  --pxi-val-key: #4a4842;
+  --pxi-val-bracket: #8a877f;
+  --pxi-val-msg: #5b3b9c;
+  --pxi-val-comp: #6e4a16;
+
+  /* severity */
+  --pxi-sev-fatal: #c2410c;
+  --pxi-sev-fixable: #a07414;
+  --pxi-sev-warning: #d4860a;
+  --pxi-sev-notice: #4a7fb8;
+
+  /* search highlight */
+  --pxi-hl-bg: rgba(226,90,44,0.18);
+
+  --pxi-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+
+  color: var(--pxi-ink);
+  font-size: 12px;
+  line-height: 1.45;
+  -webkit-font-smoothing: antialiased;
+}
+.pxi *, .pxi *::before, .pxi *::after { box-sizing: border-box; }
+
+.pxi-mono { font-family: var(--pxi-font-mono); font-size: 11.5px; letter-spacing: -0.005em; }
+
+.pxi-row:hover { background: var(--pxi-bg-hover); }
+
+/* action icons (pencil, entity-header icons): latent at rest, opaque on hover */
+.pxi-row-actions { opacity: 0.22; transition: opacity .12s; }
+.pxi-row:hover .pxi-row-actions,
+.pxi-row:focus-within .pxi-row-actions { opacity: 1; }
+
+/* gutter pin star: solid when pinned, ghost that fades in on row hover otherwise */
+.pxi-pin { display: flex; padding: 2px; border-radius: 3px; cursor: pointer; transition: opacity .12s, color .12s, background .12s; background: transparent; border: 0; }
+.pxi-pin.is-pinned { color: var(--pxi-phoenix); opacity: 1; }
+.pxi-pin.is-ghost { color: var(--pxi-ink-faint); opacity: 0; }
+.pxi-row:hover .pxi-pin.is-ghost { opacity: 0.55; }
+.pxi-pin.is-ghost:hover { color: var(--pxi-phoenix) !important; opacity: 1 !important; background: var(--pxi-phoenix-soft); }
+.pxi-pin.is-pinned:hover { background: var(--pxi-phoenix-soft); }
+
+/* right-side row action buttons (copy, pencil): subtle hover affordance */
+.pxi-action-btn { display: flex; padding: 4px; border-radius: 4px; background: transparent; border: 0; cursor: pointer; transition: background .12s, color .12s; }
+.pxi-action-btn:hover { background: rgba(20,18,15,0.06); color: var(--pxi-ink); }
+
+.pxi-hl { background: var(--pxi-hl-bg); border-radius: 2px; padding: 0 1px; margin: 0 -1px; }
+
+/* entity-ref link pill: clicking reveals the entity in the composition tree */
+.pxi-entity-link { border: 0; cursor: pointer; transition: background .12s; }
+.pxi-entity-link:hover { background: rgba(47,122,107,0.18); text-decoration: underline; }
+
+/* reveal flash (search + pick, unified): a few gentle phoenix pulses on the
+   jumped-to row, easing in and out so it breathes rather than blinks */
+@keyframes pxi-flash-kf {
+  0%   { background: transparent; }
+  12%  { background: var(--pxi-phoenix-soft); }
+  28%  { background: transparent; }
+  40%  { background: var(--pxi-phoenix-soft); }
+  56%  { background: transparent; }
+  68%  { background: var(--pxi-phoenix-soft); }
+  100% { background: transparent; }
+}
+.pxi-flash { animation: pxi-flash-kf 6s ease-in-out; }
+
+/* minimal scrollbar */
+.pxi-scroll { overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: rgba(20,18,15,0.18) transparent; scrollbar-gutter: stable; }
+.pxi-scroll::-webkit-scrollbar { width: 6px; height: 6px; background: transparent; }
+.pxi-scroll::-webkit-scrollbar-track { background: transparent; }
+.pxi-scroll::-webkit-scrollbar-thumb { background: rgba(20,18,15,0.14); border-radius: 999px; }
+.pxi-scroll::-webkit-scrollbar-thumb:hover { background: rgba(20,18,15,0.28); }
+`;export function ensureInspectorStyles(){if("u"<typeof document||document.getElementById(i))return;let o=document.createElement("style");o.id=i,o.textContent=r,document.head.appendChild(o)}

package/dist/editor/state-inspector/system-state/SystemEditors.d.ts

@@ -0,0 +1,18 @@
+import type { InspectorEntityId } from '../inspector-types.js';
+/** All entity ids in the current slice's tree, sorted — the entity picker's options. */
+export declare function useAllEntityIds(): readonly InspectorEntityId[];
+/**
+ * Shared focus-and-type picker for both enum and entity fields. `T` is the option
+ * type (a plain `string` for enums, a branded `InspectorEntityId` for entities), so
+ * `onSelect` hands the caller back the exact branded value with no cast. No clear
+ * button — entering edit focuses + selects the text, so typing immediately replaces.
+ */
+export declare function SystemAutocomplete<T extends string>({ value, options, onSelect, }: {
+    readonly value: T | null;
+    readonly options: readonly T[];
+    readonly onSelect: (next: T) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const BoolControl: ({ value, onToggle }: {
+    readonly value: boolean;
+    readonly onToggle: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/editor/state-inspector/system-state/SystemEditors.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as o}from"react/jsx-runtime";import{Autocomplete as i,Switch as e,TextField as n,createFilterOptions as r}from"@mui/material";import{useEagerObservableSelector as p}from"#package/react-sdk";import{useInspector as a}from"../InspectorContext.js";let l=[];export function useAllEntityIds(){let{store:t,composition:o,sliceName:i}=a();return p(t.stateSlices[i],t=>{try{return[...o.getTree(t.state).map.keys()].sort((t,o)=>t.localeCompare(o))}catch{return l}},[o,i])}export function SystemAutocomplete({value:o,options:e,onSelect:p}){return t(i,{size:"small",openOnFocus:!0,autoHighlight:!0,blurOnSelect:!0,disableClearable:!0,selectOnFocus:!0,value:o??void 0,options:e,filterOptions:r({limit:200}),onChange:(t,o)=>{p(o)},sx:{flex:1,minWidth:0,"& .MuiOutlinedInput-root":{fontFamily:"var(--pxi-font-mono)",fontSize:11,padding:"0 18px 0 0",backgroundColor:"#fff"},"& .MuiOutlinedInput-input":{padding:"0 5px !important",fontSize:11},"& .MuiOutlinedInput-notchedOutline":{borderColor:"var(--pxi-rule)"},"& .Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"var(--pxi-phoenix)",borderWidth:1},"& .MuiAutocomplete-endAdornment":{right:2},"& .MuiAutocomplete-popupIndicator":{padding:0}},renderInput:o=>t(n,{...o,autoFocus:!0,variant:"outlined",placeholder:"Type to filter…"}),slotProps:{popper:{sx:{width:"auto !important",minWidth:160}},paper:{sx:{fontFamily:"var(--pxi-font-mono)","& .MuiAutocomplete-option":{fontSize:11,minHeight:"auto",py:"1px",px:"6px",whiteSpace:"nowrap"},"& .MuiAutocomplete-noOptions":{fontSize:11,py:"2px",px:"6px"}}}}})}let u={width:20,height:11,padding:0,display:"inline-flex","& .MuiSwitch-switchBase":{padding:"1px","&.Mui-checked":{transform:"translateX(9px)",color:"#fff","& + .MuiSwitch-track":{opacity:1,backgroundColor:"var(--pxi-phoenix)"}}},"& .MuiSwitch-thumb":{width:9,height:9,boxShadow:"none"},"& .MuiSwitch-track":{borderRadius:6,opacity:1,backgroundColor:"var(--pxi-ink-faint)"}};export const BoolControl=({value:i,onToggle:n})=>o("span",{style:{flex:1,minWidth:0,display:"inline-flex",alignItems:"center",gap:6},children:[t(e,{checked:i,onChange:()=>{n()},sx:u}),t("span",{className:"pxi-mono",style:{fontSize:11.5,color:i?"var(--pxi-val-bool)":"var(--pxi-ink-soft)"},children:String(i)})]});

package/dist/editor/state-inspector/system-state/SystemFieldRow.d.ts

@@ -0,0 +1,12 @@
+import type { InspectorNavigationSystem } from '../inspector-types.js';
+import type { SystemField } from './system-state-model.js';
+export declare const SystemFieldRow: ({ field, nav, depth, }: {
+    readonly field: SystemField;
+    readonly nav: InspectorNavigationSystem;
+    readonly depth: number;
+}) => import("react/jsx-runtime").JSX.Element;
+/** Compact preview of one field for the collapsed node header. */
+export declare const FieldPreview: ({ field, nav, }: {
+    readonly field: SystemField;
+    readonly nav: InspectorNavigationSystem;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/editor/state-inspector/system-state/SystemFieldRow.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as l}from"react/jsx-runtime";import{Tooltip as i}from"@mui/material";import{useCallback as o,useState as n}from"react";import{useEagerObservableSelector as a}from"#package/react-sdk";import{PhxIcon as r}from"#package/ui-sdk";import{CopyButton as d}from"../CopyButton.js";import{EntityRefPill as c}from"../EntityRefPill.js";import{ExpandedValue as p}from"../ExpandedValue.js";import{useInspector as s}from"../InspectorContext.js";import{ChevronCol as m,KeyLabel as v}from"../RowParts.js";import{RowShell as u}from"../RowShell.js";import{ValueCell as h}from"../ValueCell.js";import{ValueView as x}from"../ValueView.js";import{isExpandable as f}from"../detect.js";import{useApplyUpdates as b}from"../entity-updates.js";import{BoolControl as g,SystemAutocomplete as y,useAllEntityIds as k}from"./SystemEditors.js";function S(e,t,l){let{store:i,sliceName:o}=s();return a(i.stateSlices[o],l=>t(e,l.state),[l,e,o])}function j(){let{store:e,sliceName:t}=s(),l=b();return o(i=>{let o=i(e.stateSlices[t].value.state);null!==o&&l([o])},[l,e,t])}let C=({text:t})=>e("span",{className:"pxi-mono",style:{fontSize:11.5,color:"var(--pxi-ink-soft)"},children:""===t?"—":t}),w=({id:t,mode:l})=>null===t?e(x,{value:null,compact:!0}):e(c,{id:t,mode:l}),E=({icon:t,tooltip:l,onClick:o,disabled:n=!1,color:a="var(--pxi-ink-mute)"})=>e(i,{title:l,enterDelay:300,disableInteractive:!0,children:e("span",{style:{display:"inline-flex"},children:e("button",{type:"button",className:"pxi-action-btn",onClick:o,disabled:n,style:{color:n?"var(--pxi-ink-faint)":a},children:e(r,{name:t,sx:{fontSize:12}})})})}),V=({onEdit:t})=>e(E,{icon:"PencilSimpleBold",tooltip:"Edit value",onClick:t}),A=({label:l,depth:i,children:o,copyValue:n,onEdit:a,extraAction:r})=>t(u,{depth:i,minHeight:19,children:[e(m,{expandable:!1,open:!1,onToggle:()=>void 0}),e(v,{text:l,clickable:!1,onActivate:()=>void 0}),e("span",{style:{flex:1,minWidth:0,display:"inline-flex",alignItems:"center"},children:o}),t("span",{className:"pxi-row-actions",style:{display:"inline-flex",alignItems:"center"},children:[r,void 0!==a&&e(V,{onEdit:a}),e(d,{value:n})]})]}),I=({label:l,depth:i,children:o,footer:n,onCancel:a})=>t(u,{depth:i,minHeight:26,style:{background:"var(--pxi-phoenix-soft)",borderTop:"1px solid var(--pxi-phoenix-soft)",borderBottom:"1px solid var(--pxi-phoenix-soft)"},children:[e(m,{expandable:!1,open:!1,onToggle:()=>void 0}),e(v,{text:l,clickable:!1,onActivate:()=>void 0}),o,t("span",{style:{display:"inline-flex",alignItems:"center",flex:"none"},children:[n,e(E,{icon:"X",tooltip:"Cancel (Esc)",onClick:a})]})]}),T={navigationStates:e=>e.getNavigationStates(),viewStates:e=>e.getViewStates(),toolStates:e=>e.getToolStates(),exportStates:e=>e.getExportStates()},N=({field:t,nav:l,depth:i})=>{let o=S(l,t.read,t),a=j(),{domainContextSelectors:r}=s(),d=T[t.optionsKey](r),[c,p]=n(!1),[m,v]=n(o);return c?e(I,{label:t.label,depth:i,onCancel:()=>{p(!1)},footer:t.actions.map(t=>e(E,{icon:t.icon,tooltip:t.tooltip,color:"var(--pxi-phoenix)",onClick:()=>{a(e=>t.toUpdate(l,e,m)),p(!1)}},t.tooltip)),children:e(y,{value:m,options:d,onSelect:v})}):e(A,{label:t.label,depth:i,copyValue:o,onEdit:0===d.length?void 0:()=>{v(o),p(!0)},children:e(C,{text:o})})},P=({field:t,nav:l,depth:i})=>{let o=S(l,t.read,t),a=j(),r=k(),{toUpdate:d}=t,[c,p]=n(!1),[s,m]=n(o);return c&&void 0!==d?e(I,{label:t.label,depth:i,onCancel:()=>{p(!1)},footer:e(E,{icon:"Check",tooltip:"Apply",color:"var(--pxi-phoenix)",disabled:null===s,onClick:()=>{null!==s&&a(e=>d(l,e,s)),p(!1)}}),children:e(y,{value:s,options:r,onSelect:m})}):e(A,{label:t.label,depth:i,copyValue:o,onEdit:void 0===d?void 0:()=>{m(o),p(!0)},children:e(w,{id:o,mode:"link"})})},R=({field:t,nav:l,depth:i})=>{let o=S(l,t.read,t),a=j(),{toUpdate:r}=t,[d,c]=n(!1),[p,s]=n(o);return d&&void 0!==r?e(I,{label:t.label,depth:i,onCancel:()=>{c(!1)},footer:e(E,{icon:"Check",tooltip:"Apply",color:"var(--pxi-phoenix)",onClick:()=>{a(e=>r(l,e,p)),c(!1)}}),children:e(g,{value:p,onToggle:()=>{s(e=>!e)}})}):e(A,{label:t.label,depth:i,copyValue:o,onEdit:void 0===r?void 0:()=>{s(o),c(!0)},children:e(x,{value:o,compact:!0})})},B=({field:i,nav:o,depth:a})=>{let{store:r,sliceName:c}=s(),x=S(o,i.read,i),b=j(),[g,y]=n(!1),k=f(x),C=()=>{y(e=>!e)},{action:w}=i,V=void 0===w?void 0:e(E,{icon:w.icon,tooltip:w.tooltip,disabled:!w.enabled(o,r.stateSlices[c].value.state),onClick:()=>{b(e=>w.toUpdate(o,e))}});return t(l,{children:[t(u,{depth:a,minHeight:19,children:[e(m,{expandable:k,open:g,onToggle:C}),e(v,{text:i.label,clickable:k,onActivate:C}),g&&k?e("span",{style:{flex:1,minWidth:0}}):e(h,{value:x,clickable:k,onActivate:C}),t("span",{className:"pxi-row-actions",style:{display:"inline-flex",alignItems:"center"},children:[V,e(d,{value:x})]})]}),g&&k&&e(p,{value:x,depth:a+1})]})};export const SystemFieldRow=({field:t,nav:l,depth:i})=>{switch(t.kind){case"enum":return e(N,{field:t,nav:l,depth:i});case"entity":return e(P,{field:t,nav:l,depth:i});case"toggle":return e(R,{field:t,nav:l,depth:i});case"json":return e(B,{field:t,nav:l,depth:i})}};let F=({field:t,nav:l})=>e(C,{text:S(l,t.read,t)}),H=({field:t,nav:l})=>e(w,{id:S(l,t.read,t),mode:"text"}),z=({field:t,nav:l})=>e(x,{value:S(l,t.read,t),compact:!0}),U=({field:t,nav:l})=>e(x,{value:S(l,t.read,t),compact:!0});export const FieldPreview=({field:t,nav:l})=>{switch(t.kind){case"enum":return e(F,{field:t,nav:l});case"entity":return e(H,{field:t,nav:l});case"toggle":return e(z,{field:t,nav:l});case"json":return e(U,{field:t,nav:l})}};

package/dist/editor/state-inspector/system-state/SystemStateRoot.d.ts

@@ -0,0 +1 @@
+export declare const SystemStateRoot: () => import("react/jsx-runtime").JSX.Element;

package/dist/editor/state-inspector/system-state/SystemStateRoot.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useLocalStorage as n}from"usehooks-ts";import{PhxIcon as i}from"#package/ui-sdk";import{useInspector as o}from"../InspectorContext.js";import{ChevronCol as l,KeyLabel as r}from"../RowParts.js";import{RowShell as a}from"../RowShell.js";import{FieldPreview as s,SystemFieldRow as p}from"./SystemFieldRow.js";import{SYSTEM_NODES as d}from"./system-state-model.js";let m=({open:t,onToggle:n})=>e("button",{type:"button",onClick:e=>{e.stopPropagation(),n()},style:{display:"flex",alignItems:"center",background:"transparent",border:0,padding:0,color:"var(--pxi-ink-faint)",cursor:"pointer"},children:e(i,{name:t?"CaretDown":"CaretRight",sx:{fontSize:10}})}),c=({node:n,nav:i})=>{let o=n.fields.filter(e=>"json"!==e.kind);return e("span",{style:{flex:1,minWidth:0,display:"inline-flex",alignItems:"center",gap:5,overflow:"hidden"},children:(o.length>0?o:n.fields).map((n,o)=>t("span",{style:{display:"inline-flex",alignItems:"center",gap:5,minWidth:0},children:[o>0&&e("span",{style:{color:"var(--pxi-ink-ghost)"},children:"\xb7"}),e(s,{field:n,nav:i})]},n.label))})},h=({node:i,nav:o,depth:s})=>{let[d,m]=n(`phoenix.stateInspector.systemState.node.${i.label}`,!1),h=()=>{m(e=>!e)};return t("div",{children:[t(a,{depth:s,minHeight:19,onClick:h,children:[e(l,{expandable:!0,open:d,onToggle:h}),e(r,{text:i.label,clickable:!0,onActivate:h}),!d&&e(c,{node:i,nav:o})]}),d&&i.fields.map(t=>e(p,{field:t,nav:o,depth:s+1},t.label))]})};export const SystemStateRoot=()=>{let{navigationSystem:i}=o(),[l,r]=n("phoenix.stateInspector.systemState.open",!1),s=()=>{r(e=>!e)};return t("div",{children:[t(a,{depth:0,minHeight:20,onClick:s,children:[e(m,{open:l,onToggle:s}),e("span",{style:{fontSize:10.5,fontWeight:500,letterSpacing:.3,color:"var(--pxi-ink-faint)"},children:"System State"})]}),l&&d.map(t=>e(h,{node:t,nav:i,depth:1},t.label))]})};

package/dist/editor/state-inspector/system-state/index.d.ts

@@ -0,0 +1 @@
+export { SystemStateRoot } from './SystemStateRoot.js';

package/dist/editor/state-inspector/system-state/index.js

@@ -0,0 +1 @@
+export{SystemStateRoot}from"./SystemStateRoot.js";

package/dist/editor/state-inspector/system-state/system-state-model.d.ts

@@ -0,0 +1,65 @@
+import type { PhxIconName } from '#package/ui-sdk';
+import type { InspectorDomainState, InspectorEntityId, InspectorNavigationSystem, InspectorUpdate } from '../inspector-types.js';
+/** Which application-state array from the domain context selectors supplies an enum field's allowed options. */
+export type ConfiguredStatesKey = 'navigationStates' | 'viewStates' | 'toolStates' | 'exportStates';
+/** One confirm action in an enum field's edit mode — its own icon button + typed update. */
+export interface EnumAction {
+    readonly icon: PhxIconName;
+    readonly tooltip: string;
+    readonly toUpdate: (nav: InspectorNavigationSystem, state: InspectorDomainState, value: string) => InspectorUpdate;
+}
+/**
+ * An enum field edited via a dropdown constrained to the configured states. Most
+ * fields confirm with a single `Check`; `navigationState` offers two — set (replace,
+ * clears the stack) and push — so `actions` is a list.
+ */
+interface EnumField {
+    readonly kind: 'enum';
+    readonly label: string;
+    readonly optionsKey: ConfiguredStatesKey;
+    readonly read: (nav: InspectorNavigationSystem, state: InspectorDomainState) => string;
+    readonly actions: readonly EnumAction[];
+}
+/** An entity-id field. Editable via an entity picker when `toUpdate` is set, else an inert ref. */
+interface EntityField {
+    readonly kind: 'entity';
+    readonly label: string;
+    readonly read: (nav: InspectorNavigationSystem, state: InspectorDomainState) => InspectorEntityId | null;
+    readonly toUpdate?: (nav: InspectorNavigationSystem, state: InspectorDomainState, id: InspectorEntityId) => InspectorUpdate;
+}
+/** A boolean field. Editable (set-to-value) via a toggle when `toUpdate` is set. */
+interface ToggleField {
+    readonly kind: 'toggle';
+    readonly label: string;
+    readonly read: (nav: InspectorNavigationSystem, state: InspectorDomainState) => boolean;
+    readonly toUpdate?: (nav: InspectorNavigationSystem, state: InspectorDomainState, value: boolean) => InspectorUpdate;
+}
+/** A row-level action on a read-only field (e.g. pop the history stack). `enabled` gates the button. */
+export interface JsonAction {
+    readonly icon: PhxIconName;
+    readonly tooltip: string;
+    readonly enabled: (nav: InspectorNavigationSystem, state: InspectorDomainState) => boolean;
+    readonly toUpdate: (nav: InspectorNavigationSystem, state: InspectorDomainState) => InspectorUpdate | null;
+}
+/**
+ * A read-only JSON field (no typed setter / not safe to hand-edit), rendered with
+ * inline expansion. May carry one row-level `action` button (e.g. pop the stack).
+ */
+interface JsonField {
+    readonly kind: 'json';
+    readonly label: string;
+    readonly read: (nav: InspectorNavigationSystem, state: InspectorDomainState) => unknown;
+    readonly action?: JsonAction;
+}
+export type SystemField = EnumField | EntityField | ToggleField | JsonField;
+/**
+ * One system component, rendered as an object node. Single-key components expose a
+ * synthetic `value` field so every editable field sits at the same depth across the
+ * whole root (uniform nesting); multi-key components list their keys directly.
+ */
+export interface SystemNodeModel {
+    readonly label: string;
+    readonly fields: readonly SystemField[];
+}
+export declare const SYSTEM_NODES: readonly SystemNodeModel[];
+export {};

package/dist/editor/state-inspector/system-state/system-state-model.js

@@ -0,0 +1 @@
+export const SYSTEM_NODES=[{label:"navigationState",fields:[{kind:"enum",label:"activeState",optionsKey:"navigationStates",read:(t,e)=>t.getActiveNavigationState(e),actions:[{icon:"Check",tooltip:"Set state (replaces — clears the history stack)",toUpdate:(t,e,a)=>t.getNavigationUpdate(a)},{icon:"Plus",tooltip:"Push state onto the history stack",toUpdate:(t,e,a)=>t.getPushNavigationUpdate(a,e)}]},{kind:"json",label:"historyStack",read:(t,e)=>t.getHistoryStack(e),action:{icon:"ArrowCounterClockwise",tooltip:"Pop the history stack",enabled:(t,e)=>t.getHasStackToPop(e),toUpdate:(t,e)=>t.getPopNavigationUpdate(e)}}]},{label:"selectionState",fields:[{kind:"entity",label:"value",read:(t,e)=>t.getActiveSelectionState(e),toUpdate:(t,e,a)=>t.getSelectUpdate(a)}]},{label:"hoverState",fields:[{kind:"entity",label:"value",read:(t,e)=>t.getActiveHoverState(e)}]},{label:"dragState",fields:[{kind:"entity",label:"value",read:(t,e)=>t.getActiveDragState(e)}]},{label:"viewState",fields:[{kind:"enum",label:"value",optionsKey:"viewStates",read:(t,e)=>t.getActiveViewState(e),actions:[{icon:"Check",tooltip:"Apply",toUpdate:(t,e,a)=>t.getViewUpdate(a)}]}]},{label:"toolState",fields:[{kind:"enum",label:"value",optionsKey:"toolStates",read:(t,e)=>t.getActiveToolState(e),actions:[{icon:"Check",tooltip:"Apply",toUpdate:(t,e,a)=>t.getToolUpdate(a)}]}]},{label:"exportState",fields:[{kind:"enum",label:"activeState",optionsKey:"exportStates",read:(t,e)=>t.getActiveExportState(e).activeState,actions:[{icon:"Check",tooltip:"Apply",toUpdate:(t,e,a)=>t.getExportUpdate(a,t.getActiveExportState(e).exportedEntityId)}]},{kind:"entity",label:"exportedEntityId",read:(t,e)=>t.getActiveExportState(e).exportedEntityId,toUpdate:(t,e,a)=>t.getExportUpdate(t.getActiveExportState(e).activeState,a)}]},{label:"fullscreenState",fields:[{kind:"toggle",label:"value",read:(t,e)=>t.getActiveFullscreenState(e),toUpdate:(t,e,a)=>t.getFullscreenUpdate(a)}]},{label:"viewportState",fields:[{kind:"json",label:"active",read:(t,e)=>t.getActiveViewportState(e)}]}];

package/dist/editor/state-inspector/useDistanceUnit.d.ts

@@ -0,0 +1,2 @@
+import { DimensionUnit } from '#package/domain';
+export declare function useDistanceUnit(): DimensionUnit;

package/dist/editor/state-inspector/useDistanceUnit.js

@@ -0,0 +1 @@
+import{DimensionUnit as t,applicationConfigComponent as e}from"#package/domain";import{useEagerObservableSelector as n}from"#package/react-sdk";import{useInspector as o}from"./InspectorContext.js";export function useDistanceUnit(){let{store:r,componentReader:a,sliceName:i}=o();return n(r.stateSlices[i],n=>(function(n,o){try{let r=n.readManyComponents({entityIds:[o.rootEntityId],componentTypes:[e]},o)[0];return r?.state.distanceDataUnit??t.mm}catch{return t.mm}})(a,n.state),[a,i])}

package/dist/editor/state-inspector/useDragGuardedClick.d.ts

@@ -0,0 +1,5 @@
+import { type MouseEvent } from 'react';
+export declare function useDragGuardedClick(enabled: boolean, activate: () => void): {
+    onMouseDown: (event: MouseEvent) => void;
+    onClick: (event: MouseEvent) => void;
+};

package/dist/editor/state-inspector/useDragGuardedClick.js

@@ -0,0 +1 @@
+import{useRef as t}from"react";export function useDragGuardedClick(n,e){let r=t(null);return{onMouseDown:t=>{r.current={x:t.clientX,y:t.clientY}},onClick:t=>{let l=r.current;r.current=null,!n||l&&(Math.abs(t.clientX-l.x)>4||Math.abs(t.clientY-l.y)>4)||(t.stopPropagation(),e())}}}

package/dist/editor/state-inspector/usePins.d.ts

@@ -0,0 +1,42 @@
+interface TypePins {
+    readonly fields: readonly string[];
+    readonly expressions: readonly string[];
+    /** Scene objects, encoded `componentType␀instanceName` so the pin is scoped to one component. */
+    readonly objects: readonly string[];
+    /** Component instances, encoded `componentType␀instanceName` (same scope as a scene-object pin). */
+    readonly components: readonly string[];
+}
+/** A scene-object pin's narrow scope: the source component type + the instance within it. */
+export interface SceneObjectPin {
+    readonly componentType: string;
+    readonly instanceName: string;
+}
+/** A component pin's narrow scope: one instance of one component type (same encoding as a scene-object pin). */
+export interface ComponentPin {
+    readonly componentType: string;
+    readonly instanceName: string;
+}
+export interface PinsApi {
+    readonly pinnedEntityIds: readonly string[];
+    readonly isEntityPinned: (id: string) => boolean;
+    readonly toggleEntity: (id: string) => void;
+    readonly pinsForType: (type: string) => TypePins;
+    readonly isFieldPinned: (type: string, name: string) => boolean;
+    readonly toggleField: (type: string, name: string) => void;
+    readonly isExpressionPinned: (type: string, name: string) => boolean;
+    readonly toggleExpression: (type: string, name: string) => void;
+    readonly objectPins: (type: string) => readonly SceneObjectPin[];
+    readonly isObjectPinned: (type: string, componentType: string, instanceName: string) => boolean;
+    readonly toggleObject: (type: string, componentType: string, instanceName: string) => void;
+    readonly componentPins: (type: string) => readonly ComponentPin[];
+    readonly isComponentPinned: (type: string, componentType: string, instanceName: string) => boolean;
+    readonly toggleComponent: (type: string, componentType: string, instanceName: string) => void;
+    readonly pinnedWatchIds: readonly string[];
+    readonly isWatchPinned: (id: string) => boolean;
+    readonly toggleWatch: (id: string) => void;
+}
+export declare const PinsProvider: ({ children }: {
+    readonly children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare function usePins(): PinsApi;
+export {};

package/dist/editor/state-inspector/usePins.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{createContext as n,useContext as t,useMemo as s}from"react";import{useLocalStorage as i}from"usehooks-ts";function o(e,n){return`${e}\0${n}`}function r(e){let[n="",t=""]=e.split("\0");return{componentType:n,instanceName:t}}let c={entityIds:[],byType:{},watchIds:[]},d=n(null);function l(e,n){return e.includes(n)?e.filter(e=>e!==n):[...e,n]}function p(e){return{fields:e?.fields??[],expressions:e?.expressions??[],objects:e?.objects??[],components:e?.components??[]}}function u(e,n,t,s){let i=p(e.byType[n]);return{...e,byType:{...e.byType,[n]:{...i,[t]:l(i[t],s)}}}}export const PinsProvider=({children:n})=>{let[t,y]=i("phoenix.stateInspector.pins",c),m=s(()=>{let e=e=>p(t.byType[e]);return{pinnedEntityIds:t.entityIds,isEntityPinned:e=>t.entityIds.includes(e),toggleEntity:e=>{y(n=>({...n,entityIds:l(n.entityIds,e)}))},pinsForType:e,isFieldPinned:(n,t)=>e(n).fields.includes(t),toggleField:(e,n)=>{y(t=>u(t,e,"fields",n))},isExpressionPinned:(n,t)=>e(n).expressions.includes(t),toggleExpression:(e,n)=>{y(t=>u(t,e,"expressions",n))},objectPins:n=>e(n).objects.map(r),isObjectPinned:(n,t,s)=>e(n).objects.includes(o(t,s)),toggleObject:(e,n,t)=>{y(s=>u(s,e,"objects",o(n,t)))},componentPins:n=>e(n).components.map(r),isComponentPinned:(n,t,s)=>e(n).components.includes(o(t,s)),toggleComponent:(e,n,t)=>{y(s=>u(s,e,"components",o(n,t)))},pinnedWatchIds:t.watchIds??[],isWatchPinned:e=>(t.watchIds??[]).includes(e),toggleWatch:e=>{y(n=>({...n,watchIds:l(n.watchIds??[],e)}))}}},[t,y]);return e(d.Provider,{value:m,children:n})};export function usePins(){let e=t(d);if(!e)throw Error("usePins called outside <PinsProvider>.");return e}

package/dist/editor/state-inspector/useRevealEntity.d.ts

@@ -0,0 +1,5 @@
+import type { InspectorEntityId } from './inspector-types.js';
+export declare function useRevealEntity(): (entityId: InspectorEntityId, at?: {
+    readonly clientX: number;
+    readonly clientY: number;
+}) => void;

package/dist/editor/state-inspector/useRevealEntity.js

@@ -0,0 +1 @@
+import{useCallback as t}from"react";import{useFilter as e}from"./FilterContext.js";import{useInspector as o}from"./InspectorContext.js";import{errorFlash as r}from"./copy.js";import{compositionPathOrNull as i}from"./scene/composition-path.js";export function useRevealEntity(){let{store:n,composition:s,sliceName:m}=o(),{reveal:c}=e();return t((t,e)=>{let o=i(s.getTree(n.stateSlices[m].value.state),t);null===o?r(`${t} is not in the composition tree`,e):c(function(t){let[e="",...o]=t;return o.reduce((t,e)=>`${t}#children/${e}`,e)}(o))},[s,n,m,c])}

package/dist/editor/state-inspector/useRevealRef.d.ts

@@ -0,0 +1,2 @@
+export declare function useRevealRef(path: string | undefined): import("react").MutableRefObject<HTMLDivElement | null>;
+export declare function useRevealExpand(path: string | undefined, setOpen: (open: boolean) => void): void;

package/dist/editor/state-inspector/useRevealRef.js

@@ -0,0 +1 @@
+import{useEffect as e,useRef as r}from"react";import{useFilter as t}from"./FilterContext.js";export function useRevealRef(l){let{revealTarget:n}=t(),o=r(null);return e(()=>{if(!l||n!==l)return;let e=o.current;if(!e)return;e.scrollIntoView({block:"center",behavior:"smooth"}),e.classList.add("pxi-flash");let r=window.setTimeout(()=>{e.classList.remove("pxi-flash")},6e3);return()=>{window.clearTimeout(r)}},[n,l]),o}export function useRevealExpand(l,n){let{revealTarget:o,onRevealPath:i}=t(),u=r(null);e(()=>{if(null===o){u.current=null;return}void 0!==l&&i(l)&&u.current!==o&&(u.current=o,n(!0))},[o,l,i,n])}

package/dist/editor/state-inspector/useWatches.d.ts

@@ -0,0 +1,16 @@
+/** One watch: a stable id + the JS expression evaluated with `self` bound to the entity. */
+export interface Watch {
+    readonly id: string;
+    readonly expr: string;
+}
+export interface WatchesApi {
+    readonly watchesForType: (type: string) => readonly Watch[];
+    /** Append a default watch to the type and return its id (so the caller can open it for editing). */
+    readonly addWatch: (type: string) => string;
+    readonly updateWatch: (type: string, id: string, expr: string) => void;
+    readonly removeWatch: (type: string, id: string) => void;
+}
+export declare const WatchesProvider: ({ children }: {
+    readonly children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare function useWatches(): WatchesApi;

package/dist/editor/state-inspector/useWatches.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{createContext as r,useContext as t,useMemo as o}from"react";import{useLocalStorage as y}from"usehooks-ts";let p={byType:{}},a=[],s=r(null);export const WatchesProvider=({children:r})=>{let[t,c]=y("phoenix.stateInspector.watches",p),i=o(()=>({watchesForType:e=>t.byType[e]??a,addWatch:e=>{let r=crypto.randomUUID();return c(t=>({byType:{...t.byType,[e]:[...t.byType[e]??[],{id:r,expr:"self.id"}]}})),r},updateWatch:(e,r,t)=>{c(o=>({byType:{...o.byType,[e]:(o.byType[e]??[]).map(e=>e.id===r?{...e,expr:t}:e)}}))},removeWatch:(e,r)=>{c(t=>({byType:{...t.byType,[e]:(t.byType[e]??[]).filter(e=>e.id!==r)}}))}}),[t,c]);return e(s.Provider,{value:i,children:r})};export function useWatches(){let e=t(s);if(!e)throw Error("useWatches called outside <WatchesProvider>.");return e}

package/dist/editor/state-inspector/value-path.d.ts

@@ -0,0 +1,2 @@
+/** Keep JSON keys containing path separators distinct from nested rows. */
+export declare function valuePath(parent: string, key: string | number): string;

package/dist/editor/state-inspector/value-path.js

@@ -0,0 +1 @@
+export function valuePath(e,t){return"number"!=typeof t&&/[.%/#]/.test(t)?`${e}.${encodeURIComponent(t).replace(/\./g,"%2E")}`:`${e}.${t}`}

package/dist/editor/state-inspector/violations/EntityViolationDot.d.ts

@@ -0,0 +1,4 @@
+import type { InspectorEntityId } from '../inspector-types.js';
+export declare const EntityViolationDot: import("react").MemoExoticComponent<({ entityId }: {
+    readonly entityId: InspectorEntityId;
+}) => import("react/jsx-runtime").JSX.Element | null>;

package/dist/editor/state-inspector/violations/EntityViolationDot.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{Tooltip as i}from"@mui/material";import{memo as n}from"react";import{SeverityIcon as l}from"./SeverityIcon.js";import{useViolations as o}from"./ViolationsContext.js";import{highestSeverity as r,sortedByType as s}from"./violation-data.js";export const EntityViolationDot=n(({entityId:n})=>{let a=o().violationsFor(n),m=r(a);return null===m?null:t(i,{enterDelay:200,disableInteractive:!0,title:e("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[e("span",{style:{fontWeight:600},children:[a.length," violation",1===a.length?"":"s"]}),s(a).map((i,n)=>e("span",{style:{display:"inline-flex",alignItems:"center",gap:4},children:[t(l,{severity:i.severity,size:10}),i.type]},`${i.type}-${n}`))]}),children:t("span",{style:{display:"inline-flex",alignItems:"center",flex:"none"},children:t(l,{severity:m,size:12})})})});EntityViolationDot.displayName="EntityViolationDot";

package/dist/editor/state-inspector/violations/SeverityIcon.d.ts

@@ -0,0 +1,5 @@
+import type { ViolationSeverity } from '#package/domain';
+export declare const SeverityIcon: ({ severity, size, }: {
+    readonly severity: ViolationSeverity;
+    readonly size?: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/editor/state-inspector/violations/SeverityIcon.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{PhxIcon as e}from"#package/ui-sdk";import{severityColor as i,severityIcon as n}from"./violation-data.js";export const SeverityIcon=({severity:r,size:t=11})=>o("span",{style:{color:i[r],display:"inline-flex",flex:"none"},children:o(e,{name:n[r],sx:{fontSize:t}})});

package/dist/editor/state-inspector/violations/ViolationRow.d.ts

@@ -0,0 +1,6 @@
+import type { InspectorViolation } from '../inspector-types.js';
+export declare const ViolationRow: ({ violation, depth, path, }: {
+    readonly violation: InspectorViolation;
+    readonly depth: number;
+    readonly path?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/editor/state-inspector/violations/ViolationRow.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{useMemo as t}from"react";import{CopyButton as i}from"../CopyButton.js";import{useExpansion as a}from"../ExpansionContext.js";import{JsonRow as l}from"../JsonRow.js";import{ChevronCol as n,ErrorCell as s,KeyLabel as m}from"../RowParts.js";import{RowShell as p}from"../RowShell.js";import{describeError as v}from"../errors.js";import{Hl as d}from"../highlight.js";import{useRevealExpand as f,useRevealRef as c}from"../useRevealRef.js";import{SeverityIcon as h}from"./SeverityIcon.js";import{useViolations as g}from"./ViolationsContext.js";import{inspectorI18n as y}from"./inspector-i18n.js";let u=()=>{};export const ViolationRow=({violation:x,depth:j,path:k})=>{let{emission:b}=g(),w=y(),[C,R]=a(k,!1),V=c(k);f(k,R);let L=t(()=>{let e=x.formatControlViolationMessage;if(void 0===e)return null;try{let o=e(b,{i18n:w});return null==o?null:{value:o,error:null}}catch(e){return{value:void 0,error:e}}},[x.formatControlViolationMessage,b,w]),P=j+1,S=e=>void 0===k?void 0:`${k}/${e}`;return o("div",{children:[o(p,{depth:j,minHeight:19,rootRef:V,onClick:()=>{R(e=>!e)},children:[e(n,{expandable:!0,open:C,onToggle:()=>{R(e=>!e)}}),e(h,{severity:x.severity}),e("span",{style:{fontFamily:"var(--pxi-font-mono)",fontSize:11,color:"var(--pxi-val-key)",fontWeight:500,whiteSpace:"nowrap"},children:e(d,{text:x.type})})]}),C&&o(r,{children:[e(l,{keyLabel:"severity",value:x.severity,depth:P,path:S("severity")}),void 0!==x.controlViolationPriority&&e(l,{keyLabel:"priority",value:x.controlViolationPriority,depth:P,path:S("priority")}),void 0!==x.message&&e(l,{keyLabel:"message",value:x.message,depth:P,path:S("message")}),null!==L&&(null!==L.error&&void 0!==L.error?o(p,{depth:P,minHeight:19,children:[e(n,{expandable:!1,open:!1,onToggle:u}),e(m,{text:"formatted message",clickable:!1,onActivate:u}),e(s,{message:v(L.error)}),e("span",{className:"pxi-row-actions",onClick:e=>{e.stopPropagation()},style:{display:"inline-flex",alignItems:"center"},children:e(i,{value:v(L.error)})})]}):e(l,{keyLabel:"formatted message",value:L.value,depth:P,path:S("formattedMessage")}))]})]})};

package/dist/editor/state-inspector/violations/ViolationsContext.d.ts

@@ -0,0 +1,12 @@
+import type { InspectorEntityId, InspectorStateEmission, InspectorViolation } from '../inspector-types.js';
+interface ViolationsApi {
+    readonly violationsFor: (entityId: InspectorEntityId) => readonly InspectorViolation[];
+    readonly uncaughtError: Error | null;
+    /** The selected slice's current emission — passed to a violation's `formatControlViolationMessage`. */
+    readonly emission: InspectorStateEmission;
+}
+export declare const ViolationsProvider: ({ children }: {
+    readonly children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare function useViolations(): ViolationsApi;
+export {};

package/dist/editor/state-inspector/violations/ViolationsContext.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{createContext as r,useContext as t,useMemo as i}from"react";import{useEagerObservableSelector as e}from"#package/react-sdk";import{useInspector as s}from"../InspectorContext.js";import{groupViolations as n}from"./violation-data.js";let a=[],l=r(null);export const ViolationsProvider=({children:r})=>{let{store:t,sliceName:m}=s(),u=e(t.stateSlices[m],o=>({...n(o.validity),emission:o}),[m]),c=i(()=>({violationsFor:o=>u.byEntity.get(o)??a,uncaughtError:u.uncaughtError,emission:u.emission}),[u]);return o(l.Provider,{value:c,children:r})};export function useViolations(){let o=t(l);if(!o)throw Error("useViolations called outside <ViolationsProvider>.");return o}

package/dist/editor/state-inspector/violations/ViolationsGroup.d.ts

@@ -0,0 +1,6 @@
+import type { InspectorEntityId } from '../inspector-types.js';
+export declare const ViolationsGroup: ({ entityId, depth, path, }: {
+    readonly entityId: InspectorEntityId;
+    readonly depth: number;
+    readonly path?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/editor/state-inspector/violations/ViolationsGroup.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{useExpansion as t}from"../ExpansionContext.js";import{InspectorGroup as i}from"../InspectorGroup.js";import{useRevealExpand as r}from"../useRevealRef.js";import{ViolationRow as e}from"./ViolationRow.js";import{useViolations as n}from"./ViolationsContext.js";import{sortedByType as p}from"./violation-data.js";export const ViolationsGroup=({entityId:s,depth:a,path:l})=>{let[m,v]=t(void 0===l?void 0:`${l}#violations`,!1),d=void 0===l?void 0:`${l}#violations`;r(d,v);let f=p(n().violationsFor(s));return o(i,{label:"Violations",count:f.length,depth:a,open:m,onToggle:()=>{v(o=>!o)},children:f.map((t,i)=>o(e,{violation:t,depth:a+1,path:void 0===d?void 0:`${d}/${t.type}`},`${t.type}-${i}`))})};

package/dist/editor/state-inspector/violations/index.d.ts

@@ -0,0 +1,4 @@
+export { EntityViolationDot } from './EntityViolationDot.js';
+export { ViolationsGroup } from './ViolationsGroup.js';
+export { ViolationsProvider, useViolations } from './ViolationsContext.js';
+export { groupViolations, type ViolationsByEntity } from './violation-data.js';

package/dist/editor/state-inspector/violations/index.js

@@ -0,0 +1 @@
+export{EntityViolationDot}from"./EntityViolationDot.js";export{ViolationsGroup}from"./ViolationsGroup.js";export{ViolationsProvider,useViolations}from"./ViolationsContext.js";export{groupViolations}from"./violation-data.js";

package/dist/editor/state-inspector/violations/inspector-i18n.d.ts

@@ -0,0 +1,2 @@
+import { type I18n } from '@lingui/core';
+export declare function inspectorI18n(): I18n;

package/dist/editor/state-inspector/violations/inspector-i18n.js

@@ -0,0 +1 @@
+import{setupI18n as e}from"@lingui/core";let n=null;export function inspectorI18n(){return null===n&&(n=e({locale:"en",messages:{en:{}}})),n}

package/dist/editor/state-inspector/violations/violation-data.d.ts

@@ -0,0 +1,17 @@
+import { type DomainEntity, type EntityId, type ViolationSeverity } from '#package/domain';
+import type { InspectorStateValidationResult, InspectorViolation } from '../inspector-types.js';
+/** Per-entity violations + the slice-level uncaught error (if validation threw rather than producing violations). */
+export interface ViolationsByEntity {
+    readonly byEntity: ReadonlyMap<EntityId<DomainEntity<string>>, readonly InspectorViolation[]>;
+    readonly uncaughtError: Error | null;
+}
+/** Severity → CSS colour token (dots, icons, group rows). */
+export declare const severityColor: Readonly<Record<ViolationSeverity, string>>;
+/** Severity → PhxIcon name. No wrench in the set, so fixable reuses the filled warning circle. */
+export declare const severityIcon: Readonly<Record<ViolationSeverity, string>>;
+/** Group the emission's validity into per-entity violations + a slice-level uncaught error. */
+export declare function groupViolations(validity: InspectorStateValidationResult): ViolationsByEntity;
+/** The most severe severity present (fatal > fixable > warning > notice), or null when empty. */
+export declare function highestSeverity(violations: readonly InspectorViolation[]): ViolationSeverity | null;
+/** Violations sorted alphabetically by type (the group's row order). */
+export declare function sortedByType(violations: readonly InspectorViolation[]): readonly InspectorViolation[];

package/dist/editor/state-inspector/violations/violation-data.js

@@ -0,0 +1 @@
+import{compareSeverity as e}from"#package/domain";let t={byEntity:new Map,uncaughtError:null};export const severityColor={fatal:"var(--pxi-sev-fatal)",fixable:"var(--pxi-sev-fixable)",warning:"var(--pxi-sev-warning)",notice:"var(--pxi-sev-notice)"};export const severityIcon={fatal:"WarningCircleBold",fixable:"WarningCircle",warning:"Warning",notice:"Info"};export function groupViolations(e){if(!e.valid&&"uncaught"===e.severity)return{byEntity:new Map,uncaughtError:e.error};if(!("entityViolations"in e))return t;let r=new Map;for(let{entityId:t,violation:n}of e.entityViolations){let e=r.get(t);e?e.push(n):r.set(t,[n])}return{byEntity:r,uncaughtError:null}}export function highestSeverity(t){let r=null;for(let n of t)(null===r||0>e(n.severity,r))&&(r=n.severity);return r}export function sortedByType(e){return e.slice().sort((e,t)=>e.type.localeCompare(t.type))}

package/dist/editor/templates/ChairShopTemplate.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+interface ChairShopTemplateProps {
+    children: ReactNode;
+}
+export declare const ChairShopTemplate: React.FC<ChairShopTemplateProps>;
+export {};

package/dist/editor/templates/ChairShopTemplate.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useEffect as s,useRef as i,useState as l}from"react";let c=["chair-shop/assets/js/jquery.js","https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js","chair-shop/assets/js/bootstrap.min.js","chair-shop/assets/js/bootsnav.js","chair-shop/assets/js/owl.carousel.min.js","https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js","chair-shop/assets/js/custom.js"],r=["https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i","chair-shop/assets/css/font-awesome.min.css","chair-shop/assets/css/linearicons.css","chair-shop/assets/css/animate.css","chair-shop/assets/css/owl.carousel.min.css","chair-shop/assets/css/owl.theme.default.min.css","chair-shop/assets/css/bootstrap.min.css","chair-shop/assets/css/bootsnav.css","chair-shop/assets/css/style.css","chair-shop/assets/css/responsive.css"];export const ChairShopTemplate=({children:n})=>{let[d,t]=l(!1),o=i(null),h=(e,a)=>{e.preventDefault();let s=o.current?.querySelector(`#${a}`);s&&o.current&&s.scrollIntoView({behavior:"smooth",block:"start"})};return(s(()=>{let e=!1,a=[],s=async e=>{let s=document.createElement("link");s.rel="stylesheet",document.head.appendChild(s),a.push(s),await new Promise(a=>{s.href=e,s.onload=a})};return(async()=>{for(let a of r){if(e)return;await s(a)}e||t(!0)})(),()=>{for(let s of(e=!0,a))try{s.parentNode&&s.parentNode.removeChild(s)}catch(e){}}},[]),s(()=>{let e=!1,a=[],s=async()=>{for(let s of c){if(e)return;let i=document.createElement("script");document.body.appendChild(i),a.push(i),await new Promise(e=>{i.src=s,i.onload=e})}};return d&&s(),()=>{for(let s of(e=!0,a))try{s.parentNode&&s.parentNode.removeChild(s)}catch(e){}}},[d]),d)?a("div",{ref:o,style:{height:"100%",margin:0,overflow:"auto"},children:[a("header",{id:"home",className:"welcome-hero",children:[a("div",{id:"header-carousel",className:"carousel slide carousel-fade","data-ride":"carousel",children:[a("ol",{className:"carousel-indicators",children:[e("li",{"data-target":"#header-carousel","data-slide-to":"0",className:"active",children:e("span",{className:"small-circle"})}),e("li",{"data-target":"#header-carousel","data-slide-to":"1",children:e("span",{className:"small-circle"})}),e("li",{"data-target":"#header-carousel","data-slide-to":"2",children:e("span",{className:"small-circle"})})]}),a("div",{className:"carousel-inner",role:"listbox",children:[e("div",{className:"item active",children:e("div",{className:"single-slide-item slide1",children:e("div",{className:"container",children:e("div",{className:"welcome-hero-content",children:a("div",{className:"row",children:[e("div",{className:"col-sm-7",children:e("div",{className:"single-welcome-hero",children:a("div",{className:"welcome-hero-txt",children:[e("h4",{children:"great design collection"}),e("h2",{children:"cloth covered accent chair"}),e("p",{children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiuiana smod tempor ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip."}),e("div",{className:"packages-price",children:a("p",{children:["$ 399.00",e("del",{children:"$ 499.00"})]})}),a("button",{className:"btn-cart welcome-add-cart",children:[e("span",{className:"lnr lnr-plus-circle"}),"add ",e("span",{children:"to"})," cart"]}),e("button",{className:"btn-cart welcome-add-cart welcome-more-info",children:"more info"})]})})}),e("div",{className:"col-sm-5",children:e("div",{className:"single-welcome-hero",children:e("div",{className:"welcome-hero-img",children:e("img",{src:"chair-shop/assets/images/slider/slider1.png",alt:"slider image"})})})})]})})})})}),e("div",{className:"item",children:e("div",{className:"single-slide-item slide2",children:e("div",{className:"container",children:e("div",{className:"welcome-hero-content",children:a("div",{className:"row",children:[e("div",{className:"col-sm-7",children:e("div",{className:"single-welcome-hero",children:a("div",{className:"welcome-hero-txt",children:[e("h4",{children:"great design collection"}),e("h2",{children:"mapple wood accent chair"}),e("p",{children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiuiana smod tempor ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip."}),e("div",{className:"packages-price",children:a("p",{children:["$ 199.00",e("del",{children:"$ 299.00"})]})}),a("button",{className:"btn-cart welcome-add-cart",children:[e("span",{className:"lnr lnr-plus-circle"}),"add ",e("span",{children:"to"})," cart"]}),e("button",{className:"btn-cart welcome-add-cart welcome-more-info",children:"more info"})]})})}),e("div",{className:"col-sm-5",children:e("div",{className:"single-welcome-hero",children:e("div",{className:"welcome-hero-img",children:e("img",{src:"chair-shop/assets/images/slider/slider2.png",alt:"slider image"})})})})]})})})})}),e("div",{className:"item",children:e("div",{className:"single-slide-item slide3",children:e("div",{className:"container",children:e("div",{className:"welcome-hero-content",children:a("div",{className:"row",children:[e("div",{className:"col-sm-7",children:e("div",{className:"single-welcome-hero",children:a("div",{className:"welcome-hero-txt",children:[e("h4",{children:"great design collection"}),e("h2",{children:"valvet accent arm chair"}),e("p",{children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiuiana smod tempor ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip."}),e("div",{className:"packages-price",children:a("p",{children:["$ 299.00",e("del",{children:"$ 399.00"})]})}),a("button",{className:"btn-cart welcome-add-cart",children:[e("span",{className:"lnr lnr-plus-circle"}),"add ",e("span",{children:"to"})," cart"]}),e("button",{className:"btn-cart welcome-add-cart welcome-more-info",children:"more info"})]})})}),e("div",{className:"col-sm-5",children:e("div",{className:"single-welcome-hero",children:e("div",{className:"welcome-hero-img",children:e("img",{src:"chair-shop/assets/images/slider/slider3.png",alt:"slider image"})})})})]})})})})})]})]}),a("div",{className:"top-area",children:[e("div",{className:"header-area",children:a("nav",{className:"navbar navbar-default bootsnav navbar-sticky navbar-scrollspy","data-minus-value-desktop":"70","data-minus-value-mobile":"55","data-speed":"1000",children:[e("div",{className:"top-search",children:e("div",{className:"container",children:a("div",{className:"input-group",children:[e("span",{className:"input-group-addon",children:e("i",{className:"fa fa-search"})}),e("input",{type:"text",className:"form-control",placeholder:"Search"}),e("span",{className:"input-group-addon close-search",children:e("i",{className:"fa fa-times"})})]})})}),a("div",{className:"container",children:[e("div",{className:"attr-nav",children:a("ul",{children:[e("li",{className:"search",children:e("a",{href:"#",children:e("span",{className:"lnr lnr-magnifier"})})}),e("li",{className:"nav-setting",children:e("a",{href:"#",children:e("span",{className:"lnr lnr-cog"})})}),a("li",{className:"dropdown",children:[a("a",{href:"#",className:"dropdown-toggle","data-toggle":"dropdown",children:[e("span",{className:"lnr lnr-cart"}),e("span",{className:"badge badge-bg-1",children:"2"})]}),a("ul",{className:"dropdown-menu cart-list s-cate",children:[a("li",{className:"single-cart-list",children:[e("a",{href:"#",className:"photo",children:e("img",{src:"chair-shop/assets/images/collection/arrivals1.png",className:"cart-thumb",alt:"image"})}),a("div",{className:"cart-list-txt",children:[e("h6",{children:a("a",{href:"#",children:["arm ",e("br",{}),"chair"]})}),a("p",{children:["1 x - ",e("span",{className:"price",children:"$180.00"})]})]}),e("div",{className:"cart-close",children:e("span",{className:"lnr lnr-cross"})})]}),a("li",{className:"single-cart-list",children:[e("a",{href:"#",className:"photo",children:e("img",{src:"chair-shop/assets/images/collection/arrivals2.png",className:"cart-thumb",alt:"image"})}),a("div",{className:"cart-list-txt",children:[e("h6",{children:a("a",{href:"#",children:["single ",e("br",{}),"armchair"]})}),a("p",{children:["1 x - ",e("span",{className:"price",children:"$180.00"})]})]}),e("div",{className:"cart-close",children:e("span",{className:"lnr lnr-cross"})})]}),a("li",{className:"single-cart-list",children:[e("a",{href:"#",className:"photo",children:e("img",{src:"chair-shop/assets/images/collection/arrivals3.png",className:"cart-thumb",alt:"image"})}),a("div",{className:"cart-list-txt",children:[e("h6",{children:a("a",{href:"#",children:["wooden arn ",e("br",{}),"chair"]})}),a("p",{children:["1 x - ",e("span",{className:"price",children:"$180.00"})]})]}),e("div",{className:"cart-close",children:e("span",{className:"lnr lnr-cross"})})]}),a("li",{className:"total",children:[e("span",{children:"Total: $0.00"}),e("button",{className:"btn-cart pull-right",children:"view cart"})]})]})]})]})}),a("div",{className:"navbar-header",children:[e("button",{type:"button",className:"navbar-toggle","data-toggle":"collapse","data-target":"#navbar-menu",children:e("i",{className:"fa fa-bars"})}),e("a",{className:"navbar-brand",href:"index.html",children:"furn."})]}),e("div",{className:"collapse navbar-collapse menu-ui-design",id:"navbar-menu",children:a("ul",{className:"nav navbar-nav navbar-center","data-in":"fadeInDown","data-out":"fadeOutUp",children:[e("li",{className:"scroll active",children:e("a",{href:"#home",onClick:e=>{h(e,"home")},children:"home"})}),e("li",{className:"scroll",children:e("a",{href:"#configurator",onClick:e=>{h(e,"configurator")},children:"Desk configurator"})}),e("li",{className:"scroll",children:e("a",{href:"#feature",onClick:e=>{h(e,"feature")},children:"Featured"})}),e("li",{className:"scroll",children:e("a",{href:"#blog",onClick:e=>{h(e,"blog")},children:"blog"})}),e("li",{className:"scroll",children:e("a",{href:"#newsletter",onClick:e=>{h(e,"newsletter")},children:"contact"})})]})})]})]})}),e("div",{className:"clearfix"})]})]}),e("section",{id:"configurator",className:"new-arrivals",children:a("div",{className:"container",children:[e("div",{className:"section-header",children:e("h2",{children:"Desk configurator"})}),e("p",{style:{marginTop:40},children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiuiana smod tempor ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip."}),e("div",{className:"new-arrivals-content",style:{display:"grid"},children:n})]})}),e("section",{id:"feature",className:"feature",children:a("div",{className:"container",children:[e("div",{className:"section-header",children:e("h2",{children:"featured products"})}),e("div",{className:"feature-content",children:a("div",{className:"row",children:[e("div",{className:"col-sm-3",children:a("div",{className:"single-feature",children:[e("img",{src:"chair-shop/assets/images/features/f1.jpg",alt:"feature image"}),a("div",{className:"single-feature-txt text-center",children:[a("p",{children:[e("i",{className:"fa fa-star"}),e("i",{className:"fa fa-star"}),e("i",{className:"fa fa-star"}),e("i",{className:"fa fa-star"}),e("span",{className:"spacial-feature-icon",children:e("i",{className:"fa fa-star"})}),e("span",{className:"feature-review",children:"(45 review)"})]}),e("h3",{children:e("a",{href:"#",children:"designed sofa"})}),e("h5",{children:"$160.00"})]})]})}),e("div",{className:"col-sm-3",children:a("div",{className:"single-feature",children:[e("img",{src:"chair-shop/assets/images/features/f2.jpg",alt:"feature image"}),a("div",{className:"single-feature-txt text-center",children:[a("p",{children:[e("i",{className:"fa fa-star"}),e("i",{className:"fa fa-star"}),e("i",{className:"fa fa-star"}),e("i",{className:"fa fa-star"}),e("span",{className:"spacial-feature-icon",children:e("i",{className:"fa fa-star"})}),e("span",{className:"feature-review",children:"(45 review)"})]}),e("h3",{children:e("a",{href:"#",children:"dinning table "})}),e("h5",{children:"$200.00"})]})]})}),e("div",{className:"col-sm-3",children:a("div",{className:"single-feature",children:[e("img",{src:"chair-shop/assets/images/features/f3.jpg",alt:"feature image"}),a("div",{className:"single-feature-txt text-center",children:[a("p",{children:[e("i",{className:"fa fa-star"}),e("i",{className:"fa fa-star"}),e("i",{className:"fa fa-star"}),e("i",{className:"fa fa-star"}),e("span",{className:"spacial-feature-icon",children:e("i",{className:"fa fa-star"})}),e("span",{className:"feature-review",children:"(45 review)"})]}),e("h3",{children:e("a",{href:"#",children:"chair and table"})}),e("h5",{children:"$100.00"})]})]})}),e("div",{className:"col-sm-3",children:a("div",{className:"single-feature",children:[e("img",{src:"chair-shop/assets/images/features/f4.jpg",alt:"feature image"}),a("div",{className:"single-feature-txt text-center",children:[a("p",{children:[e("i",{className:"fa fa-star"}),e("i",{className:"fa fa-star"}),e("i",{className:"fa fa-star"}),e("i",{className:"fa fa-star"}),e("span",{className:"spacial-feature-icon",children:e("i",{className:"fa fa-star"})}),e("span",{className:"feature-review",children:"(45 review)"})]}),e("h3",{children:e("a",{href:"#",children:"modern arm chair"})}),e("h5",{children:"$299.00"})]})]})})]})})]})}),e("section",{id:"blog",className:"blog",children:a("div",{className:"container",children:[e("div",{className:"section-header",children:e("h2",{children:"latest blog"})}),e("div",{className:"blog-content",children:a("div",{className:"row",children:[e("div",{className:"col-sm-4",children:a("div",{className:"single-blog",children:[a("div",{className:"single-blog-img",children:[e("img",{src:"chair-shop/assets/images/blog/b1.jpg",alt:"blog image"}),e("div",{className:"single-blog-img-overlay"})]}),a("div",{className:"single-blog-txt",children:[e("h2",{children:e("a",{href:"#",children:"Why Brands are Looking at Local Language"})}),a("h3",{children:["By ",e("a",{href:"#",children:"Robert Norby"})," / 18th March 2018"]}),e("p",{children:"Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt...."})]})]})}),e("div",{className:"col-sm-4",children:a("div",{className:"single-blog",children:[a("div",{className:"single-blog-img",children:[e("img",{src:"chair-shop/assets/images/blog/b2.jpg",alt:"blog image"}),e("div",{className:"single-blog-img-overlay"})]}),a("div",{className:"single-blog-txt",children:[e("h2",{children:e("a",{href:"#",children:"Why Brands are Looking at Local Language"})}),a("h3",{children:["By ",e("a",{href:"#",children:"Robert Norby"})," / 18th March 2018"]}),e("p",{children:"Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt...."})]})]})}),e("div",{className:"col-sm-4",children:a("div",{className:"single-blog",children:[a("div",{className:"single-blog-img",children:[e("img",{src:"chair-shop/assets/images/blog/b3.jpg",alt:"blog image"}),e("div",{className:"single-blog-img-overlay"})]}),a("div",{className:"single-blog-txt",children:[e("h2",{children:e("a",{href:"#",children:"Why Brands are Looking at Local Language"})}),a("h3",{children:["By ",e("a",{href:"#",children:"Robert Norby"})," / 18th March 2018"]}),e("p",{children:"Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt...."})]})]})})]})})]})}),e("section",{id:"newsletter",className:"newsletter",children:e("div",{className:"container",children:e("div",{className:"hm-footer-details",children:a("div",{className:"row",children:[e("div",{className:"col-md-3 col-sm-6 col-xs-12",children:a("div",{className:"hm-footer-widget",children:[e("div",{className:"hm-foot-title",children:e("h4",{children:"information"})}),e("div",{className:"hm-foot-menu",children:a("ul",{children:[e("li",{children:e("a",{href:"#",children:"about us"})}),e("li",{children:e("a",{href:"#",children:"contact us"})}),e("li",{children:e("a",{href:"#",children:"news"})}),e("li",{children:e("a",{href:"#",children:"store"})})]})})]})}),e("div",{className:"col-md-3 col-sm-6 col-xs-12",children:a("div",{className:"hm-footer-widget",children:[e("div",{className:"hm-foot-title",children:e("h4",{children:"collections"})}),e("div",{className:"hm-foot-menu",children:a("ul",{children:[e("li",{children:e("a",{href:"#",children:"wooden chair"})}),e("li",{children:e("a",{href:"#",children:"royal cloth sofa"})}),e("li",{children:e("a",{href:"#",children:"accent chair"})}),e("li",{children:e("a",{href:"#",children:"bed"})}),e("li",{children:e("a",{href:"#",children:"hanging lamp"})})]})})]})}),e("div",{className:"col-md-3 col-sm-6 col-xs-12",children:a("div",{className:"hm-footer-widget",children:[e("div",{className:"hm-foot-title",children:e("h4",{children:"my accounts"})}),e("div",{className:"hm-foot-menu",children:a("ul",{children:[e("li",{children:e("a",{href:"#",children:"my account"})}),e("li",{children:e("a",{href:"#",children:"wishlist"})}),e("li",{children:e("a",{href:"#",children:"Community"})}),e("li",{children:e("a",{href:"#",children:"order history"})}),e("li",{children:e("a",{href:"#",children:"my cart"})})]})})]})}),e("div",{className:"col-md-3 col-sm-6 col-xs-12",children:a("div",{className:"hm-footer-widget",children:[e("div",{className:"hm-foot-title",children:e("h4",{children:"newsletter"})}),e("div",{className:"hm-foot-para",children:e("p",{children:"Subscribe to get latest news,update and information."})}),a("div",{className:"hm-foot-email",children:[e("div",{className:"foot-email-box",children:e("input",{type:"text",className:"form-control",placeholder:"Enter Email Here...."})}),e("div",{className:"foot-email-subscribe",children:e("span",{children:e("i",{className:"fa fa-location-arrow"})})})]})]})})]})})})}),a("footer",{id:"footer",className:"footer",children:[e("div",{className:"container",children:e("div",{className:"hm-footer-copyright text-center",children:a("div",{className:"footer-social",children:[e("a",{href:"#",children:e("i",{className:"fa fa-facebook"})}),e("a",{href:"#",children:e("i",{className:"fa fa-instagram"})}),e("a",{href:"#",children:e("i",{className:"fa fa-linkedin"})}),e("a",{href:"#",children:e("i",{className:"fa fa-pinterest"})}),e("a",{href:"#",children:e("i",{className:"fa fa-behance"})})]})})}),e("div",{id:"scroll-Top",children:e("div",{className:"return-to-top",children:e("i",{className:"fa fa-angle-up",id:"scroll-top","data-toggle":"tooltip","data-placement":"top",title:"","data-original-title":"Back to Top","aria-hidden":"true"})})})]})]}):null};

package/dist/editor/templates/ExpandableTemplate.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+interface ExpandableTemplateProps {
+    children: ReactNode;
+}
+export declare const ExpandableTemplate: React.FC<ExpandableTemplateProps>;
+export {};