@vuu-ui/vuu-shell 4.0.0-alpha.3 → 4.0.0-alpha.31

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.0.0-alpha.3",
+  "version": "4.0.0-alpha.31",
   "description": "VUU UI Shell",
   "main": "./src/index.js",
   "author": "heswell",
@@ -10,26 +10,26 @@
     "type-defs": "node ../../scripts/build-type-defs.mjs"
   },
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "4.0.0-alpha.3",
-    "@vuu-ui/vuu-protocol-types": "4.0.0-alpha.3",
-    "@vuu-ui/vuu-table-types": "4.0.0-alpha.3"
+    "@vuu-ui/vuu-data-types": "4.0.0-alpha.31",
+    "@vuu-ui/vuu-protocol-types": "4.0.0-alpha.31",
+    "@vuu-ui/vuu-table-types": "4.0.0-alpha.31"
   },
   "dependencies": {
-    "@vuu-ui/grid-layout": "4.0.0-alpha.3",
-    "@salt-ds/core": "1.67.0",
-    "@salt-ds/styles": "0.2.1",
-    "@salt-ds/window": "0.1.1",
-    "@vuu-ui/vuu-context-menu": "4.0.0-alpha.3",
-    "@vuu-ui/vuu-data-react": "4.0.0-alpha.3",
-    "@vuu-ui/vuu-data-remote": "4.0.0-alpha.3",
-    "@vuu-ui/vuu-icons": "4.0.0-alpha.3",
-    "@vuu-ui/vuu-layout": "4.0.0-alpha.3",
-    "@vuu-ui/vuu-notifications": "4.0.0-alpha.3",
-    "@vuu-ui/vuu-table": "4.0.0-alpha.3",
-    "@vuu-ui/vuu-ui-controls": "4.0.0-alpha.3",
-    "@vuu-ui/vuu-utils": "4.0.0-alpha.3",
+    "@vuu-ui/grid-layout": "4.0.0-alpha.31",
+    "@salt-ds/core": "1.72.0",
+    "@salt-ds/styles": "0.4.1",
+    "@salt-ds/window": "0.1.2",
+    "@vuu-ui/vuu-context-menu": "4.0.0-alpha.31",
+    "@vuu-ui/vuu-data-react": "4.0.0-alpha.31",
+    "@vuu-ui/vuu-data-remote": "4.0.0-alpha.31",
+    "@vuu-ui/vuu-icons": "4.0.0-alpha.31",
+    "@vuu-ui/vuu-layout": "4.0.0-alpha.31",
+    "@vuu-ui/vuu-notifications": "4.0.0-alpha.31",
+    "@vuu-ui/vuu-table": "4.0.0-alpha.31",
+    "@vuu-ui/vuu-ui-controls": "4.0.0-alpha.31",
+    "@vuu-ui/vuu-utils": "4.0.0-alpha.31",
     "@module-federation/enhanced": "2.8.0",
-    "@vuu-ui/core": "4.0.0-alpha.3",
+    "@vuu-ui/core": "4.0.0-alpha.31",
     "html-to-image": "^1.11.11"
   },
   "peerDependencies": {
@@ -45,8 +45,9 @@
   ],
   "exports": {
     ".": {
+      "types": "./types/index.d.ts",
       "import": "./src/index.js",
-      "types": "./types/index.d.ts"
+      "default": "./src/index.js"
     }
   },
   "module": "./src/index.js",

package/src/app-header/AppHeader.css.js

@@ -6,7 +6,7 @@ const css = `
   --vuuToolbarItem-height: 26px;
   --vuuOverflowContainer-gap: 8px;
   --vuuOverflowContainer-height: var(--vuuAppHeader-height, 42px);
-  --vuu-icon-color: var(--vuu-color-gray-45);
+  --vuu-icon-color: var(--salt-color-gray-500);
   --vuu-icon-size: 16px;
   --vuuToolbar-borderWidth: 1px;
   --vuuToolbar-borderStyle: solid;

package/src/persistence-manager/PersistenceProvider.js

@@ -1,4 +1,5 @@
 import { jsx } from "react/jsx-runtime";
+import { WorkspacePersistenceProvider, useOptionalWorkspacePersistenceService, useWorkspacePersistenceService } from "@vuu-ui/core";
 import { createContext, useContext } from "react";
 const PersistenceContext = /*#__PURE__*/ createContext({});
 const PersistenceProvider = ({ children, persistenceManager, workspacePersistenceService })=>/*#__PURE__*/ jsx(PersistenceContext.Provider, {
@@ -6,16 +7,13 @@ const PersistenceProvider = ({ children, persistenceManager, workspacePersistenc
             persistenceManager,
             workspacePersistenceService
         },
-        children: children
+        children: /*#__PURE__*/ jsx(WorkspacePersistenceProvider, {
+            service: workspacePersistenceService,
+            children: children
+        })
     });
 const usePersistenceManager = ()=>{
     const { persistenceManager } = useContext(PersistenceContext);
     return persistenceManager;
 };
-const useWorkspacePersistenceService = ()=>{
-    const { workspacePersistenceService } = useContext(PersistenceContext);
-    if (!workspacePersistenceService) throw new Error("useWorkspacePersistenceService requires a configured PersistenceProvider");
-    return workspacePersistenceService;
-};
-const useOptionalWorkspacePersistenceService = ()=>useContext(PersistenceContext).workspacePersistenceService;
 export { PersistenceContext, PersistenceProvider, useOptionalWorkspacePersistenceService, usePersistenceManager, useWorkspacePersistenceService };

package/src/persistence-manager/index.js

@@ -3,6 +3,4 @@ export * from "./PersistenceProvider.js";
 export * from "./LocalPersistenceManager.js";
 export * from "./RemotePersistenceManager.js";
 export * from "./StaticPersistenceManager.js";
-export * from "./WorkspacePersistenceService.js";
-export * from "./LocalWorkspacePersistenceService.js";
-export * from "./RemoteWorkspacePersistenceService.js";
+export { LocalWorkspacePersistenceService, RemoteWorkspacePersistenceService, WorkspacePersistenceError } from "@vuu-ui/core";

package/src/shell.css.js

@@ -20,7 +20,7 @@ const css = `
 }
 
 .vuuShell-warningPlaceholder {
-  background-color: var(--salt-container-background-high);
+  background-color: var(--salt-container-tertiary-background);
   height: 100%;
 }
 

package/src/shell.js

@@ -2,11 +2,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { GridLayout, GridLayoutItem, GridLayoutProvider } from "@vuu-ui/grid-layout";
 import { useComponentCssInjection } from "@salt-ds/styles";
 import { useWindow } from "@salt-ds/window";
-import { useAuthenticatedUser } from "@vuu-ui/core";
+import { ModalProvider, useAuthenticatedUser } from "@vuu-ui/core";
 import { ContextMenuProvider } from "@vuu-ui/vuu-context-menu";
 import { useLostConnection } from "@vuu-ui/vuu-data-react";
 import { NotificationsProvider } from "@vuu-ui/vuu-notifications";
-import { ContextPanelProvider, ModalProvider } from "@vuu-ui/vuu-ui-controls";
+import { ContextPanelProvider } from "@vuu-ui/vuu-ui-controls";
 import { VuuShellLocation } from "@vuu-ui/vuu-utils";
 import clsx from "clsx";
 import { createContext, isValidElement, useCallback, useContext, useMemo, useRef, useState } from "react";

package/src/workspace-management/LayoutList.js

@@ -4,7 +4,7 @@ import { useComponentCssInjection } from "@salt-ds/styles";
 import { useWindow } from "@salt-ds/window";
 import { IconButton } from "@vuu-ui/vuu-ui-controls";
 import clsx from "clsx";
-import { useWorkspace } from "./WorkspaceProvider.js";
+import { useWorkspace } from "@vuu-ui/core";
 import LayoutList from "./LayoutList.css";
 const classBase = "vuuLayoutList";
 const NO_SELECTION = [];

package/src/workspace-management/index.js

@@ -1,13 +1,6 @@
 export * from "./SaveLayoutPanel.js";
 export * from "./LayoutList.js";
-export * from "./WorkspaceProvider.js";
 export * from "./defaultWorkspaceJSON.js";
 export * from "./useWorkspaceContextMenuItems.js";
-export * from "./workspace-schemas.js";
-export * from "./WorkspaceRepository.js";
-export * from "./WorkspacePersistentState.js";
-export * from "./WorkspaceController.js";
-export * from "./workspace-component-registry.js";
-export * from "./WorkspaceHost.js";
-export * from "./WorkspaceStartPanel.js";
 export * from "./shell-workspace-components.js";
+export { APPLICATION_SESSION_VERSION, NAMED_WORKSPACE_DEFINITION_VERSION, StaleWorkspaceScopeError, WORKSPACE_SNAPSHOT_RECORD_VERSION, WORKSPACE_SNAPSHOT_VERSION, WorkspaceController, WorkspaceHost, WorkspacePersistentStateProvider, WorkspacePersistentStateStore, WorkspaceProvider, WorkspaceRepository, WorkspaceRepositoryDisposedError, WorkspaceStartPanel, WorkspaceValidationError, cloneWorkspaceValue, createWorkspaceComponentRegistries, emptyWorkspaceSnapshot, jsonValueWorkspaceComponentCodec, useComponentPersistentState, useWorkspace, useWorkspacePersistentStateStore, validateApplicationSessionV1, validateNamedWorkspaceDefinitionV1, validateNamedWorkspaceMetadataV1, validateWorkspaceSnapshotRecordV1, validateWorkspaceSnapshotV1, workspaceMetadata } from "@vuu-ui/core";

package/src/workspace-management/useWorkspaceContextMenuItems.js

@@ -1,8 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { useModal } from "@vuu-ui/vuu-ui-controls";
+import { useModal, useWorkspace } from "@vuu-ui/core";
 import { useCallback, useMemo } from "react";
 import { SaveLayoutPanel } from "./SaveLayoutPanel.js";
-import { useWorkspace } from "./WorkspaceProvider.js";
 const useWorkspaceContextMenuItems = ()=>{
     const { activeWorkspace, closeWorkspace, saveActiveWorkspaceAs } = useWorkspace();
     const { showDialog, closeDialog } = useModal();

package/types/app-header/AppHeader.d.ts

@@ -3,4 +3,4 @@ import { type HTMLAttributes } from "react";
 export interface AppHeaderProps extends HTMLAttributes<HTMLDivElement> {
     themeMode?: ThemeMode;
 }
-export declare const AppHeader: ({ className: classNameProp, themeMode: _, ...htmlAttributes }: AppHeaderProps) => import("react").JSX.Element;
+export declare const AppHeader: ({ className: classNameProp, themeMode: _, ...htmlAttributes }: AppHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/types/feature/Feature.d.ts

@@ -1,2 +1,2 @@
 /** @deprecated Use RemoteModule from @vuu-ui/core/portal. */
-export declare const Feature: import("react").MemoExoticComponent<(props: import("@vuu-ui/core/portal").RemoteModuleProps<object>) => import("react").JSX.Element>;
+export declare const Feature: import("react").MemoExoticComponent<(props: import("@vuu-ui/core/portal").RemoteModuleProps) => import("react/jsx-runtime").JSX.Element>;

package/types/feature/Loader.d.ts

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

package/types/feature-list/FeatureList.d.ts

@@ -4,4 +4,4 @@ export type GroupedFeatureProps<P extends object | undefined = object> = Record<
 export interface FeatureListProps extends HTMLAttributes<HTMLDivElement> {
     readonly features: DynamicFeatureProps[] | GroupedFeatureProps | StaticFeatureDescriptor[];
 }
-export declare const FeatureList: ({ features, title, ...htmlAttributes }: FeatureListProps) => import("react").JSX.Element;
+export declare const FeatureList: ({ features, title, ...htmlAttributes }: FeatureListProps) => import("react/jsx-runtime").JSX.Element;

package/types/left-nav/LeftNav.d.ts

@@ -12,4 +12,4 @@ export interface LeftNavProps extends HTMLAttributes<HTMLDivElement> {
     sizeContent?: number;
     sizeExpanded?: number;
 }
-export declare const LeftNav: (props: LeftNavProps) => import("react").JSX.Element;
+export declare const LeftNav: (props: LeftNavProps) => import("react/jsx-runtime").JSX.Element;

package/types/login/LoginPanel.d.ts

@@ -3,4 +3,4 @@ export interface LoginPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, "o
     appName?: string;
     onSubmit: (username: string, password: string) => void;
 }
-export declare const LoginPanel: ({ appName, className, onSubmit, ...htmlAttributes }: LoginPanelProps) => import("react").JSX.Element;
+export declare const LoginPanel: ({ appName, className, onSubmit, ...htmlAttributes }: LoginPanelProps) => import("react/jsx-runtime").JSX.Element;

package/types/login/VuuLogo.d.ts

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

package/types/persistence-manager/PersistenceProvider.d.ts

@@ -1,6 +1,7 @@
+import { type WorkspacePersistenceService } from "@vuu-ui/core";
 import { type ReactElement, type ReactNode } from "react";
 import type { IPersistenceManager } from "./PersistenceManager";
-import type { WorkspacePersistenceService } from "./WorkspacePersistenceService";
+export { useOptionalWorkspacePersistenceService, useWorkspacePersistenceService, } from "@vuu-ui/core";
 export interface PersistenceContextProps {
     persistenceManager?: IPersistenceManager;
     workspacePersistenceService?: WorkspacePersistenceService;
@@ -11,5 +12,3 @@ export interface PersistenceProviderProps extends PersistenceContextProps {
 }
 export declare const PersistenceProvider: ({ children, persistenceManager, workspacePersistenceService, }: PersistenceProviderProps) => ReactElement;
 export declare const usePersistenceManager: () => IPersistenceManager | undefined;
-export declare const useWorkspacePersistenceService: () => WorkspacePersistenceService;
-export declare const useOptionalWorkspacePersistenceService: () => WorkspacePersistenceService | undefined;

package/types/persistence-manager/index.d.ts

@@ -3,6 +3,4 @@ export * from "./PersistenceProvider";
 export * from "./LocalPersistenceManager";
 export * from "./RemotePersistenceManager";
 export * from "./StaticPersistenceManager";
-export * from "./WorkspacePersistenceService";
-export * from "./LocalWorkspacePersistenceService";
-export * from "./RemoteWorkspacePersistenceService";
+export { LocalWorkspacePersistenceService, type PersistenceScope, type RemoteWorkspacePersistenceOptions, RemoteWorkspacePersistenceService, type UserPersistenceScope, WorkspacePersistenceError, type WorkspacePersistenceService, type WorkspaceRequestInitProvider, } from "@vuu-ui/core";

package/types/shell-layout-templates/context-panel/ApplicationSettingsContextPanel.d.ts

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

package/types/shell-layout-templates/context-panel/ContextPanel.d.ts

@@ -8,4 +8,4 @@ export interface ContextPanelProps {
     readonly overlay?: boolean;
     readonly title?: ReactNode;
 }
-export declare const ContextPanel: ({ className, content, expanded, id, onClose, overlay, title, }: ContextPanelProps) => import("react").JSX.Element;
+export declare const ContextPanel: ({ className, content, expanded, id, onClose, overlay, title, }: ContextPanelProps) => import("react/jsx-runtime").JSX.Element;

package/types/shell-layout-templates/side-panel/SidePanel.d.ts

@@ -5,4 +5,4 @@ export interface SidePanelProps extends HTMLAttributes<HTMLDivElement> {
     sizeOpen?: number;
     sizeClosed?: number;
 }
-export declare const SidePanel: ({ children, open, sizeClosed, sizeOpen, style: styleProp, ...htmlAttributes }: SidePanelProps) => import("react").JSX.Element;
+export declare const SidePanel: ({ children, open, sizeClosed, sizeOpen, style: styleProp, ...htmlAttributes }: SidePanelProps) => import("react/jsx-runtime").JSX.Element;

package/types/shell.d.ts

@@ -17,5 +17,5 @@ export interface StaticShellLayoutProps extends Omit<HTMLAttributes<HTMLDivEleme
     readonly leftNavWidth?: number;
     readonly workspaceHost?: ReactNode;
 }
-export declare const StaticShellLayout: ({ appHeader, className, leftNavWidth: initialLeftNavWidth, style, workspaceHost, ...htmlAttributes }: StaticShellLayoutProps) => import("react").JSX.Element;
-export declare const Shell: ({ appHeader, children, leftNavWidth, logout, saveUrl: _saveUrl, serverUrl: _serverUrl, shellLayoutProps, workspaceProps, ...htmlAttributes }: ShellProps) => import("react").JSX.Element;
+export declare const StaticShellLayout: ({ appHeader, className, leftNavWidth: initialLeftNavWidth, style, workspaceHost, ...htmlAttributes }: StaticShellLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Shell: ({ appHeader, children, leftNavWidth, logout, saveUrl: _saveUrl, serverUrl: _serverUrl, shellLayoutProps, workspaceProps, ...htmlAttributes }: ShellProps) => import("react/jsx-runtime").JSX.Element;

package/types/theme-switch/ThemeSwitch.d.ts

@@ -5,4 +5,4 @@ export interface ThemeSwitchProps extends Omit<HTMLAttributes<HTMLDivElement>, "
     mode?: ThemeMode;
     onChange: (mode: ThemeMode) => void;
 }
-export declare const ThemeSwitch: ({ className: classNameProp, defaultMode: defaultModeProp, mode: modeProp, onChange, ...htmlAttributes }: ThemeSwitchProps) => import("react").JSX.Element;
+export declare const ThemeSwitch: ({ className: classNameProp, defaultMode: defaultModeProp, mode: modeProp, onChange, ...htmlAttributes }: ThemeSwitchProps) => import("react/jsx-runtime").JSX.Element;

package/types/workspace-management/LayoutList.d.ts

@@ -1,2 +1,2 @@
 import type { HTMLAttributes } from "react";
-export declare const LayoutList: ({ className, title, ...htmlAttributes }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+export declare const LayoutList: ({ className, title, ...htmlAttributes }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;

package/types/workspace-management/LayoutTile.d.ts

@@ -4,4 +4,4 @@ export interface LayoutTileProps extends HTMLAttributes<HTMLDivElement> {
     metadata: LayoutMetadata | SystemLayoutMetadata;
     onLoadLayout: (layoutId?: string, layoutJSON?: LayoutJSON) => void;
 }
-export declare const LayoutTile: ({ metadata, onLoadLayout, ...htmlAttributes }: LayoutTileProps) => import("react").JSX.Element;
+export declare const LayoutTile: ({ metadata, onLoadLayout, ...htmlAttributes }: LayoutTileProps) => import("react/jsx-runtime").JSX.Element;

package/types/workspace-management/SaveLayoutPanel.d.ts

@@ -5,5 +5,5 @@ type SaveLayoutPanelProps = {
     onCancel: () => void;
     onSave: (layoutMetadata: LayoutMetadataDto) => void;
 };
-export declare const SaveLayoutPanel: (props: SaveLayoutPanelProps) => import("react").JSX.Element;
+export declare const SaveLayoutPanel: (props: SaveLayoutPanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/types/workspace-management/WorkspaceHost.d.ts

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

package/types/workspace-management/WorkspaceProvider.d.ts

@@ -1,63 +1,52 @@
-import { type GridComponentRendererRegistry, type GridComponentSettingsRegistry, type JsonValue } from "@vuu-ui/grid-layout";
-import type { LayoutJSON } from "@vuu-ui/vuu-utils";
-import { type ReactElement, type ReactNode } from "react";
-import { type WorkspacePersistenceService } from "../persistence-manager";
-import { WorkspaceController } from "./WorkspaceController";
-import { type NamedWorkspaceDefinitionV1, type NamedWorkspaceMetadataV1, type WorkspaceSnapshotV1 } from "./workspace-schemas";
-export declare const emptyWorkspaceSnapshot: WorkspaceSnapshotV1;
-export type WorkspaceStatus = "empty" | "error" | "loading" | "ready";
-export interface WorkspaceProps {
-    /** @deprecated Migrate this layout to defaultWorkspace. */
-    readonly activeLayoutIndex?: number;
-    readonly componentRenderers?: GridComponentRendererRegistry;
-    readonly defaultWorkspace?: WorkspaceSnapshotV1;
-    /** @deprecated Migrate this layout to defaultWorkspace. */
-    readonly layoutJSON?: LayoutJSON | readonly LayoutJSON[];
-    /** @deprecated Workspace snapshots contain their own placeholders. */
-    readonly layoutPlaceholderJSON?: LayoutJSON;
-    readonly settingsCodecs?: GridComponentSettingsRegistry;
-    /** @deprecated Tabs are managed by WorkspaceHost. */
-    readonly showTabs?: boolean | "left" | "right";
-    readonly systemWorkspaces?: readonly NamedWorkspaceDefinitionV1[];
-    /** @deprecated Tabs are managed by WorkspaceHost. */
-    readonly TabstripProps?: Readonly<Record<string, unknown>>;
-    /** @deprecated Migrate this layout to defaultWorkspace. */
-    readonly workspaceJSON?: LayoutJSON | readonly LayoutJSON[];
-}
+import { LayoutMetadata, LayoutMetadataDto, type ApplicationSetting, type ApplicationSettings, type LayoutJSON } from "@vuu-ui/vuu-utils";
+import { ReactElement } from "react";
+import { type WorkspaceStackProps } from "./defaultWorkspaceJSON";
+export type WorkspaceProps = WorkspaceStackProps & {
+    layoutPlaceholderJSON?: LayoutJSON;
+    /**
+     * layoutJSON defines the default layout to render on first load and until such time as
+     * layout state has been persisted. After that, the persisted state will be rendered.
+     */
+    layoutJSON?: LayoutJSON | LayoutJSON[];
+    activeLayoutIndex?: number;
+    /**
+     * The Vuu workspace is the container into which layouts are loaded. By default, it will be
+     * a Tabbed Panel (Stack + Tabstrip), showing a tab per Layout.
+     */
+    workspaceJSON?: LayoutJSON | LayoutJSON[];
+};
 export interface WorkspaceProviderProps extends WorkspaceProps {
-    readonly children: ReactNode;
-    readonly persistenceService?: WorkspacePersistenceService;
-    readonly userId?: string;
-}
-export interface WorkspaceContextValue {
-    readonly activeWorkspace?: WorkspaceController;
-    readonly activeWorkspaceInstanceId: string | null;
-    readonly closeWorkspace: (instanceId: string) => Promise<void>;
-    readonly componentRenderers?: GridComponentRendererRegistry;
-    readonly controllers: readonly WorkspaceController[];
-    readonly createWorkspaceFromSnapshot: (snapshot: WorkspaceSnapshotV1, title?: string) => Promise<string>;
-    readonly deleteNamedWorkspace: (definitionId: string) => Promise<void>;
-    readonly error?: Error;
-    readonly getApplicationSetting: (key: string) => JsonValue | undefined;
-    readonly getApplicationSettings: (key?: string) => JsonValue | Readonly<Record<string, JsonValue>> | undefined;
-    readonly namedWorkspaces: readonly NamedWorkspaceMetadataV1[];
-    readonly openNamedWorkspace: (definitionId: string) => Promise<void>;
-    readonly openSystemWorkspace: (definition: NamedWorkspaceDefinitionV1) => Promise<void>;
-    readonly renameWorkspace: (instanceId: string, title: string) => Promise<void>;
-    readonly saveActiveWorkspaceAs: (name: string, description?: string) => Promise<void>;
-    readonly saveApplicationSettings: (settings: JsonValue, key?: string) => Promise<void>;
-    readonly selectWorkspace: (instanceId: string) => Promise<void>;
-    readonly setApplicationSetting: (key: string, value: JsonValue) => Promise<void>;
-    readonly settings: Readonly<Record<string, JsonValue>>;
-    readonly settingsCodecs?: GridComponentSettingsRegistry;
-    /** Identifies the authenticated persistence scope. Changes synchronously on a scope transition. */
-    readonly scopeIdentity: string;
-    readonly status: WorkspaceStatus;
-    readonly systemWorkspaces: readonly NamedWorkspaceDefinitionV1[];
-    readonly resetApplication: () => Promise<void>;
-}
-export declare class StaleWorkspaceScopeError extends Error {
-    constructor();
+    children: ReactElement | ReactElement[];
+    /**
+     * layoutPlaceholderJSON defines the layout to render when a new workspace layout is created.
+     */
+    layoutPlaceholderJSON?: LayoutJSON;
 }
-export declare const WorkspaceProvider: ({ activeLayoutIndex, children, componentRenderers, defaultWorkspace, layoutJSON, layoutPlaceholderJSON, persistenceService: serviceProp, settingsCodecs, showTabs, systemWorkspaces, TabstripProps, userId, workspaceJSON, }: WorkspaceProviderProps) => ReactElement;
-export declare const useWorkspace: () => WorkspaceContextValue;
+/**
+ * LayoutManagementProvider supplies an API for loading and saving layout documents.
+ * Initial layout is automatically loaded on startup. Because this hook is responsible
+ * only for loading and saving layouts, it only triggers a render when content is loaded.
+ *
+ * Initial layout displays a loading state
+ * User may supply a default layout. This will not be displayed until call has been made to
+ * persistenceManager to retrieve stored layout state. If no stored state is returned, the
+ * default layout provided by user will be set as current state (and hence rendered). If no
+ * default layout has been provided by user, the sysem default will be used (simple PlaceHolder)
+ * If saved layout state has been returned, that will be set as current state (and rendered)
+ *
+ */
+export declare const WorkspaceProvider: ({ TabstripProps, children, layoutJSON, activeLayoutIndex, layoutPlaceholderJSON, showTabs, workspaceJSON: customWorkspaceJSON, }: WorkspaceProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useWorkspace: () => {
+    workspaceJSON: LayoutJSON<{
+        [key: string]: any;
+    }> | LayoutJSON<{
+        [key: string]: any;
+    }>[];
+    layoutMetadata: LayoutMetadata[];
+    layoutPlaceholderJSON?: LayoutJSON;
+    getApplicationSettings: (key?: keyof ApplicationSettings) => ApplicationSettings | ApplicationSetting | undefined;
+    loadLayoutById: (id: string) => void;
+    saveApplicationSettings: (settings: ApplicationSettings | ApplicationSetting, key?: keyof ApplicationSettings) => void;
+    saveLayout: (n: LayoutMetadataDto) => void;
+    saveApplicationLayout: (layout: LayoutJSON) => void;
+};

package/types/workspace-management/WorkspaceStartPanel.d.ts

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

package/types/workspace-management/index.d.ts

@@ -1,13 +1,10 @@
 export * from "./SaveLayoutPanel";
 export * from "./LayoutList";
-export * from "./WorkspaceProvider";
 export * from "./defaultWorkspaceJSON";
 export * from "./useWorkspaceContextMenuItems";
-export * from "./workspace-schemas";
-export * from "./WorkspaceRepository";
-export * from "./WorkspacePersistentState";
-export * from "./WorkspaceController";
-export * from "./workspace-component-registry";
-export * from "./WorkspaceHost";
-export * from "./WorkspaceStartPanel";
 export * from "./shell-workspace-components";
+/**
+ * The workspace model now lives in @vuu-ui/core. These re-exports keep
+ * existing @vuu-ui/vuu-shell imports working.
+ */
+export { APPLICATION_SESSION_VERSION, type ApplicationSessionV1, type ComponentPersistentStateV1, type ComponentStateUpdate, cloneWorkspaceValue, createWorkspaceComponentRegistries, emptyWorkspaceSnapshot, jsonValueWorkspaceComponentCodec, NAMED_WORKSPACE_DEFINITION_VERSION, type NamedWorkspaceDefinitionV1, type NamedWorkspaceMetadataV1, type OpenWorkspaceInstanceV1, StaleWorkspaceScopeError, useComponentPersistentState, useWorkspace, useWorkspacePersistentStateStore, validateApplicationSessionV1, validateNamedWorkspaceDefinitionV1, validateNamedWorkspaceMetadataV1, validateWorkspaceSnapshotRecordV1, validateWorkspaceSnapshotV1, WORKSPACE_SNAPSHOT_RECORD_VERSION, WORKSPACE_SNAPSHOT_VERSION, type WorkspaceComponentRegistration, type WorkspaceComponentRegistries, type WorkspaceContextValue, WorkspaceController, type WorkspaceControllerOptions, WorkspaceHost, type WorkspaceKind, workspaceMetadata, WorkspacePersistentStateProvider, type WorkspacePersistentStateProviderProps, WorkspacePersistentStateStore, type WorkspaceProps, WorkspaceProvider, type WorkspaceProviderProps, WorkspaceRepository, WorkspaceRepositoryDisposedError, type WorkspaceSchemaName, type WorkspaceSnapshotRecordV1, type WorkspaceSnapshotV1, WorkspaceStartPanel, type WorkspaceStatus, type WorkspaceSummary, WorkspaceValidationError, type WorkspaceValidationIssue, } from "@vuu-ui/core";

package/types/workspace-management/shell-workspace-components.d.ts

@@ -1,2 +1,2 @@
-import type { WorkspaceComponentRegistration } from "./workspace-component-registry";
+import type { WorkspaceComponentRegistration } from "@vuu-ui/core";
 export declare const shellWorkspaceComponentRegistrations: readonly WorkspaceComponentRegistration<unknown>[];

package/src/persistence-manager/LocalWorkspacePersistenceService.js

@@ -1,129 +0,0 @@
-import { WorkspaceValidationError, cloneWorkspaceValue, validateApplicationSessionV1, validateNamedWorkspaceDefinitionV1, validateNamedWorkspaceMetadataV1, validateWorkspaceSnapshotRecordV1, workspaceMetadata } from "../workspace-management/workspace-schemas.js";
-import { WorkspacePersistenceError } from "./WorkspacePersistenceService.js";
-const validateScope = (scope)=>{
-    for (const [name, value] of Object.entries(scope))if (!value) throw new WorkspacePersistenceError(`Persistence scope ${name} must not be empty`, "construct");
-};
-const requireId = (id, operation)=>{
-    if (!id) throw new WorkspacePersistenceError("Entity id must not be empty", operation);
-    return id;
-};
-class LocalWorkspacePersistenceService {
-    scope;
-    #storage;
-    #prefix;
-    constructor(scope, storage = localStorage){
-        validateScope(scope);
-        this.scope = Object.freeze({
-            ...scope
-        });
-        this.#storage = storage;
-        this.#prefix = [
-            "vuu-workspace",
-            scope.applicationNamespace,
-            scope.applicationId,
-            scope.userId
-        ].map(encodeURIComponent).join(":");
-    }
-    async loadApplicationSession() {
-        return this.#read("application-session", void 0, validateApplicationSessionV1);
-    }
-    async saveApplicationSession(session) {
-        this.#write("application-session", void 0, validateApplicationSessionV1(session));
-    }
-    async deleteApplicationSession() {
-        this.#remove("application-session");
-    }
-    async listWorkspaceSnapshots() {
-        return this.#ids("snapshot").map((id)=>{
-            const snapshot = this.#read("snapshot", id, validateWorkspaceSnapshotRecordV1);
-            if (!snapshot) throw new WorkspacePersistenceError(`Snapshot index references missing workspace "${id}"`, "listWorkspaceSnapshots");
-            return snapshot;
-        });
-    }
-    async loadWorkspaceSnapshot(workspaceInstanceId) {
-        return this.#read("snapshot", requireId(workspaceInstanceId, "loadWorkspaceSnapshot"), validateWorkspaceSnapshotRecordV1);
-    }
-    async saveWorkspaceSnapshot(snapshot) {
-        const validated = validateWorkspaceSnapshotRecordV1(snapshot);
-        this.#write("snapshot", validated.workspaceInstanceId, validated);
-        this.#addId("snapshot", validated.workspaceInstanceId);
-    }
-    async deleteWorkspaceSnapshot(workspaceInstanceId) {
-        const id = requireId(workspaceInstanceId, "deleteWorkspaceSnapshot");
-        this.#remove("snapshot", id);
-        this.#deleteId("snapshot", id);
-    }
-    async listNamedWorkspaceMetadata() {
-        return this.#ids("definition").map((id)=>{
-            const metadata = this.#read("definition-metadata", id, validateNamedWorkspaceMetadataV1);
-            if (!metadata) throw new WorkspacePersistenceError(`Definition index references missing metadata "${id}"`, "listNamedWorkspaceMetadata");
-            return metadata;
-        });
-    }
-    async loadNamedWorkspaceDefinition(id) {
-        return this.#read("definition", requireId(id, "loadNamedWorkspaceDefinition"), validateNamedWorkspaceDefinitionV1);
-    }
-    async saveNamedWorkspaceDefinition(definition) {
-        const validated = validateNamedWorkspaceDefinitionV1(definition);
-        this.#write("definition", validated.id, validated);
-        this.#write("definition-metadata", validated.id, workspaceMetadata(validated));
-        this.#addId("definition", validated.id);
-    }
-    async deleteNamedWorkspaceDefinition(id) {
-        const validatedId = requireId(id, "deleteNamedWorkspaceDefinition");
-        this.#remove("definition", validatedId);
-        this.#remove("definition-metadata", validatedId);
-        this.#deleteId("definition", validatedId);
-    }
-    #key(entity, id) {
-        return `${this.#prefix}:${encodeURIComponent(entity)}${void 0 === id ? "" : `:${encodeURIComponent(id)}`}`;
-    }
-    #read(entity, id, validator) {
-        const stored = this.#storage.getItem(this.#key(entity, id));
-        if (null === stored) return;
-        let parsed;
-        try {
-            parsed = JSON.parse(stored);
-        } catch (error) {
-            if (!(error instanceof SyntaxError)) throw error;
-            throw new WorkspacePersistenceError(`Stored ${entity} is not valid JSON: ${error.message}`, `load:${entity}`);
-        }
-        try {
-            return cloneWorkspaceValue(validator(parsed));
-        } catch (error) {
-            if (!(error instanceof WorkspaceValidationError)) throw error;
-            throw new WorkspacePersistenceError(`Stored ${entity} is invalid: ${error.message}`, `load:${entity}`);
-        }
-    }
-    #write(entity, id, value) {
-        this.#storage.setItem(this.#key(entity, id), JSON.stringify(cloneWorkspaceValue(value)));
-    }
-    #remove(entity, id) {
-        this.#storage.removeItem(this.#key(entity, id));
-    }
-    #ids(entity) {
-        const stored = this.#storage.getItem(this.#key(`${entity}-index`));
-        if (null === stored) return [];
-        let parsed;
-        try {
-            parsed = JSON.parse(stored);
-        } catch (error) {
-            if (!(error instanceof SyntaxError)) throw error;
-            throw new WorkspacePersistenceError(`Stored ${entity} index is not valid JSON: ${error.message}`, `list:${entity}`);
-        }
-        if (!Array.isArray(parsed) || parsed.some((id)=>"string" != typeof id || !id) || new Set(parsed).size !== parsed.length) throw new WorkspacePersistenceError(`Stored ${entity} index is invalid`, `list:${entity}`);
-        return parsed;
-    }
-    #addId(entity, id) {
-        const ids = this.#ids(entity);
-        if (!ids.includes(id)) this.#storage.setItem(this.#key(`${entity}-index`), JSON.stringify([
-            ...ids,
-            id
-        ]));
-    }
-    #deleteId(entity, id) {
-        const ids = this.#ids(entity).filter((existing)=>existing !== id);
-        this.#storage.setItem(this.#key(`${entity}-index`), JSON.stringify(ids));
-    }
-}
-export { LocalWorkspacePersistenceService };