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

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

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{memo as o}from"react";import{PhxIcon as i}from"#package/ui-sdk";import{EntityActions as n}from"./EntityActions.js";import{EntityBody as r}from"./EntityBody.js";import{useExpansion as l}from"./ExpansionContext.js";import{useFilter as s}from"./FilterContext.js";import{PinButton as d}from"./PinButton.js";import{PinnedStrip as p}from"./PinnedStrip.js";import{RowShell as a}from"./RowShell.js";import{useDragGuardedClick as m}from"./useDragGuardedClick.js";import{usePins as h}from"./usePins.js";import{useRevealExpand as f,useRevealRef as c}from"./useRevealRef.js";import{EntityViolationDot as g}from"./violations/index.js";let y=({id:e})=>{let{query:o}=s(),i=/^(.*)-(\d+)$/.exec(e),n=i?i[1]?.length??-1:-1,r=o.trim().toLowerCase(),l=[];if(r){let t=e.toLowerCase(),o=0;for(;o<e.length;){let e=t.indexOf(r,o);if(-1===e)break;l.push([e,e+r.length]),o=e+r.length}}let d=new Set([0,e.length]);n>=0&&(d.add(n),d.add(n+1)),l.forEach(([t,e])=>{d.add(t),d.add(e)});let p=[...d].filter(t=>t>=0&&t<=e.length).sort((t,e)=>t-e),a=[];for(let t=0;t<p.length-1;t++){let o=p[t]??0,i=p[t+1]??o;if(o===i)continue;let r=n>=0&&i<=n,s=n>=0&&o===n;a.push({text:e.slice(o,i),weight:r?500:s?400:700,color:r?"var(--pxi-ink-soft)":s?"var(--pxi-ink-ghost)":void 0,highlighted:l.some(([t,e])=>o>=t&&i<=e),key:o})}return t("span",{style:{fontSize:12,color:"var(--pxi-ink)"},children:a.map(e=>t("span",{className:e.highlighted?"pxi-hl":void 0,style:{fontWeight:e.weight,color:e.color},children:e.text},e.key))})};export const EntityNode=o(({entityId:o,depth:s,isPinnedRoot:u=!1,path:x})=>{let j=h(),[k,v]=l(x,0===s&&!u),C=c(x);f(x,v);let w=()=>{v(t=>!t)},E=m(!0,()=>{w()}),b=o.replace(/-\d+$/,""),P=u||j.isEntityPinned(o);return e("div",{children:[e(a,{depth:s,minHeight:22,rootRef:C,onClick:E.onClick,onMouseDown:E.onMouseDown,gutter:t(d,{pinned:P,onToggle:()=>{j.toggleEntity(o)},tip:P?"Unpin entity":"Pin entity above root"}),children:[t("button",{type:"button",onClick:t=>{t.stopPropagation(),w()},style:{display:"flex",alignItems:"center",background:"transparent",border:0,padding:0,color:"var(--pxi-ink-mute)",cursor:"pointer"},children:t(i,{name:k?"CaretDown":"CaretRight",sx:{fontSize:11}})}),t(y,{id:o}),t(g,{entityId:o}),t("div",{style:{flex:1}}),t(n,{entityId:o})]}),t(p,{entityId:o,type:b,depth:s+1}),k&&t(r,{entityId:o,depth:s+1,path:x})]})});EntityNode.displayName="EntityNode";

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

@@ -0,0 +1,5 @@
+export type EntityRefPillMode = 'link' | 'inert' | 'text';
+export declare const EntityRefPill: ({ id, mode }: {
+    readonly id: string;
+    readonly mode?: EntityRefPillMode;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{Tooltip as e}from"@mui/material";import{Hl as i}from"./highlight.js";import{asEntityId as n}from"./inspector-types.js";import{useRevealEntity as r}from"./useRevealEntity.js";let o={display:"inline-flex",alignItems:"center",gap:3,color:"var(--pxi-val-entity)",background:"rgba(47,122,107,0.08)",borderRadius:3,padding:"0 4px",fontWeight:500};export const EntityRefPill=({id:l,mode:a="link"})=>{let s=r();return"text"===a?t("span",{className:"pxi-mono",style:{color:"var(--pxi-val-entity)",fontWeight:500},children:t(i,{text:l})}):"inert"===a?t("span",{className:"pxi-mono",style:o,children:t(i,{text:l})}):t(e,{title:"Reveal in tree",enterDelay:300,disableInteractive:!0,children:t("button",{type:"button",className:"pxi-mono pxi-entity-link",onClick:t=>{t.stopPropagation(),s(n(l),t)},style:o,children:t(i,{text:l})})})};

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

@@ -0,0 +1,5 @@
+export declare const ExpandedValue: ({ value, depth, path, }: {
+    readonly value: unknown;
+    readonly depth: number;
+    readonly path?: string;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{JsonBody as e}from"./JsonBody.js";import{mapToDisplayObject as a,setToArray as o}from"./detect.js";export const ExpandedValue=({value:p,depth:r,path:s})=>p instanceof Map?t(e,{value:a(p),depth:r,path:s}):p instanceof Set?t(e,{value:o(p),depth:r,path:s}):t(e,{value:p,depth:r,path:s});

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

@@ -0,0 +1,6 @@
+import { type ReactNode, type SetStateAction } from 'react';
+export declare const ExpansionProvider: ({ scope, children }: {
+    readonly scope: object;
+    readonly children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare function useExpansion(path: string | undefined, initial?: boolean): readonly [boolean, (value: SetStateAction<boolean>) => void];

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

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{createContext as t,useCallback as r,useContext as n,useMemo as o,useState as s,useSyncExternalStore as i}from"react";let u=t(null);export const ExpansionProvider=({scope:t,children:r})=>{let n=o(()=>{let e,r;return e=new Map,r=new Map,{scope:t,get:(t,r)=>e.get(t)??r,set:(t,n)=>{e.get(t)!==n&&(e.set(t,n),r.get(t)?.forEach(e=>e()))},subscribe:(e,t)=>{let n=r.get(e);return n||(n=new Set,r.set(e,n)),n.add(t),()=>{n.delete(t),0===n.size&&r.delete(e)}}}},[t]);return e(u.Provider,{value:n,children:r})};export function useExpansion(e,t=!1){let o=n(u),[l,a]=s(t),c=r(t=>void 0!==e&&o?o.subscribe(e,t):()=>{},[e,o]),d=r(()=>void 0!==e&&o?o.get(e,t):l,[e,o,t,l]);return[i(c,d,d),r(r=>{void 0!==e&&o?o.set(e,"function"==typeof r?r(o.get(e,t)):r):a(r)},[e,o,t])]}

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

@@ -0,0 +1,9 @@
+import type { InspectorEntityId } from './inspector-types.js';
+export declare const FieldEditor: ({ entityId, type, name, value, depth, onClose, }: {
+    readonly entityId: InspectorEntityId;
+    readonly type: string;
+    readonly name: string;
+    readonly value: unknown;
+    readonly depth: number;
+    readonly onClose: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r,Fragment as n}from"react/jsx-runtime";import{Tooltip as t}from"@mui/material";import{useEffect as i,useRef as l,useState as o}from"react";import{PhxIcon as s}from"#package/ui-sdk";import{useInspector as a}from"./InspectorContext.js";import{RowShell as c}from"./RowShell.js";import{ValueView as p}from"./ValueView.js";import{buildFieldModification as u,useApplyUpdates as f}from"./entity-updates.js";import{useRawEntity as d}from"./hooks.js";export const FieldEditor=({entityId:x,type:m,name:h,value:v,depth:y,onClose:b})=>{let{validateEntity:S}=a(),k=f(),g=d(x),[w,j]=o(()=>(function(e){if(void 0===e)return"";try{return JSON.stringify(e)}catch{return""}})(v)),C=l(null);i(()=>{C.current?.focus(),C.current?.select()},[]);let E=function(e){if(""===e.trim())return{success:!1,error:"Empty value — enter a JSON value"};try{return{success:!0,value:JSON.parse(e),error:null}}catch(e){return{success:!1,error:e instanceof Error?e.message:String(e)}}}(w),N=E.success&&g?{...g,[h]:E.value}:null,z=null===N?{success:!0,errors:null}:S(m,N),D=E.error??(z.success?null:z.errors),O=()=>{E.success&&z.success&&(k([u(x,h,E.value)]),b())};return r(n,{children:[r(c,{depth:y,minHeight:26,style:{background:"var(--pxi-phoenix-soft)",borderTop:"1px solid var(--pxi-phoenix-soft)",borderBottom:"1px solid var(--pxi-phoenix-soft)"},children:[e("span",{style:{color:"var(--pxi-phoenix)",display:"flex",flex:"none"},children:e(s,{name:"PencilSimpleBold",sx:{fontSize:11}})}),e("input",{ref:C,value:w,onChange:e=>{j(e.target.value)},onKeyDown:e=>{if("Enter"===e.key){e.preventDefault(),O();return}"Escape"===e.key&&(e.preventDefault(),b())},className:"pxi-mono",spellCheck:!1,style:{flex:1,minWidth:0,background:"#fff",border:"1px solid var(--pxi-phoenix)",borderRadius:3,padding:"2px 6px",color:"var(--pxi-ink)",fontSize:11,boxShadow:"0 0 0 2px var(--pxi-focus-soft)"}}),r("span",{style:{display:"inline-flex",alignItems:"center",flex:"none"},children:[e(t,{title:"Save (Enter)",enterDelay:300,disableInteractive:!0,children:e("span",{style:{display:"inline-flex"},children:e("button",{type:"button",className:"pxi-action-btn",onClick:O,disabled:null!==D,style:{color:null!==D?"var(--pxi-ink-faint)":"var(--pxi-phoenix)"},children:e(s,{name:"Check",sx:{fontSize:12}})})})}),e(t,{title:"Cancel (Esc)",enterDelay:300,disableInteractive:!0,children:e("button",{type:"button",className:"pxi-action-btn",onClick:b,style:{color:"var(--pxi-ink-mute)"},children:e(s,{name:"X",sx:{fontSize:11}})})})]})]}),r(c,{depth:y,minHeight:18,children:[e("span",{style:{color:"var(--pxi-ink-faint)",fontSize:10,flex:"none"},children:"→"}),null!==D?e("span",{className:"pxi-mono",style:{flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",color:"var(--pxi-val-error)",fontStyle:"italic"},children:D}):e("span",{style:{flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e(p,{value:E.value,compact:!0,refMode:"inert"})})]})]})};

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

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

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Checkbox as t,Menu as n,MenuItem as r,Tooltip as a}from"@mui/material";import{useState as l}from"react";import{useDebounceCallback as o}from"usehooks-ts";import{PhxIcon as s}from"#package/ui-sdk";import{useFilter as c}from"./FilterContext.js";let d=[{id:"violations",label:"Violations"},{id:"fields",label:"Fields"},{id:"expressions",label:"Expressions"},{id:"components",label:"Components"},{id:"scene",label:"Scene"}];export const FilterBar=()=>{var p;let h,g=c(),[x,u]=l(null),[f,y]=l(!1),[m,b]=l(g.query),v=o(g.setQuery,120),k=()=>{b(""),v.cancel(),g.setQuery("")},C=!g.categories.violations||!g.categories.fields||!g.categories.expressions||!g.categories.components||!g.categories.scene;return i("div",{style:{display:"flex",alignItems:"center",gap:5,padding:"0 10px 8px"},children:[i("div",{style:{flex:1,minWidth:0,display:"flex",alignItems:"center",gap:5,height:24,padding:"0 7px",background:"#fff",border:`1px solid ${f?"var(--pxi-phoenix)":"var(--pxi-rule)"}`,borderRadius:4,boxShadow:f?"0 0 0 2px var(--pxi-focus-soft)":"none"},children:[e("span",{style:{color:"var(--pxi-ink-faint)",display:"flex"},children:e(s,{name:"MagnifyingGlassBold",sx:{fontSize:11}})}),e("input",{value:m,onChange:e=>{b(e.target.value),v(e.target.value)},onFocus:()=>{y(!0),g.exitContext()},onBlur:()=>{y(!1)},onKeyDown:e=>{"Escape"===e.key&&(k(),e.currentTarget.blur())},"aria-label":"Search inspector",placeholder:g.searchValues?"Search names and values…":"Search names…",style:{flex:1,minWidth:0,fontSize:11.5,color:"var(--pxi-ink)",background:"transparent",border:0,outline:"none"}}),m.length>0&&e(a,{title:"Clear search",enterDelay:400,disableInteractive:!0,children:e("button",{type:"button",onClick:k,style:{color:"var(--pxi-ink-mute)",display:"flex",padding:1,background:"transparent",border:0,cursor:"pointer"},children:e(s,{name:"X",sx:{fontSize:10}})})})]}),e(a,{title:"Filter categories",enterDelay:400,disableInteractive:!0,children:i("button",{type:"button",onClick:e=>{u(e.currentTarget)},style:{display:"flex",alignItems:"center",gap:4,height:24,padding:"0 6px 0 7px",fontSize:11,fontWeight:500,borderRadius:4,border:`1px solid ${C?"var(--pxi-phoenix-soft)":"var(--pxi-rule)"}`,background:C?"rgba(226,90,44,0.08)":"#fff",color:C?"var(--pxi-phoenix-ink)":"var(--pxi-ink-mute)",cursor:"pointer",whiteSpace:"nowrap"},children:[e(s,{name:"SlidersHorizontal",sx:{fontSize:10}}),e("span",{children:(p=g.categories,(h=d.filter(e=>p[e.id])).length===d.length?"All":0===h.length?"Entities only":1===h.length?h[0]?.label??"":`${h.length} categories`)}),e(s,{name:"CaretDown",sx:{fontSize:9}})]})}),i(n,{anchorEl:x,open:null!==x,onClose:()=>{u(null)},children:[d.map(n=>i(r,{onClick:()=>{g.toggleCategory(n.id)},sx:{fontSize:12,py:0},children:[e(t,{size:"small",checked:g.categories[n.id],sx:{p:.5}}),n.label]},n.id)),i(r,{disabled:!0,sx:{fontSize:12,py:0,justifyContent:"space-between"},children:[i("span",{style:{display:"inline-flex",alignItems:"center"},children:[e(t,{size:"small",checked:!0,disabled:!0,sx:{p:.5}}),"Children"]}),e("span",{style:{fontSize:9.5,fontStyle:"italic",marginLeft:8},children:"structural"})]})]}),e(a,{title:g.anythingActive?"Clear search & filters":"Nothing to clear",enterDelay:400,disableInteractive:!0,children:e("span",{children:e("button",{type:"button",onClick:g.anythingActive?()=>{b(""),v.cancel(),g.clearAll()}:void 0,disabled:!g.anythingActive,"aria-label":"Clear search and filters",style:{display:"flex",alignItems:"center",justifyContent:"center",width:24,height:24,borderRadius:4,border:"1px solid transparent",background:"transparent",color:g.anythingActive?"var(--pxi-ink-mute)":"var(--pxi-ink-faint)",cursor:g.anythingActive?"pointer":"not-allowed",opacity:g.anythingActive?1:.45},children:e(s,{name:"ArrowCounterClockwise",sx:{fontSize:12}})})})})]})};

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

@@ -0,0 +1,37 @@
+import type { FilterCategory } from './filter-types.js';
+export interface FilterApi {
+    readonly searchValues: boolean;
+    readonly setSearchValues: (enabled: boolean) => void;
+    readonly query: string;
+    readonly setQuery: (query: string) => void;
+    readonly querying: boolean;
+    /** Whether the dedicated search results view is active. */
+    readonly filtering: boolean;
+    readonly categories: Readonly<Record<FilterCategory, boolean>>;
+    readonly toggleCategory: (category: FilterCategory) => void;
+    readonly setCategory: (category: FilterCategory, on: boolean) => void;
+    readonly anythingActive: boolean;
+    readonly clearAll: () => void;
+    /** Reveal a row by its unique path: enter context mode + scroll/flash it. */
+    readonly reveal: (path: string) => void;
+    /** The path to scroll-to + flash while in context mode, else null. */
+    readonly revealTarget: string | null;
+    /** Leave context mode, back to search results (e.g. on search focus). */
+    readonly exitContext: () => void;
+    /**
+     * In context mode, whether `path` is the revealed target or one of its
+     * ancestors — i.e. the only nodes that should be force-expanded (everything
+     * else keeps its persisted expand state). Boundary-aware so `Scene-1` is not
+     * treated as an ancestor of `Scene-10`.
+     */
+    readonly onRevealPath: (path?: string) => boolean;
+}
+export interface FilterProviderProps {
+    readonly children: React.ReactNode;
+}
+export declare const FilterProvider: ({ children }: FilterProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare function useFilter(): FilterApi;
+export declare const CategoryGate: ({ category, children, }: {
+    readonly category: FilterCategory;
+    readonly children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1 @@
+import{jsx as e,Fragment as r}from"react/jsx-runtime";import{createContext as t,useCallback as n,useContext as o,useMemo as i,useState as s}from"react";import{useLocalStorage as l}from"usehooks-ts";import{ExpansionProvider as a}from"./ExpansionContext.js";import{useInspector as u}from"./InspectorContext.js";import{SearchProvider as c}from"./SearchContext.js";let p=t(null),m={violations:!0,fields:!0,expressions:!0,components:!0,scene:!0};function h(e){return{...m,...e}}export const FilterProvider=({children:r})=>{let t=u(),[o,f]=s(""),[d,x]=l("phoenix.stateInspector.searchValues",!0),[v,g]=l("phoenix.stateInspector.categories",m),F=i(()=>h(v),[v]),[j,C]=s(null),P=o.trim().length>0,y=null!==j,I=P&&!y,A=n(e=>{f(e),C(null)},[]),E=n(e=>{C(e)},[]),V=n(()=>{C(null)},[]),k=n(e=>{g(r=>{let t=h(r);return{...t,[e]:!t[e]}})},[g]),q=n((e,r)=>{g(t=>({...h(t),[e]:r}))},[g]),w=n(()=>{f(""),C(null),g(m)},[g]),G=i(()=>({searchValues:d,setSearchValues:x,query:o,setQuery:A,querying:P,filtering:I,categories:F,toggleCategory:k,setCategory:q,anythingActive:P||!F.violations||!F.fields||!F.expressions||!F.components||!F.scene,clearAll:w,reveal:E,revealTarget:j,exitContext:V,onRevealPath:e=>{if(null===j||void 0===e)return!1;if(j===e)return!0;if(!j.startsWith(e))return!1;let r=j.charAt(e.length);return"/"===r||"#"===r||"."===r}}),[d,x,o,A,P,I,F,k,q,w,E,j,V]);return e(p.Provider,{value:G,children:e(a,{scope:t.domain,children:e(c,{query:o,categories:F,searchValues:d,children:r})})})};export function useFilter(){let e=o(p);if(!e)throw Error("useFilter called outside <FilterProvider>.");return e}export const CategoryGate=({category:t,children:n})=>useFilter().categories[t]?e(r,{children:n}):null;

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

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

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

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{EntityNode as t}from"./EntityNode.js";import{InspectorGroup as o}from"./InspectorGroup.js";import{useChildIds as e}from"./hooks.js";export const InspectorChildren=({entityId:i,depth:n,path:d})=>{let p=e(i);return r(o,{label:"Children",count:p.length,depth:n,revealPath:void 0===d?void 0:`${d}#children`,children:p.map(o=>r(t,{entityId:o,depth:n+1,path:void 0===d?void 0:`${d}#children/${o}`},o))})};

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

@@ -0,0 +1,25 @@
+import type { DomainContextSelectors, StateSliceName } from '#package/domain';
+import type { InspectorCanvasSystem, InspectorComponentReader, InspectorCompositionProjections, InspectorDomain, InspectorEntityValidation, InspectorNavigationSystem, InspectorStorySystem } from './inspector-types.js';
+/** Shared, stable handles for the running domain + the currently-selected state slice. */
+export interface InspectorApi {
+    readonly domain: InspectorDomain;
+    readonly store: InspectorStorySystem;
+    readonly composition: InspectorCompositionProjections;
+    readonly componentReader: InspectorComponentReader;
+    /** The navigation system — source for the System State root (read via its selectors, edited via its typed updates). */
+    readonly navigationSystem: InspectorNavigationSystem;
+    /** The domain context's runtime selectors — source for the application states an enum field offers as options. */
+    readonly domainContextSelectors: DomainContextSelectors;
+    /** The live canvas system, or null until a configurator canvas mounts (gates the Scene group's 3D reads). */
+    readonly canvas: InspectorCanvasSystem | null;
+    /**
+     * Validate a candidate entity (`{ id, type, ...fields }`) against its schema
+     * reflection. Returns `{ ok: true }` when reflections aren't available, so editing
+     * still works (the store's own validation is then the only gate).
+     */
+    readonly validateEntity: (type: string, candidate: Record<string, unknown>) => InspectorEntityValidation;
+    readonly sliceName: StateSliceName;
+    readonly setSliceName: (slice: StateSliceName) => void;
+}
+export declare const InspectorProvider: import("react").Provider<InspectorApi | null>;
+export declare function useInspector(): InspectorApi;

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

@@ -0,0 +1 @@
+import{createContext as e,useContext as r}from"react";let t=e(null);export const InspectorProvider=t.Provider;export function useInspector(){let e=r(t);if(!e)throw Error("useInspector called outside <InspectorProvider>. Wrap the inspector tree in StateInspector so the domain facades are available.");return e}

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

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

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

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useExpansion as r}from"./ExpansionContext.js";import{InspectorGroup as o}from"./InspectorGroup.js";import{PropRow as s}from"./PropRow.js";import{useEnhancedEntity as n}from"./hooks.js";import{usePins as t}from"./usePins.js";import{useRevealExpand as i}from"./useRevealRef.js";export const InspectorExpressions=({entityId:p,depth:m,path:l})=>{let a=t(),[u,x]=r(void 0===l?void 0:`${l}#expressions`,!1);i(void 0===l?void 0:`${l}#expressions`,x);let d=n(p,u);if(!d)return null;let v=d.type,c=Object.keys(d).filter(e=>e.startsWith("$")).sort((e,r)=>e.localeCompare(r)),f=a.pinsForType(v).expressions,h=u?c.map(e=>{try{return{name:e,value:d[e],error:null}}catch(r){return{name:e,value:void 0,error:r}}}):[];return e(o,{label:"Expressions",count:c.length,pinCount:f.length,depth:m,open:u,onToggle:()=>{x(e=>!e)},children:h.map(r=>e(s,{name:r.name,value:r.value,error:r.error,isExpr:!0,depth:m+1,pinned:a.isExpressionPinned(v,r.name),onTogglePin:()=>{a.toggleExpression(v,r.name)},path:void 0===l?void 0:`${l}#expressions/${r.name}`},r.name))})};

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

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

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

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{InspectorGroup as t}from"./InspectorGroup.js";import{PropRow as o}from"./PropRow.js";import{useRawEntity as i}from"./hooks.js";import{usePins as r}from"./usePins.js";export const InspectorFields=({entityId:l,depth:n,path:p})=>{let s=i(l),d=r();if(!s)return null;let m=s.type,a=Object.keys(s).filter(e=>"id"!==e&&"type"!==e).sort((e,t)=>e.localeCompare(t)),f=d.pinsForType(m).fields;return e(t,{label:"Fields",count:a.length,pinCount:f.length,depth:n,revealPath:void 0===p?void 0:`${p}#fields`,children:a.map(t=>e(o,{name:t,value:s[t],depth:n+1,editable:!0,entityId:l,type:m,pinned:d.isFieldPinned(m,t),onTogglePin:()=>{d.toggleField(m,t)},path:void 0===p?void 0:`${p}#fields/${t}`},t))})};

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

@@ -0,0 +1,14 @@
+import { type ReactNode } from 'react';
+export interface InspectorGroupProps {
+    readonly label: string;
+    readonly count: ReactNode;
+    readonly depth: number;
+    readonly pinCount?: number;
+    /** Controlled open state; when provided, the group defers to the parent (used to gate subscriptions). */
+    readonly open?: boolean;
+    readonly onToggle?: () => void;
+    /** This group's reveal path (e.g. `<entity>#fields`); only for uncontrolled groups. */
+    readonly revealPath?: string;
+    readonly children: ReactNode;
+}
+export declare const InspectorGroup: ({ label, count, depth, pinCount, open: controlledOpen, onToggle, revealPath, children, }: InspectorGroupProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Tooltip as n}from"@mui/material";import{PhxIcon as i}from"#package/ui-sdk";import{useExpansion as r}from"./ExpansionContext.js";import{RowShell as o}from"./RowShell.js";import{useRevealExpand as a}from"./useRevealRef.js";export const InspectorGroup=({label:s,count:l,depth:p,pinCount:c=0,open:m,onToggle:d,revealPath:f,children:h})=>{let[x,g]=r(f,!1);a(f,g);let u=d??(()=>{g(e=>!e)}),v=m??x;return t("div",{children:[t(o,{depth:p,minHeight:19,onClick:u,children:[e("button",{type:"button",onClick:e=>{e.stopPropagation(),u()},style:{display:"flex",alignItems:"center",background:"transparent",border:0,padding:0,color:"var(--pxi-ink-faint)",cursor:"pointer"},children:e(i,{name:v?"CaretDown":"CaretRight",sx:{fontSize:11}})}),e("span",{style:{fontSize:9.5,letterSpacing:.6,textTransform:"uppercase",fontWeight:600,color:"var(--pxi-ink-mute)"},children:s}),e("span",{style:{fontSize:10,color:"var(--pxi-ink-ghost)",fontWeight:500},children:l}),c>0&&e(n,{title:`${c} pinned \xb7 always shown above`,enterDelay:400,disableInteractive:!0,children:t("span",{style:{display:"inline-flex",alignItems:"center",gap:1,color:"var(--pxi-phoenix)",fontSize:9.5,fontWeight:600},children:[e(i,{name:"PushPin",sx:{fontSize:8}}),c]})})]}),v&&e("div",{children:h})]})};

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

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

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

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as o}from"react";import{PhxIcon as i}from"#package/ui-sdk";import{useFilter as r}from"./FilterContext.js";import{InspectorGroup as n}from"./InspectorGroup.js";import{RowShell as l}from"./RowShell.js";import{WatchRow as s}from"./WatchRow.js";import{evaluateWatch as a}from"./evaluate-watch.js";import{useEnhancedEntity as p}from"./hooks.js";import{usePins as d}from"./usePins.js";import{useWatches as c}from"./useWatches.js";let m={value:void 0,error:Error("entity is not present in this state")},h=({depth:o,onAdd:r})=>e(l,{depth:o,minHeight:18,onClick:r,children:[t("span",{style:{color:"var(--pxi-ink-mute)",display:"flex",flex:"none"},children:t(i,{name:"Plus",sx:{fontSize:10}})}),t("span",{style:{fontSize:11,color:"var(--pxi-ink-mute)"},children:"Add watch"})]});export const InspectorWatches=({entityId:i,depth:l})=>{let u=r(),f=d(),g=c(),[j,x]=o(!1),[W,v]=o(null),k=i.replace(/-\d+$/,""),w=g.watchesForType(k),S=p(i,j),y=t=>null===S?m:a(t,S);if(u.filtering)return null;let P=w.filter(t=>f.isWatchPinned(t.id)).length,C=l+1;return e(n,{label:"Watches",count:w.length,pinCount:P,depth:l,open:j,onToggle:()=>{x(t=>!t)},children:[w.map(e=>t(s,{watch:e,result:y(e.expr),depth:C,pinned:f.isWatchPinned(e.id),onTogglePin:()=>{f.toggleWatch(e.id)},evaluate:y,editing:W===e.id,onStartEdit:()=>{v(e.id)},onStopEdit:()=>{v(null)},onSave:t=>{g.updateWatch(k,e.id,t),v(null)},onDelete:()=>{g.removeWatch(k,e.id)}},e.id)),t(h,{depth:C,onAdd:()=>{v(g.addWatch(k))}})]})};

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

@@ -0,0 +1,5 @@
+export declare const JsonBody: ({ value, depth, path, }: {
+    readonly value: unknown;
+    readonly depth: number;
+    readonly path?: string;
+}) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{JsonRow as l}from"./JsonRow.js";import{RowShell as n}from"./RowShell.js";import{isReactNode as i}from"./detect.js";import{valuePath as o}from"./value-path.js";let a=({depth:r,label:l})=>t(n,{depth:r,minHeight:19,children:[e("span",{style:{width:12,flex:"none",display:"inline-block"}}),e("span",{style:{fontSize:11,color:"var(--pxi-ink-faint)",fontStyle:"italic"},children:l})]}),p=(e,t)=>void 0===e?void 0:o(e,t);export const JsonBody=({value:t,depth:n,path:o})=>{if(i(t))return null;if(Array.isArray(t))return 0===t.length?e(a,{depth:n,label:"(empty array)"}):e(r,{children:t.map((t,r)=>e(l,{keyLabel:String(r),value:t,depth:n,isIndex:!0,path:p(o,r)},r))});if("object"==typeof t&&null!==t){let i=Object.keys(t);return 0===i.length?e(a,{depth:n,label:"(empty object)"}):e(r,{children:i.map(r=>e(l,{keyLabel:r,value:t[r],depth:n,path:p(o,r)},r))})}return null};

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

@@ -0,0 +1,12 @@
+import { type ReactNode } from 'react';
+export interface JsonRowProps {
+    readonly keyLabel?: string;
+    readonly value: unknown;
+    readonly depth: number;
+    readonly isIndex?: boolean;
+    readonly gutter?: ReactNode;
+    /** Small inline adornment rendered right after the key label (e.g. a change counter). */
+    readonly badge?: ReactNode;
+    readonly path?: string;
+}
+export declare const JsonRow: ({ keyLabel, value, depth, isIndex, gutter, badge, path }: JsonRowProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{CopyButton as r}from"./CopyButton.js";import{ExpandedValue as i}from"./ExpandedValue.js";import{useExpansion as l}from"./ExpansionContext.js";import{ChevronCol as n,KeyLabel as s}from"./RowParts.js";import{RowShell as a}from"./RowShell.js";import{ValueCell as m}from"./ValueCell.js";import{isExpandable as p,isMessageDescriptor as c,isMultilingualString as d}from"./detect.js";import{useRevealExpand as f,useRevealRef as x}from"./useRevealRef.js";export const JsonRow=({keyLabel:j,value:u,depth:h,isIndex:g=!1,gutter:v,badge:R,path:w})=>{let[y,C]=l(w,!1),b=x(w);f(w,C);let k=p(u),A=k&&y,E=c(u)||d(u),I=()=>{C(e=>!e)},P=()=>{k&&I()};return t(o,{children:[t(a,{depth:h,gutter:v??null,minHeight:19,rootRef:b,children:[e(n,{expandable:k,open:A,onToggle:I}),void 0!==j&&e(s,{text:j,isIndex:g,clickable:k,onActivate:P}),R,A&&!E?e("span",{style:{flex:1,minWidth:0}}):e(m,{value:u,clickable:k,onActivate:P}),e("span",{className:"pxi-row-actions",onClick:e=>{e.stopPropagation()},style:{display:"inline-flex",alignItems:"center"},children:e(r,{value:u})})]}),A&&e(i,{value:u,depth:h+1,path:w})]})};

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

@@ -0,0 +1,4 @@
+import type { MessageDescriptor } from '@lingui/core';
+export declare const MessageValue: ({ md }: {
+    readonly md: MessageDescriptor;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Tooltip as t}from"@mui/material";import{messagePreview as n}from"./detect.js";import{Hl as l}from"./highlight.js";export const MessageValue=({md:r})=>{let a=n(r),s=i("div",{style:{display:"flex",flexDirection:"column",gap:3},children:[i("div",{style:{fontSize:9.5,letterSpacing:.4,textTransform:"uppercase",opacity:.7,fontWeight:600},children:["Lingui message \xb7 ","string"==typeof r.id&&r.id.length>0?"explicit id":"derived id"]}),i("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr",gap:"1px 8px",fontFamily:"var(--pxi-font-mono)",fontSize:10.5},children:[e("span",{style:{opacity:.6},children:"id"}),e("span",{children:r.id}),e("span",{style:{opacity:.6},children:"default"}),i("span",{children:['"',r.message,'"']})]})]});return e(t,{title:s,enterDelay:400,disableInteractive:!0,children:i("span",{className:"pxi-mono",style:{display:"inline-flex",alignItems:"center",gap:4,maxWidth:"100%",color:"var(--pxi-val-msg)"},children:[e("span",{style:{fontFamily:"'Inter', system-ui, sans-serif",fontSize:8.5,fontWeight:700,letterSpacing:.6,lineHeight:1,padding:"2px 3px 1px",borderRadius:2,background:"var(--pxi-val-msg)",color:"#fff",textTransform:"uppercase",flex:"none"},children:"T"}),e("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e(l,{text:a})})]})})};

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

@@ -0,0 +1,4 @@
+import type { MultilingualString } from '@salsita-ai/common/utils';
+export declare const MultilingualValue: ({ mls }: {
+    readonly mls: MultilingualString;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Tooltip as l}from"@mui/material";import{multilingualPreview as t}from"./detect.js";import{Hl as n}from"./highlight.js";let r=()=>i("svg",{width:10,height:10,viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:1.4,"aria-hidden":"true",children:[e("circle",{cx:"8",cy:"8",r:"5.5"}),e("ellipse",{cx:"8",cy:"8",rx:"2.4",ry:"5.5"}),e("line",{x1:"2.5",y1:"8",x2:"13.5",y2:"8"})]});export const MultilingualValue=({mls:a})=>{let{text:o,otherCount:s}=t(a),c=Object.keys(a.$lang),p=i("div",{style:{display:"flex",flexDirection:"column",gap:3},children:[i("div",{style:{fontSize:9.5,letterSpacing:.4,textTransform:"uppercase",opacity:.7,fontWeight:600},children:["Multilingual \xb7 ",c.length," ",1===c.length?"locale":"locales"]}),e("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr",gap:"2px 10px",fontFamily:"var(--pxi-font-mono)",fontSize:10.5},children:c.map(l=>i("span",{style:{display:"contents"},children:[e("span",{style:{opacity:.6},children:l}),i("span",{children:['"',a.$lang[l],'"']})]},l))})]});return e(l,{title:p,enterDelay:400,disableInteractive:!0,children:i("span",{className:"pxi-mono",style:{display:"inline-flex",alignItems:"center",gap:4,maxWidth:"100%",color:"var(--pxi-val-string)"},children:[e("span",{style:{color:"var(--pxi-ink-mute)",display:"inline-flex",flex:"none"},children:e(r,{})}),i("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:['"',e(n,{text:o}),'"']}),s>0&&i("span",{style:{fontSize:9.5,color:"var(--pxi-ink-faint)",fontWeight:500,flex:"none"},children:["+",s]})]})})};

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

@@ -0,0 +1,7 @@
+export interface PinButtonProps {
+    readonly pinned: boolean;
+    readonly onToggle: () => void;
+    readonly tip?: string;
+    readonly size?: number;
+}
+export declare const PinButton: ({ pinned, onToggle, tip, size }: PinButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+import{jsx as i}from"react/jsx-runtime";import{Tooltip as t}from"@mui/material";import{PhxIcon as n}from"#package/ui-sdk";export const PinButton=({pinned:e,onToggle:o,tip:r,size:a=11})=>i(t,{title:r??(e?"Unpin":"Pin"),enterDelay:400,disableInteractive:!0,children:i("button",{type:"button",className:`pxi-pin ${e?"is-pinned":"is-ghost"}`,onClick:i=>{i.stopPropagation(),o()},children:i(n,{name:"PushPin",sx:{fontSize:a}})})});

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

@@ -0,0 +1,8 @@
+import type { InspectorEntityId } from './inspector-types.js';
+interface StripProps {
+    readonly entityId: InspectorEntityId;
+    readonly type: string;
+    readonly depth: number;
+}
+export declare const PinnedStrip: ({ entityId, type, depth }: StripProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import{useState as t}from"react";import{PropRow as o}from"./PropRow.js";import{WatchRow as i}from"./WatchRow.js";import{ComponentInstanceRow as p,FilteredOutComponentRow as r,MissingComponentRow as a,usePinnedComponents as l}from"./components/index.js";import{evaluateWatch as m}from"./evaluate-watch.js";import{useEnhancedEntity as s,useRawEntity as c}from"./hooks.js";import{SceneObjectRow as d,usePinnedSceneObjects as h}from"./scene/index.js";import{usePins as u}from"./usePins.js";import{useWatches as y}from"./useWatches.js";let g=({entityId:g,type:T,depth:v})=>{let f=u(),x=y(),[$,j]=t(null),{fields:N,expressions:b}=f.pinsForType(T),P=x.watchesForType(T).filter(e=>f.isWatchPinned(e.id)),W=c(g),w=s(g,b.length>0||P.length>0),E=h(g,T),F=l(g,T),k=e=>null===w?{value:void 0,error:Error("entity is not present in this state")}:m(e,w),S=W?N.filter(e=>e in W):[],I=null===w?[]:b.filter(e=>e in w).map(e=>{try{return{name:e,value:w[e],error:null}}catch(n){return{name:e,value:void 0,error:n}}});return 0===S.length&&0===I.length&&0===E.length&&0===F.length&&0===P.length?null:n("div",{style:{background:"var(--pxi-bg-pin)",borderTop:"1px solid var(--pxi-bg-pin-rule)",borderBottom:"1px solid var(--pxi-bg-pin-rule)"},children:[P.map(n=>e(i,{watch:n,result:k(n.expr),depth:v,pinned:!0,onTogglePin:()=>{f.toggleWatch(n.id)},evaluate:k,editing:$===n.id,onStartEdit:()=>{j(n.id)},onStopEdit:()=>{j(null)},onSave:e=>{x.updateWatch(T,n.id,e),j(null)},onDelete:()=>{x.removeWatch(T,n.id)}},n.id)),I.map(n=>e(o,{name:n.name,value:n.value,error:n.error,isExpr:!0,depth:v,pinned:!0,onTogglePin:()=>{f.toggleExpression(T,n.name)}},n.name)),null!==W&&S.map(n=>e(o,{name:n,value:W[n],depth:v,editable:!0,entityId:g,type:T,pinned:!0,onTogglePin:()=>{f.toggleField(T,n)}},n)),F.map(n=>null===n.instance?e(a,{type:T,componentType:n.componentType,instanceName:n.instanceName,depth:v},`${n.componentType}/${n.instanceName}`):n.instance.filteredOut?e(r,{type:T,componentType:n.componentType,instance:n.instance,depth:v,keyLabel:`${n.componentType}.${n.instanceName}`},`${n.componentType}/${n.instanceName}`):e(p,{type:T,componentType:n.componentType,instanceName:n.instanceName,data:n.instance.data,depth:v,keyLabel:`${n.componentType}.${n.instanceName}`},`${n.componentType}/${n.instanceName}`)),E.map(n=>e(d,{entityId:g,type:T,descriptor:n,depth:v},`${n.componentType}/${n.instanceName}`))]})};export const PinnedStrip=({entityId:n,type:t,depth:o})=>{let i=u(),p=y(),{fields:r,expressions:a,objects:l,components:m}=i.pinsForType(t),s=p.watchesForType(t).some(e=>i.isWatchPinned(e.id));return r.length>0||a.length>0||l.length>0||m.length>0||s?e(g,{entityId:n,type:t,depth:o}):null};

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

@@ -0,0 +1,17 @@
+import type { InspectorEntityId } from './inspector-types.js';
+export interface PropRowProps {
+    readonly name: string;
+    readonly value: unknown;
+    readonly depth: number;
+    readonly pinned: boolean;
+    readonly onTogglePin: () => void;
+    readonly isExpr?: boolean;
+    readonly error?: unknown;
+    readonly editable?: boolean;
+    /** Entity id + type, supplied for editable field rows so the pencil can stage an edit. */
+    readonly entityId?: InspectorEntityId;
+    readonly type?: string;
+    /** Unique row path for reveal-in-context. Omitted in the pinned strip (toggle-only). */
+    readonly path?: string;
+}
+export declare const PropRow: ({ name, value, depth, pinned, onTogglePin, isExpr, error, editable, entityId, type, path, }: PropRowProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{Tooltip as i}from"@mui/material";import{useState as n}from"react";import{PhxIcon as r}from"#package/ui-sdk";import{ChangeCountBadge as l,useChangeCount as a}from"./ChangeCountBadge.js";import{CopyButton as s}from"./CopyButton.js";import{ExpandedValue as m}from"./ExpandedValue.js";import{useExpansion as p}from"./ExpansionContext.js";import{FieldEditor as c}from"./FieldEditor.js";import{PinButton as d}from"./PinButton.js";import{ChevronCol as u,ErrorCell as f,KeyLabel as x}from"./RowParts.js";import{RowShell as g}from"./RowShell.js";import{ValueCell as h}from"./ValueCell.js";import{isExpandable as j,isMessageDescriptor as v,isMultilingualString as y}from"./detect.js";import{useRevealExpand as C,useRevealRef as b}from"./useRevealRef.js";let k=({onEdit:t})=>e(i,{title:"Edit value",enterDelay:300,disableInteractive:!0,children:e("button",{type:"button",className:"pxi-action-btn",onClick:t,style:{color:"var(--pxi-ink-mute)"},children:e(r,{name:"PencilSimpleBold",sx:{fontSize:11}})})});export const PropRow=({name:i,value:r,depth:E,pinned:P,onTogglePin:R,isExpr:w=!1,error:B,editable:S=!1,entityId:I,type:T,path:A})=>{let[F,N]=p(A,!1),[V,z]=n(!1),D=b(A);C(A,N);let H=a(r),U=S&&!w&&void 0!==I&&void 0!==T;if(V&&U)return e(c,{entityId:I,type:T,name:i,value:r,depth:E,onClose:()=>{z(!1)}});let W=null==B?null:B instanceof Error?B.message:String(B),q=null===W&&j(r),G=q&&F,J=v(r)||y(r),K=()=>{N(e=>!e)},L=()=>{q&&K()};return t(o,{children:[t(g,{depth:E,minHeight:19,rootRef:D,gutter:e(d,{pinned:P,onToggle:R,tip:P?"Unpin (type)":"Pin (type)"}),children:[e(u,{expandable:q,open:G,onToggle:K}),e(x,{text:i,isExpr:w,clickable:q,onActivate:L}),w&&e(l,{count:H,title:"Times the expression value changed since this row mounted"}),null!==W?e(f,{message:W}):G&&!J?e("span",{style:{flex:1,minWidth:0}}):e(h,{value:r,clickable:q,onActivate:L}),t("span",{className:"pxi-row-actions",onClick:e=>{e.stopPropagation()},style:{display:"inline-flex",alignItems:"center"},children:[U&&null===W&&e(k,{onEdit:()=>{z(!0)}}),e(s,{value:W??r})]})]}),G&&e(m,{value:r,depth:E+1,path:A})]})};

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

@@ -0,0 +1,18 @@
+export declare const ChevronCol: ({ expandable, open, onToggle, }: {
+    readonly expandable: boolean;
+    readonly open: boolean;
+    readonly onToggle: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ErrorCell: ({ message }: {
+    readonly message: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export interface KeyLabelProps {
+    readonly text: string;
+    readonly isIndex?: boolean;
+    readonly isExpr?: boolean;
+    /** Renders the key in the faint ink — used by rows whose subject is inactive (filtered-out component instances). */
+    readonly muted?: boolean;
+    readonly clickable: boolean;
+    readonly onActivate: () => void;
+}
+export declare const KeyLabel: ({ text, isIndex, isExpr, muted, clickable, onActivate, }: KeyLabelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{Tooltip as r}from"@mui/material";import{PhxIcon as n}from"#package/ui-sdk";import{CHEVRON as i}from"./constants.js";import{Hl as a}from"./highlight.js";import{useDragGuardedClick as l}from"./useDragGuardedClick.js";export const ChevronCol=({expandable:t,open:o,onToggle:r})=>t?e("button",{type:"button",onClick:e=>{e.stopPropagation(),r()},style:{width:i,flex:"none",background:"transparent",border:0,padding:0,color:"var(--pxi-ink-faint)",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center"},children:e(n,{name:o?"CaretDown":"CaretRight",sx:{fontSize:10}})}):e("span",{style:{width:i,flex:"none",display:"inline-block"}});export const ErrorCell=({message:o})=>{let n=t("span",{className:"pxi-mono",style:{flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",color:"var(--pxi-val-error)",fontStyle:"italic"},children:[e("span",{style:{marginRight:4,opacity:.85},children:"⚠"}),o]});return o.length>32?e(r,{title:e("span",{style:{fontFamily:"var(--pxi-font-mono)",fontSize:11,whiteSpace:"pre-wrap",wordBreak:"break-word",display:"block",color:"#f3a374"},children:o}),enterDelay:400,disableInteractive:!0,children:n}):n};export const KeyLabel=({text:r,isIndex:n=!1,isExpr:i=!1,muted:s=!1,clickable:p,onActivate:c})=>{let d=l(p,c);return t(o,{children:[e("span",{onMouseDown:d.onMouseDown,onClick:d.onClick,style:{fontFamily:"var(--pxi-font-mono)",fontSize:11,color:s||n?"var(--pxi-ink-faint)":i?"var(--pxi-phoenix-ink)":"var(--pxi-val-key)",fontWeight:i?500:400,whiteSpace:"nowrap",cursor:p?"pointer":"default",userSelect:"text"},children:n?`[${r}]`:e(a,{text:r})}),e("span",{style:{color:"var(--pxi-ink-ghost)"},children:":"})]})};

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

@@ -0,0 +1,13 @@
+import type { CSSProperties, MouseEvent, ReactNode, Ref } from 'react';
+export interface RowShellProps {
+    readonly depth: number;
+    readonly gutter?: ReactNode;
+    readonly onClick?: (event: MouseEvent) => void;
+    readonly onMouseDown?: (event: MouseEvent) => void;
+    readonly minHeight?: number;
+    readonly style?: CSSProperties;
+    /** Attached to the row's root element — used by reveal-in-context to scroll/flash it. */
+    readonly rootRef?: Ref<HTMLDivElement>;
+    readonly children: ReactNode;
+}
+export declare const RowShell: ({ depth, gutter, onClick, onMouseDown, minHeight, style, rootRef, children, }: RowShellProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{GUTTER as i,INDENT as l}from"./constants.js";export const RowShell=({depth:s,gutter:r,onClick:n,onMouseDown:o,minHeight:a=22,style:d,rootRef:f,children:c})=>t("div",{ref:f,className:"pxi-row",onClick:n,onMouseDown:o,style:{display:"flex",alignItems:"center",paddingRight:8,minHeight:a,cursor:n?"pointer":"default",...d},children:[e("div",{onClick:e=>{e.stopPropagation()},style:{width:i,flex:"0 0 auto",display:"flex",alignItems:"center",justifyContent:"center",alignSelf:"stretch"},children:r}),Array.from({length:s}).map((t,i)=>e("div",{style:{width:l,flex:"0 0 auto",alignSelf:"stretch",borderLeft:"1px solid var(--pxi-rule-soft)"}},i)),e("div",{style:{flex:1,display:"flex",alignItems:"center",gap:4,paddingLeft:4,minWidth:0},children:c})]});

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

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+import type { FilterCategory, SearchCorpus, SearchResult } from './filter-types.js';
+interface SearchState {
+    readonly results: readonly SearchResult[];
+    readonly corpus: SearchCorpus | null;
+    readonly busy: boolean;
+    readonly slowIndexing: boolean;
+    readonly error: string | null;
+    readonly retry: () => void;
+}
+export declare const SearchProvider: ({ query, categories, searchValues, children, }: {
+    readonly query: string;
+    readonly searchValues: boolean;
+    readonly categories: Readonly<Record<FilterCategory, boolean>>;
+    readonly children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare function useSearch(): SearchState;
+export {};

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

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{createContext as r,useContext as t,useEffect as l,useMemo as o,useRef as n,useState as s}from"react";import{useEagerObservableSelector as i}from"#package/react-sdk";import{useInspector as a}from"./InspectorContext.js";import{buildSearchCorpus as c,searchResults as u}from"./filter-index.js";let m=r(null),d=[];export const SearchProvider=({query:r,categories:t,searchValues:p,children:g})=>{let h=a(),f=r.trim().length>0,b=i(h.store.stateSlices[h.sliceName],e=>e,[h.sliceName],f),[S,x]=s(0),y=o(()=>({domain:h.domain,composition:h.composition,componentReader:h.componentReader,emission:b,categories:t,searchValues:p,active:f,revision:S,sliceName:h.sliceName}),[h.domain,h.composition,h.componentReader,b,t,p,f,S,h.sliceName]),[v,w]=s(null),[T,N]=s(null),[j,C]=s(null),E=T?.source===y?T.corpus:null;l(()=>{if(w(null),!y.active){N(null),C(null);return}let e=new AbortController,r=y.searchValues?setTimeout(()=>w(y),2e3):void 0,t=t=>{t.complete&&clearTimeout(r),e.signal.aborted||N({source:y,corpus:t,error:null})},l=setTimeout(()=>{c(y,e.signal,t).then(t).catch(t=>{clearTimeout(r),e.signal.aborted||N({source:y,corpus:null,error:t instanceof Error?t.message:String(t)})})},100);return()=>{clearTimeout(l),clearTimeout(r),e.abort()}},[y]);let P=n(null);l(()=>{let e,t=new AbortController,l=null,o=!1,n=0,s=[],i=new Set,a=async()=>{o=!0;try{for(;l&&!t.signal.aborted;){let o=l;l=null;try{(o.entries.length<n||o.entries[0]!==e)&&(n=0,s=[],i.clear()),e=o.entries[0];let l=(await u({...o,entries:o.entries.slice(n)},r,t.signal)).filter(e=>!i.has(e.id)&&(i.add(e.id),!0));s=[...s,...l],n=o.entries.length;let a=s;t.signal.aborted||C({source:y,corpus:o,query:r,results:a,error:null})}catch(e){t.signal.aborted||C({source:y,corpus:o,query:r,results:d,error:e instanceof Error?e.message:String(e)})}}}finally{o=!1}};return P.current=e=>{l=e,o||a()},()=>{P.current=null,t.abort()}},[y,r]),l(()=>{E&&f&&P.current?.(E)},[E,f,y,r]);let R=o(()=>{let e=j?.source===y&&j.query===r?j:null,t=(T?.source===y?T.error:null)??e?.error??null;return{results:e?.results??d,corpus:E,slowIndexing:v===y&&y.searchValues&&f&&!t&&!E?.complete,busy:f&&!t&&(!E?.complete||e?.corpus!==E),error:t,retry:()=>x(e=>e+1)}},[j,y,r,T,E,f,v]);return e(m.Provider,{value:R,children:g})};export function useSearch(){let e=t(m);if(!e)throw Error("Search results require a SearchProvider inside the inspector.");return e}

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

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

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as a,Fragment as t}from"react/jsx-runtime";import{useRef as i,useState as r}from"react";import{useFilter as l}from"./FilterContext.js";import{useSearch as n}from"./SearchContext.js";import{Hl as s}from"./highlight.js";let c={entity:"Entity",fields:"Field",expressions:"Expression",components:"Component",scene:"Scene object",violations:"Violation"};export const SearchResults=()=>{let{query:o,reveal:h,searchValues:d,setSearchValues:p}=l(),{results:m,corpus:u,busy:x,error:g,retry:v,slowIndexing:y}=n(),[f,N]=r(0),b=i(null),k=Math.max(0,Math.ceil(m.length/100)-1),S=Math.min(f,k),w=100*S,C=!u?.complete&&!g,j=e=>{N(e),b.current?.scrollTo({top:0})};return a("div",{className:"pxi-search",style:{display:"flex",flexDirection:"column",flex:1,minHeight:0},children:[a("div",{className:"pxi-search-status",role:"status","aria-live":"polite",children:[a("div",{style:{display:"flex",justifyContent:"space-between",gap:8},children:[a("strong",{children:[m.length.toLocaleString()," ",1===m.length?"match":"matches",x?" so far":""]}),x&&e("span",{children:C?"Indexing…":"Searching…"})]}),C&&a(t,{children:[e("progress",{"aria-label":"Indexing scene",max:Math.max(1,u?.total??1),value:u?.completed??0}),e("div",{className:"pxi-search-detail",children:u?`${u.completed.toLocaleString()} / ${u.total.toLocaleString()} entities complete`:"Preparing scene index…"}),u&&a(t,{children:[a("div",{className:"pxi-search-detail",children:[u.visitedValues.toLocaleString()," values visited"]}),e("div",{className:"pxi-search-detail",children:u.activity})]})]}),a("div",{style:{marginTop:10},children:[a("label",{title:"Evaluate expressions and read component data to search their values.",style:{display:"inline-flex",alignItems:"center",gap:5,cursor:"pointer"},children:[e("input",{type:"checkbox",checked:d,onChange:e=>p(e.target.checked),style:{margin:0,accentColor:"var(--pxi-phoenix)"}}),"Search values"]}),y&&e("div",{className:"pxi-search-detail",children:"Indexing is taking a while. Uncheck Search values for faster names-only search."}),!d&&e("div",{className:"pxi-search-detail",children:"Names only \xb7 values, component instances and scene objects are excluded."})]}),!!u?.truncated&&a("div",{className:"pxi-search-detail",children:[u.truncated," large ",1===u.truncated?"value was":"values were"," only partially searched (10,000 entries per value). All names are searchable."]}),!!u?.skipped&&a("div",{className:"pxi-search-detail",children:[u.skipped," unreadable ",1===u.skipped?"value was":"values were"," skipped."]}),g&&a("div",{role:"alert",children:["Search could not finish: ",g," ",e("button",{type:"button",className:"pxi-search-page",onClick:v,children:"Retry"})]})]}),a("div",{className:"pxi-scroll",ref:b,style:{flex:1,minHeight:0},onKeyDown:e=>{if(!["ArrowDown","ArrowUp","Home","End"].includes(e.key))return;let a=Array.from(e.currentTarget.querySelectorAll("[data-search-result]")),t=a.findIndex(a=>a===e.target);if(t<0)return;e.preventDefault();let i="Home"===e.key?0:"End"===e.key?a.length-1:t+("ArrowDown"===e.key?1:-1);a[Math.max(0,Math.min(a.length-1,i))]?.focus()},children:[!x&&!g&&0===m.length&&a("div",{className:"pxi-search-empty",children:["No matches for “",o,"”."," ",d?"Try another term or enable more categories.":"Try another name, enable more categories, or include values."]}),m.slice(w,w+100).map(t=>a("button",{"data-search-result":!0,type:"button",className:"pxi-search-result",onClick:()=>h(t.path),title:"Reveal in inspector tree",children:[a("span",{className:"pxi-search-location",children:[e(s,{text:t.entityId}),e("span",{className:"pxi-search-category",children:c[t.category]})]}),"entity"!==t.category&&e("span",{className:"pxi-search-name",children:e(s,{text:t.name})}),t.preview!==t.name&&e("span",{className:"pxi-search-preview",children:e(s,{text:t.preview})})]},t.id))]}),m.length>0&&e("div",{className:"pxi-search-footer",children:m.length>100?a(t,{children:[e("button",{type:"button",className:"pxi-search-page","aria-label":"Previous results page",disabled:0===S,onClick:()=>j(S-1),children:"Previous"}),a("span",{children:[(w+1).toLocaleString(),"–",Math.min(w+100,m.length).toLocaleString()," of"," ",m.length.toLocaleString()]}),e("button",{type:"button",className:"pxi-search-page","aria-label":"Next results page",disabled:S===k,onClick:()=>j(S+1),children:"Next"})]}):e("span",{children:"Select a match to reveal it in the tree."})})]})};

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

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

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Link as r}from"@mui/material";import{useCallback as i,useEffect as o,useMemo as n}from"react";import{ErrorBoundary as s}from"react-error-boundary";import{useLocalStorage as l}from"usehooks-ts";import{domainEntityTypeFromId as a}from"#package/domain";import{useOptionalConfigurator as d,useOptionalDomain as p}from"../hooks/use-optional-runtime.js";import{EntityNode as c}from"./EntityNode.js";import{FilterBar as m}from"./FilterBar.js";import{FilterProvider as x,useFilter as h}from"./FilterContext.js";import{InspectorProvider as f,useInspector as u}from"./InspectorContext.js";import{SearchResults as g}from"./SearchResults.js";import{StateSourceDropdown as y}from"./StateSourceDropdown.js";import{usePresentEntityIds as v,useRootId as b}from"./hooks.js";import{LocateMount as S,LocateProvider as k}from"./locate/index.js";import{PickButton as j,PickMount as I,PickProvider as w}from"./pick/index.js";import{ensureInspectorStyles as C}from"./styles.js";import{SystemStateRoot as R}from"./system-state/index.js";import{PinsProvider as z,usePins as B}from"./usePins.js";import{WatchesProvider as N}from"./useWatches.js";import{ViolationsProvider as W,useViolations as D}from"./violations/index.js";let E=new Set(["committed","rendered","potentiallyInvalid"]),P=({error:r,resetErrorBoundary:i})=>{let{setSliceName:o}=u();return t("div",{style:{margin:"24px 16px",padding:14,border:"1px dashed var(--pxi-sev-fatal)",borderRadius:6,color:"var(--pxi-ink-soft)",fontSize:11.5,lineHeight:1.5},children:[e("div",{style:{color:"var(--pxi-sev-fatal)",fontWeight:600,marginBottom:4},children:"The inspector hit an error."}),e("div",{className:"pxi-mono",style:{color:"var(--pxi-ink-mute)",marginBottom:10,wordBreak:"break-word"},children:r.message}),e("button",{type:"button",onClick:()=>{o("committed"),i()},style:{padding:"5px 12px",fontSize:11.5,fontWeight:600,color:"#fff",background:"var(--pxi-phoenix-ink)",border:0,borderRadius:4,cursor:"pointer"},children:"Revert to defaults"})]})},H=({message:t})=>e("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",padding:32,textAlign:"center"},children:e("span",{style:{color:"#6c757d",fontStyle:"italic",fontSize:13},children:t})}),T=()=>t("div",{style:{display:"flex",flexDirection:"column",borderBottom:"1px solid var(--pxi-rule)"},children:[t("div",{style:{display:"flex",alignItems:"center",gap:8,padding:"8px 10px 6px"},children:[e("div",{style:{fontSize:12,fontWeight:600},children:"State Inspector"}),e("div",{style:{flex:1}}),e(j,{}),e(y,{})]}),e(m,{})]}),F=()=>{let r=b(),i=B(),o=h(),n=v(i.pinnedEntityIds);return o.filtering?e(g,{},o.query):t("div",{className:"pxi-scroll",style:{flex:1,minHeight:0,padding:"4px 6px 60px 0"},children:[n.map(t=>e(c,{entityId:t,depth:0,isPinnedRoot:!0,path:`@pinned/${t}`},`pinned-${t}`)),n.length>0&&e("div",{style:{height:1,background:"var(--pxi-rule-strong)",margin:"6px 8px 6px 4px"}}),null===r?e("div",{style:{margin:"24px 16px",padding:14,border:"1px dashed var(--pxi-rule)",borderRadius:6,color:"var(--pxi-ink-mute)",fontSize:11.5,lineHeight:1.5},children:"This slice has no readable root entity — it may be mid-invalid (e.g. the root was deleted). Pick another source above."}):e(c,{entityId:r,depth:0,path:r}),e(R,{})]})},q=()=>{let i=h();return null!==i.revealTarget&&i.querying?t("div",{style:{display:"flex",alignItems:"center",gap:5,padding:"4px 10px",fontSize:10.5,color:"var(--pxi-phoenix-ink)",background:"rgba(226,90,44,0.06)",borderBottom:"1px solid var(--pxi-rule)"},children:[e("span",{style:{color:"var(--pxi-ink-mute)"},children:"Showing match in context"}),e(r,{component:"button",type:"button",underline:"hover",onClick:()=>{i.exitContext()},sx:{color:"var(--pxi-phoenix-ink)",fontSize:"inherit",fontWeight:500,lineHeight:"inherit"},children:"See all matches"})]}):null},$=()=>{let{uncaughtError:r}=D();return null===r?null:t("div",{style:{display:"flex",alignItems:"baseline",gap:6,padding:"5px 10px",fontSize:10.5,color:"var(--pxi-sev-fatal)",background:"rgba(194,65,12,0.08)",borderBottom:"1px solid var(--pxi-rule)"},children:[e("span",{style:{fontWeight:600,flex:"none"},children:"Validation error"}),e("span",{className:"pxi-mono",style:{color:"var(--pxi-ink-soft)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:r.message})]})},A=()=>(o(()=>{C()},[]),t("div",{className:"pxi",style:{display:"flex",flexDirection:"column",height:"100%",width:"100%",background:"var(--pxi-bg-panel)"},children:[e(T,{}),e(q,{}),e($,{}),e(F,{}),e(S,{}),e(I,{})]})),K=({context:t})=>{let[r,o]=l("phoenix.stateInspector.slice","committed"),p=E.has(r)?r:"committed",c=i(e=>{o(e)},[o]),m=d(),h=m?.canvasSystem??null;return e(f,{value:n(()=>({domain:t.domain,store:t.storeSystem,composition:t.compositionProjections,componentReader:t.componentReader,navigationSystem:t.navigationSystem,domainContextSelectors:t.domainContextSelectors,canvas:h,validateEntity:(e,r)=>{if(r.type!==e)return{success:!1,errors:"Type mismatch"};let i=t.domain.validateEntity(r);return i.success?{success:!0,errors:null}:a(r.id)!==e?{success:!1,errors:"ID type mismatch"}:{success:!1,errors:i.errors.length>0?i.errors.join(", "):"Does not match the entity schema"}},sliceName:p,setSliceName:c}),[t,h,p,c]),children:e(k,{children:e(w,{children:e(z,{children:e(N,{children:e(W,{children:e(x,{children:e(s,{FallbackComponent:P,resetKeys:[p],onError:(e,t)=>{console.error("State Inspector render error",e,t)},children:e(A,{})})})})})})})})})};export const StateInspector=()=>{let t=p();return t?.domain&&t?.storeSystem&&t?.compositionProjections&&t?.componentReader?e(K,{context:t}):e(H,{message:"No domain loaded"})};

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

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

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as i,Fragment as t}from"react/jsx-runtime";import{Menu as n,MenuItem as r,Tooltip as l}from"@mui/material";import{useState as a}from"react";import{PhxIcon as o}from"#package/ui-sdk";import{useInspector as d}from"./InspectorContext.js";let s=[{id:"committed",label:"Committed",hint:"Last committed state"},{id:"rendered",label:"Rendered",hint:"State currently rendered to the canvas"},{id:"potentiallyInvalid",label:"Potentially Invalid",hint:"Includes uncommitted / failing evaluations"}];export const StateSourceDropdown=()=>{let{sliceName:p,setSliceName:c}=d(),[m,x]=a(null),h=s.find(e=>e.id===p),u=h?.label??"Committed",f="committed"!==p;return i(t,{children:[e(l,{title:"State source",enterDelay:400,disableInteractive:!0,children:i("button",{type:"button",onClick:e=>{x(e.currentTarget)},style:{display:"flex",alignItems:"center",gap:5,height:22,padding:"0 7px",fontSize:11,color:f?"var(--pxi-phoenix-ink)":"var(--pxi-ink)",background:f?"rgba(226,90,44,0.08)":m?"var(--pxi-bg-hover)":"#fff",border:`1px solid ${f?"var(--pxi-phoenix-soft)":"var(--pxi-rule)"}`,borderRadius:4,cursor:"pointer"},children:[e("span",{children:u}),e("span",{style:{display:"flex",color:f?"var(--pxi-phoenix-ink)":"var(--pxi-ink-faint)"},children:e(o,{name:"CaretDown",sx:{fontSize:9}})})]})}),e(n,{anchorEl:m,open:null!==m,onClose:()=>{x(null)},children:s.map(t=>i(r,{selected:t.id===p,onClick:()=>{c(t.id),x(null)},sx:{fontSize:12,gap:1},children:[e("span",{style:{width:14,display:"inline-flex",color:t.id===p?"var(--pxi-phoenix)":"transparent"},children:e(o,{name:"Check",sx:{fontSize:11}})}),i("span",{style:{display:"flex",flexDirection:"column"},children:[e("span",{children:t.label}),e("span",{style:{fontSize:10,color:"var(--pxi-ink-mute)"},children:t.hint})]})]},t.id))})]})};

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

@@ -0,0 +1,6 @@
+export interface ValueCellProps {
+    readonly value: unknown;
+    readonly clickable?: boolean;
+    readonly onActivate?: () => void;
+}
+export declare const ValueCell: ({ value, clickable, onActivate }: ValueCellProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Tooltip as o}from"@mui/material";import{ValueView as r}from"./ValueView.js";import{useDragGuardedClick as i}from"./useDragGuardedClick.js";export const ValueCell=({value:n,clickable:l=!1,onActivate:a})=>{let s=i(l,()=>{a?.()}),p=e("span",{role:l?"button":void 0,tabIndex:l?0:void 0,onMouseDown:s.onMouseDown,onClick:s.onClick,onKeyDown:e=>{l&&("Enter"===e.key||" "===e.key)&&(e.preventDefault(),a?.())},style:{flex:1,minWidth:0,display:"inline-flex",alignItems:"center",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",cursor:l?"pointer":"default",userSelect:"text"},children:e(r,{value:n,compact:!0})});return"string"==typeof n&&n.length>32?e(o,{title:t("span",{style:{fontFamily:"var(--pxi-font-mono)",fontSize:11,whiteSpace:"pre-wrap",wordBreak:"break-word",display:"block"},children:['"',n,'"']}),enterDelay:400,disableInteractive:!0,children:p}):p};

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

@@ -0,0 +1,7 @@
+import { type EntityRefPillMode } from './EntityRefPill.js';
+export declare const ValueView: ({ value, compact, refMode, }: {
+    readonly value: unknown;
+    readonly compact?: boolean;
+    /** How an entity-ref value renders — `inert` in editor previews, `link` elsewhere. */
+    readonly refMode?: EntityRefPillMode;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as l}from"react/jsx-runtime";import{EntityRefPill as n}from"./EntityRefPill.js";import{MessageValue as r}from"./MessageValue.js";import{MultilingualValue as i}from"./MultilingualValue.js";import{classifyValue as a,formatLocalDateTime as s,isEntityRef as p,isMessageDescriptor as c,isMultilingualString as o,isReactNode as m,mapToDisplayObject as v}from"./detect.js";import{Hl as h}from"./highlight.js";let d=(e,t=!1)=>({fontFamily:"var(--pxi-font-mono)",fontSize:11.5,color:e,fontStyle:t?"italic":"normal"}),x=({length:e})=>t(l,{children:["[",0===e?" ":t("span",{style:{color:"var(--pxi-ink-soft)"},children:[e," ",1===e?"item":"items"]}),"]"]}),u=({value:n,compact:r})=>{let i=Object.keys(n);if(0===i.length)return e(l,{children:"{ }"});let a=i.slice(0,r?2:4);return t(l,{children:["{ ",a.map((l,n)=>t("span",{children:[n>0&&", ",e("span",{style:{color:"var(--pxi-val-key)"},children:e(h,{text:l})})]},l)),i.length>a.length&&", …"," }"]})};export const ValueView=({value:l,compact:y=!0,refMode:f="link"})=>{if(m(l))return e("span",{style:d("var(--pxi-ink-faint)",!0),children:"React node"});if(p(l))return e(n,{id:l.id,mode:f});if(o(l))return e(i,{mls:l});if(c(l))return e(r,{md:l});let g=a(l);return"nullish"===g?e("span",{style:d("var(--pxi-val-null)",!0),children:String(l)}):"string"===g?t("span",{style:d("var(--pxi-val-string)"),children:['"',e(h,{text:l}),'"']}):"number"===g?e("span",{style:d("var(--pxi-val-number)"),children:e(h,{text:String(l)})}):"boolean"===g?e("span",{style:d("var(--pxi-val-bool)"),children:e(h,{text:String(l)})}):"bigint"===g?e("span",{style:d("var(--pxi-val-number)"),children:e(h,{text:`${String(l)}n`})}):"date"===g?e("span",{style:d("var(--pxi-val-number)"),children:e(h,{text:s(l)})}):"symbol"===g?e("span",{style:d("var(--pxi-val-null)"),children:String(l)}):"function"===g?e("span",{style:d("var(--pxi-ink-faint)",!0),children:"ƒ ()"}):"array"===g?e("span",{style:d("var(--pxi-val-bracket)"),children:e(x,{length:l.length})}):"map"===g?t("span",{style:d("var(--pxi-val-bracket)"),children:["Map(",e(u,{value:v(l),compact:y}),")"]}):"set"===g?t("span",{style:d("var(--pxi-val-bracket)"),children:["Set(",e(x,{length:l.size}),")"]}):e("span",{style:d("var(--pxi-val-bracket)"),children:e(u,{value:l,compact:y})})};

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

@@ -0,0 +1,8 @@
+import type { WatchResult } from './evaluate-watch.js';
+export declare const WatchEditor: ({ expr: initial, depth, evaluate, onSave, onCancel, }: {
+    readonly expr: string;
+    readonly depth: number;
+    readonly evaluate: (expr: string) => WatchResult;
+    readonly onSave: (expr: string) => void;
+    readonly onCancel: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r,Fragment as i}from"react/jsx-runtime";import{Tooltip as t}from"@mui/material";import{useEffect as n,useRef as o,useState as l}from"react";import{PhxIcon as a}from"#package/ui-sdk";import{RowShell as s}from"./RowShell.js";import{ValueView as p}from"./ValueView.js";export const WatchEditor=({expr:c,depth:x,evaluate:d,onSave:f,onCancel:m})=>{let[h,u]=l(c),v=o(null);n(()=>{v.current?.focus(),v.current?.select()},[]);let y=d(h),b=null===y.error||void 0===y.error?null:y.error instanceof Error?y.error.message:String(y.error),k=()=>{f(""===h.trim()?c:h)};return r(i,{children:[r(s,{depth:x,minHeight:26,style:{background:"var(--pxi-phoenix-soft)",borderTop:"1px solid var(--pxi-phoenix-soft)",borderBottom:"1px solid var(--pxi-phoenix-soft)"},children:[e("span",{style:{color:"var(--pxi-phoenix)",display:"flex",flex:"none"},children:e(a,{name:"EyeBold",sx:{fontSize:11}})}),e("input",{ref:v,value:h,onChange:e=>{u(e.target.value)},onKeyDown:e=>{if("Enter"===e.key){e.preventDefault(),k();return}"Escape"===e.key&&(e.preventDefault(),m())},className:"pxi-mono",spellCheck:!1,style:{flex:1,minWidth:0,background:"#fff",border:"1px solid var(--pxi-phoenix)",borderRadius:3,padding:"2px 6px",color:"var(--pxi-ink)",fontSize:11,boxShadow:"0 0 0 2px var(--pxi-focus-soft)"}}),r("span",{style:{display:"inline-flex",alignItems:"center",flex:"none"},children:[e(t,{title:"Save (Enter)",enterDelay:300,disableInteractive:!0,children:e("button",{type:"button",className:"pxi-action-btn",onClick:k,style:{color:"var(--pxi-phoenix)"},children:e(a,{name:"Check",sx:{fontSize:12}})})}),e(t,{title:"Cancel (Esc)",enterDelay:300,disableInteractive:!0,children:e("button",{type:"button",className:"pxi-action-btn",onClick:m,style:{color:"var(--pxi-ink-mute)"},children:e(a,{name:"X",sx:{fontSize:11}})})})]})]}),r(s,{depth:x,minHeight:18,children:[e("span",{style:{color:"var(--pxi-ink-faint)",fontSize:10,flex:"none"},children:"→"}),null!==b?e("span",{className:"pxi-mono",style:{flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",color:"var(--pxi-val-error)",fontStyle:"italic"},children:b}):e("span",{style:{flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e(p,{value:y.value,compact:!0,refMode:"inert"})})]})]})};

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

@@ -0,0 +1,17 @@
+import type { WatchResult } from './evaluate-watch.js';
+import type { Watch } from './useWatches.js';
+export interface WatchRowProps {
+    readonly watch: Watch;
+    readonly result: WatchResult;
+    readonly depth: number;
+    readonly pinned: boolean;
+    readonly onTogglePin: () => void;
+    /** Evaluate an arbitrary expression against the current entity (powers the editor's live preview). */
+    readonly evaluate: (expr: string) => WatchResult;
+    readonly editing?: boolean;
+    readonly onStartEdit?: () => void;
+    readonly onStopEdit?: () => void;
+    readonly onSave?: (expr: string) => void;
+    readonly onDelete?: () => void;
+}
+export declare const WatchRow: ({ watch, result, depth, pinned, onTogglePin, evaluate, editing, onStartEdit, onStopEdit, onSave, onDelete, }: WatchRowProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{Tooltip as i}from"@mui/material";import{useState as n}from"react";import{PhxIcon as a}from"#package/ui-sdk";import{CopyButton as o}from"./CopyButton.js";import{ExpandedValue as l}from"./ExpandedValue.js";import{PinButton as s}from"./PinButton.js";import{ChevronCol as p,ErrorCell as c}from"./RowParts.js";import{RowShell as m}from"./RowShell.js";import{ValueCell as d}from"./ValueCell.js";import{WatchEditor as u}from"./WatchEditor.js";import{isExpandable as f}from"./detect.js";export const WatchRow=({watch:h,result:x,depth:v,pinned:y,onTogglePin:b,evaluate:g,editing:j=!1,onStartEdit:k,onStopEdit:w,onSave:S,onDelete:C})=>{var z;let[B,E]=n(!1);if(j&&S&&w)return e(u,{expr:h.expr,depth:v,evaluate:g,onSave:S,onCancel:w});let P=null===x.error||void 0===x.error?null:(z=x.error)instanceof Error?z.message:String(z),D=null===P&&f(x.value),I=D&&B,N=()=>{E(e=>!e)},R=e("span",{style:{fontFamily:"var(--pxi-font-mono)",fontSize:11,whiteSpace:"pre-wrap",wordBreak:"break-word",display:"block"},children:h.expr});return t(r,{children:[t(m,{depth:v,minHeight:19,gutter:e(s,{pinned:y,onToggle:b,tip:y?"Unpin (type)":"Pin watch",size:10}),children:[e(p,{expandable:D,open:I,onToggle:N}),e(i,{title:R,enterDelay:400,disableInteractive:!0,children:e("span",{style:{color:"var(--pxi-ink-faint)",display:"flex",flex:"none"},children:e(a,{name:"EyeBold",sx:{fontSize:11}})})}),null!==P?e(c,{message:P}):e(d,{value:x.value,clickable:D,onActivate:N}),t("span",{className:"pxi-row-actions",onClick:e=>{e.stopPropagation()},style:{display:"inline-flex",alignItems:"center"},children:[k&&e(i,{title:"Edit watch",enterDelay:300,disableInteractive:!0,children:e("button",{type:"button",className:"pxi-action-btn",onClick:k,style:{color:"var(--pxi-ink-mute)"},children:e(a,{name:"PencilSimpleBold",sx:{fontSize:11}})})}),C&&e(i,{title:"Delete watch",enterDelay:300,disableInteractive:!0,children:e("button",{type:"button",className:"pxi-action-btn",onClick:C,style:{color:"var(--pxi-sev-fatal)"},children:e(a,{name:"Trash",sx:{fontSize:11}})})}),e(o,{value:P??x.value})]})]}),I&&e(l,{value:x.value,depth:v+1})]})};

package/dist/editor/state-inspector/components/ComponentInstanceRow.d.ts

@@ -0,0 +1,9 @@
+export declare const ComponentInstanceRow: ({ type, componentType, instanceName, data, depth, path, keyLabel, }: {
+    readonly type: string;
+    readonly componentType: string;
+    readonly instanceName: string;
+    readonly data: Record<string, unknown>;
+    readonly depth: number;
+    readonly path?: string;
+    readonly keyLabel?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/editor/state-inspector/components/ComponentInstanceRow.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{ChangeCountBadge as n,useChangeCount as t}from"../ChangeCountBadge.js";import{JsonRow as o}from"../JsonRow.js";import{PinButton as i}from"../PinButton.js";import{usePins as r}from"../usePins.js";export const ComponentInstanceRow=({type:s,componentType:m,instanceName:p,data:a,depth:c,path:g,keyLabel:u})=>{let d=r(),f=d.isComponentPinned(s,m,p),h=t(a);return e(o,{keyLabel:u??p,value:a,depth:c,path:g,badge:e(n,{count:h,title:"Times the component data reference changed since this row mounted"}),gutter:e(i,{pinned:f,onToggle:()=>{d.toggleComponent(s,m,p)},tip:f?"Unpin instance":"Pin instance",size:10})})};

package/dist/editor/state-inspector/components/ComponentNote.d.ts

@@ -0,0 +1,5 @@
+export declare const ComponentNote: ({ text, depth, error, }: {
+    readonly text: string;
+    readonly depth: number;
+    readonly error?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/editor/state-inspector/components/ComponentNote.js

@@ -0,0 +1 @@
+import{jsx as i,jsxs as t}from"react/jsx-runtime";import{RowShell as e}from"../RowShell.js";export const ComponentNote=({text:n,depth:o,error:r=!1})=>t(e,{depth:o,minHeight:18,children:[i("span",{style:{width:12,flex:"none",display:"inline-block"}}),t("span",{style:{fontSize:11,color:r?"var(--pxi-val-error)":"var(--pxi-ink-faint)",fontStyle:"italic"},children:[r&&i("span",{style:{marginRight:4,opacity:.85},children:"⚠"}),n]})]});