@vezham/react 26.1.0 → 26.3.1

package/dist/lib/workspace/action-dialog.js

@@ -0,0 +1,86 @@
+import { useWorkspace } from "./index.js";
+import { useState } from "react";
+import { Button, Form, Input, Label, Modal, TextField, useOverlayState } from "@vezham/react-v3";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/lib/workspace/action-dialog.tsx
+var WorkspaceActionDialog = ({ action, onClose }) => {
+	const workspace = useWorkspace();
+	const target = workspace.workspaces.find((item) => item.id === action.id);
+	const [name, setName] = useState(target?.name ?? "");
+	const [pending, setPending] = useState(false);
+	const [error, setError] = useState("");
+	const deleting = action.type === "delete";
+	const state = useOverlayState({
+		isOpen: true,
+		onOpenChange: (open) => {
+			if (!open && !pending) onClose();
+		}
+	});
+	const submit = async () => {
+		if (pending || !target) return;
+		setPending(true);
+		setError("");
+		try {
+			if (deleting ? await workspace.remove(target.id) : await workspace.rename(target.id, name)) onClose();
+			else setError(deleting && workspace.workspaces.length <= 1 ? "Keep at least one workspace." : "Unable to save this change. Check browser storage permissions.");
+		} catch (cause) {
+			setError(cause instanceof Error ? cause.message : "Unable to update workspace.");
+		} finally {
+			setPending(false);
+		}
+	};
+	return /* @__PURE__ */ jsx(Modal, {
+		state,
+		children: /* @__PURE__ */ jsx(Modal.Backdrop, {
+			variant: "blur",
+			children: /* @__PURE__ */ jsx(Modal.Container, {
+				placement: "center",
+				size: "sm",
+				children: /* @__PURE__ */ jsxs(Modal.Dialog, { children: [
+					/* @__PURE__ */ jsx(Modal.CloseTrigger, {
+						"aria-label": "Close workspace action",
+						isDisabled: pending
+					}),
+					/* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Modal.Heading, { children: deleting ? "Delete workspace" : "Rename workspace" }) }),
+					/* @__PURE__ */ jsxs(Form, {
+						onSubmit: (event) => {
+							event.preventDefault();
+							submit();
+						},
+						children: [/* @__PURE__ */ jsxs(Modal.Body, {
+							className: "flex flex-col gap-4",
+							children: [deleting ? /* @__PURE__ */ jsxs("p", { children: [
+								"Delete ",
+								/* @__PURE__ */ jsx("strong", { children: target?.name }),
+								"? Its local notes, chat history, and workspace data will be permanently removed from this browser."
+							] }) : /* @__PURE__ */ jsxs(TextField, {
+								isRequired: true,
+								value: name,
+								onChange: setName,
+								isDisabled: pending,
+								children: [/* @__PURE__ */ jsx(Label, { children: "Workspace name" }), /* @__PURE__ */ jsx(Input, { maxLength: 64 })]
+							}), error && /* @__PURE__ */ jsx("p", {
+								role: "alert",
+								className: "text-danger text-sm",
+								children: error
+							})]
+						}), /* @__PURE__ */ jsxs(Modal.Footer, { children: [/* @__PURE__ */ jsx(Button, {
+							variant: "secondary",
+							onPress: onClose,
+							isDisabled: pending,
+							children: "Cancel"
+						}), /* @__PURE__ */ jsx(Button, {
+							type: "submit",
+							variant: deleting ? "danger" : "primary",
+							isPending: pending,
+							isDisabled: !target || !workspace.isReady || Boolean(workspace.error) || (deleting ? workspace.workspaces.length <= 1 : !name.trim()),
+							children: deleting ? "Delete workspace" : "Save name"
+						})] })]
+					})
+				] })
+			})
+		})
+	});
+};
+//#endregion
+export { WorkspaceActionDialog };

package/dist/lib/workspace/actions-menu.d.ts

@@ -0,0 +1,8 @@
+import type { WorkspaceAction } from './action-dialog';
+import type { LocalWorkspace } from './model';
+export declare const WorkspaceActionsMenu: ({ workspace, canDelete, onAction }: {
+    workspace: LocalWorkspace;
+    canDelete: boolean;
+    onAction: (action: WorkspaceAction) => void;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=actions-menu.d.ts.map

package/dist/lib/workspace/actions-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions-menu.d.ts","sourceRoot":"","sources":["../../../src/lib/workspace/actions-menu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,eAAO,MAAM,oBAAoB,GAAI,oCAIlC;IACD,SAAS,EAAE,cAAc,CAAA;IACzB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAA;CAC5C,gCA+BA,CAAA"}

package/dist/lib/workspace/actions-menu.js

@@ -0,0 +1,47 @@
+import { Button, Dropdown } from "@vezham/react-v3";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MenuDots, Pen, TrashBinTrash } from "@vezham/icons-react";
+//#region src/lib/workspace/actions-menu.tsx
+var WorkspaceActionsMenu = ({ workspace, canDelete, onAction }) => /* @__PURE__ */ jsxs(Dropdown, { children: [/* @__PURE__ */ jsx(Button, {
+	variant: "ghost",
+	size: "sm",
+	isIconOnly: true,
+	"aria-label": `Options for ${workspace.name}`,
+	className: "size-8 min-w-8 shrink-0",
+	children: /* @__PURE__ */ jsx(MenuDots, {
+		size: 18,
+		"aria-hidden": "true"
+	})
+}), /* @__PURE__ */ jsx(Dropdown.Popover, {
+	className: "z-90 w-44",
+	children: /* @__PURE__ */ jsxs(Dropdown.Menu, {
+		"aria-label": `Workspace actions for ${workspace.name}`,
+		children: [/* @__PURE__ */ jsxs(Dropdown.Item, {
+			id: "rename",
+			textValue: "Rename",
+			onAction: () => onAction({
+				id: workspace.id,
+				type: "rename"
+			}),
+			children: [/* @__PURE__ */ jsx(Pen, {
+				size: 18,
+				"aria-hidden": "true"
+			}), "Rename"]
+		}), /* @__PURE__ */ jsxs(Dropdown.Item, {
+			id: "delete",
+			textValue: "Delete",
+			variant: "danger",
+			isDisabled: !canDelete,
+			onAction: () => onAction({
+				id: workspace.id,
+				type: "delete"
+			}),
+			children: [/* @__PURE__ */ jsx(TrashBinTrash, {
+				size: 18,
+				"aria-hidden": "true"
+			}), "Delete"]
+		})]
+	})
+})] });
+//#endregion
+export { WorkspaceActionsMenu };

package/dist/lib/workspace/create-dialog.d.ts

@@ -0,0 +1,5 @@
+export declare const CreateWorkspaceDialog: ({ isOpen, onOpenChange }: {
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=create-dialog.d.ts.map

package/dist/lib/workspace/create-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/workspace/create-dialog.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,qBAAqB,GAAI,0BAGnC;IACD,MAAM,EAAE,OAAO,CAAA;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC,gCAiBA,CAAA"}

package/dist/lib/workspace/create-dialog.js

@@ -0,0 +1,108 @@
+import { useWorkspace } from "./index.js";
+import { useState } from "react";
+import { Button, Description, Form, Input, Label, Modal, TextField, useOverlayState } from "@vezham/react-v3";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Laptop } from "@vezham/icons-react";
+//#region src/lib/workspace/create-dialog.tsx
+var CreateWorkspaceDialog = ({ isOpen, onOpenChange }) => {
+	return /* @__PURE__ */ jsx(Modal, {
+		state: useOverlayState({
+			isOpen,
+			onOpenChange
+		}),
+		children: /* @__PURE__ */ jsx(Modal.Backdrop, {
+			variant: "blur",
+			children: /* @__PURE__ */ jsx(Modal.Container, {
+				placement: "center",
+				size: "sm",
+				children: /* @__PURE__ */ jsxs(Modal.Dialog, { children: [
+					/* @__PURE__ */ jsx(Modal.CloseTrigger, { "aria-label": "Close create workspace" }),
+					/* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Modal.Heading, { children: "Name your workspace" }) }),
+					/* @__PURE__ */ jsx(CreateWorkspaceForm, { onClose: () => onOpenChange(false) })
+				] })
+			})
+		})
+	});
+};
+var CreateWorkspaceForm = ({ onClose }) => {
+	const workspace = useWorkspace();
+	const [name, setName] = useState("");
+	const [error, setError] = useState("");
+	const [isPending, setIsPending] = useState(false);
+	const submit = async () => {
+		if (isPending) return;
+		setIsPending(true);
+		setError("");
+		try {
+			if (await workspace.create(name)) onClose();
+			else setError("Unable to save this workspace. Check browser storage permissions.");
+		} catch (cause) {
+			setError(cause instanceof Error ? cause.message : "Unable to create workspace.");
+		} finally {
+			setIsPending(false);
+		}
+	};
+	return /* @__PURE__ */ jsxs(Form, {
+		onSubmit: (event) => {
+			event.preventDefault();
+			submit();
+		},
+		children: [/* @__PURE__ */ jsxs(Modal.Body, {
+			className: "flex flex-col gap-5",
+			children: [
+				/* @__PURE__ */ jsx("p", {
+					className: "text-muted text-sm",
+					children: "A workspace keeps your app data together. Create one for yourself, a project, or a team."
+				}),
+				/* @__PURE__ */ jsxs(TextField, {
+					isRequired: true,
+					value: name,
+					onChange: setName,
+					isInvalid: Boolean(error),
+					isDisabled: isPending,
+					children: [/* @__PURE__ */ jsx(Label, { children: "Workspace name" }), /* @__PURE__ */ jsx(Input, {
+						placeholder: "Set a workspace name",
+						maxLength: 64
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-2",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "text-sm font-medium",
+							children: "Workspace type"
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "bg-surface-secondary flex items-center gap-3 rounded-lg p-3",
+							children: [/* @__PURE__ */ jsx(Laptop, {
+								size: 20,
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ jsx("span", {
+								className: "text-sm",
+								children: "Local storage"
+							})]
+						}),
+						/* @__PURE__ */ jsx(Description, { children: "Saved in this browser. No sign-in needed." })
+					]
+				}),
+				error && /* @__PURE__ */ jsx("p", {
+					role: "alert",
+					className: "text-danger text-sm",
+					children: error
+				})
+			]
+		}), /* @__PURE__ */ jsxs(Modal.Footer, { children: [/* @__PURE__ */ jsx(Button, {
+			variant: "secondary",
+			onPress: onClose,
+			isDisabled: isPending,
+			children: "Cancel"
+		}), /* @__PURE__ */ jsx(Button, {
+			type: "submit",
+			isPending,
+			isDisabled: !name.trim() || !workspace.isReady || Boolean(workspace.error),
+			children: "Create workspace"
+		})] })]
+	});
+};
+//#endregion
+export { CreateWorkspaceDialog };

package/dist/lib/workspace/index.d.ts

@@ -0,0 +1,34 @@
+import type { ReactNode } from 'react';
+import type { IndexedDBStoreOptions } from '@vezham/hooks';
+import type { LocalWorkspace } from './model';
+interface WorkspaceContextValue {
+    appId: string;
+    active: LocalWorkspace;
+    workspaces: readonly LocalWorkspace[];
+    isReady: boolean;
+    isSaved: boolean;
+    error: unknown;
+    create: (name: string) => Promise<string | null>;
+    select: (id: string) => void;
+    rename: (id: string, name: string) => Promise<boolean>;
+    remove: (id: string) => Promise<boolean>;
+}
+export interface WorkspaceProviderProps {
+    children: ReactNode;
+    appId?: string;
+    defaultName?: string;
+}
+export declare const WorkspaceProvider: ({ children, appId: explicitAppId, defaultName }: WorkspaceProviderProps) => import("react").JSX.Element;
+export declare const useOptionalWorkspace: () => WorkspaceContextValue | null;
+export declare const useWorkspace: () => WorkspaceContextValue;
+export declare const useWorkspaceStore: <T>(key: string, initialValue: T, options?: IndexedDBStoreOptions<T>) => {
+    setValue: (update: T | ((current: T) => T), options?: import("@vezham/hooks").IndexedDBMutationOptions) => Promise<boolean>;
+    flush: () => Promise<undefined>;
+    refresh: () => Promise<undefined>;
+    value: T;
+    isReady: boolean;
+    isSaved: boolean;
+    error: unknown;
+};
+export type { LocalWorkspace } from './model';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/workspace/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/workspace/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAW1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,cAAc,CAAA;IACtB,UAAU,EAAE,SAAS,cAAc,EAAE,CAAA;IACrC,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,OAAO,CAAA;IACd,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IAChD,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;IACtD,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;CACzC;AASD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,iBAAiB,GAAI,iDAI/B,sBAAsB,gCAYxB,CAAA;AAqID,eAAO,MAAM,oBAAoB,oCAAqC,CAAA;AAEtE,eAAO,MAAM,YAAY,6BAIxB,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,EACjC,KAAK,MAAM,EACX,cAAc,CAAC,EACf,UAAS,qBAAqB,CAAC,CAAC,CAAM;;;;;;;;CAQvC,CAAA;AAED,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA"}

package/dist/lib/workspace/index.js

@@ -0,0 +1,128 @@
+import { createInitialWorkspaceCatalog, createLocalWorkspace, normalizeWorkspaceName, parseWorkspaceCatalog, workspaceCatalogKey, workspaceDataKey, workspaceSelectionKey } from "./model.js";
+import { createContext, useCallback, useContext, useMemo } from "react";
+import { useApp, useIndexedDBStore, useLocalStore } from "@vezham/hooks";
+import { jsx } from "react/jsx-runtime";
+//#region src/lib/workspace/index.tsx
+var parseWorkspaceSelection = (value) => typeof value === "string" && value.length > 0 && value.length <= 128 ? value : "default";
+var WorkspaceContext = createContext(null);
+var WorkspaceProvider = ({ children, appId: explicitAppId, defaultName = "My Workspace" }) => {
+	const app = useApp();
+	const appId = explicitAppId ?? app?.id;
+	if (!appId) throw new Error("WorkspaceProvider requires an app ID or an app identity provider.");
+	return /* @__PURE__ */ jsx(WorkspaceScope, {
+		appId,
+		defaultName,
+		children
+	}, appId);
+};
+var WorkspaceScope = ({ children, appId, defaultName }) => {
+	const initial = useMemo(() => createInitialWorkspaceCatalog(defaultName), [defaultName]);
+	const { value: catalog, setValue, isReady, isSaved, error } = useIndexedDBStore(workspaceCatalogKey(appId), initial, { parse: parseWorkspaceCatalog });
+	const { value: selectedId, setValue: setSelection, isReady: selectionReady, isSaved: selectionSaved, error: selectionError } = useLocalStore(workspaceSelectionKey(appId), "default", { parse: parseWorkspaceSelection });
+	const active = catalog.workspaces.find((item) => item.id === selectedId) ?? catalog.workspaces[0];
+	const create = useCallback(async (name) => {
+		if (!isReady || !selectionReady || error) return null;
+		const workspace = createLocalWorkspace(name);
+		if (!await setValue((current) => ({ workspaces: [...current.workspaces, workspace] }))) return null;
+		setSelection(workspace.id);
+		return workspace.id;
+	}, [
+		isReady,
+		selectionReady,
+		error,
+		setValue,
+		setSelection
+	]);
+	const select = useCallback((id) => {
+		if (!isReady || !selectionReady || error || !catalog.workspaces.some((item) => item.id === id)) return;
+		setSelection(id);
+	}, [
+		isReady,
+		selectionReady,
+		error,
+		catalog.workspaces,
+		setSelection
+	]);
+	const rename = useCallback(async (id, name) => {
+		if (!isReady || error) return false;
+		const normalized = normalizeWorkspaceName(name);
+		if (!catalog.workspaces.some((item) => item.id === id)) return false;
+		return setValue((current) => ({ workspaces: current.workspaces.map((item) => item.id === id ? {
+			...item,
+			name: normalized
+		} : item) }));
+	}, [
+		isReady,
+		error,
+		catalog.workspaces,
+		setValue
+	]);
+	const remove = useCallback(async (id) => {
+		if (!isReady || error || catalog.workspaces.length <= 1 || !catalog.workspaces.some((item) => item.id === id)) return false;
+		const saved = await setValue((current) => {
+			const remaining = current.workspaces.filter((item) => item.id !== id);
+			if (!remaining.length) throw new Error("Keep at least one workspace.");
+			return { workspaces: remaining };
+		}, {
+			deletePrefixes: [workspaceDataKey(appId, id, "")],
+			optimistic: false
+		});
+		if (saved) {
+			const next = catalog.workspaces.find((item) => item.id !== id);
+			if (next) setSelection((current) => current === id ? next.id : current);
+		}
+		return saved;
+	}, [
+		isReady,
+		error,
+		catalog.workspaces,
+		setValue,
+		appId,
+		setSelection
+	]);
+	const ready = isReady && selectionReady;
+	const storageError = error ?? selectionError;
+	const saved = isSaved && selectionSaved;
+	const value = useMemo(() => ({
+		appId,
+		active,
+		workspaces: catalog.workspaces,
+		isReady: ready,
+		isSaved: saved,
+		error: storageError,
+		create,
+		rename,
+		remove,
+		select
+	}), [
+		appId,
+		active,
+		catalog.workspaces,
+		ready,
+		saved,
+		storageError,
+		create,
+		rename,
+		remove,
+		select
+	]);
+	return /* @__PURE__ */ jsx(WorkspaceContext.Provider, {
+		value,
+		children
+	});
+};
+var useOptionalWorkspace = () => useContext(WorkspaceContext);
+var useWorkspace = () => {
+	const workspace = useOptionalWorkspace();
+	if (!workspace) throw new Error("useWorkspace requires WorkspaceProvider.");
+	return workspace;
+};
+var useWorkspaceStore = (key, initialValue, options = {}) => {
+	const { appId, active, isReady } = useWorkspace();
+	return useIndexedDBStore(workspaceDataKey(appId, active.id, key), initialValue, {
+		...options,
+		enabled: isReady && options.enabled !== false
+	});
+};
+//#endregion
+export { WorkspaceProvider, useOptionalWorkspace, useWorkspace, useWorkspaceStore };

package/dist/lib/workspace/menu.d.ts

@@ -0,0 +1,18 @@
+import type { WorkspaceAction } from './action-dialog';
+import type { useWorkspace } from './index';
+type Props = {
+    workspace: ReturnType<typeof useWorkspace>;
+    select: (id: string) => void;
+    create: () => void;
+    onAction: (action: WorkspaceAction) => void;
+};
+export declare const renderWorkspaceMenuSection: (props: Props) => import("react").JSX.Element;
+export declare const WorkspaceSheetTrigger: ({ name, onPress }: {
+    name: string;
+    onPress: () => void;
+}) => import("react").JSX.Element;
+export declare const WorkspaceSheetItems: ({ workspace, select, create, onAction, onBack }: Props & {
+    onBack: () => void;
+}) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=menu.d.ts.map

package/dist/lib/workspace/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/lib/workspace/menu.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,KAAK,KAAK,GAAG;IACX,SAAS,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAA;IAC1C,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5B,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAA;CAC5C,CAAA;AA4CD,eAAO,MAAM,0BAA0B,GAAI,OAAO,KAAK,gCAqBtD,CAAA;AAED,eAAO,MAAM,qBAAqB,GAAI,mBAGnC;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,gCAUA,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,iDAMjC,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,gCA6ChC,CAAA"}

package/dist/lib/workspace/menu.js

@@ -0,0 +1,148 @@
+import { WorkspaceActionsMenu } from "./actions-menu.js";
+import { Button, Dropdown, Header, Label } from "@vezham/react-v3";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Add, AltArrowLeft, AltArrowRight, CheckRead, Laptop } from "@vezham/icons-react";
+//#region src/lib/workspace/menu.tsx
+var renderWorkspaceItems = ({ workspace, select, create, onAction }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Dropdown.Section, { children: [/* @__PURE__ */ jsx(Header, { children: "Local storage" }), workspace.workspaces.map((item) => /* @__PURE__ */ jsxs(Dropdown.Item, {
+	id: `workspace:${item.id}`,
+	isDisabled: !workspace.isReady || Boolean(workspace.error),
+	"aria-label": item.name,
+	"aria-current": item.id === workspace.active.id ? true : void 0,
+	textValue: item.name,
+	onAction: () => select(item.id),
+	children: [
+		/* @__PURE__ */ jsx(Laptop, {
+			size: 18,
+			"aria-hidden": "true"
+		}),
+		/* @__PURE__ */ jsx(Label, {
+			className: "min-w-0 flex-1 truncate",
+			children: item.name
+		}),
+		/* @__PURE__ */ jsx(WorkspaceActionsMenu, {
+			workspace: item,
+			canDelete: workspace.workspaces.length > 1,
+			onAction
+		}),
+		item.id === workspace.active.id && /* @__PURE__ */ jsx(CheckRead, {
+			size: 18,
+			"aria-hidden": "true"
+		})
+	]
+}, item.id))] }), /* @__PURE__ */ jsxs(Dropdown.Item, {
+	id: "create-workspace",
+	isDisabled: !workspace.isReady || Boolean(workspace.error),
+	textValue: "Create workspace",
+	onAction: create,
+	children: [/* @__PURE__ */ jsx(Add, {
+		size: 18,
+		"aria-hidden": "true"
+	}), /* @__PURE__ */ jsx(Label, { children: "Create workspace" })]
+})] });
+var renderWorkspaceMenuSection = (props) => /* @__PURE__ */ jsxs(Dropdown.SubmenuTrigger, { children: [/* @__PURE__ */ jsxs(Dropdown.Item, {
+	id: "workspaces",
+	isDisabled: !props.workspace.isReady || Boolean(props.workspace.error),
+	"aria-label": "Choose workspace",
+	textValue: props.workspace.active.name,
+	children: [
+		/* @__PURE__ */ jsx(Laptop, {
+			size: 18,
+			"aria-hidden": "true"
+		}),
+		/* @__PURE__ */ jsx(Label, {
+			className: "min-w-0 flex-1 truncate",
+			children: props.workspace.active.name
+		}),
+		/* @__PURE__ */ jsx(Dropdown.SubmenuIndicator, {})
+	]
+}), /* @__PURE__ */ jsx(Dropdown.Popover, {
+	className: "z-90 w-72 max-w-[calc(100vw-2rem)]",
+	children: /* @__PURE__ */ jsx(Dropdown.Menu, {
+		"aria-label": "Workspaces",
+		className: "max-h-80 overflow-y-auto",
+		children: renderWorkspaceItems(props)
+	})
+})] });
+var WorkspaceSheetTrigger = ({ name, onPress }) => /* @__PURE__ */ jsxs(Button, {
+	variant: "ghost",
+	"aria-label": "Choose workspace",
+	className: "h-auto min-h-11 w-full justify-start gap-3 px-3 py-2 text-start",
+	onPress,
+	children: [
+		/* @__PURE__ */ jsx(Laptop, {
+			size: 18,
+			"aria-hidden": "true"
+		}),
+		/* @__PURE__ */ jsx("span", {
+			className: "min-w-0 flex-1 truncate text-start",
+			children: name
+		}),
+		/* @__PURE__ */ jsx(AltArrowRight, {
+			size: 16,
+			"aria-hidden": "true"
+		})
+	]
+});
+var WorkspaceSheetItems = ({ workspace, select, create, onAction, onBack }) => /* @__PURE__ */ jsxs("div", {
+	className: "w-full",
+	children: [
+		/* @__PURE__ */ jsxs(Button, {
+			variant: "ghost",
+			className: "mb-3 w-full justify-start gap-3",
+			"aria-label": "Back to account menu",
+			onPress: onBack,
+			children: [/* @__PURE__ */ jsx(AltArrowLeft, {
+				size: 18,
+				"aria-hidden": "true"
+			}), "Workspaces"]
+		}),
+		/* @__PURE__ */ jsx("p", {
+			className: "text-muted px-3 pb-2 text-xs",
+			children: "Local storage"
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-1",
+			children: [workspace.workspaces.map((item) => /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ jsxs(Button, {
+					variant: item.id === workspace.active.id ? "secondary" : "ghost",
+					className: "h-auto min-h-11 w-full justify-start gap-3 whitespace-normal",
+					isDisabled: !workspace.isReady || Boolean(workspace.error),
+					"aria-pressed": item.id === workspace.active.id,
+					onPress: () => select(item.id),
+					children: [
+						/* @__PURE__ */ jsx(Laptop, {
+							size: 18,
+							className: "shrink-0",
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "min-w-0 flex-1 text-start wrap-anywhere",
+							children: item.name
+						}),
+						item.id === workspace.active.id && /* @__PURE__ */ jsx(CheckRead, {
+							size: 18,
+							className: "shrink-0",
+							"aria-hidden": "true"
+						})
+					]
+				}), /* @__PURE__ */ jsx(WorkspaceActionsMenu, {
+					workspace: item,
+					canDelete: workspace.workspaces.length > 1,
+					onAction
+				})]
+			}, item.id)), /* @__PURE__ */ jsxs(Button, {
+				variant: "ghost",
+				className: "mt-2 w-full justify-start gap-3",
+				isDisabled: !workspace.isReady || Boolean(workspace.error),
+				onPress: create,
+				children: [/* @__PURE__ */ jsx(Add, {
+					size: 18,
+					"aria-hidden": "true"
+				}), "Create workspace"]
+			})]
+		})
+	]
+});
+//#endregion
+export { WorkspaceSheetItems, WorkspaceSheetTrigger, renderWorkspaceMenuSection };

package/dist/lib/workspace/model.d.ts

@@ -0,0 +1,17 @@
+export interface LocalWorkspace {
+    id: string;
+    name: string;
+    storage: 'local';
+    createdAt: number;
+}
+export interface WorkspaceCatalog {
+    workspaces: LocalWorkspace[];
+}
+export declare const workspaceSelectionKey: (appId: string) => string;
+export declare const workspaceCatalogKey: (appId: string) => string;
+export declare const workspaceDataKey: (appId: string, workspaceId: string, key: string) => string;
+export declare const normalizeWorkspaceName: (name: string) => string;
+export declare const createInitialWorkspaceCatalog: (name: string) => WorkspaceCatalog;
+export declare const parseWorkspaceCatalog: (input: unknown) => WorkspaceCatalog;
+export declare const createLocalWorkspace: (name: string) => LocalWorkspace;
+//# sourceMappingURL=model.d.ts.map

package/dist/lib/workspace/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/lib/workspace/model.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,cAAc,EAAE,CAAA;CAC7B;AAED,eAAO,MAAM,qBAAqB,GAAI,OAAO,MAAM,WACM,CAAA;AAEzD,eAAO,MAAM,mBAAmB,GAAI,OAAO,MAAM,WACC,CAAA;AAElD,eAAO,MAAM,gBAAgB,GAC3B,OAAO,MAAM,EACb,aAAa,MAAM,EACnB,KAAK,MAAM,WAEkG,CAAA;AAE/G,eAAO,MAAM,sBAAsB,GAAI,MAAM,MAAM,WAKlD,CAAA;AAED,eAAO,MAAM,6BAA6B,GACxC,MAAM,MAAM,KACX,gBASD,CAAA;AAEF,eAAO,MAAM,qBAAqB,GAAI,OAAO,OAAO,KAAG,gBA2BtD,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,MAAM,MAAM,KAAG,cAUnD,CAAA"}

package/dist/lib/workspace/model.js

@@ -0,0 +1,35 @@
+//#region src/lib/workspace/model.ts
+var workspaceSelectionKey = (appId) => `vezham:${encodeURIComponent(appId)}:current-workspace`;
+var workspaceCatalogKey = (appId) => `vezham:${encodeURIComponent(appId)}:workspaces`;
+var workspaceDataKey = (appId, workspaceId, key) => `vezham:${encodeURIComponent(appId)}:workspace:${encodeURIComponent(workspaceId)}:${encodeURIComponent(key)}`;
+var normalizeWorkspaceName = (name) => {
+	const trimmed = name.trim();
+	if (!trimmed || trimmed.length > 64) throw new Error("Use a workspace name between 1 and 64 characters.");
+	return trimmed;
+};
+var createInitialWorkspaceCatalog = (name) => ({ workspaces: [{
+	id: "default",
+	name: normalizeWorkspaceName(name),
+	storage: "local",
+	createdAt: 0
+}] });
+var parseWorkspaceCatalog = (input) => {
+	if (!input || typeof input !== "object") throw new Error("Invalid workspace catalog");
+	const value = input;
+	if (!Array.isArray(value.workspaces) || value.workspaces.length === 0) throw new Error("Invalid workspace catalog");
+	if (!value.workspaces.every((item) => item && typeof item.id === "string" && item.id.length > 0 && item.id.length <= 128 && typeof item.name === "string" && item.name.trim().length > 0 && item.name.length <= 64 && item.storage === "local" && typeof item.createdAt === "number" && Number.isFinite(item.createdAt) && item.createdAt >= 0) || new Set(value.workspaces.map((item) => item.id)).size !== value.workspaces.length) throw new Error("Invalid workspace catalog");
+	return { workspaces: value.workspaces };
+};
+var createLocalWorkspace = (name) => {
+	const trimmed = normalizeWorkspaceName(name);
+	const bytes = /* @__PURE__ */ new Uint32Array(4);
+	globalThis.crypto.getRandomValues(bytes);
+	return {
+		id: `local-${Array.from(bytes, (part) => part.toString(16).padStart(8, "0")).join("")}`,
+		name: trimmed,
+		storage: "local",
+		createdAt: Date.now()
+	};
+};
+//#endregion
+export { createInitialWorkspaceCatalog, createLocalWorkspace, normalizeWorkspaceName, parseWorkspaceCatalog, workspaceCatalogKey, workspaceDataKey, workspaceSelectionKey };