@vezham/react 26.1.0 → 26.3.1

package/dist/lib/components/panel/info-panel/provider.js

@@ -1,4 +1,5 @@
-import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { createContext, useCallback, useContext, useMemo } from "react";
+import { useLocalStore } from "@vezham/hooks";
 import { jsx } from "react/jsx-runtime";
 import { useHotkey } from "@tanstack/react-hotkeys";
 //#region src/lib/components/panel/info-panel/provider.tsx
@@ -7,57 +8,42 @@ var STORAGE_KEY = "vx-app:info-panel";
 var VALID_INFO_PANELS = [
 	"bookmarks",
 	"storage",
-	"ai"
+	"tamizhi"
 ];
 var isInfoPanel = (panel) => typeof panel === "string" && VALID_INFO_PANELS.includes(panel);
-var readStoredInfoPanelState = () => {
-	if (typeof window === "undefined") return {
-		activeInfoPanel: null,
-		isOpen: false
+var INITIAL_PANEL_STATE = {
+	activeInfoPanel: null,
+	isOpen: false
+};
+var parsePanelState = (value) => {
+	if (!value || typeof value !== "object") return INITIAL_PANEL_STATE;
+	const parsedValue = value;
+	const storedPanel = parsedValue.activeInfoPanel;
+	const activeInfoPanel = isInfoPanel(storedPanel) ? storedPanel : null;
+	return {
+		activeInfoPanel,
+		isOpen: Boolean(parsedValue.isOpen && activeInfoPanel)
 	};
-	try {
-		const storedValue = window.localStorage.getItem(STORAGE_KEY);
-		if (!storedValue) return {
-			activeInfoPanel: null,
-			isOpen: false
-		};
-		const parsedValue = JSON.parse(storedValue);
-		const storedPanel = parsedValue.activeInfoPanel;
-		const migratedPanel = storedPanel === "disc" ? "storage" : storedPanel;
-		const activeInfoPanel = isInfoPanel(migratedPanel) ? migratedPanel : null;
-		return {
-			activeInfoPanel,
-			isOpen: Boolean(parsedValue.isOpen && activeInfoPanel)
-		};
-	} catch {
-		return {
-			activeInfoPanel: null,
-			isOpen: false
-		};
-	}
 };
 var InfoPanelProvider = ({ children }) => {
-	const [state, setState] = useState(readStoredInfoPanelState);
+	const { value: state, setValue: setState } = useLocalStore(STORAGE_KEY, INITIAL_PANEL_STATE, { parse: parsePanelState });
 	const { activeInfoPanel, isOpen } = state;
-	useEffect(() => {
-		window.localStorage.setItem(STORAGE_KEY, JSON.stringify(state));
-	}, [state]);
 	const setActiveInfoPanel = useCallback((panel) => {
 		setState({
 			activeInfoPanel: panel,
 			isOpen: Boolean(panel)
 		});
-	}, []);
+	}, [setState]);
 	const openInfoPanel = useCallback((panel) => setState({
 		activeInfoPanel: panel,
 		isOpen: true
-	}), []);
+	}), [setState]);
 	const closeInfoPanel = useCallback(() => {
 		setState((current) => ({
 			...current,
 			isOpen: false
 		}));
-	}, []);
+	}, [setState]);
 	const toggleInfoPanel = useCallback((panel) => {
 		setState((current) => current.activeInfoPanel === panel && current.isOpen ? {
 			...current,
@@ -66,7 +52,7 @@ var InfoPanelProvider = ({ children }) => {
 			activeInfoPanel: panel,
 			isOpen: true
 		});
-	}, []);
+	}, [setState]);
 	useHotkey("Mod+Shift+B", () => toggleInfoPanel("bookmarks"), {
 		preventDefault: true,
 		ignoreInputs: true

package/dist/lib/components/panel/info-panel/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export type ActiveInfoPanel = 'bookmarks' | 'storage' | 'ai' | null;
+export type ActiveInfoPanel = 'bookmarks' | 'storage' | 'tamizhi' | null;
 export interface InfoPanelContextValue {
     activeInfoPanel: ActiveInfoPanel;
     isOpen: boolean;

package/dist/lib/components/panel/info-panel/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/panel/info-panel/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;AAEnE,MAAM,WAAW,qBAAqB;IACpC,eAAe,EAAE,eAAe,CAAA;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,kBAAkB,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IACpD,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,eAAe,EAAE,IAAI,CAAC,KAAK,IAAI,CAAA;IAC9D,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,eAAe,EAAE,IAAI,CAAC,KAAK,IAAI,CAAA;CACjE;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,OAAO,EAAE,SAAS,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAA;CAC/E"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/panel/info-panel/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,IAAI,CAAA;AAExE,MAAM,WAAW,qBAAqB;IACpC,eAAe,EAAE,eAAe,CAAA;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,kBAAkB,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IACpD,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,eAAe,EAAE,IAAI,CAAC,KAAK,IAAI,CAAA;IAC9D,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,eAAe,EAAE,IAAI,CAAC,KAAK,IAAI,CAAA;CACjE;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,OAAO,EAAE,SAAS,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAA;CAC/E"}

package/dist/lib/components/panel/menu/index.js

@@ -50,13 +50,13 @@ var Menu = forwardRef((props, ref) => {
 		return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("button", {
 			type: "button",
 			onClick: () => handleDrawerItemClick(item),
-			className: cn("flex w-full cursor-pointer items-center gap-3 rounded-lg border-0 bg-transparent px-4 py-2.5 text-left transition-all duration-200", "hover:bg-default-100", !hasSubmenu && selectedKey === item.key && "bg-primary/10 text-primary"),
+			className: cn("flex w-full cursor-pointer items-center gap-3 rounded-lg border-0 bg-transparent px-4 py-2.5 text-left transition-all duration-200", "hover:bg-default", !hasSubmenu && selectedKey === item.key && "bg-accent/10 text-accent"),
 			style: { paddingLeft: `${paddingLeft}px` },
 			children: [
 				item.icon && /* @__PURE__ */ jsx(AppIcon, {
 					icon: item.icon,
 					size: 18,
-					className: "text-default-600",
+					className: "text-muted",
 					"aria-hidden": "true"
 				}),
 				/* @__PURE__ */ jsx("span", {
@@ -66,7 +66,7 @@ var Menu = forwardRef((props, ref) => {
 				hasSubmenu && /* @__PURE__ */ jsx(AppIcon, {
 					icon: isExpanded ? "vx:chevron-down" : "vx:chevron-right",
 					size: 16,
-					className: "text-default-400 transition-transform duration-200",
+					className: "text-muted transition-transform duration-200",
 					"aria-hidden": "true"
 				})
 			]
@@ -133,7 +133,7 @@ var Menu = forwardRef((props, ref) => {
 				children: [
 					/* @__PURE__ */ jsx(Drawer.CloseTrigger, {}),
 					/* @__PURE__ */ jsx("div", {
-						className: "border-default-200 flex items-center justify-between border-b p-4",
+						className: "border-border flex items-center justify-between border-b p-4",
 						children: /* @__PURE__ */ jsx(Drawer.Header, {
 							className: "text-lg font-semibold",
 							children: currentTitle

package/dist/lib/components/panel/menu/variant.js

@@ -21,8 +21,8 @@ var tva = tv({
 				label: "text-muted"
 			},
 			primary: {
-				icon: "text-primary",
-				label: "text-primary font-medium"
+				icon: "text-accent",
+				label: "text-accent font-medium"
 			},
 			muted: {
 				icon: "text-muted-foreground",
@@ -86,8 +86,8 @@ var tva = tv({
 		{
 			variant: "primary",
 			class: {
-				icon: "data-[active=true]:text-primary",
-				label: "data-[active=true]:text-primary data-[active=true]:font-medium"
+				icon: "data-[active=true]:text-accent",
+				label: "data-[active=true]:text-accent data-[active=true]:font-medium"
 			}
 		},
 		{

package/dist/lib/components/workspace-navigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/workspace-navigation/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,SAAS,EAQf,MAAM,OAAO,CAAA;AAKd,KAAK,oBAAoB,GAAG;IAC1B,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,KAAK,+BAA+B,GAAG;IACrC,qBAAqB,EAAE,OAAO,CAAA;IAC9B,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,uBAAuB,EAAE,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAA;IAC5D,aAAa,EAAE,oBAAoB,GAAG,IAAI,CAAA;IAC1C,qBAAqB,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,MAAM,IAAI,CAAA;CACrE,CAAA;AAKD;;;;GAIG;AACH,QAAA,MAAM,2BAA2B,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,gCAwDzE,CAAA;AAED,OAAO,EAAE,2BAA2B,EAAE,CAAA;AAEtC,eAAO,MAAM,sBAAsB,uCAUlC,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,SAAS,MAAM,IAAI,EAAE,iBAAc,SAMrE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/workspace-navigation/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,SAAS,EAQf,MAAM,OAAO,CAAA;AAMd,KAAK,oBAAoB,GAAG;IAC1B,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,KAAK,+BAA+B,GAAG;IACrC,qBAAqB,EAAE,OAAO,CAAA;IAC9B,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,uBAAuB,EAAE,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAA;IAC5D,aAAa,EAAE,oBAAoB,GAAG,IAAI,CAAA;IAC1C,qBAAqB,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,MAAM,IAAI,CAAA;CACrE,CAAA;AAKD;;;;GAIG;AACH,QAAA,MAAM,2BAA2B,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,gCAwDzE,CAAA;AAED,OAAO,EAAE,2BAA2B,EAAE,CAAA;AAEtC,eAAO,MAAM,sBAAsB,uCAUlC,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,SAAS,MAAM,IAAI,EAAE,iBAAc,SAMrE,CAAA"}

package/dist/lib/components/workspace-navigation/index.js

@@ -1,6 +1,6 @@
-import { useCommand } from "../command/index.js";
 import { useInfoPanel } from "../panel/info-panel/provider.js";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { useCommand } from "@vezham/hooks";
 import { jsx } from "react/jsx-runtime";
 import { useHotkey } from "@tanstack/react-hotkeys";
 //#region src/lib/components/workspace-navigation/index.tsx

package/dist/lib/layouts/app/index.d.ts

@@ -1,10 +1,13 @@
 import { type ReactElement, type ReactNode } from 'react';
+import { type TamizhiSessionProviderProps } from '@vezham/tamizhi-ui';
 import { type AppMenuItem } from '../../components/app-menu';
 import type { ControlCenterConfig, ControlCenterI18n } from '../../components/panel/footer/control-center/types';
 import type { AppNavigationItem } from '../../navigation';
 import { type User } from '../../store/users/useUserStore';
 import { type AppFrameProps } from './frame';
-export type AppLayoutProps = Omit<AppFrameProps, 'navigation' | 'children' | 'hasBottomNavigation'> & {
+export type AppLayoutProps = {
+    tamizhi?: Pick<TamizhiSessionProviderProps, 'client' | 'appId' | 'profiles'>;
+} & Omit<AppFrameProps, 'navigation' | 'children' | 'hasBottomNavigation'> & {
     children?: ReactNode;
     navigationItems: AppNavigationItem[];
     appMenu?: AppMenuItem[];
@@ -18,9 +21,9 @@ type AppLayoutViewProps = Omit<AppFrameProps, 'navigation' | 'hasBottomNavigatio
     navigationItems: AppNavigationItem[];
     controlCenterSlot?: ReactElement;
 };
-export declare const AppLayoutProviders: ({ children, navigationItems, appMenu, user }: Pick<AppLayoutProps, "children" | "navigationItems" | "appMenu" | "user">) => import("react").JSX.Element;
+export declare const AppLayoutProviders: ({ children, navigationItems, appMenu, user, tamizhi }: Pick<AppLayoutProps, "children" | "navigationItems" | "appMenu" | "user" | "tamizhi">) => import("react").JSX.Element;
 export declare const AppLayoutView: ({ children, navigationItems, controlCenterSlot, ...frameProps }: AppLayoutViewProps) => import("react").JSX.Element;
-declare const AppLayout: ({ children, navigationItems, appMenu, user, settings, controlCenter, controlCenterSlot, i18n, ...frameProps }: AppLayoutProps) => import("react").JSX.Element;
+declare const AppLayout: ({ children, navigationItems, appMenu, user, settings, controlCenter, controlCenterSlot, tamizhi, i18n, ...frameProps }: AppLayoutProps) => import("react").JSX.Element;
 export { AppLayout };
 export { AppFrame } from './frame';
 export type { AppFrameProps } from './frame';

package/dist/lib/layouts/app/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/app/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAe,MAAM,OAAO,CAAA;AAItE,OAAO,EAAE,KAAK,WAAW,EAAmB,MAAM,2BAA2B,CAAA;AAI7E,OAAO,KAAK,EACV,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,oDAAoD,CAAA;AAQ3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAMzD,OAAO,EAAE,KAAK,IAAI,EAAgB,MAAM,gCAAgC,CAAA;AAGxE,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,SAAS,CAAA;AAEtD,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,aAAa,EACb,YAAY,GAAG,UAAU,GAAG,qBAAqB,CAClD,GAAG;IACF,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,eAAe,EAAE,iBAAiB,EAAE,CAAA;IACpC,OAAO,CAAC,EAAE,WAAW,EAAE,CAAA;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,iBAAiB,CAAC,EAAE,YAAY,CAAA;IAChC,IAAI,CAAC,EAAE,iBAAiB,CAAA;CACzB,CAAA;AAED,KAAK,kBAAkB,GAAG,IAAI,CAC5B,aAAa,EACb,YAAY,GAAG,qBAAqB,CACrC,GAAG;IACF,eAAe,EAAE,iBAAiB,EAAE,CAAA;IACpC,iBAAiB,CAAC,EAAE,YAAY,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,8CAKhC,IAAI,CACL,cAAc,EACd,UAAU,GAAG,iBAAiB,GAAG,SAAS,GAAG,MAAM,CACpD,gCAkBA,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,iEAK3B,kBAAkB,gCASpB,CAAA;AAED,QAAA,MAAM,SAAS,GAAI,+GAUhB,cAAc,gCA2ChB,CAAA;AA+BD,OAAO,EAAE,SAAS,EAAE,CAAA;AACpB,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/app/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAe,MAAM,OAAO,CAAA;AAItE,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,oBAAoB,CAAA;AAE3B,OAAO,EAAE,KAAK,WAAW,EAAmB,MAAM,2BAA2B,CAAA;AAI7E,OAAO,KAAK,EACV,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,oDAAoD,CAAA;AAQ3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAMzD,OAAO,EACL,KAAK,IAAI,EAGV,MAAM,gCAAgC,CAAA;AAKvC,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,SAAS,CAAA;AAEtD,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAC,2BAA2B,EAAE,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC,CAAA;CAC7E,GAAG,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,UAAU,GAAG,qBAAqB,CAAC,GAAG;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,eAAe,EAAE,iBAAiB,EAAE,CAAA;IACpC,OAAO,CAAC,EAAE,WAAW,EAAE,CAAA;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,iBAAiB,CAAC,EAAE,YAAY,CAAA;IAChC,IAAI,CAAC,EAAE,iBAAiB,CAAA;CACzB,CAAA;AAEH,KAAK,kBAAkB,GAAG,IAAI,CAC5B,aAAa,EACb,YAAY,GAAG,qBAAqB,CACrC,GAAG;IACF,eAAe,EAAE,iBAAiB,EAAE,CAAA;IACpC,iBAAiB,CAAC,EAAE,YAAY,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,uDAMhC,IAAI,CACL,cAAc,EACd,UAAU,GAAG,iBAAiB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAChE,gCAsBA,CAAA;AASD,eAAO,MAAM,aAAa,GAAI,iEAK3B,kBAAkB,gCASpB,CAAA;AAED,QAAA,MAAM,SAAS,GAAI,wHAWhB,cAAc,gCA4ChB,CAAA;AA+BD,OAAO,EAAE,SAAS,EAAE,CAAA;AACpB,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}

package/dist/lib/layouts/app/index.js

@@ -8,26 +8,41 @@ import { InfoPanelProvider } from "../../components/panel/info-panel/provider.js
 import { ResponsiveToolbarActionProvider } from "../../components/responsive-toolbar-action/index.js";
 import { WorkspaceNavigationProvider } from "../../components/workspace-navigation/index.js";
 import { getNavigationPageKey } from "../../navigation.js";
-import { UserProvider } from "../../store/users/useUserStore.js";
+import { UserProvider, useUser } from "../../store/users/useUserStore.js";
+import { workspaceDataKey } from "../../workspace/model.js";
+import { WorkspaceProvider, useOptionalWorkspace } from "../../workspace/index.js";
 import { MenuLayout } from "../menu-layout/index.js";
 import { AppFrame } from "./frame.js";
 import { SettingsLayout } from "../settings/index.js";
 import { Outlet, useLocation, useMatches, useNavigate } from "@tanstack/react-router";
 import { useCallback } from "react";
+import { useApp } from "@vezham/hooks";
 import { toast } from "@vezham/react-v3";
+import { TamizhiSessionProvider } from "@vezham/tamizhi-ui";
 import { jsx } from "react/jsx-runtime";
 //#region src/lib/layouts/app/index.tsx
-var AppLayoutProviders = ({ children, navigationItems, appMenu = [], user }) => /* @__PURE__ */ jsx(ToolbarActionsProvider, { children: /* @__PURE__ */ jsx(AppMenuShell, {
+var AppLayoutProviders = ({ children, navigationItems, appMenu = [], user, tamizhi }) => /* @__PURE__ */ jsx(ToolbarActionsProvider, { children: /* @__PURE__ */ jsx(AppMenuShell, {
 	items: appMenu,
 	navigationItems,
-	children: /* @__PURE__ */ jsx(UserProvider, {
+	children: /* @__PURE__ */ jsx(AppWorkspaces, { children: /* @__PURE__ */ jsx(UserProvider, {
 		initialUser: user,
 		children: /* @__PURE__ */ jsx(CommandProvider, {
 			items: navigationItems,
-			children: /* @__PURE__ */ jsx(InfoPanelProvider, { children: /* @__PURE__ */ jsx(WorkspaceNavigationProvider, { children: /* @__PURE__ */ jsx(MobileControlsProvider, { children: /* @__PURE__ */ jsx(ResponsiveToolbarActionProvider, { children }) }) }) })
+			children: /* @__PURE__ */ jsx(InfoPanelProvider, { children: /* @__PURE__ */ jsx(EmbeddedSession, {
+				...tamizhi,
+				children: /* @__PURE__ */ jsx(WorkspaceNavigationProvider, { children: /* @__PURE__ */ jsx(MobileControlsProvider, { children: /* @__PURE__ */ jsx(ResponsiveToolbarActionProvider, { children }) }) })
+			}) })
 		})
-	})
+	}) })
 }) });
+var AppWorkspaces = ({ children }) => {
+	const app = useApp();
+	if (useOptionalWorkspace() || !app?.id) return children;
+	return /* @__PURE__ */ jsx(WorkspaceProvider, {
+		appId: app.id,
+		children
+	});
+};
 var AppLayoutView = ({ children, navigationItems, controlCenterSlot, ...frameProps }) => /* @__PURE__ */ jsx(AppFrame, {
 	...frameProps,
 	hasBottomNavigation: navigationItems.length > 1,
@@ -37,7 +52,7 @@ var AppLayoutView = ({ children, navigationItems, controlCenterSlot, ...framePro
 	}),
 	children
 });
-var AppLayout = ({ children, navigationItems, appMenu, user, settings = false, controlCenter, controlCenterSlot, i18n, ...frameProps }) => {
+var AppLayout = ({ children, navigationItems, appMenu, user, settings = false, controlCenter, controlCenterSlot, tamizhi, i18n, ...frameProps }) => {
 	const navigate = useNavigate();
 	const isSettings = useMatches({ select: (matches) => settings && matches.some((match) => match.routeId === "/settings") });
 	const openSettings = useCallback((section) => navigate({
@@ -55,6 +70,7 @@ var AppLayout = ({ children, navigationItems, appMenu, user, settings = false, c
 		navigationItems,
 		appMenu,
 		user,
+		tamizhi,
 		children: /* @__PURE__ */ jsx(SettingsNavigationContext.Provider, {
 			value: settings ? openSettings : null,
 			children: isSettings ? /* @__PURE__ */ jsx(SettingsLayout, { children: content }) : /* @__PURE__ */ jsx(AppLayoutView, {
@@ -86,5 +102,19 @@ var AppMenuShell = ({ items, navigationItems, children }) => {
 		children
 	});
 };
+var EmbeddedSession = ({ children, client, appId, profiles }) => {
+	const { user } = useUser();
+	const app = useApp();
+	const workspace = useOptionalWorkspace();
+	const sessionKey = `tamizhi.embed.${user?.id ?? "guest"}.v1`;
+	const storageKey = workspace ? workspaceDataKey(workspace.appId, workspace.active.id, sessionKey) : sessionKey;
+	return /* @__PURE__ */ jsx(TamizhiSessionProvider, {
+		storageKey,
+		client,
+		appId: appId ?? app?.id,
+		profiles,
+		children
+	}, storageKey);
+};
 //#endregion
 export { AppFrame, AppLayout, AppLayoutProviders, AppLayoutView };

package/dist/lib/layouts/menu-layout/home-navigation-bubble.js

@@ -1,4 +1,4 @@
-import { Header } from "../../components/panel/header/index.js";
+import { Header as Header$1 } from "../../components/panel/header/index.js";
 import { Surface } from "@vezham/react-v3";
 import { jsx } from "react/jsx-runtime";
 //#region src/lib/layouts/menu-layout/home-navigation-bubble.tsx
@@ -7,8 +7,8 @@ var HomeNavigationBubble = ({ onToggleDock, users }) => {
 		variant: "transparent",
 		role: "group",
 		"aria-label": "Home navigation",
-		className: "border-default-200 bg-background/90 fixed top-3 left-3 z-40 flex h-[50px] w-fit items-center rounded-full border px-2 py-0 shadow-[0_14px_28px_rgba(15,23,42,0.14)] backdrop-blur-xl",
-		children: /* @__PURE__ */ jsx(Header, {
+		className: "border-border bg-background/90 fixed top-3 left-3 z-40 flex h-[50px] w-fit items-center rounded-full border px-2 py-0 shadow-[0_14px_28px_rgba(15,23,42,0.14)] backdrop-blur-xl",
+		children: /* @__PURE__ */ jsx(Header$1, {
 			compact: true,
 			users,
 			isDockHidden: true,

package/dist/lib/layouts/menu-layout/index-md.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index-md.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/menu-layout/index-md.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAS9C,QAAA,MAAM,MAAM,GAAI,0BAA0B,eAAe,gCAgFxD,CAAA;AAwGD,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"index-md.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/menu-layout/index-md.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAS9C,QAAA,MAAM,MAAM,GAAI,0BAA0B,eAAe,gCAoExD,CAAA;AAqGD,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/lib/layouts/menu-layout/index-md.js

@@ -1,20 +1,19 @@
-import { useCommand } from "../../components/command/index.js";
 import { useInfoPanel } from "../../components/panel/info-panel/provider.js";
 import { InfoPanelContainer } from "../../components/panel/info-panel/container.js";
 import { useSidebarShortcut, useWorkspaceNavigation } from "../../components/workspace-navigation/index.js";
 import { getSelectedMenuKey } from "../../navigation.js";
 import { useUser } from "../../store/users/useUserStore.js";
 import { Footer } from "../../components/panel/footer/index.js";
-import { aiPanel } from "../../components/panel/footer/ai/index.js";
 import { NotificationDrawer } from "../../components/panel/footer/notification-center/index.js";
-import { UserInfoModal } from "../../components/panel/footer/preferences/modal.js";
+import { tamizhiPanel } from "../../components/panel/footer/tamizhi/index.js";
 import { bookmarksPanel } from "../../components/panel/header/bookmarks/index.js";
 import { storagePanel } from "../../components/panel/header/storage/index.js";
-import { Header } from "../../components/panel/header/index.js";
+import { Header as Header$1 } from "../../components/panel/header/index.js";
 import { Menu } from "../../components/panel/menu/index.js";
 import { HomeNavigationBubble } from "./home-navigation-bubble.js";
 import { useLocation } from "@tanstack/react-router";
 import { useState } from "react";
+import { useCommand } from "@vezham/hooks";
 import { Surface } from "@vezham/react-v3";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/layouts/menu-layout/index-md.tsx
@@ -24,8 +23,6 @@ var headerUsers = {
 	avatar: "https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/avatars/blue.jpg"
 };
 var MenuMD = ({ items, controlCenter }) => {
-	const [openSettings, setOpenSettings] = useState(false);
-	const [settingsEntryPoint, setSettingsEntryPoint] = useState("account");
 	const location = useLocation();
 	const [notificationsOpen, setNotificationsOpen] = useState(false);
 	const { openInfoPanel, closeInfoPanel } = useInfoPanel();
@@ -41,7 +38,6 @@ var MenuMD = ({ items, controlCenter }) => {
 			closeInfoPanel();
 			closeCommand();
 		} else toggleNavigation();
-		setOpenSettings(false);
 		setNotificationsOpen(false);
 	};
 	useSidebarShortcut(toggleDock, isHome);
@@ -60,24 +56,15 @@ var MenuMD = ({ items, controlCenter }) => {
 			controlCenter,
 			navigationWidth,
 			selectedKey,
-			onAI: () => openInfoPanel("ai"),
+			onTamizhi: () => openInfoPanel("tamizhi"),
 			onToggleDock: toggleDock,
-			onNotifications: () => setNotificationsOpen(true),
-			onUser: (entryPoint) => {
-				setSettingsEntryPoint(entryPoint);
-				setOpenSettings(true);
-			}
+			onNotifications: () => setNotificationsOpen(true)
 		}),
 		/* @__PURE__ */ jsx(CollapsedNavigation, {
 			collapsed: isNavigationCollapsed,
 			isHome,
 			onToggleDock: toggleDock
 		}),
-		/* @__PURE__ */ jsx(UserInfoModal, {
-			open: openSettings && !isNavigationCollapsed,
-			onClose: () => setOpenSettings(false),
-			defaultActiveTab: settingsEntryPoint
-		}),
 		/* @__PURE__ */ jsx(NotificationDrawer, {
 			isOpen: notificationsOpen && !isNavigationCollapsed,
 			onClose: () => setNotificationsOpen(false)
@@ -85,16 +72,16 @@ var MenuMD = ({ items, controlCenter }) => {
 		/* @__PURE__ */ jsx(InfoPanelContainer, { panels: {
 			bookmarks: bookmarksPanel,
 			storage: storagePanel,
-			ai: aiPanel
+			tamizhi: tamizhiPanel
 		} })
 	] });
 };
-var NavigationPanel = ({ collapsed, footerUser, items, controlCenter, navigationWidth, selectedKey, onAI, onToggleDock, onNotifications, onUser }) => /* @__PURE__ */ jsx(Surface, {
+var NavigationPanel = ({ collapsed, footerUser, items, controlCenter, navigationWidth, selectedKey, onTamizhi, onToggleDock, onNotifications }) => /* @__PURE__ */ jsx(Surface, {
 	variant: "transparent",
-	className: `border-default-300 sticky top-0 left-0 z-[10] flex h-[100dvh] shrink-0 flex-col overflow-hidden transition-[width,padding,gap] duration-300 ease-out ${navigationWidth} ${collapsed ? "border-0 p-0" : "gap-6 px-4 pt-3 pb-4"}`,
+	className: `border-border-secondary sticky top-0 left-0 z-[10] flex h-[100dvh] shrink-0 flex-col overflow-hidden transition-[width,padding,gap] duration-300 ease-out ${navigationWidth} ${collapsed ? "border-0 p-0" : "gap-6 px-4 pt-3 pb-4"}`,
 	"data-vx": "menu-layout",
 	children: !collapsed && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		/* @__PURE__ */ jsx(Header, {
+		/* @__PURE__ */ jsx(Header$1, {
 			users: headerUsers,
 			showSearch: true,
 			showBookamarks: true,
@@ -118,9 +105,8 @@ var NavigationPanel = ({ collapsed, footerUser, items, controlCenter, navigation
 			controlCenter,
 			showNotifications: true,
 			showUserInfo: true,
-			onAI,
-			onNotificationsClick: onNotifications,
-			onUserClick: (_user, entryPoint = "account") => onUser(entryPoint)
+			onTamizhi,
+			onNotificationsClick: onNotifications
 		})
 	] })
 });
@@ -132,8 +118,8 @@ var CollapsedNavigation = ({ collapsed, isHome, onToggleDock }) => {
 	});
 	return /* @__PURE__ */ jsx(Surface, {
 		variant: "transparent",
-		className: "border-default-200 bg-background/90 fixed top-3 left-3 z-40 flex h-[45px] w-fit items-center rounded-full border px-2 py-0 shadow-[0_14px_28px_rgba(15,23,42,0.14)] backdrop-blur-xl",
-		children: /* @__PURE__ */ jsx(Header, {
+		className: "border-border bg-background/90 fixed top-3 left-3 z-40 flex h-[45px] w-fit items-center rounded-full border px-2 py-0 shadow-[0_14px_28px_rgba(15,23,42,0.14)] backdrop-blur-xl",
+		children: /* @__PURE__ */ jsx(Header$1, {
 			compact: true,
 			users: headerUsers,
 			isDockHidden: true,

package/dist/lib/layouts/menu-layout/index-sm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index-sm.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/menu-layout/index-sm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAuBvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,QAAA,MAAM,MAAM,GAAI,0BAA0B,eAAe,sBAsHxD,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"index-sm.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/menu-layout/index-sm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAsBvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,QAAA,MAAM,MAAM,GAAI,0BAA0B,eAAe,sBA2GxD,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/lib/layouts/menu-layout/index-sm.js

@@ -7,12 +7,11 @@ import { useWorkspaceNavigation } from "../../components/workspace-navigation/in
 import { getNavigationPageKey } from "../../navigation.js";
 import { useUser } from "../../store/users/useUserStore.js";
 import { Footer } from "../../components/panel/footer/index.js";
-import { aiPanel } from "../../components/panel/footer/ai/index.js";
 import { NotificationDrawer } from "../../components/panel/footer/notification-center/index.js";
-import { UserInfoModal } from "../../components/panel/footer/preferences/modal.js";
+import { tamizhiPanel } from "../../components/panel/footer/tamizhi/index.js";
 import { bookmarksPanel } from "../../components/panel/header/bookmarks/index.js";
 import { storagePanel } from "../../components/panel/header/storage/index.js";
-import { Header } from "../../components/panel/header/index.js";
+import { Header as Header$1 } from "../../components/panel/header/index.js";
 import { BottomNavbar } from "../../components/menu/index.js";
 import { getNavigationToolbar } from "../../navigation-toolbar.js";
 import { useLocation } from "@tanstack/react-router";
@@ -22,8 +21,6 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/layouts/menu-layout/index-sm.tsx
 var MenuSM = ({ items, controlCenter }) => {
 	const [selectedKey, setSelectedKey] = React.useState(items[0]?.key ?? "");
-	const [openSettings, setOpenSettings] = useState(false);
-	const [settingsEntryPoint, setSettingsEntryPoint] = useState("account");
 	const [notificationsOpen, setNotificationsOpen] = useState(false);
 	const { openInfoPanel } = useInfoPanel();
 	const { isFooterHidden } = useMobileControls();
@@ -56,8 +53,8 @@ var MenuSM = ({ items, controlCenter }) => {
 				variant: "transparent",
 				role: "group",
 				"aria-label": "Mobile navigation controls",
-				className: "border-default-200 bg-background/90 pointer-events-auto flex h-12 shrink-0 items-center rounded-full border px-2 shadow-[0_14px_28px_rgba(15,23,42,0.14)] backdrop-blur-xl",
-				children: /* @__PURE__ */ jsx(Header, {
+				className: "border-border bg-background/90 pointer-events-auto flex h-12 shrink-0 items-center rounded-full border px-2 shadow-[0_14px_28px_rgba(15,23,42,0.14)] backdrop-blur-xl",
+				children: /* @__PURE__ */ jsx(Header$1, {
 					compact: true,
 					className: "flex-shrink-0",
 					users,
@@ -70,7 +67,7 @@ var MenuSM = ({ items, controlCenter }) => {
 				variant: "transparent",
 				role: "group",
 				"aria-label": "Mobile account actions",
-				className: "border-default-200 bg-background/90 pointer-events-auto flex h-12 shrink-0 items-center rounded-full border px-2 shadow-[0_14px_28px_rgba(15,23,42,0.14)] backdrop-blur-xl",
+				className: "border-border bg-background/90 pointer-events-auto flex h-12 shrink-0 items-center rounded-full border px-2 shadow-[0_14px_28px_rgba(15,23,42,0.14)] backdrop-blur-xl",
 				children: /* @__PURE__ */ jsx(Footer, {
 					user: {
 						id: user?.id ?? "",
@@ -83,21 +80,12 @@ var MenuSM = ({ items, controlCenter }) => {
 					controlCenter,
 					showNotifications: true,
 					showUserInfo: true,
-					onAI: () => openInfoPanel("ai"),
+					onTamizhi: () => openInfoPanel("tamizhi"),
 					onNotificationsClick: () => setNotificationsOpen(true),
-					onUserClick: (_user, entryPoint = "account") => {
-						setSettingsEntryPoint(entryPoint);
-						setOpenSettings(true);
-					},
 					toolbarAction
 				})
 			})]
 		}),
-		/* @__PURE__ */ jsx(UserInfoModal, {
-			open: openSettings,
-			onClose: () => setOpenSettings(false),
-			defaultActiveTab: settingsEntryPoint
-		}),
 		/* @__PURE__ */ jsx(NotificationDrawer, {
 			isOpen: notificationsOpen,
 			onClose: () => setNotificationsOpen(false)
@@ -105,7 +93,7 @@ var MenuSM = ({ items, controlCenter }) => {
 		/* @__PURE__ */ jsx(InfoPanelContainer, { panels: {
 			bookmarks: bookmarksPanel,
 			storage: storagePanel,
-			ai: aiPanel
+			tamizhi: tamizhiPanel
 		} }),
 		!isFooterHidden && items.length > 1 && /* @__PURE__ */ jsx("div", {
 			className: "shrink-0",

package/dist/lib/layouts/section/toolbar.js

@@ -290,7 +290,7 @@ var SectionSearchField = ({ search }) => {
 var ToolbarActions = ({ search, toolbar, sync = true, onSync, filterAction, hasFilters, isMobile, isFilterMenuOpen, onFilterOpenChange, selectedFilters, onToggleFilter, sort = false, sortValue = DEFAULT_SORT, onSortChange, view: viewModeActions = EMPTY_VIEW_ACTIONS, viewMode, onViewModeChange, primaryAction, menuActions, isMenuOpen, onMenuOpenChange }) => /* @__PURE__ */ jsxs("div", {
 	role: "group",
 	"aria-label": "Toolbar actions",
-	className: "scrollbar-hide col-start-2 row-start-1 -m-1 hidden max-w-[calc(100vw-2rem)] min-w-0 items-center gap-2 overflow-x-auto p-1 md:flex",
+	className: "col-start-2 row-start-1 -m-1 hidden max-w-[calc(100vw-2rem)] min-w-0 [scrollbar-width:none] items-center gap-2 overflow-x-auto p-1 md:flex [&::-webkit-scrollbar]:hidden",
 	children: [
 		search && /* @__PURE__ */ jsx(SectionSearchField, { search }),
 		sync && /* @__PURE__ */ jsx(ShortcutButton, {

package/dist/lib/pages/settings/settings-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings-content.d.ts","sourceRoot":"","sources":["../../../../src/lib/pages/settings/settings-content.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAoOnD,eAAO,MAAM,eAAe,GAAI,YAAY;IAAE,MAAM,EAAE,eAAe,CAAA;CAAE,gCAItE,CAAA"}
+{"version":3,"file":"settings-content.d.ts","sourceRoot":"","sources":["../../../../src/lib/pages/settings/settings-content.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAiNnD,eAAO,MAAM,eAAe,GAAI,YAAY;IAAE,MAAM,EAAE,eAAe,CAAA;CAAE,gCAItE,CAAA"}

package/dist/lib/pages/settings/settings-content.js

@@ -1,20 +1,23 @@
 import { AppearanceProvider, useAppearance } from "../../components/panel/footer/control-center/appearance.js";
 import { useRootAttribute } from "../../components/panel/footer/control-center/document.js";
 import { useUser } from "../../store/users/useUserStore.js";
-import { useState, useSyncExternalStore } from "react";
+import { useState } from "react";
+import { useLocalStore } from "@vezham/hooks";
 import { Button, Input, Label, ListBox, Select, Surface, Switch, TextField } from "@vezham/react-v3";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/pages/settings/settings-content.tsx
-var subscribeNotifications = (onChange) => {
-	window.addEventListener("storage", onChange);
-	window.addEventListener("vx:notification-settings", onChange);
-	return () => {
-		window.removeEventListener("storage", onChange);
-		window.removeEventListener("vx:notification-settings", onChange);
-	};
+var INITIAL_NOTIFICATIONS = {
+	sounds: true,
+	badges: true
+};
+var parseNotifications = (data) => {
+	if (!data || typeof data !== "object") return INITIAL_NOTIFICATIONS;
+	const value = data;
+	return typeof value.sounds === "boolean" && typeof value.badges === "boolean" ? {
+		sounds: value.sounds,
+		badges: value.badges
+	} : INITIAL_NOTIFICATIONS;
 };
-var readNotifications = () => localStorage.getItem("demo:notification-settings") ?? "";
-var serverNotifications = () => "";
 var useSettingsPreferences = () => {
 	const { user, updateUser } = useUser();
 	const { value: language, onChange: setLanguage } = useRootAttribute("lang", "en");
@@ -23,22 +26,7 @@ var useSettingsPreferences = () => {
 	const [lastName, setLastName] = useState(user?.lastName ?? "");
 	const [email, setEmail] = useState(user?.email ?? "");
 	const [saved, setSaved] = useState(false);
-	const snapshot = useSyncExternalStore(subscribeNotifications, readNotifications, serverNotifications);
-	let notifications = {
-		sounds: true,
-		badges: true
-	};
-	try {
-		const value = JSON.parse(snapshot || "null");
-		if (value && typeof value.sounds === "boolean" && typeof value.badges === "boolean") notifications = {
-			sounds: value.sounds,
-			badges: value.badges
-		};
-	} catch {}
-	const setNotifications = (next) => {
-		localStorage.setItem("demo:notification-settings", JSON.stringify(next));
-		window.dispatchEvent(new Event("vx:notification-settings"));
-	};
+	const { value: notifications, setValue: setNotifications } = useLocalStore("demo:notification-settings", INITIAL_NOTIFICATIONS, { parse: parseNotifications });
 	return {
 		updateUser,
 		language,

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

@@ -0,0 +1,9 @@
+export type WorkspaceAction = {
+    id: string;
+    type: 'rename' | 'delete';
+};
+export declare const WorkspaceActionDialog: ({ action, onClose }: {
+    action: WorkspaceAction;
+    onClose: () => void;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=action-dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"action-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/workspace/action-dialog.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,eAAe,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAAE,CAAA;AAEvE,eAAO,MAAM,qBAAqB,GAAI,qBAGnC;IACD,MAAM,EAAE,eAAe,CAAA;IACvB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,gCAwGA,CAAA"}