@salsita-ai/sdk 0.50.0-develop.d81d7591c5 → 0.50.0-develop.d9534cf412

package/dist/react-sdk/application-runtime/runtime/create-application-runtime.d.ts

@@ -1,12 +1,18 @@
 import { BehaviorSubject } from 'rxjs';
-import { type AnyApplicationConfig, type DomainRuntimeState, type WebComponentOptions } from '#package/domain';
+import { type AnyApplicationConfig, type Application, type DomainRuntimeState, type WebComponentOptions } from '#package/domain';
 import { type AnyApplicationRuntimeExtension, type DomainApplicationContextSelectors } from '../domain-application-context/index.js';
+import { type HostPropertiesState } from '../host-properties/index.js';
 import { type IntegrationState } from '../integration/index.js';
+import { type LoadingRuntimeState } from '../loading/index.js';
+import { type ResponsiveRuntimeState } from '../responsive/index.js';
 import { type RoutingRuntimeState } from '../routing/index.js';
 import { type ApplicationSessionRuntime, SessionService } from '../session/index.js';
 import type { WebComponentApi } from '../web-component/index.js';
 export interface ApplicationRuntimeState extends DomainRuntimeState {
+    readonly hostProperties: HostPropertiesState;
     readonly integration: IntegrationState;
+    readonly loading: LoadingRuntimeState;
+    readonly responsive: ResponsiveRuntimeState;
     readonly routing: RoutingRuntimeState;
     readonly session: ApplicationSessionRuntime;
 }
@@ -17,8 +23,19 @@ export interface ApplicationRuntimeBootConfig {
     readonly webComponentOptions: WebComponentOptions;
     readonly webComponentApi: WebComponentApi;
 }
-interface Props<State extends ApplicationRuntimeState, CONFIGURATOR_EXTENSIONS extends readonly AnyApplicationRuntimeExtension[]> {
+/**
+ * What an application runtime starts from: an application, or the config of a project built with
+ * `ConfiguratorBuilder`, which the runtime converts with `applicationFromConfig` when it creates its
+ * slices.
+ */
+type ApplicationRuntimeSource = {
+    readonly application: Application;
+    readonly config?: undefined;
+} | {
     readonly config: AnyApplicationConfig;
+    readonly application?: undefined;
+};
+type Props<State extends ApplicationRuntimeState, CONFIGURATOR_EXTENSIONS extends readonly AnyApplicationRuntimeExtension[]> = ApplicationRuntimeSource & {
     readonly bootConfig: ApplicationRuntimeBootConfig;
     readonly getSubject: () => BehaviorSubject<State>;
     /**
@@ -26,16 +43,18 @@ interface Props<State extends ApplicationRuntimeState, CONFIGURATOR_EXTENSIONS e
      * breaks the construction cycle while the extension factory receives the base runtime slices.
      */
     readonly getConfiguratorExtensions: () => CONFIGURATOR_EXTENSIONS | null;
-}
+};
 /**
  * The domain-application layer: the domain runtime plus the browser-application concerns React
- * needs — common services, integration, routing, session — and the domain-application system pair.
+ * needs — common services, host properties, integration, routing, session, loading — and the
+ * domain-application system pair.
  *
  * Slices rather than a runtime: the caller owns the `BehaviorSubject`, so a layer above can widen
  * the state type and still have every slice here write into the same subject. Mirrors
  * `createDomainRuntimeSlices`, which this composes.
  */
 export declare function createApplicationRuntimeSlices<State extends ApplicationRuntimeState, CONFIGURATOR_EXTENSIONS extends readonly AnyApplicationRuntimeExtension[]>(props: Props<State, CONFIGURATOR_EXTENSIONS>): {
+    getState: () => State;
     initialize: () => {
         spec: import("#package/domain").ApplicationSpec;
         overrides: import("#package/domain").ApplicationOverrides;
@@ -46,10 +65,19 @@ export declare function createApplicationRuntimeSlices<State extends Application
         access: import("#package/domain").ApplicationAccessInfo;
         webComponent: import("#package/domain").ApplicationWebComponentState;
         domainContext: import("#package/domain").ApplicationDomainContextState;
+        hostProperties: HostPropertiesState;
         integration: IntegrationState;
+        loading: LoadingRuntimeState;
+        responsive: ResponsiveRuntimeState;
         routing: RoutingRuntimeState;
         session: ApplicationSessionRuntime;
     };
+    /**
+     * Starts the runtime-owned subscription that mirrors the element's properties into
+     * `hostProperties` and the domain's `webComponent`, each property by its scope. The subject
+     * owner calls it once, right after creating the subject from `initialize()`.
+     */
+    connectHost: () => () => void;
     selectors: {
         domainServices: {
             getAnalyticsService: () => import("#package/domain").AnalyticsSystem;
@@ -92,6 +120,7 @@ export declare function createApplicationRuntimeSlices<State extends Application
             selectElementSlots: import("@salsita-ai/common/utils").Selector<import("#package/domain").SpecSelectorState, {
                 entityElements: Record<string, (props: import("#package/domain").CustomPhoenixEntityElementProps) => JSX.Element>;
                 layoutElements: Record<string, (props: import("react").PropsWithChildren) => JSX.Element>;
+                assistantFormElements: Record<string, import("react").ComponentType<never>>;
                 hashes: Record<string, string>;
             }>;
             selectDataConfig: import("@salsita-ai/common/utils").Selector<import("#package/domain").SpecSelectorState, import("#package/domain").DataSpec | null>;
@@ -135,6 +164,7 @@ export declare function createApplicationRuntimeSlices<State extends Application
             getElementSlots: () => {
                 entityElements: Record<string, (props: import("#package/domain").CustomPhoenixEntityElementProps) => JSX.Element>;
                 layoutElements: Record<string, (props: import("react").PropsWithChildren) => JSX.Element>;
+                assistantFormElements: Record<string, import("react").ComponentType<never>>;
                 hashes: Record<string, string>;
             };
             getDataConfig: () => import("#package/domain").DataSpec | null;
@@ -278,24 +308,28 @@ export declare function createApplicationRuntimeSlices<State extends Application
         access: {
             selectConfiguratorRawAccessInfo: import("@salsita-ai/common/utils").Selector<import("#package/domain").AccessSelectorState, {
                 raw: string;
+                access: import("@salsita-ai/contracts/api").AccessLevel;
                 viewMode: boolean;
                 revisionId: string | undefined;
                 configurationId: string;
             } | null>;
             selectAdminRawAccessInfo: import("@salsita-ai/common/utils").Selector<import("#package/domain").AccessSelectorState, {
                 raw: string;
+                access: import("@salsita-ai/contracts/api").AccessLevel;
                 viewMode: boolean;
                 revisionId: string | undefined;
                 configurationId: string;
             } | null>;
             selectConfiguratorAccessInfo: import("@salsita-ai/common/utils").Selector<import("#package/domain").AccessSelectorState, {
                 raw: string;
+                access: import("@salsita-ai/contracts/api").AccessLevel;
                 viewMode: boolean;
                 revisionId: string | undefined;
                 configurationId: string;
             }>;
             selectAdminAccessInfo: import("@salsita-ai/common/utils").Selector<import("#package/domain").AccessSelectorState, {
                 raw: string;
+                access: import("@salsita-ai/contracts/api").AccessLevel;
                 viewMode: boolean;
                 revisionId: string | undefined;
                 configurationId: string;
@@ -308,24 +342,28 @@ export declare function createApplicationRuntimeSlices<State extends Application
             selectAdminConfigurationId: import("@salsita-ai/common/utils").Selector<import("#package/domain").AccessSelectorState, string>;
             getConfiguratorRawAccessInfo: () => {
                 raw: string;
+                access: import("@salsita-ai/contracts/api").AccessLevel;
                 viewMode: boolean;
                 revisionId: string | undefined;
                 configurationId: string;
             } | null;
             getAdminRawAccessInfo: () => {
                 raw: string;
+                access: import("@salsita-ai/contracts/api").AccessLevel;
                 viewMode: boolean;
                 revisionId: string | undefined;
                 configurationId: string;
             } | null;
             getConfiguratorAccessInfo: () => {
                 raw: string;
+                access: import("@salsita-ai/contracts/api").AccessLevel;
                 viewMode: boolean;
                 revisionId: string | undefined;
                 configurationId: string;
             };
             getAdminAccessInfo: () => {
                 raw: string;
+                access: import("@salsita-ai/contracts/api").AccessLevel;
                 viewMode: boolean;
                 revisionId: string | undefined;
                 configurationId: string;
@@ -340,6 +378,8 @@ export declare function createApplicationRuntimeSlices<State extends Application
         webComponent: {
             selectReadonly: import("@salsita-ai/common/utils").Selector<import("#package/domain").WebComponentSelectorState, boolean>;
             getReadonly: () => boolean;
+            selectLocale: import("@salsita-ai/common/utils").Selector<import("#package/domain").WebComponentSelectorState, string>;
+            getLocale: () => string;
             getWebcomponentGeneration: () => number;
         };
         domainContext: {
@@ -371,9 +411,9 @@ export declare function createApplicationRuntimeSlices<State extends Application
                 selectIsViewMode: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, boolean>;
                 selectInitializationState: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").DomainContextInitializationState>;
                 selectComponentOptics: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, readonly import("#package/domain").AnyDomainComponentOptic[]>;
-                selectComponentReaderIndexes: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").ComponentReaderIndexes<any, any, any, any, any>>;
+                selectComponentReaderIndexes: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").ComponentReaderIndexes>;
                 selectStoreRuntimeDependencies: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, {
-                    componentReaderIndexes: import("#package/domain").ComponentReaderIndexes<any, any, any, any, any>;
+                    componentReaderIndexes: import("#package/domain").ComponentReaderIndexes;
                     domainExpressions: import("#package/domain").AnyExpressions;
                     allowedRootEntityTypes: import("#package/domain").AnyAllowedRootEntityTypes;
                 }>;
@@ -381,7 +421,7 @@ export declare function createApplicationRuntimeSlices<State extends Application
                 selectViewStates: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, readonly string[]>;
                 selectToolStates: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, readonly string[]>;
                 selectExportStates: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, readonly string[]>;
-                selectCreateTransformers: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, undefined> | import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("../../../domain/domain-context/store-system/store-system.js").AnyCreateTransformersFactory>;
+                selectCreateTransformers: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, undefined> | import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").AnyCreateTransformersFactory>;
                 selectLatestLoadedData: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").ConfiguratorLoadedData | null>;
                 selectLoadedData: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").ConfiguratorLoadedData>;
                 selectInitialDomainState: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").DomainState<any>>;
@@ -413,9 +453,10 @@ export declare function createApplicationRuntimeSlices<State extends Application
                 getMigrate: () => import("#package/domain").MigrateFunction<import("#package/domain").DomainEntity<string>>;
                 getActiveMode: () => import("#package/domain").DomainMode;
                 getIsInitialized: () => boolean;
-                getComponentReaderIndexes: () => import("#package/domain").ComponentReaderIndexes<any, any, any, any, any>;
+                getIsViewMode: () => boolean;
+                getComponentReaderIndexes: () => import("#package/domain").ComponentReaderIndexes;
                 getStoreRuntimeDependencies: () => {
-                    componentReaderIndexes: import("#package/domain").ComponentReaderIndexes<any, any, any, any, any>;
+                    componentReaderIndexes: import("#package/domain").ComponentReaderIndexes;
                     domainExpressions: import("#package/domain").AnyExpressions;
                     allowedRootEntityTypes: import("#package/domain").AnyAllowedRootEntityTypes;
                 };
@@ -423,7 +464,7 @@ export declare function createApplicationRuntimeSlices<State extends Application
                 getViewStates: () => readonly string[];
                 getToolStates: () => readonly string[];
                 getExportStates: () => readonly string[];
-                getCreateTransformers: () => import("../../../domain/domain-context/store-system/store-system.js").AnyCreateTransformersFactory | undefined;
+                getCreateTransformers: () => import("#package/domain").AnyCreateTransformersFactory | undefined;
                 getLoadedData: () => import("#package/domain").ConfiguratorLoadedData;
                 getInitialDomainState: () => import("#package/domain").DomainState<any>;
                 getFrontendData: () => Record<string, unknown>;
@@ -442,9 +483,9 @@ export declare function createApplicationRuntimeSlices<State extends Application
                 getSnappingProjections: () => import("#package/domain").AnySnappingProjections;
                 getConstraintProjections: () => import("#package/domain").AnyConstraintProjections;
                 getProjectedEntitiesProjections: () => import("#package/domain").AnyProjectedEntitiesProjections;
-                getStoreSystem: () => import("../../../domain/domain-context/store-system/store-system.js").AnyStoreSystem;
-                getNavigationSystem: () => import("../../../domain/domain-context/navigation-system/navigation-system.js").AnyNavigationSystem;
-                getUndoSystem: () => import("../../../domain/domain-context/undo-system.js").AnyUndoSystem;
+                getStoreSystem: () => import("#package/domain").AnyStoreSystem;
+                getNavigationSystem: () => import("#package/domain").AnyNavigationSystem;
+                getUndoSystem: () => import("#package/domain").AnyUndoSystem;
                 getRecipeCookerSystem: () => import("#package/domain").AnyRecipeCookerSystem;
                 getActionSystem: () => import("#package/domain").AnyActionSystem;
                 getBlenderProjections: () => import("#package/domain").AnyBlenderProjections;
@@ -480,9 +521,9 @@ export declare function createApplicationRuntimeSlices<State extends Application
                 selectIsViewMode: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, boolean>;
                 selectInitializationState: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").DomainContextInitializationState>;
                 selectComponentOptics: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, readonly import("#package/domain").AnyDomainComponentOptic[]>;
-                selectComponentReaderIndexes: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").ComponentReaderIndexes<any, any, any, any, any>>;
+                selectComponentReaderIndexes: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").ComponentReaderIndexes>;
                 selectStoreRuntimeDependencies: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, {
-                    componentReaderIndexes: import("#package/domain").ComponentReaderIndexes<any, any, any, any, any>;
+                    componentReaderIndexes: import("#package/domain").ComponentReaderIndexes;
                     domainExpressions: import("#package/domain").AnyExpressions;
                     allowedRootEntityTypes: import("#package/domain").AnyAllowedRootEntityTypes;
                 }>;
@@ -490,7 +531,7 @@ export declare function createApplicationRuntimeSlices<State extends Application
                 selectViewStates: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, readonly string[]>;
                 selectToolStates: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, readonly string[]>;
                 selectExportStates: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, readonly string[]>;
-                selectCreateTransformers: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, undefined> | import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("../../../domain/domain-context/store-system/store-system.js").AnyCreateTransformersFactory>;
+                selectCreateTransformers: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, undefined> | import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").AnyCreateTransformersFactory>;
                 selectLatestLoadedData: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").ConfiguratorLoadedData | null>;
                 selectLoadedData: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").ConfiguratorLoadedData>;
                 selectInitialDomainState: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").DomainState<any>>;
@@ -522,9 +563,10 @@ export declare function createApplicationRuntimeSlices<State extends Application
                 getMigrate: () => import("#package/domain").MigrateFunction<import("#package/domain").DomainEntity<string>>;
                 getActiveMode: () => import("#package/domain").DomainMode;
                 getIsInitialized: () => boolean;
-                getComponentReaderIndexes: () => import("#package/domain").ComponentReaderIndexes<any, any, any, any, any>;
+                getIsViewMode: () => boolean;
+                getComponentReaderIndexes: () => import("#package/domain").ComponentReaderIndexes;
                 getStoreRuntimeDependencies: () => {
-                    componentReaderIndexes: import("#package/domain").ComponentReaderIndexes<any, any, any, any, any>;
+                    componentReaderIndexes: import("#package/domain").ComponentReaderIndexes;
                     domainExpressions: import("#package/domain").AnyExpressions;
                     allowedRootEntityTypes: import("#package/domain").AnyAllowedRootEntityTypes;
                 };
@@ -532,7 +574,7 @@ export declare function createApplicationRuntimeSlices<State extends Application
                 getViewStates: () => readonly string[];
                 getToolStates: () => readonly string[];
                 getExportStates: () => readonly string[];
-                getCreateTransformers: () => import("../../../domain/domain-context/store-system/store-system.js").AnyCreateTransformersFactory | undefined;
+                getCreateTransformers: () => import("#package/domain").AnyCreateTransformersFactory | undefined;
                 getLoadedData: () => import("#package/domain").ConfiguratorLoadedData;
                 getInitialDomainState: () => import("#package/domain").DomainState<any>;
                 getFrontendData: () => Record<string, unknown>;
@@ -551,9 +593,9 @@ export declare function createApplicationRuntimeSlices<State extends Application
                 getSnappingProjections: () => import("#package/domain").AnySnappingProjections;
                 getConstraintProjections: () => import("#package/domain").AnyConstraintProjections;
                 getProjectedEntitiesProjections: () => import("#package/domain").AnyProjectedEntitiesProjections;
-                getStoreSystem: () => import("../../../domain/domain-context/store-system/store-system.js").AnyStoreSystem;
-                getNavigationSystem: () => import("../../../domain/domain-context/navigation-system/navigation-system.js").AnyNavigationSystem;
-                getUndoSystem: () => import("../../../domain/domain-context/undo-system.js").AnyUndoSystem;
+                getStoreSystem: () => import("#package/domain").AnyStoreSystem;
+                getNavigationSystem: () => import("#package/domain").AnyNavigationSystem;
+                getUndoSystem: () => import("#package/domain").AnyUndoSystem;
                 getRecipeCookerSystem: () => import("#package/domain").AnyRecipeCookerSystem;
                 getActionSystem: () => import("#package/domain").AnyActionSystem;
                 getBlenderProjections: () => import("#package/domain").AnyBlenderProjections;
@@ -586,8 +628,66 @@ export declare function createApplicationRuntimeSlices<State extends Application
             getCreateAdminAuthorizedClient: () => (accessToken: string) => import("../index.js").RuntimeAuthorizedClient;
             getUnauthenticatedClient: () => import("../../../client/contract.js").UnauthenticatedPhoenixApiClient;
         };
+        hostProperties: {
+            getHostPropertySelector: <NAME extends import("../index.js").HostPropertyName>(name: NAME) => {
+                readonly adminSessionToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+                readonly authorizationCode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+                readonly expanded: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, boolean>;
+                readonly integrationMode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "handoff" | "headless" | "page" | "widget">;
+                readonly mode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "admin" | "configurator" | "standalone-admin">;
+                readonly power: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "off" | "on" | "standby">;
+                readonly presetTags: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string[] | null>;
+                readonly refreshToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+                readonly route: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, {
+                    route: "Index";
+                } | {
+                    route: "Configuration";
+                    configurationId: string;
+                    accessToken?: string | undefined;
+                } | {
+                    readonly route: "Index";
+                }>;
+                readonly sessionToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+            }[NAME];
+            selectRoute: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, {
+                route: "Index";
+            } | {
+                route: "Configuration";
+                configurationId: string;
+                accessToken?: string | undefined;
+            } | {
+                readonly route: "Index";
+            }>;
+            selectExpanded: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, boolean>;
+            selectMode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "admin" | "configurator" | "standalone-admin">;
+            selectPower: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "off" | "on" | "standby">;
+            selectPresetTags: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string[] | null>;
+            selectIntegrationMode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "handoff" | "headless" | "page" | "widget">;
+            selectSessionToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+            selectAdminSessionToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+            selectRefreshToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+            selectAuthorizationCode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+            getHostProperty: <NAME extends import("../index.js").HostPropertyName>(name: NAME) => HostPropertiesState[NAME];
+            getRoute: () => {
+                route: "Index";
+            } | {
+                route: "Configuration";
+                configurationId: string;
+                accessToken?: string | undefined;
+            } | {
+                readonly route: "Index";
+            };
+            getExpanded: () => boolean;
+            getMode: () => "admin" | "configurator" | "standalone-admin";
+            getPower: () => "off" | "on" | "standby";
+            getPresetTags: () => string[] | null;
+            getIntegrationMode: () => "handoff" | "headless" | "page" | "widget";
+            getSessionToken: () => string | undefined;
+            getAdminSessionToken: () => string | undefined;
+            getRefreshToken: () => string | undefined;
+            getAuthorizationCode: () => string | undefined;
+        };
         integration: {
-            selectAdminIntegrationService: import("@salsita-ai/common/utils").Selector<import("../index.js").IntegrationSelectorState, import("../index.js").AdminIntegrationService>;
             selectIntegrationState: import("@salsita-ai/common/utils").Selector<import("../index.js").IntegrationSelectorState, IntegrationState>;
             selectEmbeddedView: import("@salsita-ai/common/utils").Selector<import("../index.js").IntegrationSelectorState, import("../index.js").EmbeddedView>;
             selectPresetEmbeddedState: import("@salsita-ai/common/utils").Selector<import("../index.js").IntegrationSelectorState, import("../index.js").PresetEmbeddedView | null>;
@@ -598,6 +698,36 @@ export declare function createApplicationRuntimeSlices<State extends Application
             getPresetEmbeddedState: () => import("../index.js").PresetEmbeddedView | null;
             getRecipeEmbeddedState: () => import("../index.js").RecipeEmbeddedView | null;
         };
+        loading: {
+            configurator: {
+                selectLoadingState: import("@salsita-ai/common/utils").Selector<import("../loading/selectors.js").LoadingSelectorState, import("../index.js").LoadingState>;
+                getLoadingState: () => import("../index.js").LoadingState;
+                getIsAwaitingPhase: (id: string) => boolean;
+            };
+            admin: {
+                selectLoadingState: import("@salsita-ai/common/utils").Selector<import("../loading/selectors.js").LoadingSelectorState, import("../index.js").LoadingState>;
+                getLoadingState: () => import("../index.js").LoadingState;
+                getIsAwaitingPhase: (id: string) => boolean;
+            };
+        };
+        responsive: {
+            configurator: {
+                selectResponsiveState: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").ResponsiveState>;
+                selectViewportSize: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").ResponsiveViewportSize>;
+                selectCanvasPadding: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").CanvasPadding>;
+                getResponsiveState: () => import("../index.js").ResponsiveState;
+                getViewportSize: () => import("../index.js").ResponsiveViewportSize;
+                getCanvasPadding: () => import("../index.js").CanvasPadding;
+            };
+            admin: {
+                selectResponsiveState: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").ResponsiveState>;
+                selectViewportSize: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").ResponsiveViewportSize>;
+                selectCanvasPadding: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").CanvasPadding>;
+                getResponsiveState: () => import("../index.js").ResponsiveState;
+                getViewportSize: () => import("../index.js").ResponsiveViewportSize;
+                getCanvasPadding: () => import("../index.js").CanvasPadding;
+            };
+        };
         routing: {
             selectRoutingState: import("@salsita-ai/common/utils").Selector<import("../index.js").RoutingSelectorState, import("../index.js").RoutingState>;
             selectEffectiveRoutingState: import("@salsita-ai/common/utils").Selector<import("../index.js").RoutingSelectorState, import("../index.js").RoutingState>;
@@ -693,6 +823,50 @@ export declare function createApplicationRuntimeSlices<State extends Application
             enterEmbeddedView: (view: import("../index.js").EmbeddedView) => void;
             exitEmbeddedView: () => void;
         };
+        loading: {
+            configurator: {
+                startPhase: (phase: import("../index.js").LoadingPhase) => void;
+                endPhase: (id: string) => void;
+                reportError: () => void;
+                clearError: () => void;
+                expectPhase: (id: string) => void;
+                dropExpectation: (id: string) => void;
+                resetSlot: () => void;
+            };
+            admin: {
+                startPhase: (phase: import("../index.js").LoadingPhase) => void;
+                endPhase: (id: string) => void;
+                reportError: () => void;
+                clearError: () => void;
+                expectPhase: (id: string) => void;
+                dropExpectation: (id: string) => void;
+                resetSlot: () => void;
+            };
+        };
+        responsive: {
+            configurator: {
+                setViewport: (viewport: import("../index.js").ResponsiveViewport) => void;
+                setBreakpoints: (breakpoints: import("../index.js").ResponsiveBreakpoints) => void;
+                setCanvasPadding: (canvasPadding: import("../index.js").CanvasPadding) => void;
+                expand: () => void;
+                collapse: () => void;
+                hide: () => void;
+                show: () => void;
+                setAnimating: (isAnimating: boolean) => void;
+                reset: () => void;
+            };
+            admin: {
+                setViewport: (viewport: import("../index.js").ResponsiveViewport) => void;
+                setBreakpoints: (breakpoints: import("../index.js").ResponsiveBreakpoints) => void;
+                setCanvasPadding: (canvasPadding: import("../index.js").CanvasPadding) => void;
+                expand: () => void;
+                collapse: () => void;
+                hide: () => void;
+                show: () => void;
+                setAnimating: (isAnimating: boolean) => void;
+                reset: () => void;
+            };
+        };
         routing: {
             setRoutingState: (routingState: import("../index.js").RoutingState) => void;
         };
@@ -703,13 +877,13 @@ export declare function createApplicationRuntimeSlices<State extends Application
     };
 };
 export type ApplicationRuntimeSlices = ReturnType<typeof createApplicationRuntimeSlices>;
-export type ApplicationRuntimeExtensionContext = Omit<ApplicationRuntimeSlices, 'initialize'>;
+export type ApplicationRuntimeExtensionContext = Omit<ApplicationRuntimeSlices, 'initialize' | 'connectHost'>;
 export type CreateApplicationRuntimeExtensions<EXTENSIONS extends readonly AnyApplicationRuntimeExtension[]> = (runtime: ApplicationRuntimeExtensionContext) => EXTENSIONS;
 /**
  * The application runtime owns the subject and merges a caller-defined system extension into the
  * built-in domain-application systems. Every extension system participates in initialization.
  */
-declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyApplicationRuntimeExtension[]>(config: AnyApplicationConfig, bootConfig: ApplicationRuntimeBootConfig, createExtensions?: CreateApplicationRuntimeExtensions<EXTENSIONS>) => {
+declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyApplicationRuntimeExtension[]>(source: AnyApplicationConfig | Application, bootConfig: ApplicationRuntimeBootConfig, createExtensions?: CreateApplicationRuntimeExtensions<EXTENSIONS>) => {
     selectors: {
         domainServices: {
             getAnalyticsService: () => import("#package/domain").AnalyticsSystem;
@@ -752,6 +926,7 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
             selectElementSlots: import("@salsita-ai/common/utils").Selector<import("#package/domain").SpecSelectorState, {
                 entityElements: Record<string, (props: import("#package/domain").CustomPhoenixEntityElementProps) => JSX.Element>;
                 layoutElements: Record<string, (props: import("react").PropsWithChildren) => JSX.Element>;
+                assistantFormElements: Record<string, import("react").ComponentType<never>>;
                 hashes: Record<string, string>;
             }>;
             selectDataConfig: import("@salsita-ai/common/utils").Selector<import("#package/domain").SpecSelectorState, import("#package/domain").DataSpec | null>;
@@ -795,6 +970,7 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
             getElementSlots: () => {
                 entityElements: Record<string, (props: import("#package/domain").CustomPhoenixEntityElementProps) => JSX.Element>;
                 layoutElements: Record<string, (props: import("react").PropsWithChildren) => JSX.Element>;
+                assistantFormElements: Record<string, import("react").ComponentType<never>>;
                 hashes: Record<string, string>;
             };
             getDataConfig: () => import("#package/domain").DataSpec | null;
@@ -938,24 +1114,28 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
         access: {
             selectConfiguratorRawAccessInfo: import("@salsita-ai/common/utils").Selector<import("#package/domain").AccessSelectorState, {
                 raw: string;
+                access: import("@salsita-ai/contracts/api").AccessLevel;
                 viewMode: boolean;
                 revisionId: string | undefined;
                 configurationId: string;
             } | null>;
             selectAdminRawAccessInfo: import("@salsita-ai/common/utils").Selector<import("#package/domain").AccessSelectorState, {
                 raw: string;
+                access: import("@salsita-ai/contracts/api").AccessLevel;
                 viewMode: boolean;
                 revisionId: string | undefined;
                 configurationId: string;
             } | null>;
             selectConfiguratorAccessInfo: import("@salsita-ai/common/utils").Selector<import("#package/domain").AccessSelectorState, {
                 raw: string;
+                access: import("@salsita-ai/contracts/api").AccessLevel;
                 viewMode: boolean;
                 revisionId: string | undefined;
                 configurationId: string;
             }>;
             selectAdminAccessInfo: import("@salsita-ai/common/utils").Selector<import("#package/domain").AccessSelectorState, {
                 raw: string;
+                access: import("@salsita-ai/contracts/api").AccessLevel;
                 viewMode: boolean;
                 revisionId: string | undefined;
                 configurationId: string;
@@ -968,24 +1148,28 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
             selectAdminConfigurationId: import("@salsita-ai/common/utils").Selector<import("#package/domain").AccessSelectorState, string>;
             getConfiguratorRawAccessInfo: () => {
                 raw: string;
+                access: import("@salsita-ai/contracts/api").AccessLevel;
                 viewMode: boolean;
                 revisionId: string | undefined;
                 configurationId: string;
             } | null;
             getAdminRawAccessInfo: () => {
                 raw: string;
+                access: import("@salsita-ai/contracts/api").AccessLevel;
                 viewMode: boolean;
                 revisionId: string | undefined;
                 configurationId: string;
             } | null;
             getConfiguratorAccessInfo: () => {
                 raw: string;
+                access: import("@salsita-ai/contracts/api").AccessLevel;
                 viewMode: boolean;
                 revisionId: string | undefined;
                 configurationId: string;
             };
             getAdminAccessInfo: () => {
                 raw: string;
+                access: import("@salsita-ai/contracts/api").AccessLevel;
                 viewMode: boolean;
                 revisionId: string | undefined;
                 configurationId: string;
@@ -1000,6 +1184,8 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
         webComponent: {
             selectReadonly: import("@salsita-ai/common/utils").Selector<import("#package/domain").WebComponentSelectorState, boolean>;
             getReadonly: () => boolean;
+            selectLocale: import("@salsita-ai/common/utils").Selector<import("#package/domain").WebComponentSelectorState, string>;
+            getLocale: () => string;
             getWebcomponentGeneration: () => number;
         };
         domainContext: {
@@ -1031,9 +1217,9 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
                 selectIsViewMode: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, boolean>;
                 selectInitializationState: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").DomainContextInitializationState>;
                 selectComponentOptics: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, readonly import("#package/domain").AnyDomainComponentOptic[]>;
-                selectComponentReaderIndexes: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").ComponentReaderIndexes<any, any, any, any, any>>;
+                selectComponentReaderIndexes: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").ComponentReaderIndexes>;
                 selectStoreRuntimeDependencies: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, {
-                    componentReaderIndexes: import("#package/domain").ComponentReaderIndexes<any, any, any, any, any>;
+                    componentReaderIndexes: import("#package/domain").ComponentReaderIndexes;
                     domainExpressions: import("#package/domain").AnyExpressions;
                     allowedRootEntityTypes: import("#package/domain").AnyAllowedRootEntityTypes;
                 }>;
@@ -1041,7 +1227,7 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
                 selectViewStates: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, readonly string[]>;
                 selectToolStates: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, readonly string[]>;
                 selectExportStates: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, readonly string[]>;
-                selectCreateTransformers: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, undefined> | import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("../../../domain/domain-context/store-system/store-system.js").AnyCreateTransformersFactory>;
+                selectCreateTransformers: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, undefined> | import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").AnyCreateTransformersFactory>;
                 selectLatestLoadedData: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").ConfiguratorLoadedData | null>;
                 selectLoadedData: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").ConfiguratorLoadedData>;
                 selectInitialDomainState: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").DomainState<any>>;
@@ -1073,9 +1259,10 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
                 getMigrate: () => import("#package/domain").MigrateFunction<import("#package/domain").DomainEntity<string>>;
                 getActiveMode: () => import("#package/domain").DomainMode;
                 getIsInitialized: () => boolean;
-                getComponentReaderIndexes: () => import("#package/domain").ComponentReaderIndexes<any, any, any, any, any>;
+                getIsViewMode: () => boolean;
+                getComponentReaderIndexes: () => import("#package/domain").ComponentReaderIndexes;
                 getStoreRuntimeDependencies: () => {
-                    componentReaderIndexes: import("#package/domain").ComponentReaderIndexes<any, any, any, any, any>;
+                    componentReaderIndexes: import("#package/domain").ComponentReaderIndexes;
                     domainExpressions: import("#package/domain").AnyExpressions;
                     allowedRootEntityTypes: import("#package/domain").AnyAllowedRootEntityTypes;
                 };
@@ -1083,7 +1270,7 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
                 getViewStates: () => readonly string[];
                 getToolStates: () => readonly string[];
                 getExportStates: () => readonly string[];
-                getCreateTransformers: () => import("../../../domain/domain-context/store-system/store-system.js").AnyCreateTransformersFactory | undefined;
+                getCreateTransformers: () => import("#package/domain").AnyCreateTransformersFactory | undefined;
                 getLoadedData: () => import("#package/domain").ConfiguratorLoadedData;
                 getInitialDomainState: () => import("#package/domain").DomainState<any>;
                 getFrontendData: () => Record<string, unknown>;
@@ -1102,9 +1289,9 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
                 getSnappingProjections: () => import("#package/domain").AnySnappingProjections;
                 getConstraintProjections: () => import("#package/domain").AnyConstraintProjections;
                 getProjectedEntitiesProjections: () => import("#package/domain").AnyProjectedEntitiesProjections;
-                getStoreSystem: () => import("../../../domain/domain-context/store-system/store-system.js").AnyStoreSystem;
-                getNavigationSystem: () => import("../../../domain/domain-context/navigation-system/navigation-system.js").AnyNavigationSystem;
-                getUndoSystem: () => import("../../../domain/domain-context/undo-system.js").AnyUndoSystem;
+                getStoreSystem: () => import("#package/domain").AnyStoreSystem;
+                getNavigationSystem: () => import("#package/domain").AnyNavigationSystem;
+                getUndoSystem: () => import("#package/domain").AnyUndoSystem;
                 getRecipeCookerSystem: () => import("#package/domain").AnyRecipeCookerSystem;
                 getActionSystem: () => import("#package/domain").AnyActionSystem;
                 getBlenderProjections: () => import("#package/domain").AnyBlenderProjections;
@@ -1140,9 +1327,9 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
                 selectIsViewMode: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, boolean>;
                 selectInitializationState: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").DomainContextInitializationState>;
                 selectComponentOptics: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, readonly import("#package/domain").AnyDomainComponentOptic[]>;
-                selectComponentReaderIndexes: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").ComponentReaderIndexes<any, any, any, any, any>>;
+                selectComponentReaderIndexes: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").ComponentReaderIndexes>;
                 selectStoreRuntimeDependencies: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, {
-                    componentReaderIndexes: import("#package/domain").ComponentReaderIndexes<any, any, any, any, any>;
+                    componentReaderIndexes: import("#package/domain").ComponentReaderIndexes;
                     domainExpressions: import("#package/domain").AnyExpressions;
                     allowedRootEntityTypes: import("#package/domain").AnyAllowedRootEntityTypes;
                 }>;
@@ -1150,7 +1337,7 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
                 selectViewStates: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, readonly string[]>;
                 selectToolStates: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, readonly string[]>;
                 selectExportStates: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, readonly string[]>;
-                selectCreateTransformers: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, undefined> | import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("../../../domain/domain-context/store-system/store-system.js").AnyCreateTransformersFactory>;
+                selectCreateTransformers: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, undefined> | import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").AnyCreateTransformersFactory>;
                 selectLatestLoadedData: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").ConfiguratorLoadedData | null>;
                 selectLoadedData: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").ConfiguratorLoadedData>;
                 selectInitialDomainState: import("@salsita-ai/common/utils").Selector<import("#package/domain").DomainContextSelectorState, import("#package/domain").DomainState<any>>;
@@ -1182,9 +1369,10 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
                 getMigrate: () => import("#package/domain").MigrateFunction<import("#package/domain").DomainEntity<string>>;
                 getActiveMode: () => import("#package/domain").DomainMode;
                 getIsInitialized: () => boolean;
-                getComponentReaderIndexes: () => import("#package/domain").ComponentReaderIndexes<any, any, any, any, any>;
+                getIsViewMode: () => boolean;
+                getComponentReaderIndexes: () => import("#package/domain").ComponentReaderIndexes;
                 getStoreRuntimeDependencies: () => {
-                    componentReaderIndexes: import("#package/domain").ComponentReaderIndexes<any, any, any, any, any>;
+                    componentReaderIndexes: import("#package/domain").ComponentReaderIndexes;
                     domainExpressions: import("#package/domain").AnyExpressions;
                     allowedRootEntityTypes: import("#package/domain").AnyAllowedRootEntityTypes;
                 };
@@ -1192,7 +1380,7 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
                 getViewStates: () => readonly string[];
                 getToolStates: () => readonly string[];
                 getExportStates: () => readonly string[];
-                getCreateTransformers: () => import("../../../domain/domain-context/store-system/store-system.js").AnyCreateTransformersFactory | undefined;
+                getCreateTransformers: () => import("#package/domain").AnyCreateTransformersFactory | undefined;
                 getLoadedData: () => import("#package/domain").ConfiguratorLoadedData;
                 getInitialDomainState: () => import("#package/domain").DomainState<any>;
                 getFrontendData: () => Record<string, unknown>;
@@ -1211,9 +1399,9 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
                 getSnappingProjections: () => import("#package/domain").AnySnappingProjections;
                 getConstraintProjections: () => import("#package/domain").AnyConstraintProjections;
                 getProjectedEntitiesProjections: () => import("#package/domain").AnyProjectedEntitiesProjections;
-                getStoreSystem: () => import("../../../domain/domain-context/store-system/store-system.js").AnyStoreSystem;
-                getNavigationSystem: () => import("../../../domain/domain-context/navigation-system/navigation-system.js").AnyNavigationSystem;
-                getUndoSystem: () => import("../../../domain/domain-context/undo-system.js").AnyUndoSystem;
+                getStoreSystem: () => import("#package/domain").AnyStoreSystem;
+                getNavigationSystem: () => import("#package/domain").AnyNavigationSystem;
+                getUndoSystem: () => import("#package/domain").AnyUndoSystem;
                 getRecipeCookerSystem: () => import("#package/domain").AnyRecipeCookerSystem;
                 getActionSystem: () => import("#package/domain").AnyActionSystem;
                 getBlenderProjections: () => import("#package/domain").AnyBlenderProjections;
@@ -1246,8 +1434,66 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
             getCreateAdminAuthorizedClient: () => (accessToken: string) => import("../index.js").RuntimeAuthorizedClient;
             getUnauthenticatedClient: () => import("../../../client/contract.js").UnauthenticatedPhoenixApiClient;
         };
+        hostProperties: {
+            getHostPropertySelector: <NAME extends import("../index.js").HostPropertyName>(name: NAME) => {
+                readonly adminSessionToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+                readonly authorizationCode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+                readonly expanded: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, boolean>;
+                readonly integrationMode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "handoff" | "headless" | "page" | "widget">;
+                readonly mode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "admin" | "configurator" | "standalone-admin">;
+                readonly power: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "off" | "on" | "standby">;
+                readonly presetTags: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string[] | null>;
+                readonly refreshToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+                readonly route: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, {
+                    route: "Index";
+                } | {
+                    route: "Configuration";
+                    configurationId: string;
+                    accessToken?: string | undefined;
+                } | {
+                    readonly route: "Index";
+                }>;
+                readonly sessionToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+            }[NAME];
+            selectRoute: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, {
+                route: "Index";
+            } | {
+                route: "Configuration";
+                configurationId: string;
+                accessToken?: string | undefined;
+            } | {
+                readonly route: "Index";
+            }>;
+            selectExpanded: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, boolean>;
+            selectMode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "admin" | "configurator" | "standalone-admin">;
+            selectPower: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "off" | "on" | "standby">;
+            selectPresetTags: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string[] | null>;
+            selectIntegrationMode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "handoff" | "headless" | "page" | "widget">;
+            selectSessionToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+            selectAdminSessionToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+            selectRefreshToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+            selectAuthorizationCode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+            getHostProperty: <NAME extends import("../index.js").HostPropertyName>(name: NAME) => HostPropertiesState[NAME];
+            getRoute: () => {
+                route: "Index";
+            } | {
+                route: "Configuration";
+                configurationId: string;
+                accessToken?: string | undefined;
+            } | {
+                readonly route: "Index";
+            };
+            getExpanded: () => boolean;
+            getMode: () => "admin" | "configurator" | "standalone-admin";
+            getPower: () => "off" | "on" | "standby";
+            getPresetTags: () => string[] | null;
+            getIntegrationMode: () => "handoff" | "headless" | "page" | "widget";
+            getSessionToken: () => string | undefined;
+            getAdminSessionToken: () => string | undefined;
+            getRefreshToken: () => string | undefined;
+            getAuthorizationCode: () => string | undefined;
+        };
         integration: {
-            selectAdminIntegrationService: import("@salsita-ai/common/utils").Selector<import("../index.js").IntegrationSelectorState, import("../index.js").AdminIntegrationService>;
             selectIntegrationState: import("@salsita-ai/common/utils").Selector<import("../index.js").IntegrationSelectorState, IntegrationState>;
             selectEmbeddedView: import("@salsita-ai/common/utils").Selector<import("../index.js").IntegrationSelectorState, import("../index.js").EmbeddedView>;
             selectPresetEmbeddedState: import("@salsita-ai/common/utils").Selector<import("../index.js").IntegrationSelectorState, import("../index.js").PresetEmbeddedView | null>;
@@ -1258,6 +1504,36 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
             getPresetEmbeddedState: () => import("../index.js").PresetEmbeddedView | null;
             getRecipeEmbeddedState: () => import("../index.js").RecipeEmbeddedView | null;
         };
+        loading: {
+            configurator: {
+                selectLoadingState: import("@salsita-ai/common/utils").Selector<import("../loading/selectors.js").LoadingSelectorState, import("../index.js").LoadingState>;
+                getLoadingState: () => import("../index.js").LoadingState;
+                getIsAwaitingPhase: (id: string) => boolean;
+            };
+            admin: {
+                selectLoadingState: import("@salsita-ai/common/utils").Selector<import("../loading/selectors.js").LoadingSelectorState, import("../index.js").LoadingState>;
+                getLoadingState: () => import("../index.js").LoadingState;
+                getIsAwaitingPhase: (id: string) => boolean;
+            };
+        };
+        responsive: {
+            configurator: {
+                selectResponsiveState: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").ResponsiveState>;
+                selectViewportSize: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").ResponsiveViewportSize>;
+                selectCanvasPadding: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").CanvasPadding>;
+                getResponsiveState: () => import("../index.js").ResponsiveState;
+                getViewportSize: () => import("../index.js").ResponsiveViewportSize;
+                getCanvasPadding: () => import("../index.js").CanvasPadding;
+            };
+            admin: {
+                selectResponsiveState: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").ResponsiveState>;
+                selectViewportSize: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").ResponsiveViewportSize>;
+                selectCanvasPadding: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").CanvasPadding>;
+                getResponsiveState: () => import("../index.js").ResponsiveState;
+                getViewportSize: () => import("../index.js").ResponsiveViewportSize;
+                getCanvasPadding: () => import("../index.js").CanvasPadding;
+            };
+        };
         routing: {
             selectRoutingState: import("@salsita-ai/common/utils").Selector<import("../index.js").RoutingSelectorState, import("../index.js").RoutingState>;
             selectEffectiveRoutingState: import("@salsita-ai/common/utils").Selector<import("../index.js").RoutingSelectorState, import("../index.js").RoutingState>;
@@ -1353,6 +1629,50 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
             enterEmbeddedView: (view: import("../index.js").EmbeddedView) => void;
             exitEmbeddedView: () => void;
         };
+        loading: {
+            configurator: {
+                startPhase: (phase: import("../index.js").LoadingPhase) => void;
+                endPhase: (id: string) => void;
+                reportError: () => void;
+                clearError: () => void;
+                expectPhase: (id: string) => void;
+                dropExpectation: (id: string) => void;
+                resetSlot: () => void;
+            };
+            admin: {
+                startPhase: (phase: import("../index.js").LoadingPhase) => void;
+                endPhase: (id: string) => void;
+                reportError: () => void;
+                clearError: () => void;
+                expectPhase: (id: string) => void;
+                dropExpectation: (id: string) => void;
+                resetSlot: () => void;
+            };
+        };
+        responsive: {
+            configurator: {
+                setViewport: (viewport: import("../index.js").ResponsiveViewport) => void;
+                setBreakpoints: (breakpoints: import("../index.js").ResponsiveBreakpoints) => void;
+                setCanvasPadding: (canvasPadding: import("../index.js").CanvasPadding) => void;
+                expand: () => void;
+                collapse: () => void;
+                hide: () => void;
+                show: () => void;
+                setAnimating: (isAnimating: boolean) => void;
+                reset: () => void;
+            };
+            admin: {
+                setViewport: (viewport: import("../index.js").ResponsiveViewport) => void;
+                setBreakpoints: (breakpoints: import("../index.js").ResponsiveBreakpoints) => void;
+                setCanvasPadding: (canvasPadding: import("../index.js").CanvasPadding) => void;
+                expand: () => void;
+                collapse: () => void;
+                hide: () => void;
+                show: () => void;
+                setAnimating: (isAnimating: boolean) => void;
+                reset: () => void;
+            };
+        };
         routing: {
             setRoutingState: (routingState: import("../index.js").RoutingState) => void;
         };
@@ -1365,6 +1685,6 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
     subscribe: (callback: () => void) => () => void;
 };
 export type CreatedApplicationRuntime<EXTENSIONS extends readonly AnyApplicationRuntimeExtension[]> = ReturnType<typeof createApplicationRuntimeImpl<EXTENSIONS>>;
-export declare function createApplicationRuntime(config: AnyApplicationConfig, bootConfig: ApplicationRuntimeBootConfig): CreatedApplicationRuntime<readonly []>;
-export declare function createApplicationRuntime<EXTENSIONS extends readonly AnyApplicationRuntimeExtension[]>(config: AnyApplicationConfig, bootConfig: ApplicationRuntimeBootConfig, createExtensions: CreateApplicationRuntimeExtensions<EXTENSIONS>): CreatedApplicationRuntime<EXTENSIONS>;
+export declare function createApplicationRuntime(source: AnyApplicationConfig | Application, bootConfig: ApplicationRuntimeBootConfig): CreatedApplicationRuntime<readonly []>;
+export declare function createApplicationRuntime<EXTENSIONS extends readonly AnyApplicationRuntimeExtension[]>(source: AnyApplicationConfig | Application, bootConfig: ApplicationRuntimeBootConfig, createExtensions: CreateApplicationRuntimeExtensions<EXTENSIONS>): CreatedApplicationRuntime<EXTENSIONS>;
 export {};