@salsita-ai/sdk 0.50.0-develop.662fa65a4c → 0.50.0-develop.6806625cca

package/dist/domain/{application → spec/sections}/assistant/assistant-manifest.d.ts

@@ -8,18 +8,28 @@ export interface AssistantFieldSource {
     readonly source: string;
     readonly localized?: true;
 }
+/**
+ * What the integrator promises about a list of choices, so the agent can read it once and reuse it:
+ * `sameForAllInstances` when every entity of the type gets the same list, `constantDuringSession`
+ * when the list does not change during a session. A hint only adds a sentence to the description of
+ * the recipe group or options edge it is declared on; nothing verifies it.
+ */
+export declare const ASSISTANT_HINTS: readonly ['sameForAllInstances', 'constantDuringSession'];
+export type AssistantResolvedHint = (typeof ASSISTANT_HINTS)[number];
 /**
  * One recipe group the assistant manifest exposes on an entity type: a `childEntityRecipes` instance
  * under `childRecipes`, a `replaceEntityRecipes` instance under `replaceRecipes`. `groupId` is the
- * name the agent addresses the group by, `instanceName` the component instance it reads,
- * `description` the manifest's text replacing the component's group description, and `dryRuns`
- * whether the recipes of the group can be dry-run.
+ * name of its field on `<Type>ChildRecipes` or `<Type>ReplaceRecipes` and the id the agent passes to
+ * `addChild` or `replaceEntity`, `instanceName` the component instance it reads, `description` the
+ * manifest's text for that field, `dryRuns` whether the recipes of the group can be dry-run, and
+ * `hints` the sentences of the field's description saying when the agent can reuse what it read.
  */
 export interface AssistantRecipeGroup {
     readonly groupId: string;
     readonly instanceName: string;
     readonly description?: string;
     readonly dryRuns: boolean;
+    readonly hints: readonly AssistantResolvedHint[];
 }
 /**
  * The options edge of one writable field the assistant manifest links to its component. `field` is

package/dist/domain/{application → spec/sections}/assistant/assistant-resolved-manifest.d.ts

@@ -1,4 +1,4 @@
-import type { AssistantFieldOptions, AssistantRecipeGroup, AssistantScreenshotView } from './assistant-manifest.js';
+import type { AssistantFieldOptions, AssistantRecipeGroup, AssistantResolvedHint, AssistantScreenshotView } from './assistant-manifest.js';
 import type { AssistantFormElementDescriptor } from './form/index.js';
 /** JSON description of a scalar or recursively nested list, including nullability at each level. */
 export type AssistantValueType = {
@@ -10,11 +10,16 @@ export type AssistantValueType = {
     readonly item: AssistantValueType;
     readonly nonNull: boolean;
 };
-/** A relation edge resolved against the model at parse time, linked to GraphQL types only during building. */
-export interface AssistantRelationType {
+/**
+ * An entity edge resolved at parse time, linked to GraphQL types only during building: a relation,
+ * an entity-returning expression or an action result member. `target` is an entity type or alias,
+ * `list` makes it `[Target!]` and `nullable` drops the outer non-null.
+ */
+export interface AssistantEdgeType {
     readonly kind: 'edge';
     readonly target: string;
-    readonly cardinality: '1-1' | '0-1' | '0-N' | '1-N';
+    readonly list: boolean;
+    readonly nullable: boolean;
 }
 /**
  * A field's source and resolved type, carried in the application bundle without GraphQL instances.
@@ -27,7 +32,7 @@ export interface AssistantResolvedField {
     readonly type: {
         readonly kind: 'value';
         readonly type: AssistantValueType;
-    } | AssistantRelationType;
+    } | AssistantEdgeType;
     readonly localized: boolean;
     readonly description?: string;
     readonly lenses?: readonly string[];
@@ -54,6 +59,8 @@ export interface AssistantResolvedManifest {
     /** The screenshot views of each entity type with at least one, aliases expanded, in manifest order. */
     readonly screenshots: Readonly<Record<string, readonly AssistantScreenshotView[]>>;
     readonly actionFields: readonly AssistantResolvedAction[];
+    /** The entity types that declare invariants, whose `meta` lists the warnings and notices they hold. */
+    readonly invariantTypes: readonly string[];
     /** The declared lenses by name: when to use each, and how many levels its tagged relations nest. */
     readonly lenses: Readonly<Record<string, {
         readonly description: string;
@@ -74,27 +81,17 @@ export interface AssistantWritableType {
     readonly entityType: string;
     readonly fields: readonly AssistantWritableField[];
 }
-/** Description hints resolved from recipe/option entries; no parse context is retained. */
-export declare const ASSISTANT_HINTS: readonly ['sameForAllInstances', 'constantDuringSession'];
-export type AssistantResolvedHint = (typeof ASSISTANT_HINTS)[number];
-/** Recipe groups and their description hints for one entity type. */
-export interface AssistantResolvedRecipes {
-    readonly groups: readonly AssistantRecipeGroup[];
-    readonly hints: readonly AssistantResolvedHint[];
-}
+/** The recipe groups of one kind on one entity type or alias key, in manifest order, each with its own hints. */
+export type AssistantResolvedRecipes = readonly AssistantRecipeGroup[];
 /** One options edge, carrying the write-validation contract and schema description hints. */
 export interface AssistantResolvedOptionsEdge {
     readonly options: AssistantFieldOptions;
     readonly hints: readonly AssistantResolvedHint[];
 }
 /** An action result field, either an entity edge or a plain JSON-described value. */
-export type AssistantResolvedActionResult = {
-    readonly kind: 'edge';
-    readonly target: string;
-    readonly list: boolean;
-    readonly nullable: boolean;
+export type AssistantResolvedActionResult = (AssistantEdgeType & {
     readonly description?: string;
-} | {
+}) | {
     readonly kind: 'value';
     readonly type: AssistantValueType;
     readonly description?: string;

package/dist/domain/spec/sections/assistant/assistant-resolved-manifest.js

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

package/dist/domain/spec/sections/assistant/index.d.ts

@@ -0,0 +1,4 @@
+export { ASSISTANT_HINTS } from './assistant-manifest.js';
+export type { AssistantResolvedManifest, AssistantDeclaredField, AssistantDeclarations, AssistantDeclaredWrite, AssistantResolvedField, AssistantValueType, AssistantEdgeType, AssistantStates, AssistantWritableType, AssistantWritableField, AssistantResolvedRecipes, AssistantResolvedOptionsEdge, AssistantResolvedAction, AssistantResolvedActionResult, } from './assistant-resolved-manifest.js';
+export type { AssistantFieldSource, AssistantResolvedHint, AssistantRecipeGroup, AssistantFieldOptions, AssistantScreenshotView, AssistantManifest, } from './assistant-manifest.js';
+export * from './form/index.js';

package/dist/domain/spec/sections/assistant/index.js

@@ -0,0 +1 @@
+export{ASSISTANT_HINTS}from"./assistant-manifest.js";export*from"./form/index.js";

package/dist/domain/spec/sections/data-spec/chunks.d.ts

@@ -0,0 +1,23 @@
+import type { Branded } from '@salsita-ai/common/utils';
+/**
+ * Validated published-data chunk name.
+ * Chunk names identify top-level partitions in generated `publishedData`. Data
+ * entries point to these names through their `chunk` field, and the parser adds
+ * the reserved `system` chunk when user chunks exist.
+ */
+export type ChunkName = Branded<'ChunkName', string>;
+/**
+ * A named partition of published data with a scope.
+ * `scope` is typically `'project'` (per-project data) or `'public'` (shared).
+ */
+export interface ChunkDefinition {
+    /** Visibility/storage scope used by runtime data publishing for this chunk. */
+    readonly scope: string;
+}
+/**
+ * Validated chunk definitions, keyed by chunk name.
+ * When any user-defined chunks are present, the reserved `system` chunk is
+ * auto-injected with `scope: 'public'` to carry admin presets/recipes schemas.
+ * When the input is empty, no system injection happens (mirrors domain-spec behavior).
+ */
+export type Chunks = Readonly<Record<ChunkName, ChunkDefinition>>;

package/dist/domain/spec/sections/data-spec/chunks.js

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

package/dist/domain/spec/sections/data-spec/custom-data-spec-entry.d.ts

@@ -0,0 +1,16 @@
+import type { DataCellValue, DataSchema } from '../../../core/index.js';
+/** Parsed `$data.custom` entry with validated definition and normalized row values. */
+export interface CustomDataSpecEntry {
+    /** Column/property schema for a custom data row, used by admin pages and published-data schemas. */
+    readonly definition: DataSchema;
+    /** Optional published-data chunk that receives this entry as an array property. */
+    readonly chunk?: string;
+    /** Ownership mode deciding whether data is manual, externally connected, or admin-generated. */
+    readonly kind: 'manual' | 'connected' | 'generated';
+    /** Optional human-readable label used by inferred admin pages and connected-data UI. */
+    readonly title?: string;
+    /** Optional icon name used in inferred admin navigation. */
+    readonly icon?: string;
+    /** Default rows normalized to the same column order as `definition`. */
+    readonly values?: ReadonlyArray<readonly DataCellValue[]>;
+}

package/dist/domain/spec/sections/data-spec/custom-data-spec-entry.js

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

package/dist/domain/spec/sections/data-spec/data-entry-key.d.ts

@@ -0,0 +1,9 @@
+import type { Branded } from '@salsita-ai/common/utils';
+/**
+ * Validated `$data` entry key.
+ * This is the stable identifier for a data collection declared under `$data.custom`
+ * or `$data.swatchOptions`. The same key is used when extending published data,
+ * wiring connected/generated admin pages, and linking explicit admin pages through
+ * `connectedDataEntry`.
+ */
+export type DataEntryKey = Branded<'DataEntryKey', string>;

package/dist/domain/spec/sections/data-spec/data-entry-key.js

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

package/dist/domain/spec/sections/data-spec/index.d.ts

@@ -0,0 +1,5 @@
+export type * from './chunks.js';
+export type * from './custom-data-spec-entry.js';
+export type * from './data-entry-key.js';
+export type * from './parsed-data-spec-entries.js';
+export type * from './swatch-data-spec-entry.js';

package/dist/domain/spec/sections/data-spec/index.js

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

package/dist/domain/spec/sections/data-spec/parsed-data-spec-entries.d.ts

@@ -0,0 +1,10 @@
+import type { CustomDataSpecEntry } from './custom-data-spec-entry.js';
+import type { DataEntryKey } from './data-entry-key.js';
+import type { SwatchDataSpecEntry } from './swatch-data-spec-entry.js';
+/** Validated `$data` entries grouped by their source section. */
+export interface ParsedDataSpecEntries {
+    /** Custom data entries with user-declared schemas. */
+    readonly custom: Readonly<Record<DataEntryKey, CustomDataSpecEntry>>;
+    /** Swatch data entries with the built-in swatch schema. */
+    readonly swatchOptions: Readonly<Record<DataEntryKey, SwatchDataSpecEntry>>;
+}

package/dist/domain/spec/sections/data-spec/parsed-data-spec-entries.js

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

package/dist/domain/spec/sections/data-spec/swatch-data-spec-entry.d.ts

@@ -0,0 +1,14 @@
+import type { CellValue } from '@salsita-ai/contracts/webhook';
+/** Parsed `$data.swatchOptions` entry using the fixed swatch data shape. */
+export interface SwatchDataSpecEntry {
+    /** Optional published-data chunk that receives this swatch entry as an array property. */
+    readonly chunk?: string;
+    /** Ownership mode deciding whether swatches are manual, externally connected, or admin-generated. */
+    readonly kind: 'manual' | 'connected' | 'generated';
+    /** Optional human-readable label used by inferred admin pages and connected-data UI. */
+    readonly title?: string;
+    /** Optional icon name used in inferred admin navigation. */
+    readonly icon?: string;
+    /** Default swatch rows normalized to `SWATCH_DEFINITION` column order. */
+    readonly values?: ReadonlyArray<readonly CellValue[]>;
+}

package/dist/domain/spec/sections/data-spec/swatch-data-spec-entry.js

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

package/dist/domain/spec/sections/index.d.ts

@@ -0,0 +1,10 @@
+export type * from './actions.js';
+export type * from './app-metadata.js';
+export type * from './application-version.js';
+export * from './assistant/index.js';
+export type * from './data-spec/index.js';
+export * from './infra/index.js';
+export type * from './state-value.js';
+export type * from './theme.js';
+export type * from './transformers.js';
+export type * from './ui.js';

package/dist/domain/spec/sections/index.js

@@ -0,0 +1 @@
+export*from"./assistant/index.js";export*from"./infra/index.js";

package/dist/domain/spec/sections/infra/acl.d.ts

@@ -0,0 +1,12 @@
+/** The roles of `acl.canCreate`: the users who may create a configuration. */
+export declare const aclRoles: readonly ['anonymous', 'user', 'admin', 'superadmin'];
+/** One role of {@link aclRoles}. */
+export type AclRole = (typeof aclRoles)[number];
+/**
+ * The parsed `acl` section of the application spec: the roles that may create a configuration,
+ * all four when the spec declares none. Code generation passes it to the generated configurator
+ * builder, and the runtime spec carries it to the application.
+ */
+export interface Acl {
+    readonly canCreate: readonly AclRole[];
+}

package/dist/domain/spec/sections/infra/acl.js

@@ -0,0 +1 @@
+export const aclRoles=["anonymous","user","admin","superadmin"];

package/dist/domain/spec/sections/infra/index.d.ts

@@ -0,0 +1,3 @@
+export * from './acl.js';
+export type * from './resource-entry.js';
+export type * from './resources-config.js';

package/dist/domain/spec/sections/infra/index.js

@@ -0,0 +1 @@
+export*from"./acl.js";

package/dist/domain/spec/sections/infra/resource-entry.d.ts

@@ -0,0 +1,46 @@
+/** A resource that links to the configuration. */
+export interface ConfigurationLinkResource {
+    readonly type: 'ConfigurationLink';
+    readonly name: string;
+}
+/** A CSV document of the configuration, generated by the server or stored under `s3Key`. */
+export interface CsvResource {
+    readonly type: 'Csv';
+    readonly name: string;
+    readonly s3Key?: string;
+}
+/** A PDF document of the configuration, generated by the server or stored under `s3Key`. */
+export interface PdfResource {
+    readonly type: 'Pdf';
+    readonly name: string;
+    readonly s3Key?: string;
+}
+/** An image the client renders and uploads under `s3Key`. */
+export interface ClientGeneratedImageResource {
+    readonly type: 'Image';
+    readonly name: string;
+    readonly clientGenerated: true;
+    readonly s3Key: string;
+}
+/** An image that already exists at `url`. */
+export interface ExistingImageResource {
+    readonly type: 'Image';
+    readonly name: string;
+    readonly exists: true;
+    readonly url: string;
+}
+/** An image the server renders under `s3Key`. */
+export interface GeneratedImageResource {
+    readonly type: 'Image';
+    readonly name: string;
+    readonly s3Key: string;
+}
+/** One of the three kinds of image resource. */
+export type ImageResource = ClientGeneratedImageResource | ExistingImageResource | GeneratedImageResource;
+/**
+ * One entry of the `resources` section of the application spec: a generated or linked resource of a
+ * configuration. A name identifies one resource, so no two entries share a name. Code generation
+ * emits the entries as an array literal, and the union of their names is the type of a resource
+ * name in the project's webhook and frontend code.
+ */
+export type ResourceEntry = ConfigurationLinkResource | CsvResource | PdfResource | ImageResource;

package/dist/domain/spec/sections/infra/resource-entry.js

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

package/dist/domain/spec/sections/infra/resources-config.d.ts

@@ -0,0 +1,10 @@
+/**
+ * The parsed `resourcesConfig` section of the application spec: the host settings of the
+ * resources, such as the base resources URL and the texture URLs to prefetch. `domain` exports a
+ * different `ResourcesConfig`, the resources part of an application config.
+ */
+export interface SpecResourcesConfig {
+    readonly baseResourcesUrl?: string;
+    readonly prefetchTextureUrls?: readonly string[];
+    readonly deploymentQueryDisabled?: boolean;
+}

package/dist/domain/spec/sections/infra/resources-config.js

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

package/dist/domain/spec/sections/state-value.d.ts

@@ -0,0 +1,7 @@
+import type { Branded } from '@salsita-ai/common/utils';
+/**
+ * Branded state value — a valid identifier used as a state enum entry
+ * (e.g. "Default", "overview", "detailView").
+ * Used across navigation, view, tool, and export state dimensions.
+ */
+export type StateValue = Branded<'StateValue', string>;

package/dist/domain/spec/sections/state-value.js

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

package/dist/domain/spec/sections/theme.d.ts

@@ -0,0 +1,10 @@
+import type { Branded } from '@salsita-ai/common/utils';
+/**
+ * Validated theme configuration for the configurator UI.
+ * Preset identifies a built-in theme from getPhoenixThemes(),
+ * options provides partial overrides passed to the theme factory.
+ */
+export type Theme = Branded<'Theme', {
+    readonly preset: string;
+    readonly options: Readonly<Record<string, unknown>>;
+}>;

package/dist/domain/spec/sections/theme.js

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

package/dist/domain/spec/sections/transformers.d.ts

@@ -0,0 +1,15 @@
+import type { Branded } from '@salsita-ai/common/utils';
+/** One declared transformer: the name its implementation is registered under, and its priority. */
+export interface TransformerEntry {
+    readonly name: string;
+    readonly priority?: number;
+}
+/**
+ * Validated transformer declarations. Each transformer is applied during
+ * domain state transitions to enforce business rules (e.g. "fixLegsForCircleTop").
+ * Every entry's name must match a file basename in `src/transformers/`
+ * (modulo case + dashes — kebab-case files and camelCase YAML names are
+ * treated as equivalent since runtime matching happens on the `.build('name')`
+ * label, not the filename). `application-spec` exports it as `Transformers`.
+ */
+export type SpecTransformers = Branded<'Transformers', readonly TransformerEntry[]>;

package/dist/domain/spec/sections/transformers.js

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

package/dist/domain/spec/sections/ui.d.ts

@@ -0,0 +1,12 @@
+import type { Branded } from '@salsita-ai/common/utils';
+/**
+ * Validated UI configuration for the configurator.
+ * Controls preview behavior, expansion mode, and locale settings.
+ */
+export type Ui = Branded<'Ui', {
+    readonly preview?: 'always' | 'never' | 'auto' | 'hide';
+    readonly alwaysExpand?: boolean;
+    readonly appLoader?: 'legacy' | 'universal';
+    readonly availableLocales: readonly string[];
+    readonly textLanguages?: readonly string[];
+}>;

package/dist/domain/spec/sections/ui.js

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

package/dist/domain/system-components/phoenix-entity-elements/child-entity-card-selector.d.ts

@@ -23,9 +23,8 @@ export interface ChildEntityCardSelectorSchema {
          */
         readonly instanceName: string;
         /**
-         * Array of violation type names that should be treated as fixable errors.
-         * Options that only trigger these violation types will remain enabled but show warnings.
-         * Other violation types will disable the option completely.
+         * Violation types to leave out of an option's tooltip. An option that would cause a `fatal` or `fixable`
+         * violation stays disabled whatever its type; a transformer that repairs the violation makes the option selectable.
          */
         readonly fixableViolations?: readonly string[];
         /**

package/dist/domain/system-components/phoenix-entity-elements/child-entity-list-selector.d.ts

@@ -20,9 +20,8 @@ export interface ChildEntityListSelectorSchema {
          */
         readonly instanceName: string;
         /**
-         * Array of violation type names that should be treated as warnings rather than errors.
-         * Options that trigger only these violations will remain selectable but show warning tooltips.
-         * Options triggering other violations will be disabled completely.
+         * Violation types to leave out of an option's tooltip. An option that would cause a `fatal` or `fixable`
+         * violation stays disabled whatever its type; a transformer that repairs the violation makes the option selectable.
          */
         readonly fixableViolations?: readonly string[];
         /**

package/dist/domain/system-components/phoenix-entity-elements/child-entity-toggle-selector.d.ts

@@ -20,9 +20,8 @@ export interface ChildEntityToggleSelectorSchema {
          */
         readonly instanceName: string;
         /**
-         * Array of violation type names that should be treated as warnings rather than errors.
-         * Options that trigger only these violations will remain selectable but show warning tooltips.
-         * Options triggering other violations will be disabled completely.
+         * Violation types to leave out of an option's tooltip. An option that would cause a `fatal` or `fixable`
+         * violation stays disabled whatever its type; a transformer that repairs the violation makes the option selectable.
          */
         readonly fixableViolations?: readonly string[];
         /**

package/dist/domain/system-definitions.js

@@ -1 +1 @@
-import{availableSystemComponents as e}from"./available-system-components.js";import{availableDefinitions as t}from"./core/index.js";export const getAllPhxDefinitions=()=>[...t,...e.map(e=>{let{definitions:t,...n}=e.schema;return n}),...e.flatMap(e=>Object.values(e.schema.definitions??{}).map(t=>{if("object"==typeof t&&"tsType"in t)return t;throw Error(`Schema definition in a component ${e.name} is not an extended json schema! Add a tsType to the schema.`)}))].reduce((e,t)=>{if(!t.tsType)throw Error(`Schema definition is not an extended json schema! Add a tsType to the schema. ${JSON.stringify(t)}`);return e[t.tsType]=t,e},{});
+import{availableSystemComponents as e}from"./available-system-components/index.js";import{availableDefinitions as t}from"./core/index.js";export const getAllPhxDefinitions=()=>[...t,...e.map(e=>{let{definitions:t,...n}=e.schema;return n}),...e.flatMap(e=>Object.values(e.schema.definitions??{}).map(t=>{if("object"==typeof t&&"tsType"in t)return t;throw Error(`Schema definition in a component ${e.name} is not an extended json schema! Add a tsType to the schema.`)}))].reduce((e,t)=>{if(!t.tsType)throw Error(`Schema definition is not an extended json schema! Add a tsType to the schema. ${JSON.stringify(t)}`);return e[t.tsType]=t,e},{});

package/dist/domain/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { memoEval } from './memo-eval.js';
+export { withProfilerLabel } from './profiler-label.js';

package/dist/domain/utils/index.js

@@ -0,0 +1 @@
+export{memoEval}from"./memo-eval.js";export{withProfilerLabel}from"./profiler-label.js";

package/dist/editor/Editor.d.ts

@@ -45,5 +45,10 @@ export interface EditorProps {
     readonly tagName: string;
     /** Whether the editor should expose and load the embedded Admin application. */
     readonly enableAdmin?: boolean;
+    /**
+     * Renders only the configurator, with none of the editor's panels, while the editor still serves
+     * the CLI's inspect commands and applies spec hot reloads. `phoenix dev` sets it in agent mode.
+     */
+    readonly hideUi?: boolean;
 }
 export declare const Editor: import("react").MemoExoticComponent<(props: EditorProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/editor/Editor.js

@@ -1 +1 @@
-import{jsx as e,jsxs as i,Fragment as t}from"react/jsx-runtime";import{Box as o,Chip as n,CssBaseline as r,IconButton as s,ThemeProvider as a,Tooltip as l,Typography as d,createTheme as m,useMediaQuery as c,useTheme as p}from"@mui/material";import{ModalProvider as f}from"mui-modal-provider";import{memo as h,useCallback as u,useEffect as g,useState as w}from"react";import{match as k}from"ts-pattern";import{useLocalStorage as y}from"usehooks-ts";import{PhxIcon as x,SnackbarProvider as b,createThemeWithPhoenixIcons as v}from"#package/ui-sdk";import{EditorMode as S}from"./EditorMode.js";import{EditorRuntimeProvider as P}from"./EditorRuntimeProvider.js";import{EditorAdminContextProvider as j}from"./admin/EditorAdminContext.js";import{EditorAdminMainContent as V}from"./admin/EditorAdminMainContent.js";import{EditorAdminSidebar as E}from"./admin/EditorAdminSidebar.js";import{useEditorAdminState as D}from"./admin/use-editor-admin-state.js";import{Analytics as T}from"./analytics/Analytics.js";import{AnalyticsProvider as A}from"./analytics/AnalyticsContext.js";import{Logotype as C}from"./common/Logotype.js";import{PanelIconButton as L}from"./common/PanelIconButton.js";import{BrowserConsoleReporter as M}from"./console-reporter/BrowserConsoleReporter.js";import{DataHandler as W}from"./data/DataHandler.js";import{DebugFlags as R}from"./debug-flags/DebugFlags.js";import{DiagnosticsPanel as I}from"./diagnostics/DiagnosticsPanel.js";import{DomainEditors as F}from"./domain-editors/DomainEditors.js";import{DomainSpecProvider as G,useDomainSpecContext as z}from"./domain-editors/DomainSpecContext.js";import{DomainReflection as B}from"./domain-reflection/DomainReflection.js";import{GraphQLPanel as Q}from"./graphql/GraphQLPanel.js";import{LogsPanel as H}from"./logs/LogsPanel.js";import{EditorMockProvider as U}from"./mocks/EditorMockContext.js";import{Mocks as q}from"./mocks/Mocks.js";import{ProfilerPanel as K}from"./profiler/ProfilerPanel.js";import{RemoteFilesList as O}from"./remote-files/RemoteFilesList.js";import{SceneHandler as N}from"./scene/SceneHandler.js";import{ScreenshotHandler as X}from"./screenshot/ScreenshotHandler.js";import{EditorConnectionProvider as Y}from"./services/EditorConnectionContext.js";import{EditorActionButtons as $}from"./sidebar/EditorActionButtons.js";import{StateInspector as J}from"./state-inspector/index.js";import{StateHandler as Z}from"./state/StateHandler.js";import{SpaTemplate as _}from"./templates/SpaTemplate.js";import{Templates as ee}from"./templates/Templates.js";import{TemplatesList as ei}from"./templates/TemplatesList.js";import{TunnelProvider as et,useTunnel as eo}from"./tunnel/TunnelContext.js";import{TunnelPanel as en}from"./tunnel/TunnelPanel.js";import{hasTunnelProblem as er}from"./tunnel/tunnel-view-model.js";import{HTML_VARIANT_FRAME_ATTRIBUTE as es,VariantPreviewHandler as ea,useConfiguratorContainerRef as el}from"./variants/VariantPreviewHandler.js";import{VideoStudio as ed}from"./video-studio/VideoStudio.js";import{WebSocketStatus as em}from"./websocket-status/WebSocketStatus.js";let ec=h(()=>e("div",{ref:el(),style:{width:"100%",height:"100%"}})),ep=v(m());export const EditorPanelView={Files:"Files",Reflections:"Reflections",Domain:"Domain",Templates:"Templates",Mocks:"Mocks",Inspector:"Inspector",Debug:"Debug",Profiler:"Profiler",GraphQL:"GraphQL",VideoStudio:"VideoStudio",Analytics:"Analytics",Diagnostics:"Diagnostics",Logs:"Logs",Tunnel:"Tunnel",WebSocketStatus:"WebSocketStatus",Admin:"Admin"};let ef=[{key:EditorPanelView.Templates,icon:"GridFour",title:"Templates"},{key:EditorPanelView.Reflections,icon:"House",title:"Reflections"},{key:EditorPanelView.Files,icon:"List",title:"Files"},{key:EditorPanelView.Domain,icon:"Gear",title:"Domain"},{key:EditorPanelView.Mocks,icon:"TagBold",title:"Mocks"},{key:EditorPanelView.Inspector,icon:"CurrencyDollar",title:"Inspector"},{key:EditorPanelView.Debug,icon:"EyeBold",title:"Debug"},{key:EditorPanelView.Profiler,icon:"Alarm",title:"Profiler"},{key:EditorPanelView.GraphQL,icon:"MagnifyingGlassBold",title:"GraphQL"},{key:EditorPanelView.VideoStudio,icon:"CameraRotate",title:"Video Studio"},{key:EditorPanelView.Analytics,icon:"Flame",title:"Analytics"},{key:EditorPanelView.Diagnostics,icon:"WarningCircle",title:"Diagnostics"},{key:EditorPanelView.Logs,icon:"BracketsCurly",title:"Logs"},{key:EditorPanelView.Tunnel,icon:"ArrowsHorizontal",title:"Webhook Tunnel"}],eh=h(r=>{let{panelView:a,setPanelView:m,width:c,setWidth:p,selectedTemplate:f,setSelectedTemplate:h,isResizing:y,setIsResizing:b,onExit:v,enableAdmin:S}=r,P=D(S),{unreadDiagnosticCount:j,markDiagnosticsRead:A}=z(),{state:M}=eo(),W=a?Math.max(c,240):38,[G,U]=w(0),N=u(()=>U(e=>e+1),[]);return g(()=>{a===EditorPanelView.Diagnostics&&A()},[A,a]),i(o,{component:"div",sx:{display:"grid",gridTemplateColumns:`${W}px min-content auto`,gridTemplateRows:"minmax(0, 1fr)",width:"100vw",height:"100vh",backgroundColor:"#ffffff",overflow:"hidden"},onMouseMove:e=>{y&&p(e.clientX)},onMouseUp:()=>{b(!1)},children:[i(o,{component:"div",sx:{display:"grid",gridTemplateColumns:"36px auto",backgroundColor:"#f8f9fa",borderRight:"1px solid #dee2e6",boxShadow:"2px 0 8px rgba(0, 0, 0, 0.06)",overflow:"hidden",height:"100%"},children:[i("div",{style:{backgroundColor:"#f8f9fa",height:"100%",display:"flex",flexDirection:"column",alignItems:"center",padding:"4px 0"},children:[e("div",{style:{marginBottom:"8px"},children:e(C,{variant:"icon-only"})}),i("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:"2px"},children:[S&&i(t,{children:[e(L,{icon:"SlidersHorizontal",title:"Admin",active:a===EditorPanelView.Admin,onClick:()=>{a===EditorPanelView.Admin?m(null):m(EditorPanelView.Admin)}}),e("div",{style:{borderBottom:"1px solid #dee2e6",margin:"2px 0"}})]}),ef.map(i=>e(L,{icon:i.icon,title:i.title,active:a===i.key,badgeCount:i.key===EditorPanelView.Tunnel?+!!er(M):i.key===EditorPanelView.Diagnostics?j:0,onClick:()=>{a===i.key?m(null):m(i.key)}},i.key))]}),e($,{reload:N}),e("div",{style:{padding:"0 2px",paddingBottom:"4px"},children:e(L,{icon:"CloudArrowUp",title:"WebSocket Status",active:a===EditorPanelView.WebSocketStatus,onClick:()=>{a===EditorPanelView.WebSocketStatus?m(null):m(EditorPanelView.WebSocketStatus)}})}),v&&e("div",{style:{padding:"0 2px",paddingBottom:"8px"},children:e(L,{icon:"SignOut",title:"Exit Editor",variant:"danger",onClick:v})})]}),a&&i(o,{component:"div",sx:{display:"flex",flexDirection:"column",height:"100%",overflow:"hidden",backgroundColor:"#ffffff"},children:[e(o,{component:"div",sx:{p:1.5,borderBottom:"1px solid #e9ecef",backgroundColor:"#ffffff"},children:i(o,{component:"div",sx:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[i(o,{component:"div",sx:{display:"flex",flexDirection:"row",alignItems:"center"},children:[e(d,{variant:"h6",sx:{fontSize:16,fontWeight:600,color:"#212529"},children:k(a).with("Files",()=>"Files").with("Reflections",()=>"Reflections").with("Domain",()=>"Domain").with("Templates",()=>"Templates").with("Mocks",()=>"Mocks").with("Inspector",()=>"State Inspector").with("Debug",()=>"Debug").with("Profiler",()=>"Profiler").with("GraphQL",()=>"GraphQL").with("VideoStudio",()=>"Video Studio").with("Analytics",()=>"Analytics").with("Diagnostics",()=>"Diagnostics").with("Logs",()=>"Dev Server Logs").with("Tunnel",()=>"Webhook Tunnel").with("WebSocketStatus",()=>"WebSocket Status").with("Admin",()=>"Admin").otherwise(e=>e)}),e(l,{title:k(a).with("Files",()=>"Browse and inspect loaded GLTF files and their contents").with("Reflections",()=>"Inspect internal Phoenix systems state and configuration").with("Domain",()=>"Edit YAML domain specifications and component configurations").with("Templates",()=>"Select different layout templates for the configurator interface").with("Mocks",()=>"Create and manage mock data for testing session and access configurations").with("Inspector",()=>"Walk the entity tree: fields, expressions, and children").with("Debug",()=>"Toggle scene debug visuals like offset anchors, snapping, and collision meshes").with("Profiler",()=>"Make domain expressions show up as named frames in browser CPU profiles").with("GraphQL",()=>"Run GraphQL queries against the schema generated from the assistant manifest").with("VideoStudio",()=>"Create video sequences by capturing keyframes and exporting as video").with("Analytics",()=>"View parse pipeline metrics, domain stats, and diagnostics").with("Diagnostics",()=>"View latest editor warnings and errors").with("Logs",()=>"View dev server logs: spec builds, webhooks, vite, and browser console").with("Tunnel",()=>"View webhook tunnel status and the requests routed through it").with("WebSocketStatus",()=>"View WebSocket connection status and editor mode information").with("Admin",()=>"Manage admin panel, publish data, and configure settings").otherwise(()=>"Panel information"),placement:"left",arrow:!0,children:e(s,{size:"small",sx:{ml:1,color:"#6c757d",fontSize:14,p:.25,"&:hover":{backgroundColor:"#f8f9fa",color:"#495057"}},children:e(x,{name:"Info",style:{fontSize:14}})})})]}),e(o,{component:"div",sx:{display:"flex",alignItems:"center",gap:1},children:"Templates"===a&&e(n,{label:f.charAt(0).toUpperCase()+f.slice(1),variant:"outlined",size:"small",sx:{backgroundColor:"#f8f9fa",borderColor:"#dee2e6",color:"#495057",fontWeight:500,fontSize:"0.75rem"}})})]})}),i(o,{component:"div",sx:{flex:1,backgroundColor:"#ffffff",overflow:"auto"},children:["Files"===a&&e(O,{}),"Reflections"===a&&e(B,{}),"Domain"===a&&e(F,{}),"Templates"===a&&e(ei,{selectedTemplate:f,onTemplateSelect:h}),"Mocks"===a&&e(q,{}),"Inspector"===a&&e(J,{}),"Debug"===a&&e(R,{}),"Profiler"===a&&e(K,{}),"GraphQL"===a&&e(Q,{}),"VideoStudio"===a&&e(ed,{}),"Analytics"===a&&e(T,{}),"Diagnostics"===a&&e(I,{}),"Logs"===a&&e(H,{}),"Tunnel"===a&&e(en,{}),"WebSocketStatus"===a&&e(em,{}),S&&"Admin"===a&&e(E,{...P})]})]})]}),e("div",{style:{width:"2px",backgroundColor:"#dee2e6",cursor:"ew-resize",boxShadow:"1px 0 3px rgba(0, 0, 0, 0.05)"},onMouseDown:()=>{b(!0)}}),i("div",{style:{position:"relative",overflow:"hidden"},children:[e("div",{style:{position:"absolute",inset:0,zIndex:+("Admin"!==a)},children:e(ee,{selectedTemplate:f,children:e(ec,{},G)})}),S&&e("div",{style:{position:"absolute",inset:0,zIndex:+("Admin"===a)},children:e(V,{})})]})]})}),eu=h(()=>e(_,{children:e(ec,{})})),eg=h(o=>{let{wsUrl:n="ws://localhost:3020",localMode:r=!1,domainSpec:s,initialRawProjectFiles:a,onExit:l,mockTemplates:d,autoApplyTemplate:m,initialTemplateKey:h,environmentKey:u,tagName:k,enableAdmin:x=!0}=o,v=c(p().breakpoints.up("md")),[V,E]=y("editor-width",350),[D,T]=y("editor-view",null),[C,L]=y("editor-template","spa"),[R,I]=w(!1);return g(()=>{null===D||Object.values(EditorPanelView).some(e=>e===D)&&(x||D!==EditorPanelView.Admin)||T(null)},[x,D,T]),e(f,{children:e(b,{maxSnack:5,children:e(j,{children:e(P,{tagName:k,children:e(Y,{initialWsUrl:n,localMode:r,children:e(et,{children:e(S,{children:e(A,{children:e(G,{domainSpec:s,initialRawProjectFiles:a,children:i(U,{mockTemplates:d,autoApplyTemplate:m,initialTemplateKey:h,environmentKey:u,children:[!r&&i(t,{children:[e(X,{}),e(Z,{}),e(W,{}),e(N,{}),e(M,{})]}),e(ea,{children:v?e(eh,{panelView:D,setPanelView:T,width:V,setWidth:E,selectedTemplate:C,setSelectedTemplate:L,isResizing:R,setIsResizing:I,onExit:l,enableAdmin:x}):e(eu,{})})]})})})})})})})})})})});export const Editor=h(t=>{try{if(window.frameElement?.hasAttribute(es))return e("div",{role:"alert","data-testid":"variant-page-unavailable",style:{padding:24,fontFamily:"sans-serif"},children:"This preview page is unavailable. Ask the agent to recreate it or close the comparison."})}catch{}return i(a,{theme:ep,children:[e(r,{}),e(eg,{...t})]})});
+import{jsx as e,jsxs as i,Fragment as t}from"react/jsx-runtime";import{Box as o,Chip as n,CssBaseline as r,IconButton as s,ThemeProvider as a,Tooltip as l,Typography as d,createTheme as m,useMediaQuery as c,useTheme as p}from"@mui/material";import{ModalProvider as f}from"mui-modal-provider";import{memo as h,useCallback as u,useEffect as g,useState as w}from"react";import{ErrorBoundary as k}from"react-error-boundary";import{match as y}from"ts-pattern";import{useLocalStorage as b}from"usehooks-ts";import{PhxIcon as x,SnackbarProvider as v,createThemeWithPhoenixIcons as S}from"#package/ui-sdk";import{EditorMode as P}from"./EditorMode.js";import{EditorRuntimeProvider as j}from"./EditorRuntimeProvider.js";import{EditorAdminContextProvider as V}from"./admin/EditorAdminContext.js";import{EditorAdminMainContent as E}from"./admin/EditorAdminMainContent.js";import{EditorAdminSidebar as D}from"./admin/EditorAdminSidebar.js";import{useEditorAdminState as T}from"./admin/use-editor-admin-state.js";import{AgentModeBridge as A}from"./agent-mode/AgentModeBridge.js";import{Analytics as C}from"./analytics/Analytics.js";import{AnalyticsProvider as L}from"./analytics/AnalyticsContext.js";import{Logotype as M}from"./common/Logotype.js";import{PanelIconButton as R}from"./common/PanelIconButton.js";import{BrowserConsoleReporter as W}from"./console-reporter/BrowserConsoleReporter.js";import{DataHandler as I}from"./data/DataHandler.js";import{DebugFlags as F}from"./debug-flags/DebugFlags.js";import{DiagnosticsPanel as B}from"./diagnostics/DiagnosticsPanel.js";import{DomainEditors as G}from"./domain-editors/DomainEditors.js";import{DomainSpecProvider as z,useDomainSpecContext as Q}from"./domain-editors/DomainSpecContext.js";import{DomainReflection as H}from"./domain-reflection/DomainReflection.js";import{GraphQLPanel as U}from"./graphql/GraphQLPanel.js";import{LogsPanel as q}from"./logs/LogsPanel.js";import{EditorMockProvider as K}from"./mocks/EditorMockContext.js";import{Mocks as N}from"./mocks/Mocks.js";import{ProfilerPanel as O}from"./profiler/ProfilerPanel.js";import{RemoteFilesList as X}from"./remote-files/RemoteFilesList.js";import{SceneHandler as Y}from"./scene/SceneHandler.js";import{ScreenshotHandler as $}from"./screenshot/ScreenshotHandler.js";import{EditorConnectionProvider as J}from"./services/EditorConnectionContext.js";import{EditorActionButtons as Z}from"./sidebar/EditorActionButtons.js";import{StateInspector as _}from"./state-inspector/index.js";import{StateHandler as ee}from"./state/StateHandler.js";import{SpaTemplate as ei}from"./templates/SpaTemplate.js";import{Templates as et}from"./templates/Templates.js";import{TemplatesList as eo}from"./templates/TemplatesList.js";import{TunnelProvider as en,useTunnel as er}from"./tunnel/TunnelContext.js";import{TunnelPanel as es}from"./tunnel/TunnelPanel.js";import{hasTunnelProblem as ea}from"./tunnel/tunnel-view-model.js";import{VariantPageUnavailable as el}from"./variants/VariantPageUnavailable.js";import{HTML_VARIANT_FRAME_ATTRIBUTE as ed,VariantPreviewHandler as em,useConfiguratorContainerRef as ec}from"./variants/VariantPreviewHandler.js";import{VideoStudio as ep}from"./video-studio/VideoStudio.js";import{WebSocketStatus as ef}from"./websocket-status/WebSocketStatus.js";let eh=h(()=>e("div",{ref:ec(),style:{width:"100%",height:"100%"}})),eu=S(m()),eg=i=>i.enabled?e(k,{fallbackRender:()=>null,children:i.children}):i.children;export const EditorPanelView={Files:"Files",Reflections:"Reflections",Domain:"Domain",Templates:"Templates",Mocks:"Mocks",Inspector:"Inspector",Debug:"Debug",Profiler:"Profiler",GraphQL:"GraphQL",VideoStudio:"VideoStudio",Analytics:"Analytics",Diagnostics:"Diagnostics",Logs:"Logs",Tunnel:"Tunnel",WebSocketStatus:"WebSocketStatus",Admin:"Admin"};let ew=[{key:EditorPanelView.Templates,icon:"GridFour",title:"Templates"},{key:EditorPanelView.Reflections,icon:"House",title:"Reflections"},{key:EditorPanelView.Files,icon:"List",title:"Files"},{key:EditorPanelView.Domain,icon:"Gear",title:"Domain"},{key:EditorPanelView.Mocks,icon:"TagBold",title:"Mocks"},{key:EditorPanelView.Inspector,icon:"CurrencyDollar",title:"Inspector"},{key:EditorPanelView.Debug,icon:"EyeBold",title:"Debug"},{key:EditorPanelView.Profiler,icon:"Alarm",title:"Profiler"},{key:EditorPanelView.GraphQL,icon:"MagnifyingGlassBold",title:"GraphQL"},{key:EditorPanelView.VideoStudio,icon:"CameraRotate",title:"Video Studio"},{key:EditorPanelView.Analytics,icon:"Flame",title:"Analytics"},{key:EditorPanelView.Diagnostics,icon:"WarningCircle",title:"Diagnostics"},{key:EditorPanelView.Logs,icon:"BracketsCurly",title:"Logs"},{key:EditorPanelView.Tunnel,icon:"ArrowsHorizontal",title:"Webhook Tunnel"}],ek=h(r=>{let{panelView:a,setPanelView:m,width:c,setWidth:p,selectedTemplate:f,setSelectedTemplate:h,isResizing:k,setIsResizing:b,onExit:v,enableAdmin:S}=r,P=T(S),{unreadDiagnosticCount:j,markDiagnosticsRead:V}=Q(),{state:A}=er(),L=a?Math.max(c,240):38,[W,I]=w(0),z=u(()=>I(e=>e+1),[]);return g(()=>{a===EditorPanelView.Diagnostics&&V()},[V,a]),i(o,{component:"div",sx:{display:"grid",gridTemplateColumns:`${L}px min-content auto`,gridTemplateRows:"minmax(0, 1fr)",width:"100vw",height:"100vh",backgroundColor:"#ffffff",overflow:"hidden"},onMouseMove:e=>{k&&p(e.clientX)},onMouseUp:()=>{b(!1)},children:[i(o,{component:"div",sx:{display:"grid",gridTemplateColumns:"36px auto",backgroundColor:"#f8f9fa",borderRight:"1px solid #dee2e6",boxShadow:"2px 0 8px rgba(0, 0, 0, 0.06)",overflow:"hidden",height:"100%"},children:[i("div",{style:{backgroundColor:"#f8f9fa",height:"100%",display:"flex",flexDirection:"column",alignItems:"center",padding:"4px 0"},children:[e("div",{style:{marginBottom:"8px"},children:e(M,{variant:"icon-only"})}),i("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:"2px"},children:[S&&i(t,{children:[e(R,{icon:"SlidersHorizontal",title:"Admin",active:a===EditorPanelView.Admin,onClick:()=>{a===EditorPanelView.Admin?m(null):m(EditorPanelView.Admin)}}),e("div",{style:{borderBottom:"1px solid #dee2e6",margin:"2px 0"}})]}),ew.map(i=>e(R,{icon:i.icon,title:i.title,active:a===i.key,badgeCount:i.key===EditorPanelView.Tunnel?+!!ea(A):i.key===EditorPanelView.Diagnostics?j:0,onClick:()=>{a===i.key?m(null):m(i.key)}},i.key))]}),e(Z,{reload:z}),e("div",{style:{padding:"0 2px",paddingBottom:"4px"},children:e(R,{icon:"CloudArrowUp",title:"WebSocket Status",active:a===EditorPanelView.WebSocketStatus,onClick:()=>{a===EditorPanelView.WebSocketStatus?m(null):m(EditorPanelView.WebSocketStatus)}})}),v&&e("div",{style:{padding:"0 2px",paddingBottom:"8px"},children:e(R,{icon:"SignOut",title:"Exit Editor",variant:"danger",onClick:v})})]}),a&&i(o,{component:"div",sx:{display:"flex",flexDirection:"column",height:"100%",overflow:"hidden",backgroundColor:"#ffffff"},children:[e(o,{component:"div",sx:{p:1.5,borderBottom:"1px solid #e9ecef",backgroundColor:"#ffffff"},children:i(o,{component:"div",sx:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[i(o,{component:"div",sx:{display:"flex",flexDirection:"row",alignItems:"center"},children:[e(d,{variant:"h6",sx:{fontSize:16,fontWeight:600,color:"#212529"},children:y(a).with("Files",()=>"Files").with("Reflections",()=>"Reflections").with("Domain",()=>"Domain").with("Templates",()=>"Templates").with("Mocks",()=>"Mocks").with("Inspector",()=>"State Inspector").with("Debug",()=>"Debug").with("Profiler",()=>"Profiler").with("GraphQL",()=>"GraphQL").with("VideoStudio",()=>"Video Studio").with("Analytics",()=>"Analytics").with("Diagnostics",()=>"Diagnostics").with("Logs",()=>"Dev Server Logs").with("Tunnel",()=>"Webhook Tunnel").with("WebSocketStatus",()=>"WebSocket Status").with("Admin",()=>"Admin").otherwise(e=>e)}),e(l,{title:y(a).with("Files",()=>"Browse and inspect loaded GLTF files and their contents").with("Reflections",()=>"Inspect internal Phoenix systems state and configuration").with("Domain",()=>"Edit YAML domain specifications and component configurations").with("Templates",()=>"Select different layout templates for the configurator interface").with("Mocks",()=>"Create and manage mock data for testing session and access configurations").with("Inspector",()=>"Walk the entity tree: fields, expressions, and children").with("Debug",()=>"Toggle scene debug visuals like offset anchors, snapping, and collision meshes").with("Profiler",()=>"Make domain expressions show up as named frames in browser CPU profiles").with("GraphQL",()=>"Run GraphQL queries against the schema generated from the assistant manifest").with("VideoStudio",()=>"Create video sequences by capturing keyframes and exporting as video").with("Analytics",()=>"View parse pipeline metrics, domain stats, and diagnostics").with("Diagnostics",()=>"View latest editor warnings and errors").with("Logs",()=>"View dev server logs: spec builds, webhooks, vite, and browser console").with("Tunnel",()=>"View webhook tunnel status and the requests routed through it").with("WebSocketStatus",()=>"View WebSocket connection status and editor mode information").with("Admin",()=>"Manage admin panel, publish data, and configure settings").otherwise(()=>"Panel information"),placement:"left",arrow:!0,children:e(s,{size:"small",sx:{ml:1,color:"#6c757d",fontSize:14,p:.25,"&:hover":{backgroundColor:"#f8f9fa",color:"#495057"}},children:e(x,{name:"Info",style:{fontSize:14}})})})]}),e(o,{component:"div",sx:{display:"flex",alignItems:"center",gap:1},children:"Templates"===a&&e(n,{label:f.charAt(0).toUpperCase()+f.slice(1),variant:"outlined",size:"small",sx:{backgroundColor:"#f8f9fa",borderColor:"#dee2e6",color:"#495057",fontWeight:500,fontSize:"0.75rem"}})})]})}),i(o,{component:"div",sx:{flex:1,backgroundColor:"#ffffff",overflow:"auto"},children:["Files"===a&&e(X,{}),"Reflections"===a&&e(H,{}),"Domain"===a&&e(G,{}),"Templates"===a&&e(eo,{selectedTemplate:f,onTemplateSelect:h}),"Mocks"===a&&e(N,{}),"Inspector"===a&&e(_,{}),"Debug"===a&&e(F,{}),"Profiler"===a&&e(O,{}),"GraphQL"===a&&e(U,{}),"VideoStudio"===a&&e(ep,{}),"Analytics"===a&&e(C,{}),"Diagnostics"===a&&e(B,{}),"Logs"===a&&e(q,{}),"Tunnel"===a&&e(es,{}),"WebSocketStatus"===a&&e(ef,{}),S&&"Admin"===a&&e(D,{...P})]})]})]}),e("div",{style:{width:"2px",backgroundColor:"#dee2e6",cursor:"ew-resize",boxShadow:"1px 0 3px rgba(0, 0, 0, 0.05)"},onMouseDown:()=>{b(!0)}}),i("div",{style:{position:"relative",overflow:"hidden"},children:[e("div",{style:{position:"absolute",inset:0,zIndex:+("Admin"!==a)},children:e(et,{selectedTemplate:f,children:e(eh,{},W)})}),S&&e("div",{style:{position:"absolute",inset:0,zIndex:+("Admin"===a)},children:e(E,{})})]})]})}),ey=h(()=>e(ei,{children:e(eh,{})})),eb=h(o=>{let{wsUrl:n="ws://localhost:3020",localMode:r=!1,domainSpec:s,initialRawProjectFiles:a,onExit:l,mockTemplates:d,autoApplyTemplate:m,initialTemplateKey:h,environmentKey:u,tagName:k,enableAdmin:y=!0,hideUi:x=!1}=o,S=c(p().breakpoints.up("md")),[E,D]=b("editor-width",350),[T,C]=b("editor-view",null),[M,R]=b("editor-template","spa"),[F,B]=w(!1);return g(()=>{null===T||Object.values(EditorPanelView).some(e=>e===T)&&(y||T!==EditorPanelView.Admin)||C(null)},[y,T,C]),e(f,{children:e(v,{maxSnack:5,children:i(J,{initialWsUrl:n,localMode:r,children:[!r&&e(W,{}),!r&&x&&e(A,{tagName:k}),e(eg,{enabled:x,children:e(V,{children:e(j,{tagName:k,children:e(en,{children:e(P,{agentMode:x,children:e(L,{children:e(z,{domainSpec:s,initialRawProjectFiles:a,children:i(K,{mockTemplates:d,autoApplyTemplate:m,initialTemplateKey:h,environmentKey:u,children:[!r&&i(t,{children:[e($,{}),e(ee,{}),e(I,{}),e(Y,{})]}),e(em,{children:S&&!x?e(ek,{panelView:T,setPanelView:C,width:E,setWidth:D,selectedTemplate:M,setSelectedTemplate:R,isResizing:F,setIsResizing:B,onExit:l,enableAdmin:y}):e(ey,{})})]})})})})})})})})]})})})});export const Editor=h(t=>{try{if(window.frameElement?.hasAttribute(ed))return e(el,{})}catch{}return i(a,{theme:eu,children:[e(r,{}),e(eb,{...t})]})});

package/dist/editor/EditorMode.d.ts

@@ -1,5 +1,7 @@
 import { type ReactNode } from 'react';
 interface EditorModeProps {
+    /** Whether the editor runs with its UI hidden in agent mode, so the dev error pages show "Agent at work". */
+    readonly agentMode?: boolean;
     readonly children: ReactNode;
 }
 export declare const EditorMode: (props: EditorModeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/editor/EditorMode.js

@@ -1 +1 @@
-import{jsx as t,Fragment as r}from"react/jsx-runtime";import{useEffect as e}from"react";import{useApplicationRuntime as o}from"#package/react-sdk";export const EditorMode=n=>{let{children:i}=n,a=o();return e(()=>(a.actions.environment.setEditorMode(!0),()=>{a.actions.environment.setEditorMode(!1)}),[a]),t(r,{children:i})};
+import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useEffect as n}from"react";import{useApplicationRuntime as o}from"#package/react-sdk";export const EditorMode=r=>{let{agentMode:i=!1,children:s}=r,a=o();return n(()=>(a.actions.environment.setEditorMode(!0),()=>{a.actions.environment.setEditorMode(!1)}),[a]),n(()=>{if(i)return a.actions.environment.setAgentMode(!0),()=>{a.actions.environment.setAgentMode(!1)}},[i,a]),e(t,{children:s})};

package/dist/editor/agent-mode/AgentModeBridge.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Runs agent mode from the hidden editor, over the editor's own connection to `phoenix dev`: the
+ * rebuild outcome of each spec change drives the badge, a lost connection shows the restarting page,
+ * and a configurator that has not defined its element once the page has loaded shows the "Agent at
+ * work" page. A page that shows it, here or in a configurator fallback, reloads to recover after the
+ * next successful rebuild or once the dev server is back.
+ */
+export declare const AgentModeBridge: import("react").MemoExoticComponent<(props: {
+    readonly tagName: string;
+}) => import("react/jsx-runtime").JSX.Element>;

package/dist/editor/agent-mode/AgentModeBridge.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{memo as r,useEffect as n,useRef as i,useState as a}from"react";import{AgentAtWorkPage as d,AgentModeBadge as s,isAgentAtWorkPageShown as c}from"#package/configurator";import{useEditorConnection as l}from"../services/EditorConnectionContext.js";import{trpc as m}from"../services/trpc.js";export const AgentModeBridge=r(r=>{let{tagName:u}=r,{connectionStatus:g}=l(),w=i(!1),[p,f]=a("idle"),[v,h]=a(null);return n(()=>{import("./agent-at-work-fonts.js")},[]),m.onSpecChange.useSubscription(void 0,{onData:e=>{e.build&&(f("ok"===e.build?"idle":"failed"),"ok"===e.build&&c()&&window.location.reload())}}),n(()=>{"connected"===g?"restarting"===v?window.location.reload():w.current=!0:w.current&&("disconnected"===g||"error"===g)&&h("restarting")},[g,v]),n(()=>{let e=()=>{window.setTimeout(()=>{void 0===customElements.get(u)&&(console.error('The configurator failed to start and shows the "Agent at work" page. The error it failed with is logged above.'),h(e=>e??"working"))})};return"complete"===document.readyState?void e():(window.addEventListener("load",e,{once:!0}),()=>window.removeEventListener("load",e))},[u]),o(t,{children:[v&&e(d,{variant:v}),e(s,{status:p})]})});

package/dist/editor/agent-mode/agent-at-work-fonts.d.ts

@@ -0,0 +1,2 @@
+import '@fontsource-variable/funnel-display/index.css';
+import '@fontsource-variable/funnel-sans/index.css';

package/dist/editor/agent-mode/agent-at-work-fonts.js

@@ -0,0 +1 @@
+import"@fontsource-variable/funnel-display/index.css";import"@fontsource-variable/funnel-sans/index.css";

package/dist/editor/console-reporter/BrowserConsoleReporter.js

@@ -1 +1 @@
-import{memo as e,useEffect as r,useRef as o}from"react";import{useEditorConnection as n}from"../services/EditorConnectionContext.js";import{trpc as t}from"../services/trpc.js";export const BrowserConsoleReporter=e(()=>{let{localMode:e}=n(),s=t.reportBrowserConsole.useMutation(),a=o(s);return a.current=s,r(()=>{if(e)return;let r=console.error,o=console.warn;console.error=(...e)=>{r.apply(console,e),a.current.mutate({level:"error",message:e.map(String).join(" "),source:"configurator",timestamp:new Date().toISOString()})},console.warn=(...e)=>{o.apply(console,e),a.current.mutate({level:"warn",message:e.map(String).join(" "),source:"configurator",timestamp:new Date().toISOString()})};let n=e=>{a.current.mutate({level:"error",message:`${e.message} at ${e.filename}:${e.lineno}:${e.colno}`,source:"configurator",timestamp:new Date().toISOString()})},t=e=>{a.current.mutate({level:"error",message:`Unhandled rejection: ${e.reason instanceof Error?e.reason.message:String(e.reason)}`,source:"configurator",timestamp:new Date().toISOString()})};return window.addEventListener("error",n),window.addEventListener("unhandledrejection",t),()=>{console.error=r,console.warn=o,window.removeEventListener("error",n),window.removeEventListener("unhandledrejection",t)}},[e]),null});
+import{memo as r,useEffect as o,useRef as e}from"react";import{useEditorConnection as t}from"../services/EditorConnectionContext.js";import{trpc as n}from"../services/trpc.js";import{connectConsoleCapture as s}from"./console-capture.js";export const BrowserConsoleReporter=r(()=>{let{localMode:r}=t(),c=n.reportBrowserConsole.useMutation(),i=e(c);return i.current=c,o(()=>{if(!r)return s(r=>i.current.mutate(r))},[r]),null});