@burdenoff/microfe-store 2026.518.1 → 2026.518.3

package/dist/components/InstallAppModal.js

@@ -11,8 +11,20 @@ var h = "query MyWorkspaces { myWorkspaces { items { id name slug type status or
 	"DASHBOARD",
 	"PARSER",
 	"DATASINK"
-]);
-function x(i) {
+]), x = {
+	ALREADY_INSTALLED: "This app is already installed in the selected workspace.",
+	QUOTA_EXCEEDED: "Installation limit reached. Please upgrade your plan or contact support.",
+	PERMISSION_DENIED: "You do not have permission to install apps in this workspace.",
+	NOT_FOUND: "The app or workspace could not be found.",
+	WORKSPACE_INACTIVE: "The selected workspace is inactive.",
+	ENTITLEMENT_EXPIRED: "Your license for this app has expired.",
+	UNSUPPORTED_TYPE: "This product type cannot be installed in the selected workspace."
+};
+function S(e) {
+	for (let [t, n] of Object.entries(x)) if (e.toUpperCase().includes(t)) return n;
+	return "Installation failed. Please try again or contact support.";
+}
+function C(i) {
 	let { authToken: a } = e(), [o, s] = r([]), [c, l] = r(!1), [u, d] = r(null), f = t(async () => {
 		if (!i) {
 			l(!0), d(null);
@@ -40,63 +52,63 @@ function x(i) {
 		refetch: f
 	};
 }
-var S = ({ isOpen: t, onClose: h, app: S, orderId: C, purchaseState: w = "free", onInstallSuccess: T, onInstallError: E }) => {
-	let { authToken: D, user: O } = e(), [k, A] = r(null), [j, M] = r(!1), [N, P] = r(null), [F, I] = r(null), { workspaces: L, loading: R, error: z } = x(!t);
+var w = ({ isOpen: t, onClose: h, app: x, orderId: w, purchaseState: T = "free", onInstallSuccess: E, onInstallError: D }) => {
+	let { authToken: O, user: k } = e(), [A, j] = r(null), [M, N] = r(!1), [P, F] = r(null), [I, L] = r(null), { workspaces: R, loading: z, error: B } = C(!t);
 	n(() => {
-		t && (A(null), P(null), I(null));
+		t && (j(null), F(null), L(null));
 	}, [t]);
-	let B = L.filter((e) => e.status === "ACTIVE"), V = async () => {
-		if (!k) return;
-		let e = B.find((e) => e.id === k);
+	let V = R.filter((e) => e.status === "ACTIVE"), H = async () => {
+		if (!A) return;
+		let e = V.find((e) => e.id === A);
 		if (!e) return;
-		let t = O?.id;
-		M(!0), P(null), I(null);
+		let t = k?.id;
+		N(!0), F(null), L(null);
 		try {
-			if (!C && w !== "purchased") {
+			if (!w && T !== "purchased") {
 				if (!t) throw Error("Unable to identify the current user for license creation");
 				await m({
 					gateway: "global",
 					query: y,
 					variables: { input: {
-						productId: S.id,
+						productId: x.id,
 						purchasedBy: t,
 						workspaceId: e.id,
 						metadata: {
 							source: "store-ui",
-							productType: S.type
+							productType: x.type
 						}
 					} },
-					authToken: D || void 0
+					authToken: O || void 0
 				});
 			}
 			let n = await m({
 				gateway: "global",
 				query: v,
 				variables: {
-					orderId: C ?? null,
-					productId: S.id,
+					orderId: w ?? null,
+					productId: x.id,
 					workspaceId: e.id
 				},
-				authToken: D || void 0
+				authToken: O || void 0
 			});
 			if (n.errors?.length) throw Error(n.errors[0]?.message ?? "Installation failed");
 			let r = n.data?.installPurchasedApp;
-			if (r?.success) r.alreadyInstalled ? I(r.message || "Already installed on this workspace") : (T?.(e.id, e.name), h());
+			if (r?.success) r.alreadyInstalled ? L(r.message || "Already installed on this workspace") : (E?.(e.id, e.name), h());
 			else {
 				let e = r?.error || "Installation failed";
-				P(e), E?.(Error(e));
+				F(S(e)), D?.(Error(e));
 			}
 		} catch (e) {
 			let t = e instanceof Error ? e.message : "Installation failed";
-			P(t), E?.(Error(t));
+			F(S(t)), D?.(Error(t));
 		} finally {
-			M(!1);
+			N(!1);
 		}
-	}, H = async () => {
-		if (!k) return;
-		let e = B.find((e) => e.id === k);
+	}, U = async () => {
+		if (!A) return;
+		let e = V.find((e) => e.id === A);
 		if (e) {
-			M(!0), P(null), I(null);
+			N(!0), F(null), L(null);
 			try {
 				let t = await m({
 					gateway: "workspace",
@@ -104,17 +116,17 @@ var S = ({ isOpen: t, onClose: h, app: S, orderId: C, purchaseState: w = "free",
 					variables: {
 						workspaceIds: [e.id],
 						input: {
-							appName: S.slug || S.name.toLowerCase().replace(/\s+/g, "-"),
-							displayName: S.name,
-							version: S.version || "1.0.0",
-							type: S.type || "app",
+							appName: x.slug || x.name.toLowerCase().replace(/\s+/g, "-"),
+							displayName: x.name,
+							version: x.version || "1.0.0",
+							type: x.type || "app",
 							manifest: {
-								productId: S.id,
-								icon: S.icon
+								productId: x.id,
+								icon: x.icon
 							}
 						}
 					},
-					authToken: D || void 0
+					authToken: O || void 0
 				});
 				if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Installation failed");
 				let n = t.data?.installWorkspaceApps;
@@ -124,34 +136,32 @@ var S = ({ isOpen: t, onClose: h, app: S, orderId: C, purchaseState: w = "free",
 							gateway: "global",
 							query: _,
 							variables: { input: {
-								productId: S.id,
+								productId: x.id,
 								workspaceId: e.id,
 								workspaceName: e.name,
 								workspaceType: e.type,
 								organizationId: e.organizationId,
-								version: S.version || "1.0.0",
+								version: x.version || "1.0.0",
 								manifest: {
-									productId: S.id,
-									icon: S.icon,
-									slug: S.slug,
-									type: S.type
+									productId: x.id,
+									icon: x.icon,
+									slug: x.slug,
+									type: x.type
 								}
 							} },
-							authToken: D || void 0
+							authToken: O || void 0
 						});
-					} catch (e) {
-						console.warn("Failed to record installation in store:", e);
-					}
-					T?.(e.id, e.name), h();
+					} catch {}
+					E?.(e.id, e.name), h();
 				} else {
 					let e = n?.results?.[0]?.error || "Installation failed";
-					P(e), E?.(Error(e));
+					F(S(e)), D?.(Error(e));
 				}
 			} catch (e) {
 				let t = e instanceof Error ? e.message : "Installation failed";
-				P(t), E?.(Error(t));
+				F(S(t)), D?.(Error(t));
 			} finally {
-				M(!1);
+				N(!1);
 			}
 		}
 	};
@@ -170,20 +180,20 @@ var S = ({ isOpen: t, onClose: h, app: S, orderId: C, purchaseState: w = "free",
 					className: "flex items-center justify-between border-b border-border-default px-6 py-4",
 					children: [/* @__PURE__ */ p("div", {
 						className: "flex items-center gap-3",
-						children: [S.icon ? /* @__PURE__ */ f("img", {
-							src: S.icon,
-							alt: S.name,
+						children: [x.icon ? /* @__PURE__ */ f("img", {
+							src: x.icon,
+							alt: x.name,
 							className: "h-10 w-10 rounded-lg object-cover"
 						}) : /* @__PURE__ */ f("div", {
 							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken text-lg font-bold text-text-muted",
-							children: S.name.charAt(0)
+							children: x.name.charAt(0)
 						}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h2", {
 							id: "install-app-modal-title",
 							className: "text-lg font-semibold text-text-primary",
 							children: "Install App"
 						}), /* @__PURE__ */ f("p", {
 							className: "text-sm text-text-muted",
-							children: S.name
+							children: x.name
 						})] })]
 					}), /* @__PURE__ */ f("button", {
 						onClick: h,
@@ -199,10 +209,10 @@ var S = ({ isOpen: t, onClose: h, app: S, orderId: C, purchaseState: w = "free",
 						children: "Select the workspace where you want to install this app:"
 					}), /* @__PURE__ */ f("div", {
 						className: "max-h-72 overflow-y-auto rounded-lg border border-border-default",
-						children: R ? /* @__PURE__ */ f("div", {
+						children: z ? /* @__PURE__ */ f("div", {
 							className: "flex items-center justify-center py-12",
 							children: /* @__PURE__ */ f(c, { className: "h-8 w-8 animate-spin text-text-muted" })
-						}) : z ? /* @__PURE__ */ p("div", {
+						}) : B ? /* @__PURE__ */ p("div", {
 							className: "flex flex-col items-center justify-center py-12 text-center",
 							children: [
 								/* @__PURE__ */ f(i, { className: "mb-2 h-8 w-8 text-status-error-text" }),
@@ -212,10 +222,10 @@ var S = ({ isOpen: t, onClose: h, app: S, orderId: C, purchaseState: w = "free",
 								}),
 								/* @__PURE__ */ f("p", {
 									className: "text-xs text-text-muted mt-1",
-									children: z.message
+									children: B.message
 								})
 							]
-						}) : B.length === 0 ? /* @__PURE__ */ p("div", {
+						}) : V.length === 0 ? /* @__PURE__ */ p("div", {
 							className: "flex flex-col items-center justify-center py-12 text-center",
 							children: [/* @__PURE__ */ f(a, { className: "mb-2 h-8 w-8 text-text-muted" }), /* @__PURE__ */ f("p", {
 								className: "text-sm text-text-muted",
@@ -223,9 +233,9 @@ var S = ({ isOpen: t, onClose: h, app: S, orderId: C, purchaseState: w = "free",
 							})]
 						}) : /* @__PURE__ */ f("div", {
 							className: "divide-y divide-border-default",
-							children: B.map((e) => /* @__PURE__ */ p("button", {
-								onClick: () => A(e.id),
-								className: `w-full cursor-pointer flex items-center gap-3 px-4 py-3 text-left transition-colors ${k === e.id ? "bg-action-primary-bg/10" : "transition-colors hover:bg-bg-sunken"}`,
+							children: V.map((e) => /* @__PURE__ */ p("button", {
+								onClick: () => j(e.id),
+								className: `w-full cursor-pointer flex items-center gap-3 px-4 py-3 text-left transition-colors ${A === e.id ? "bg-action-primary-bg/10" : "transition-colors hover:bg-bg-sunken"}`,
 								children: [
 									/* @__PURE__ */ f("div", {
 										className: `flex h-10 w-10 items-center justify-center rounded-lg ${e.type === "user" ? "bg-status-info-bg-subtle text-status-info-text" : "bg-action-primary-bg/10 text-text-link"}`,
@@ -241,7 +251,7 @@ var S = ({ isOpen: t, onClose: h, app: S, orderId: C, purchaseState: w = "free",
 											children: [e.type === "user" ? "Personal" : "Team", " workspace"]
 										})]
 									}),
-									k === e.id && /* @__PURE__ */ f(o, { className: "h-5 w-5 flex-shrink-0 text-action-primary-bg" })
+									A === e.id && /* @__PURE__ */ f(o, { className: "h-5 w-5 flex-shrink-0 text-action-primary-bg" })
 								]
 							}, e.id))
 						})
@@ -250,29 +260,29 @@ var S = ({ isOpen: t, onClose: h, app: S, orderId: C, purchaseState: w = "free",
 				/* @__PURE__ */ p("div", {
 					className: "border-t border-border-default px-6 py-4",
 					children: [
-						F && /* @__PURE__ */ p("div", {
+						I && /* @__PURE__ */ p("div", {
 							className: "mb-3 flex items-center gap-2 rounded-lg bg-status-info-bg-subtle px-3 py-2 text-sm text-status-info-text",
-							children: [/* @__PURE__ */ f(s, { className: "h-4 w-4 flex-shrink-0" }), /* @__PURE__ */ f("span", { children: F })]
+							children: [/* @__PURE__ */ f(s, { className: "h-4 w-4 flex-shrink-0" }), /* @__PURE__ */ f("span", { children: I })]
 						}),
-						N && /* @__PURE__ */ p("div", {
+						P && /* @__PURE__ */ p("div", {
 							className: "mb-3 flex items-center gap-2 rounded-lg bg-status-error-bg-subtle/10 px-3 py-2 text-sm text-status-error-text",
-							children: [/* @__PURE__ */ f(i, { className: "h-4 w-4 flex-shrink-0" }), /* @__PURE__ */ f("span", { children: N })]
+							children: [/* @__PURE__ */ f(i, { className: "h-4 w-4 flex-shrink-0" }), /* @__PURE__ */ f("span", { children: P })]
 						}),
 						/* @__PURE__ */ p("div", {
 							className: "flex items-center justify-end gap-3",
 							children: [/* @__PURE__ */ f("button", {
 								onClick: h,
-								disabled: j,
+								disabled: M,
 								className: "cursor-pointer rounded-lg border border-border-default px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50",
 								children: "Cancel"
 							}), /* @__PURE__ */ f("button", {
 								onClick: async () => {
-									let e = S.type?.toUpperCase() ?? "";
-									w === "purchased" || C || b.has(e) ? await V() : await H();
+									let e = x.type?.toUpperCase() ?? "";
+									T === "purchased" || w || b.has(e) ? await H() : await U();
 								},
-								disabled: !k || j,
+								disabled: !A || M,
 								className: "cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center gap-2",
-								children: j ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(c, { className: "h-4 w-4 animate-spin" }), "Installing..."] }) : "Install App"
+								children: M ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(c, { className: "h-4 w-4 animate-spin" }), "Installing..."] }) : "Install App"
 							})]
 						})
 					]
@@ -282,6 +292,6 @@ var S = ({ isOpen: t, onClose: h, app: S, orderId: C, purchaseState: w = "free",
 	}) : null;
 };
 //#endregion
-export { S as InstallAppModal };
+export { w as InstallAppModal };
 
 //# sourceMappingURL=InstallAppModal.js.map

package/dist/components/InstallAppModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstallAppModal.js","names":[],"sources":["../../src/components/InstallAppModal.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState, useEffect, useCallback } from 'react';\nimport { X, Loader2, Building2, User, CheckCircle, AlertCircle, Info } from 'lucide-react';\nimport { graphqlFetch } from '@burdenoff/fe-libs/shared/graphql';\nimport { useStore } from '../providers/StoreProvider';\n\n// Local type definitions for workspace operations\ninterface Workspace {\n  id: string;\n  name: string;\n  slug: string;\n  type?: string;\n  status?: string;\n  organizationId?: string;\n}\n\ninterface WorkspaceList {\n  items: Workspace[];\n  total: number;\n}\n\ninterface InstallWorkspaceAppsResult {\n  successCount: number;\n  failedCount: number;\n  results: Array<{\n    success: boolean;\n    workspaceId: string;\n    app?: unknown;\n    error?: string;\n  }>;\n}\n\n// String queries for graphqlFetch\nconst MY_WORKSPACES_STRING = `query MyWorkspaces { myWorkspaces { items { id name slug type status organizationId } total } }`;\nconst INSTALL_WORKSPACE_APPS_STRING = `mutation InstallWorkspaceApps($workspaceIds: [ID!]!, $input: InstallWorkspaceAppInput!) { installWorkspaceApps(workspaceIds: $workspaceIds, input: $input) { successCount failedCount results { success workspaceId error } } }`;\nconst RECORD_APP_INSTALLATION_STRING = `mutation RecordAppInstallation($input: RecordAppInstallationInput!) { recordAppInstallation(input: $input) { id status workspaceId version } }`;\nconst INSTALL_PURCHASED_APP_STRING = `mutation InstallPurchasedApp($orderId: ID, $productId: String!, $workspaceId: String!) { installPurchasedApp(orderId: $orderId, productId: $productId, workspaceId: $workspaceId) { success alreadyInstalled installation { id productId workspaceId status version } error message } }`;\nconst CREATE_PRODUCT_ENTITLEMENT_STRING = `mutation CreateProductEntitlement($input: CreateProductEntitlementInput!) { createProductEntitlement(input: $input) { id status productId workspaceId } }`;\nconst STORE_DISTRIBUTED_TYPES = new Set([\n  'VIBEMODULE',\n  'NODE',\n  'CONSOLE',\n  'DASHBOARD',\n  'PARSER',\n  'DATASINK',\n]);\n\nexport interface AppInfo {\n  id: string;\n  name: string;\n  slug?: string;\n  icon?: string;\n  type?: string;\n  version?: string;\n}\n\ninterface InstallAppModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  app: AppInfo;\n  orderId?: string | null; // For purchased apps from orders page\n  purchaseState?: 'free' | 'purchased';\n  onInstallSuccess?: (workspaceId: string, workspaceName: string) => void;\n  onInstallError?: (error: Error) => void;\n}\n\ninterface UseWorkspacesResult {\n  workspaces: Workspace[];\n  loading: boolean;\n  error: Error | null;\n  refetch: () => void;\n}\n\n// NOTE: Inline Apollo clients removed. All GraphQL calls now use graphqlFetch\n// from fe-libs which automatically resolves gateway URLs and injects auth + locale headers.\n\n/**\n * Hook to fetch user's workspaces using graphqlFetch from fe-libs\n */\nfunction useWorkspaces(skip: boolean): UseWorkspacesResult {\n  const { authToken } = useStore();\n  const [workspaces, setWorkspaces] = useState<Workspace[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const fetchWorkspaces = useCallback(async () => {\n    if (skip) return;\n\n    setLoading(true);\n    setError(null);\n\n    try {\n      const result = await graphqlFetch<{ myWorkspaces: WorkspaceList }>({\n        gateway: 'global',\n        query: MY_WORKSPACES_STRING,\n        authToken: authToken || undefined,\n      });\n\n      if (result.errors?.length) {\n        throw new Error(result.errors[0]?.message ?? 'GraphQL error');\n      }\n\n      setWorkspaces(result.data?.myWorkspaces?.items || []);\n    } catch (err) {\n      setError(err instanceof Error ? err : new Error('Failed to fetch workspaces'));\n    } finally {\n      setLoading(false);\n    }\n  }, [authToken, skip]);\n\n  useEffect(() => {\n    fetchWorkspaces();\n  }, [fetchWorkspaces]);\n\n  return {\n    workspaces,\n    loading,\n    error,\n    refetch: fetchWorkspaces,\n  };\n}\n\n/**\n * InstallAppModal component\n *\n * Modal for selecting a workspace to install an app into\n */\nexport const InstallAppModal: FC<InstallAppModalProps> = ({\n  isOpen,\n  onClose,\n  app,\n  orderId,\n  purchaseState = 'free',\n  onInstallSuccess,\n  onInstallError,\n}) => {\n  const { authToken, user } = useStore();\n  const [selectedWorkspace, setSelectedWorkspace] = useState<string | null>(null);\n  const [installing, setInstalling] = useState(false);\n  const [installError, setInstallError] = useState<string | null>(null);\n  const [installInfo, setInstallInfo] = useState<string | null>(null);\n\n  const { workspaces, loading, error } = useWorkspaces(!isOpen);\n\n  // Reset selection when modal opens\n  useEffect(() => {\n    if (isOpen) {\n      setSelectedWorkspace(null);\n      setInstallError(null);\n      setInstallInfo(null);\n    }\n  }, [isOpen]);\n\n  // Filter workspaces by status (only show active)\n  const filteredWorkspaces = workspaces.filter((ws) => ws.status === 'ACTIVE');\n\n  /**\n   * Install purchased app via Store Service (NEW FLOW)\n   * Used when installing from orders page or any already-purchased product\n   */\n  const handleInstallFromStore = async () => {\n    if (!selectedWorkspace) return;\n\n    const workspace = filteredWorkspaces.find((ws) => ws.id === selectedWorkspace);\n    if (!workspace) return;\n    const purchasedBy = user?.id;\n\n    setInstalling(true);\n    setInstallError(null);\n    setInstallInfo(null);\n\n    try {\n      if (!orderId && purchaseState !== 'purchased') {\n        if (!purchasedBy) {\n          throw new Error('Unable to identify the current user for license creation');\n        }\n\n        await graphqlFetch({\n          gateway: 'global',\n          query: CREATE_PRODUCT_ENTITLEMENT_STRING,\n          variables: {\n            input: {\n              productId: app.id,\n              purchasedBy,\n              workspaceId: workspace.id,\n              metadata: {\n                source: 'store-ui',\n                productType: app.type,\n              },\n            },\n          },\n          authToken: authToken || undefined,\n        });\n      }\n\n      // Call Store Service to install the purchased app\n      const result = await graphqlFetch<{\n        installPurchasedApp: {\n          success: boolean;\n          alreadyInstalled?: boolean;\n          installation?: {\n            id: string;\n            productId: string;\n            workspaceId: string;\n            status: string;\n            version: string;\n          };\n          error?: string;\n          message?: string;\n        };\n      }>({\n        gateway: 'global', // Store Service\n        query: INSTALL_PURCHASED_APP_STRING,\n        variables: {\n          orderId: orderId ?? null,\n          productId: app.id,\n          workspaceId: workspace.id,\n        },\n        authToken: authToken || undefined,\n      });\n\n      if (result.errors?.length) {\n        throw new Error(result.errors[0]?.message ?? 'Installation failed');\n      }\n\n      const installResult = result.data?.installPurchasedApp;\n\n      if (installResult?.success) {\n        if (installResult.alreadyInstalled) {\n          setInstallInfo(installResult.message || 'Already installed on this workspace');\n        } else {\n          onInstallSuccess?.(workspace.id, workspace.name);\n          onClose();\n        }\n      } else {\n        const errorMsg = installResult?.error || 'Installation failed';\n        setInstallError(errorMsg);\n        onInstallError?.(new Error(errorMsg));\n      }\n    } catch (err) {\n      const errorMsg = err instanceof Error ? err.message : 'Installation failed';\n      setInstallError(errorMsg);\n      onInstallError?.(new Error(errorMsg));\n    } finally {\n      setInstalling(false);\n    }\n  };\n\n  /**\n   * Install app via Workspace Service (LEGACY FLOW)\n   * Used for free apps or when installing without order\n   */\n  const handleInstallViaWorkspace = async () => {\n    if (!selectedWorkspace) return;\n\n    const workspace = filteredWorkspaces.find((ws) => ws.id === selectedWorkspace);\n    if (!workspace) return;\n\n    setInstalling(true);\n    setInstallError(null);\n    setInstallInfo(null);\n\n    try {\n      // Step 1: Install to workspace service via graphqlFetch\n      const installVars = {\n        workspaceIds: [workspace.id],\n        input: {\n          appName: app.slug || app.name.toLowerCase().replace(/\\s+/g, '-'),\n          displayName: app.name,\n          version: app.version || '1.0.0',\n          type: app.type || 'app',\n          manifest: {\n            productId: app.id,\n            icon: app.icon,\n          },\n        },\n      };\n\n      const result = await graphqlFetch<{\n        installWorkspaceApps: InstallWorkspaceAppsResult;\n      }>({\n        gateway: 'workspace',\n        query: INSTALL_WORKSPACE_APPS_STRING,\n        variables: installVars,\n        authToken: authToken || undefined,\n      });\n\n      if (result.errors?.length) {\n        throw new Error(result.errors[0]?.message ?? 'Installation failed');\n      }\n\n      const installResult = result.data?.installWorkspaceApps;\n      if (installResult?.successCount && installResult.successCount > 0) {\n        // Step 2: Record installation in store service (for tracking)\n        try {\n          await graphqlFetch({\n            gateway: 'global',\n            query: RECORD_APP_INSTALLATION_STRING,\n            variables: {\n              input: {\n                productId: app.id,\n                workspaceId: workspace.id,\n                workspaceName: workspace.name,\n                workspaceType: workspace.type,\n                organizationId: workspace.organizationId,\n                version: app.version || '1.0.0',\n                manifest: {\n                  productId: app.id,\n                  icon: app.icon,\n                  slug: app.slug,\n                  type: app.type,\n                },\n              },\n            },\n            authToken: authToken || undefined,\n          });\n        } catch (recordErr) {\n          // Log but don't fail - workspace installation succeeded\n          console.warn('Failed to record installation in store:', recordErr);\n        }\n\n        onInstallSuccess?.(workspace.id, workspace.name);\n        onClose();\n      } else {\n        const errorMsg = installResult?.results?.[0]?.error || 'Installation failed';\n        setInstallError(errorMsg);\n        onInstallError?.(new Error(errorMsg));\n      }\n    } catch (err) {\n      const errorMsg = err instanceof Error ? err.message : 'Installation failed';\n      setInstallError(errorMsg);\n      onInstallError?.(new Error(errorMsg));\n    } finally {\n      setInstalling(false);\n    }\n  };\n\n  /**\n   * Main install handler - routes to appropriate install function\n   */\n  const handleInstall = async () => {\n    const appType = app.type?.toUpperCase() ?? '';\n\n    if (purchaseState === 'purchased' || orderId || STORE_DISTRIBUTED_TYPES.has(appType)) {\n      // Purchased products install through the store service.\n      await handleInstallFromStore();\n    } else {\n      // Free products install through the workspace service.\n      await handleInstallViaWorkspace();\n    }\n  };\n\n  if (!isOpen) return null;\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      {/* Backdrop */}\n      <div className=\"absolute inset-0 bg-bg-overlay/50 backdrop-blur-sm\" onClick={onClose} />\n\n      {/* Modal */}\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"install-app-modal-title\"\n        className=\"relative z-10 mx-4 w-full max-w-lg rounded-2xl border border-border-default bg-bg-surface shadow-2xl\"\n      >\n        {/* Header */}\n        <div className=\"flex items-center justify-between border-b border-border-default px-6 py-4\">\n          <div className=\"flex items-center gap-3\">\n            {app.icon ? (\n              <img src={app.icon} alt={app.name} className=\"h-10 w-10 rounded-lg object-cover\" />\n            ) : (\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken text-lg font-bold text-text-muted\">\n                {app.name.charAt(0)}\n              </div>\n            )}\n            <div>\n              <h2 id=\"install-app-modal-title\" className=\"text-lg font-semibold text-text-primary\">\n                Install App\n              </h2>\n              <p className=\"text-sm text-text-muted\">{app.name}</p>\n            </div>\n          </div>\n          <button\n            onClick={onClose}\n            aria-label=\"Close install dialog\"\n            className=\"cursor-pointer rounded-lg p-2 text-text-muted transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n          >\n            <X className=\"h-5 w-5\" />\n          </button>\n        </div>\n\n        {/* Content */}\n        <div className=\"px-6 py-4\">\n          <p className=\"mb-4 text-text-secondary\">\n            Select the workspace where you want to install this app:\n          </p>\n\n          {/* Workspace List */}\n          <div className=\"max-h-72 overflow-y-auto rounded-lg border border-border-default\">\n            {loading ? (\n              <div className=\"flex items-center justify-center py-12\">\n                <Loader2 className=\"h-8 w-8 animate-spin text-text-muted\" />\n              </div>\n            ) : error ? (\n              <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n                <AlertCircle className=\"mb-2 h-8 w-8 text-status-error-text\" />\n                <p className=\"text-sm text-status-error-text\">Failed to load workspaces</p>\n                <p className=\"text-xs text-text-muted mt-1\">{error.message}</p>\n              </div>\n            ) : filteredWorkspaces.length === 0 ? (\n              <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n                <Building2 className=\"mb-2 h-8 w-8 text-text-muted\" />\n                <p className=\"text-sm text-text-muted\">No workspaces available</p>\n              </div>\n            ) : (\n              <div className=\"divide-y divide-border-default\">\n                {filteredWorkspaces.map((workspace) => (\n                  <button\n                    key={workspace.id}\n                    onClick={() => setSelectedWorkspace(workspace.id)}\n                    className={`w-full cursor-pointer flex items-center gap-3 px-4 py-3 text-left transition-colors ${\n                      selectedWorkspace === workspace.id\n                        ? 'bg-action-primary-bg/10'\n                        : 'transition-colors hover:bg-bg-sunken'\n                    }`}\n                  >\n                    {/* Workspace Icon */}\n                    <div\n                      className={`flex h-10 w-10 items-center justify-center rounded-lg ${\n                        workspace.type === 'user'\n                          ? 'bg-status-info-bg-subtle text-status-info-text'\n                          : 'bg-action-primary-bg/10 text-text-link'\n                      }`}\n                    >\n                      {workspace.type === 'user' ? (\n                        <User className=\"h-5 w-5\" />\n                      ) : (\n                        <Building2 className=\"h-5 w-5\" />\n                      )}\n                    </div>\n\n                    {/* Workspace Info */}\n                    <div className=\"flex-1 min-w-0\">\n                      <p className=\"font-medium text-text-primary truncate\">{workspace.name}</p>\n                      <p className=\"text-xs text-text-muted\">\n                        {workspace.type === 'user' ? 'Personal' : 'Team'} workspace\n                      </p>\n                    </div>\n\n                    {/* Selection Indicator */}\n                    {selectedWorkspace === workspace.id && (\n                      <CheckCircle className=\"h-5 w-5 flex-shrink-0 text-action-primary-bg\" />\n                    )}\n                  </button>\n                ))}\n              </div>\n            )}\n          </div>\n        </div>\n\n        {/* Footer */}\n        <div className=\"border-t border-border-default px-6 py-4\">\n          {/* Already-installed info */}\n          {installInfo && (\n            <div className=\"mb-3 flex items-center gap-2 rounded-lg bg-status-info-bg-subtle px-3 py-2 text-sm text-status-info-text\">\n              <Info className=\"h-4 w-4 flex-shrink-0\" />\n              <span>{installInfo}</span>\n            </div>\n          )}\n          {/* Error message */}\n          {installError && (\n            <div className=\"mb-3 flex items-center gap-2 rounded-lg bg-status-error-bg-subtle/10 px-3 py-2 text-sm text-status-error-text\">\n              <AlertCircle className=\"h-4 w-4 flex-shrink-0\" />\n              <span>{installError}</span>\n            </div>\n          )}\n          <div className=\"flex items-center justify-end gap-3\">\n            <button\n              onClick={onClose}\n              disabled={installing}\n              className=\"cursor-pointer rounded-lg border border-border-default px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleInstall}\n              disabled={!selectedWorkspace || installing}\n              className=\"cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center gap-2\"\n            >\n              {installing ? (\n                <>\n                  <Loader2 className=\"h-4 w-4 animate-spin\" />\n                  Installing...\n                </>\n              ) : (\n                'Install App'\n              )}\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"InstallAppModal.js","names":[],"sources":["../../src/components/InstallAppModal.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState, useEffect, useCallback } from 'react';\nimport { X, Loader2, Building2, User, CheckCircle, AlertCircle, Info } from 'lucide-react';\nimport { graphqlFetch } from '@burdenoff/fe-libs/shared/graphql';\nimport { useStore } from '../providers/StoreProvider';\n\n// Local type definitions for workspace operations\ninterface Workspace {\n  id: string;\n  name: string;\n  slug: string;\n  type?: string;\n  status?: string;\n  organizationId?: string;\n}\n\ninterface WorkspaceList {\n  items: Workspace[];\n  total: number;\n}\n\ninterface InstallWorkspaceAppsResult {\n  successCount: number;\n  failedCount: number;\n  results: Array<{\n    success: boolean;\n    workspaceId: string;\n    app?: unknown;\n    error?: string;\n  }>;\n}\n\n// String queries for graphqlFetch\nconst MY_WORKSPACES_STRING = `query MyWorkspaces { myWorkspaces { items { id name slug type status organizationId } total } }`;\nconst INSTALL_WORKSPACE_APPS_STRING = `mutation InstallWorkspaceApps($workspaceIds: [ID!]!, $input: InstallWorkspaceAppInput!) { installWorkspaceApps(workspaceIds: $workspaceIds, input: $input) { successCount failedCount results { success workspaceId error } } }`;\nconst RECORD_APP_INSTALLATION_STRING = `mutation RecordAppInstallation($input: RecordAppInstallationInput!) { recordAppInstallation(input: $input) { id status workspaceId version } }`;\nconst INSTALL_PURCHASED_APP_STRING = `mutation InstallPurchasedApp($orderId: ID, $productId: String!, $workspaceId: String!) { installPurchasedApp(orderId: $orderId, productId: $productId, workspaceId: $workspaceId) { success alreadyInstalled installation { id productId workspaceId status version } error message } }`;\nconst CREATE_PRODUCT_ENTITLEMENT_STRING = `mutation CreateProductEntitlement($input: CreateProductEntitlementInput!) { createProductEntitlement(input: $input) { id status productId workspaceId } }`;\nconst STORE_DISTRIBUTED_TYPES = new Set([\n  'VIBEMODULE',\n  'NODE',\n  'CONSOLE',\n  'DASHBOARD',\n  'PARSER',\n  'DATASINK',\n]);\n\nconst INSTALL_ERROR_MESSAGES: Record<string, string> = {\n  ALREADY_INSTALLED: 'This app is already installed in the selected workspace.',\n  QUOTA_EXCEEDED: 'Installation limit reached. Please upgrade your plan or contact support.',\n  PERMISSION_DENIED: 'You do not have permission to install apps in this workspace.',\n  NOT_FOUND: 'The app or workspace could not be found.',\n  WORKSPACE_INACTIVE: 'The selected workspace is inactive.',\n  ENTITLEMENT_EXPIRED: 'Your license for this app has expired.',\n  UNSUPPORTED_TYPE: 'This product type cannot be installed in the selected workspace.',\n};\n\nfunction mapInstallError(raw: string): string {\n  for (const [code, message] of Object.entries(INSTALL_ERROR_MESSAGES)) {\n    if (raw.toUpperCase().includes(code)) return message;\n  }\n  return 'Installation failed. Please try again or contact support.';\n}\n\nexport interface AppInfo {\n  id: string;\n  name: string;\n  slug?: string;\n  icon?: string;\n  type?: string;\n  version?: string;\n}\n\ninterface InstallAppModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  app: AppInfo;\n  orderId?: string | null; // For purchased apps from orders page\n  purchaseState?: 'free' | 'purchased';\n  onInstallSuccess?: (workspaceId: string, workspaceName: string) => void;\n  onInstallError?: (error: Error) => void;\n}\n\ninterface UseWorkspacesResult {\n  workspaces: Workspace[];\n  loading: boolean;\n  error: Error | null;\n  refetch: () => void;\n}\n\n// NOTE: Inline Apollo clients removed. All GraphQL calls now use graphqlFetch\n// from fe-libs which automatically resolves gateway URLs and injects auth + locale headers.\n\n/**\n * Hook to fetch user's workspaces using graphqlFetch from fe-libs\n */\nfunction useWorkspaces(skip: boolean): UseWorkspacesResult {\n  const { authToken } = useStore();\n  const [workspaces, setWorkspaces] = useState<Workspace[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const fetchWorkspaces = useCallback(async () => {\n    if (skip) return;\n\n    setLoading(true);\n    setError(null);\n\n    try {\n      const result = await graphqlFetch<{ myWorkspaces: WorkspaceList }>({\n        gateway: 'global',\n        query: MY_WORKSPACES_STRING,\n        authToken: authToken || undefined,\n      });\n\n      if (result.errors?.length) {\n        throw new Error(result.errors[0]?.message ?? 'GraphQL error');\n      }\n\n      setWorkspaces(result.data?.myWorkspaces?.items || []);\n    } catch (err) {\n      setError(err instanceof Error ? err : new Error('Failed to fetch workspaces'));\n    } finally {\n      setLoading(false);\n    }\n  }, [authToken, skip]);\n\n  useEffect(() => {\n    fetchWorkspaces();\n  }, [fetchWorkspaces]);\n\n  return {\n    workspaces,\n    loading,\n    error,\n    refetch: fetchWorkspaces,\n  };\n}\n\n/**\n * InstallAppModal component\n *\n * Modal for selecting a workspace to install an app into\n */\nexport const InstallAppModal: FC<InstallAppModalProps> = ({\n  isOpen,\n  onClose,\n  app,\n  orderId,\n  purchaseState = 'free',\n  onInstallSuccess,\n  onInstallError,\n}) => {\n  const { authToken, user } = useStore();\n  const [selectedWorkspace, setSelectedWorkspace] = useState<string | null>(null);\n  const [installing, setInstalling] = useState(false);\n  const [installError, setInstallError] = useState<string | null>(null);\n  const [installInfo, setInstallInfo] = useState<string | null>(null);\n\n  const { workspaces, loading, error } = useWorkspaces(!isOpen);\n\n  // Reset selection when modal opens\n  useEffect(() => {\n    if (isOpen) {\n      setSelectedWorkspace(null);\n      setInstallError(null);\n      setInstallInfo(null);\n    }\n  }, [isOpen]);\n\n  // Filter workspaces by status (only show active)\n  const filteredWorkspaces = workspaces.filter((ws) => ws.status === 'ACTIVE');\n\n  /**\n   * Install purchased app via Store Service (NEW FLOW)\n   * Used when installing from orders page or any already-purchased product\n   */\n  const handleInstallFromStore = async () => {\n    if (!selectedWorkspace) return;\n\n    const workspace = filteredWorkspaces.find((ws) => ws.id === selectedWorkspace);\n    if (!workspace) return;\n    const purchasedBy = user?.id;\n\n    setInstalling(true);\n    setInstallError(null);\n    setInstallInfo(null);\n\n    try {\n      if (!orderId && purchaseState !== 'purchased') {\n        if (!purchasedBy) {\n          throw new Error('Unable to identify the current user for license creation');\n        }\n\n        await graphqlFetch({\n          gateway: 'global',\n          query: CREATE_PRODUCT_ENTITLEMENT_STRING,\n          variables: {\n            input: {\n              productId: app.id,\n              purchasedBy,\n              workspaceId: workspace.id,\n              metadata: {\n                source: 'store-ui',\n                productType: app.type,\n              },\n            },\n          },\n          authToken: authToken || undefined,\n        });\n      }\n\n      // Call Store Service to install the purchased app\n      const result = await graphqlFetch<{\n        installPurchasedApp: {\n          success: boolean;\n          alreadyInstalled?: boolean;\n          installation?: {\n            id: string;\n            productId: string;\n            workspaceId: string;\n            status: string;\n            version: string;\n          };\n          error?: string;\n          message?: string;\n        };\n      }>({\n        gateway: 'global', // Store Service\n        query: INSTALL_PURCHASED_APP_STRING,\n        variables: {\n          orderId: orderId ?? null,\n          productId: app.id,\n          workspaceId: workspace.id,\n        },\n        authToken: authToken || undefined,\n      });\n\n      if (result.errors?.length) {\n        throw new Error(result.errors[0]?.message ?? 'Installation failed');\n      }\n\n      const installResult = result.data?.installPurchasedApp;\n\n      if (installResult?.success) {\n        if (installResult.alreadyInstalled) {\n          setInstallInfo(installResult.message || 'Already installed on this workspace');\n        } else {\n          onInstallSuccess?.(workspace.id, workspace.name);\n          onClose();\n        }\n      } else {\n        const rawMsg = installResult?.error || 'Installation failed';\n        const errorMsg = mapInstallError(rawMsg);\n        setInstallError(errorMsg);\n        onInstallError?.(new Error(rawMsg));\n      }\n    } catch (err) {\n      const rawMsg = err instanceof Error ? err.message : 'Installation failed';\n      const errorMsg = mapInstallError(rawMsg);\n      setInstallError(errorMsg);\n      onInstallError?.(new Error(rawMsg));\n    } finally {\n      setInstalling(false);\n    }\n  };\n\n  /**\n   * Install app via Workspace Service (LEGACY FLOW)\n   * Used for free apps or when installing without order\n   */\n  const handleInstallViaWorkspace = async () => {\n    if (!selectedWorkspace) return;\n\n    const workspace = filteredWorkspaces.find((ws) => ws.id === selectedWorkspace);\n    if (!workspace) return;\n\n    setInstalling(true);\n    setInstallError(null);\n    setInstallInfo(null);\n\n    try {\n      // Step 1: Install to workspace service via graphqlFetch\n      const installVars = {\n        workspaceIds: [workspace.id],\n        input: {\n          appName: app.slug || app.name.toLowerCase().replace(/\\s+/g, '-'),\n          displayName: app.name,\n          version: app.version || '1.0.0',\n          type: app.type || 'app',\n          manifest: {\n            productId: app.id,\n            icon: app.icon,\n          },\n        },\n      };\n\n      const result = await graphqlFetch<{\n        installWorkspaceApps: InstallWorkspaceAppsResult;\n      }>({\n        gateway: 'workspace',\n        query: INSTALL_WORKSPACE_APPS_STRING,\n        variables: installVars,\n        authToken: authToken || undefined,\n      });\n\n      if (result.errors?.length) {\n        throw new Error(result.errors[0]?.message ?? 'Installation failed');\n      }\n\n      const installResult = result.data?.installWorkspaceApps;\n      if (installResult?.successCount && installResult.successCount > 0) {\n        // Step 2: Record installation in store service (for tracking)\n        try {\n          await graphqlFetch({\n            gateway: 'global',\n            query: RECORD_APP_INSTALLATION_STRING,\n            variables: {\n              input: {\n                productId: app.id,\n                workspaceId: workspace.id,\n                workspaceName: workspace.name,\n                workspaceType: workspace.type,\n                organizationId: workspace.organizationId,\n                version: app.version || '1.0.0',\n                manifest: {\n                  productId: app.id,\n                  icon: app.icon,\n                  slug: app.slug,\n                  type: app.type,\n                },\n              },\n            },\n            authToken: authToken || undefined,\n          });\n        } catch {\n          // Non-fatal: workspace installation succeeded; store record will sync later.\n        }\n\n        onInstallSuccess?.(workspace.id, workspace.name);\n        onClose();\n      } else {\n        const rawMsg = installResult?.results?.[0]?.error || 'Installation failed';\n        const errorMsg = mapInstallError(rawMsg);\n        setInstallError(errorMsg);\n        onInstallError?.(new Error(rawMsg));\n      }\n    } catch (err) {\n      const rawMsg = err instanceof Error ? err.message : 'Installation failed';\n      const errorMsg = mapInstallError(rawMsg);\n      setInstallError(errorMsg);\n      onInstallError?.(new Error(rawMsg));\n    } finally {\n      setInstalling(false);\n    }\n  };\n\n  /**\n   * Main install handler - routes to appropriate install function\n   */\n  const handleInstall = async () => {\n    const appType = app.type?.toUpperCase() ?? '';\n\n    if (purchaseState === 'purchased' || orderId || STORE_DISTRIBUTED_TYPES.has(appType)) {\n      // Purchased products install through the store service.\n      await handleInstallFromStore();\n    } else {\n      // Free products install through the workspace service.\n      await handleInstallViaWorkspace();\n    }\n  };\n\n  if (!isOpen) return null;\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      {/* Backdrop */}\n      <div className=\"absolute inset-0 bg-bg-overlay/50 backdrop-blur-sm\" onClick={onClose} />\n\n      {/* Modal */}\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"install-app-modal-title\"\n        className=\"relative z-10 mx-4 w-full max-w-lg rounded-2xl border border-border-default bg-bg-surface shadow-2xl\"\n      >\n        {/* Header */}\n        <div className=\"flex items-center justify-between border-b border-border-default px-6 py-4\">\n          <div className=\"flex items-center gap-3\">\n            {app.icon ? (\n              <img src={app.icon} alt={app.name} className=\"h-10 w-10 rounded-lg object-cover\" />\n            ) : (\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken text-lg font-bold text-text-muted\">\n                {app.name.charAt(0)}\n              </div>\n            )}\n            <div>\n              <h2 id=\"install-app-modal-title\" className=\"text-lg font-semibold text-text-primary\">\n                Install App\n              </h2>\n              <p className=\"text-sm text-text-muted\">{app.name}</p>\n            </div>\n          </div>\n          <button\n            onClick={onClose}\n            aria-label=\"Close install dialog\"\n            className=\"cursor-pointer rounded-lg p-2 text-text-muted transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n          >\n            <X className=\"h-5 w-5\" />\n          </button>\n        </div>\n\n        {/* Content */}\n        <div className=\"px-6 py-4\">\n          <p className=\"mb-4 text-text-secondary\">\n            Select the workspace where you want to install this app:\n          </p>\n\n          {/* Workspace List */}\n          <div className=\"max-h-72 overflow-y-auto rounded-lg border border-border-default\">\n            {loading ? (\n              <div className=\"flex items-center justify-center py-12\">\n                <Loader2 className=\"h-8 w-8 animate-spin text-text-muted\" />\n              </div>\n            ) : error ? (\n              <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n                <AlertCircle className=\"mb-2 h-8 w-8 text-status-error-text\" />\n                <p className=\"text-sm text-status-error-text\">Failed to load workspaces</p>\n                <p className=\"text-xs text-text-muted mt-1\">{error.message}</p>\n              </div>\n            ) : filteredWorkspaces.length === 0 ? (\n              <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n                <Building2 className=\"mb-2 h-8 w-8 text-text-muted\" />\n                <p className=\"text-sm text-text-muted\">No workspaces available</p>\n              </div>\n            ) : (\n              <div className=\"divide-y divide-border-default\">\n                {filteredWorkspaces.map((workspace) => (\n                  <button\n                    key={workspace.id}\n                    onClick={() => setSelectedWorkspace(workspace.id)}\n                    className={`w-full cursor-pointer flex items-center gap-3 px-4 py-3 text-left transition-colors ${\n                      selectedWorkspace === workspace.id\n                        ? 'bg-action-primary-bg/10'\n                        : 'transition-colors hover:bg-bg-sunken'\n                    }`}\n                  >\n                    {/* Workspace Icon */}\n                    <div\n                      className={`flex h-10 w-10 items-center justify-center rounded-lg ${\n                        workspace.type === 'user'\n                          ? 'bg-status-info-bg-subtle text-status-info-text'\n                          : 'bg-action-primary-bg/10 text-text-link'\n                      }`}\n                    >\n                      {workspace.type === 'user' ? (\n                        <User className=\"h-5 w-5\" />\n                      ) : (\n                        <Building2 className=\"h-5 w-5\" />\n                      )}\n                    </div>\n\n                    {/* Workspace Info */}\n                    <div className=\"flex-1 min-w-0\">\n                      <p className=\"font-medium text-text-primary truncate\">{workspace.name}</p>\n                      <p className=\"text-xs text-text-muted\">\n                        {workspace.type === 'user' ? 'Personal' : 'Team'} workspace\n                      </p>\n                    </div>\n\n                    {/* Selection Indicator */}\n                    {selectedWorkspace === workspace.id && (\n                      <CheckCircle className=\"h-5 w-5 flex-shrink-0 text-action-primary-bg\" />\n                    )}\n                  </button>\n                ))}\n              </div>\n            )}\n          </div>\n        </div>\n\n        {/* Footer */}\n        <div className=\"border-t border-border-default px-6 py-4\">\n          {/* Already-installed info */}\n          {installInfo && (\n            <div className=\"mb-3 flex items-center gap-2 rounded-lg bg-status-info-bg-subtle px-3 py-2 text-sm text-status-info-text\">\n              <Info className=\"h-4 w-4 flex-shrink-0\" />\n              <span>{installInfo}</span>\n            </div>\n          )}\n          {/* Error message */}\n          {installError && (\n            <div className=\"mb-3 flex items-center gap-2 rounded-lg bg-status-error-bg-subtle/10 px-3 py-2 text-sm text-status-error-text\">\n              <AlertCircle className=\"h-4 w-4 flex-shrink-0\" />\n              <span>{installError}</span>\n            </div>\n          )}\n          <div className=\"flex items-center justify-end gap-3\">\n            <button\n              onClick={onClose}\n              disabled={installing}\n              className=\"cursor-pointer rounded-lg border border-border-default px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleInstall}\n              disabled={!selectedWorkspace || installing}\n              className=\"cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center gap-2\"\n            >\n              {installing ? (\n                <>\n                  <Loader2 className=\"h-4 w-4 animate-spin\" />\n                  Installing...\n                </>\n              ) : (\n                'Install App'\n              )}\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAiCA,IAAM,IAAuB,mGACvB,IAAgC,mOAChC,IAAiC,kJACjC,IAA+B,2RAC/B,IAAoC,6JACpC,IAA0B,IAAI,IAAI;CACtC;CACA;CACA;CACA;CACA;CACA;CACD,CAAC,EAEI,IAAiD;CACrD,mBAAmB;CACnB,gBAAgB;CAChB,mBAAmB;CACnB,WAAW;CACX,oBAAoB;CACpB,qBAAqB;CACrB,kBAAkB;CACnB;AAED,SAAS,EAAgB,GAAqB;AAC5C,MAAK,IAAM,CAAC,GAAM,MAAY,OAAO,QAAQ,EAAuB,CAClE,KAAI,EAAI,aAAa,CAAC,SAAS,EAAK,CAAE,QAAO;AAE/C,QAAO;;AAmCT,SAAS,EAAc,GAAoC;CACzD,IAAM,EAAE,iBAAc,GAAU,EAC1B,CAAC,GAAY,KAAiB,EAAsB,EAAE,CAAC,EACvD,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAO,KAAY,EAAuB,KAAK,EAEhD,IAAkB,EAAY,YAAY;AAC1C,UAGJ;GADA,EAAW,GAAK,EAChB,EAAS,KAAK;AAEd,OAAI;IACF,IAAM,IAAS,MAAM,EAA8C;KACjE,SAAS;KACT,OAAO;KACP,WAAW,KAAa,KAAA;KACzB,CAAC;AAEF,QAAI,EAAO,QAAQ,OACjB,OAAU,MAAM,EAAO,OAAO,IAAI,WAAW,gBAAgB;AAG/D,MAAc,EAAO,MAAM,cAAc,SAAS,EAAE,CAAC;YAC9C,GAAK;AACZ,MAAS,aAAe,QAAQ,IAAM,gBAAI,MAAM,6BAA6B,CAAC;aACtE;AACR,MAAW,GAAM;;;IAElB,CAAC,GAAW,EAAK,CAAC;AAMrB,QAJA,QAAgB;AACd,KAAiB;IAChB,CAAC,EAAgB,CAAC,EAEd;EACL;EACA;EACA;EACA,SAAS;EACV;;AAQH,IAAa,KAA6C,EACxD,WACA,YACA,QACA,YACA,mBAAgB,QAChB,qBACA,wBACI;CACJ,IAAM,EAAE,cAAW,YAAS,GAAU,EAChC,CAAC,GAAmB,KAAwB,EAAwB,KAAK,EACzE,CAAC,GAAY,KAAiB,EAAS,GAAM,EAC7C,CAAC,GAAc,KAAmB,EAAwB,KAAK,EAC/D,CAAC,GAAa,KAAkB,EAAwB,KAAK,EAE7D,EAAE,eAAY,YAAS,aAAU,EAAc,CAAC,EAAO;AAG7D,SAAgB;AACd,EAAI,MACF,EAAqB,KAAK,EAC1B,EAAgB,KAAK,EACrB,EAAe,KAAK;IAErB,CAAC,EAAO,CAAC;CAGZ,IAAM,IAAqB,EAAW,QAAQ,MAAO,EAAG,WAAW,SAAS,EAMtE,IAAyB,YAAY;AACzC,MAAI,CAAC,EAAmB;EAExB,IAAM,IAAY,EAAmB,MAAM,MAAO,EAAG,OAAO,EAAkB;AAC9E,MAAI,CAAC,EAAW;EAChB,IAAM,IAAc,GAAM;AAI1B,EAFA,EAAc,GAAK,EACnB,EAAgB,KAAK,EACrB,EAAe,KAAK;AAEpB,MAAI;AACF,OAAI,CAAC,KAAW,MAAkB,aAAa;AAC7C,QAAI,CAAC,EACH,OAAU,MAAM,2DAA2D;AAG7E,UAAM,EAAa;KACjB,SAAS;KACT,OAAO;KACP,WAAW,EACT,OAAO;MACL,WAAW,EAAI;MACf;MACA,aAAa,EAAU;MACvB,UAAU;OACR,QAAQ;OACR,aAAa,EAAI;OAClB;MACF,EACF;KACD,WAAW,KAAa,KAAA;KACzB,CAAC;;GAIJ,IAAM,IAAS,MAAM,EAclB;IACD,SAAS;IACT,OAAO;IACP,WAAW;KACT,SAAS,KAAW;KACpB,WAAW,EAAI;KACf,aAAa,EAAU;KACxB;IACD,WAAW,KAAa,KAAA;IACzB,CAAC;AAEF,OAAI,EAAO,QAAQ,OACjB,OAAU,MAAM,EAAO,OAAO,IAAI,WAAW,sBAAsB;GAGrE,IAAM,IAAgB,EAAO,MAAM;AAEnC,OAAI,GAAe,QACjB,CAAI,EAAc,mBAChB,EAAe,EAAc,WAAW,sCAAsC,IAE9E,IAAmB,EAAU,IAAI,EAAU,KAAK,EAChD,GAAS;QAEN;IACL,IAAM,IAAS,GAAe,SAAS;AAGvC,IADA,EADiB,EAAgB,EAAO,CACf,EACzB,IAAqB,MAAM,EAAO,CAAC;;WAE9B,GAAK;GACZ,IAAM,IAAS,aAAe,QAAQ,EAAI,UAAU;AAGpD,GADA,EADiB,EAAgB,EAAO,CACf,EACzB,IAAqB,MAAM,EAAO,CAAC;YAC3B;AACR,KAAc,GAAM;;IAQlB,IAA4B,YAAY;AAC5C,MAAI,CAAC,EAAmB;EAExB,IAAM,IAAY,EAAmB,MAAM,MAAO,EAAG,OAAO,EAAkB;AACzE,SAIL;GAFA,EAAc,GAAK,EACnB,EAAgB,KAAK,EACrB,EAAe,KAAK;AAEpB,OAAI;IAgBF,IAAM,IAAS,MAAM,EAElB;KACD,SAAS;KACT,OAAO;KACP,WAnBkB;MAClB,cAAc,CAAC,EAAU,GAAG;MAC5B,OAAO;OACL,SAAS,EAAI,QAAQ,EAAI,KAAK,aAAa,CAAC,QAAQ,QAAQ,IAAI;OAChE,aAAa,EAAI;OACjB,SAAS,EAAI,WAAW;OACxB,MAAM,EAAI,QAAQ;OAClB,UAAU;QACR,WAAW,EAAI;QACf,MAAM,EAAI;QACX;OACF;MACF;KAQC,WAAW,KAAa,KAAA;KACzB,CAAC;AAEF,QAAI,EAAO,QAAQ,OACjB,OAAU,MAAM,EAAO,OAAO,IAAI,WAAW,sBAAsB;IAGrE,IAAM,IAAgB,EAAO,MAAM;AACnC,QAAI,GAAe,gBAAgB,EAAc,eAAe,GAAG;AAEjE,SAAI;AACF,YAAM,EAAa;OACjB,SAAS;OACT,OAAO;OACP,WAAW,EACT,OAAO;QACL,WAAW,EAAI;QACf,aAAa,EAAU;QACvB,eAAe,EAAU;QACzB,eAAe,EAAU;QACzB,gBAAgB,EAAU;QAC1B,SAAS,EAAI,WAAW;QACxB,UAAU;SACR,WAAW,EAAI;SACf,MAAM,EAAI;SACV,MAAM,EAAI;SACV,MAAM,EAAI;SACX;QACF,EACF;OACD,WAAW,KAAa,KAAA;OACzB,CAAC;aACI;AAKR,KADA,IAAmB,EAAU,IAAI,EAAU,KAAK,EAChD,GAAS;WACJ;KACL,IAAM,IAAS,GAAe,UAAU,IAAI,SAAS;AAGrD,KADA,EADiB,EAAgB,EAAO,CACf,EACzB,IAAqB,MAAM,EAAO,CAAC;;YAE9B,GAAK;IACZ,IAAM,IAAS,aAAe,QAAQ,EAAI,UAAU;AAGpD,IADA,EADiB,EAAgB,EAAO,CACf,EACzB,IAAqB,MAAM,EAAO,CAAC;aAC3B;AACR,MAAc,GAAM;;;;AAqBxB,QAFK,IAGH,kBAAC,OAAD;EAAK,WAAU;YAAf,CAEE,kBAAC,OAAD;GAAK,WAAU;GAAqD,SAAS;GAAW,CAAA,EAGxF,kBAAC,OAAD;GACE,MAAK;GACL,cAAW;GACX,mBAAgB;GAChB,WAAU;aAJZ;IAOE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,EAAI,OACH,kBAAC,OAAD;OAAK,KAAK,EAAI;OAAM,KAAK,EAAI;OAAM,WAAU;OAAsC,CAAA,GAEnF,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAI,KAAK,OAAO,EAAE;OACf,CAAA,EAER,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,IAAG;OAA0B,WAAU;iBAA0C;OAEhF,CAAA,EACL,kBAAC,KAAD;OAAG,WAAU;iBAA2B,EAAI;OAAS,CAAA,CACjD,EAAA,CAAA,CACF;SACN,kBAAC,UAAD;MACE,SAAS;MACT,cAAW;MACX,WAAU;gBAEV,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;MAClB,CAAA,CACL;;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAA2B;MAEpC,CAAA,EAGJ,kBAAC,OAAD;MAAK,WAAU;gBACZ,IACC,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAS,WAAU,wCAAyC,CAAA;OACxD,CAAA,GACJ,IACF,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD,EAAa,WAAU,uCAAwC,CAAA;QAC/D,kBAAC,KAAD;SAAG,WAAU;mBAAiC;SAA6B,CAAA;QAC3E,kBAAC,KAAD;SAAG,WAAU;mBAAgC,EAAM;SAAY,CAAA;QAC3D;WACJ,EAAmB,WAAW,IAChC,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAW,WAAU,gCAAiC,CAAA,EACtD,kBAAC,KAAD;QAAG,WAAU;kBAA0B;QAA2B,CAAA,CAC9D;WAEN,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAmB,KAAK,MACvB,kBAAC,UAAD;QAEE,eAAe,EAAqB,EAAU,GAAG;QACjD,WAAW,uFACT,MAAsB,EAAU,KAC5B,4BACA;kBANR;SAUE,kBAAC,OAAD;UACE,WAAW,yDACT,EAAU,SAAS,SACf,mDACA;oBAGL,EAAU,SAAS,SAClB,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,GAE5B,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;UAE/B,CAAA;SAGN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,KAAD;WAAG,WAAU;qBAA0C,EAAU;WAAS,CAAA,EAC1E,kBAAC,KAAD;WAAG,WAAU;qBAAb,CACG,EAAU,SAAS,SAAS,aAAa,QAAO,aAC/C;aACA;;SAGL,MAAsB,EAAU,MAC/B,kBAAC,GAAD,EAAa,WAAU,gDAAiD,CAAA;SAEnE;UAnCF,EAAU,GAmCR,CACT;OACE,CAAA;MAEJ,CAAA,CACF;;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf;MAEG,KACC,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,yBAA0B,CAAA,EAC1C,kBAAC,QAAD,EAAA,UAAO,GAAmB,CAAA,CACtB;;MAGP,KACC,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAa,WAAU,yBAA0B,CAAA,EACjD,kBAAC,QAAD,EAAA,UAAO,GAAoB,CAAA,CACvB;;MAER,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,UAAD;QACE,SAAS;QACT,UAAU;QACV,WAAU;kBACX;QAEQ,CAAA,EACT,kBAAC,UAAD;QACE,SAlJU,YAAY;SAChC,IAAM,IAAU,EAAI,MAAM,aAAa,IAAI;AAE3C,SAAI,MAAkB,eAAe,KAAW,EAAwB,IAAI,EAAQ,GAElF,MAAM,GAAwB,GAG9B,MAAM,GAA2B;;QA2IzB,UAAU,CAAC,KAAqB;QAChC,WAAU;kBAET,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA,EAAA,gBAE3C,EAAA,CAAA,GAEH;QAEK,CAAA,CACL;;MACF;;IACF;KACF;MAtJY"}

package/dist/components/cart/CartDrawer.js

@@ -6,12 +6,12 @@ var l = ({ isOpen: l, onClose: u, onCheckout: d, cartItems: f, itemCount: p, sub
 	className: "fixed inset-0 z-40 bg-bg-overlay/50 transition-opacity",
 	onClick: u
 }), /* @__PURE__ */ s("div", {
-	className: "fixed right-0 top-0 z-50 h-full w-full max-w-md bg-bg-surface shadow-xl",
+	className: "fixed right-0 top-0 z-50 h-full w-full sm:max-w-md bg-bg-surface shadow-xl",
 	children: /* @__PURE__ */ c("div", {
 		className: "flex h-full flex-col",
 		children: [
 			/* @__PURE__ */ c("div", {
-				className: "flex items-center justify-between border-b border-border-default px-6 py-4",
+				className: "flex items-center justify-between border-b border-border-default px-4 sm:px-6 py-4",
 				children: [/* @__PURE__ */ c("div", {
 					className: "flex items-center gap-2",
 					children: [
@@ -33,11 +33,16 @@ var l = ({ isOpen: l, onClose: u, onCheckout: d, cartItems: f, itemCount: p, sub
 				})]
 			}),
 			/* @__PURE__ */ s("div", {
-				className: "flex-1 overflow-y-auto px-6 py-4",
+				className: "flex-1 overflow-y-auto px-4 sm:px-6 py-4",
 				children: f.length === 0 ? /* @__PURE__ */ c("div", {
+					role: "status",
+					"aria-label": "Your cart is empty",
 					className: "flex h-full flex-col items-center justify-center text-center",
 					children: [
-						/* @__PURE__ */ s(r, { className: "mb-4 h-16 w-16 text-text-muted" }),
+						/* @__PURE__ */ s(r, {
+							className: "mb-4 h-16 w-16 text-text-muted",
+							"aria-hidden": "true"
+						}),
 						/* @__PURE__ */ s("h3", {
 							className: "mb-2 text-lg font-semibold text-text-primary",
 							children: "Your cart is empty"
@@ -79,24 +84,37 @@ var l = ({ isOpen: l, onClose: u, onCheckout: d, cartItems: f, itemCount: p, sub
 										children: [
 											/* @__PURE__ */ s("button", {
 												onClick: () => _(a.id, a.quantity - 1),
+												"aria-label": `Decrease quantity of ${a.productName || a.product?.name || "item"}`,
 												className: "cursor-pointer p-1.5 transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-50",
 												disabled: a.quantity <= 1,
-												children: /* @__PURE__ */ s(t, { className: "h-4 w-4" })
+												children: /* @__PURE__ */ s(t, {
+													className: "h-4 w-4",
+													"aria-hidden": "true"
+												})
 											}),
 											/* @__PURE__ */ s("span", {
 												className: "min-w-[2rem] text-center text-sm font-medium",
+												"aria-label": `Quantity: ${a.quantity}`,
 												children: a.quantity
 											}),
 											/* @__PURE__ */ s("button", {
 												onClick: () => _(a.id, a.quantity + 1),
+												"aria-label": `Increase quantity of ${a.productName || a.product?.name || "item"}`,
 												className: "cursor-pointer p-1.5 transition-colors hover:bg-bg-sunken",
-												children: /* @__PURE__ */ s(n, { className: "h-4 w-4" })
+												children: /* @__PURE__ */ s(n, {
+													className: "h-4 w-4",
+													"aria-hidden": "true"
+												})
 											})
 										]
 									}), /* @__PURE__ */ s("button", {
 										onClick: () => v(a.id),
+										"aria-label": `Remove ${a.productName || a.product?.name || "item"} from cart`,
 										className: "cursor-pointer ml-auto text-status-error-text transition-colors hover:text-status-error-text-emphasis",
-										children: /* @__PURE__ */ s(i, { className: "h-4 w-4" })
+										children: /* @__PURE__ */ s(i, {
+											className: "h-4 w-4",
+											"aria-hidden": "true"
+										})
 									})]
 								}),
 								/* @__PURE__ */ s("div", {
@@ -112,7 +130,7 @@ var l = ({ isOpen: l, onClose: u, onCheckout: d, cartItems: f, itemCount: p, sub
 				})
 			}),
 			f.length > 0 && /* @__PURE__ */ c("div", {
-				className: "border-t border-border-default bg-bg-sunken px-6 py-4",
+				className: "border-t border-border-default bg-bg-sunken px-4 sm:px-6 py-4",
 				children: [/* @__PURE__ */ c("div", {
 					className: "space-y-2",
 					children: [

package/dist/components/cart/CartDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CartDrawer.js","names":[],"sources":["../../../src/components/cart/CartDrawer.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { X, ShoppingCart, Trash2, Plus, Minus } from 'lucide-react';\nimport { formatPrice } from '../../utils';\n\n/**\n * Props for CartDrawer\n */\ninterface CartDrawerProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onCheckout: () => void;\n  cartItems: Array<{\n    id: string;\n    quantity: number;\n    subtotal: number;\n    productName?: string;\n    productIcon?: string;\n    variantName?: string;\n    product?: { icon?: string; name?: string };\n  }>;\n  itemCount: number;\n  subtotal: number;\n  tax: number;\n  total: number;\n  updateQuantity: (cartItemId: string, quantity: number) => Promise<void>;\n  removeProduct: (cartItemId: string) => Promise<void>;\n}\n\n/**\n * CartDrawer component\n *\n * Sliding drawer for cart management\n */\nexport const CartDrawer: FC<CartDrawerProps> = ({\n  isOpen,\n  onClose,\n  onCheckout,\n  cartItems,\n  itemCount,\n  subtotal,\n  tax,\n  total,\n  updateQuantity,\n  removeProduct,\n}) => {\n  if (!isOpen) return null;\n\n  return (\n    <>\n      {/* Backdrop */}\n      <div className=\"fixed inset-0 z-40 bg-bg-overlay/50 transition-opacity\" onClick={onClose} />\n\n      {/* Drawer */}\n      <div className=\"fixed right-0 top-0 z-50 h-full w-full max-w-md bg-bg-surface shadow-xl\">\n        <div className=\"flex h-full flex-col\">\n          {/* Header */}\n          <div className=\"flex items-center justify-between border-b border-border-default px-6 py-4\">\n            <div className=\"flex items-center gap-2\">\n              <ShoppingCart className=\"h-5 w-5 text-text-primary\" />\n              <h2 className=\"text-lg font-semibold text-text-primary\">Shopping Cart</h2>\n              {itemCount > 0 && (\n                <span className=\"rounded-full bg-bg-accent px-2 py-0.5 text-xs font-medium text-text-link\">\n                  {itemCount}\n                </span>\n              )}\n            </div>\n            <button\n              onClick={onClose}\n              aria-label=\"Close cart\"\n              className=\"cursor-pointer rounded-lg p-2 text-text-muted transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n            >\n              <X className=\"h-5 w-5\" />\n            </button>\n          </div>\n\n          {/* Cart Items */}\n          <div className=\"flex-1 overflow-y-auto px-6 py-4\">\n            {cartItems.length === 0 ? (\n              <div className=\"flex h-full flex-col items-center justify-center text-center\">\n                <ShoppingCart className=\"mb-4 h-16 w-16 text-text-muted\" />\n                <h3 className=\"mb-2 text-lg font-semibold text-text-primary\">Your cart is empty</h3>\n                <p className=\"text-sm text-text-muted\">Start shopping to add items to your cart</p>\n              </div>\n            ) : (\n              <div className=\"space-y-4\">\n                {cartItems.map((item) => (\n                  <div\n                    key={item.id}\n                    className=\"flex gap-4 rounded-lg border border-border-default p-4\"\n                  >\n                    {/* Product Image */}\n                    <div className=\"h-20 w-20 flex-shrink-0 overflow-hidden rounded bg-bg-sunken\">\n                      {item.productIcon || item.product?.icon ? (\n                        <img\n                          src={item.productIcon || item.product?.icon}\n                          alt={item.productName || item.product?.name}\n                          className=\"h-full w-full object-cover\"\n                        />\n                      ) : (\n                        <div className=\"flex h-full w-full items-center justify-center\">\n                          <ShoppingCart className=\"h-8 w-8 text-text-muted\" />\n                        </div>\n                      )}\n                    </div>\n\n                    {/* Product Info */}\n                    <div className=\"flex flex-1 flex-col\">\n                      <h4 className=\"mb-1 font-semibold text-text-primary\">\n                        {item.productName || item.product?.name || 'Product'}\n                      </h4>\n                      {item.variantName && (\n                        <p className=\"mb-2 text-xs text-text-muted\">{item.variantName}</p>\n                      )}\n\n                      {/* Quantity Controls */}\n                      <div className=\"flex items-center gap-3\">\n                        <div className=\"flex items-center rounded border border-border-default\">\n                          <button\n                            onClick={() => updateQuantity(item.id, item.quantity - 1)}\n                            className=\"cursor-pointer p-1.5 transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-50\"\n                            disabled={item.quantity <= 1}\n                          >\n                            <Minus className=\"h-4 w-4\" />\n                          </button>\n                          <span className=\"min-w-[2rem] text-center text-sm font-medium\">\n                            {item.quantity}\n                          </span>\n                          <button\n                            onClick={() => updateQuantity(item.id, item.quantity + 1)}\n                            className=\"cursor-pointer p-1.5 transition-colors hover:bg-bg-sunken\"\n                          >\n                            <Plus className=\"h-4 w-4\" />\n                          </button>\n                        </div>\n\n                        <button\n                          onClick={() => removeProduct(item.id)}\n                          className=\"cursor-pointer ml-auto text-status-error-text transition-colors hover:text-status-error-text-emphasis\"\n                        >\n                          <Trash2 className=\"h-4 w-4\" />\n                        </button>\n                      </div>\n\n                      {/* Price */}\n                      <div className=\"mt-2 text-right\">\n                        <span className=\"font-semibold text-text-primary\">\n                          {formatPrice(item.subtotal)}\n                        </span>\n                      </div>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n\n          {/* Footer with Summary */}\n          {cartItems.length > 0 && (\n            <div className=\"border-t border-border-default bg-bg-sunken px-6 py-4\">\n              <div className=\"space-y-2\">\n                <div className=\"flex justify-between text-sm\">\n                  <span className=\"text-text-muted\">Subtotal</span>\n                  <span className=\"font-medium text-text-primary\">{formatPrice(subtotal)}</span>\n                </div>\n                <div className=\"flex justify-between text-sm\">\n                  <span className=\"text-text-muted\">Tax</span>\n                  <span className=\"font-medium text-text-primary\">{formatPrice(tax)}</span>\n                </div>\n                <div className=\"flex justify-between border-t border-border-default pt-2\">\n                  <span className=\"font-semibold text-text-primary\">Total</span>\n                  <span className=\"text-lg font-bold text-text-primary\">{formatPrice(total)}</span>\n                </div>\n              </div>\n\n              <button\n                onClick={onCheckout}\n                className=\"cursor-pointer mt-4 w-full rounded-lg bg-action-primary-bg py-3 font-bold text-action-primary-text shadow-lg transition-all hover:opacity-90 hover:shadow-xl active:scale-[0.98]\"\n              >\n                Proceed to Checkout\n              </button>\n            </div>\n          )}\n        </div>\n      </div>\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"CartDrawer.js","names":[],"sources":["../../../src/components/cart/CartDrawer.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { X, ShoppingCart, Trash2, Plus, Minus } from 'lucide-react';\nimport { formatPrice } from '../../utils';\n\n/**\n * Props for CartDrawer\n */\ninterface CartDrawerProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onCheckout: () => void;\n  cartItems: Array<{\n    id: string;\n    quantity: number;\n    subtotal: number;\n    productName?: string;\n    productIcon?: string;\n    variantName?: string;\n    product?: { icon?: string; name?: string };\n  }>;\n  itemCount: number;\n  subtotal: number;\n  tax: number;\n  total: number;\n  updateQuantity: (cartItemId: string, quantity: number) => Promise<void>;\n  removeProduct: (cartItemId: string) => Promise<void>;\n}\n\n/**\n * CartDrawer component\n *\n * Sliding drawer for cart management\n */\nexport const CartDrawer: FC<CartDrawerProps> = ({\n  isOpen,\n  onClose,\n  onCheckout,\n  cartItems,\n  itemCount,\n  subtotal,\n  tax,\n  total,\n  updateQuantity,\n  removeProduct,\n}) => {\n  if (!isOpen) return null;\n\n  return (\n    <>\n      {/* Backdrop */}\n      <div className=\"fixed inset-0 z-40 bg-bg-overlay/50 transition-opacity\" onClick={onClose} />\n\n      {/* Drawer */}\n      <div className=\"fixed right-0 top-0 z-50 h-full w-full sm:max-w-md bg-bg-surface shadow-xl\">\n        <div className=\"flex h-full flex-col\">\n          {/* Header */}\n          <div className=\"flex items-center justify-between border-b border-border-default px-4 sm:px-6 py-4\">\n            <div className=\"flex items-center gap-2\">\n              <ShoppingCart className=\"h-5 w-5 text-text-primary\" />\n              <h2 className=\"text-lg font-semibold text-text-primary\">Shopping Cart</h2>\n              {itemCount > 0 && (\n                <span className=\"rounded-full bg-bg-accent px-2 py-0.5 text-xs font-medium text-text-link\">\n                  {itemCount}\n                </span>\n              )}\n            </div>\n            <button\n              onClick={onClose}\n              aria-label=\"Close cart\"\n              className=\"cursor-pointer rounded-lg p-2 text-text-muted transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n            >\n              <X className=\"h-5 w-5\" />\n            </button>\n          </div>\n\n          {/* Cart Items */}\n          <div className=\"flex-1 overflow-y-auto px-4 sm:px-6 py-4\">\n            {cartItems.length === 0 ? (\n              <div\n                role=\"status\"\n                aria-label=\"Your cart is empty\"\n                className=\"flex h-full flex-col items-center justify-center text-center\"\n              >\n                <ShoppingCart className=\"mb-4 h-16 w-16 text-text-muted\" aria-hidden=\"true\" />\n                <h3 className=\"mb-2 text-lg font-semibold text-text-primary\">Your cart is empty</h3>\n                <p className=\"text-sm text-text-muted\">Start shopping to add items to your cart</p>\n              </div>\n            ) : (\n              <div className=\"space-y-4\">\n                {cartItems.map((item) => (\n                  <div\n                    key={item.id}\n                    className=\"flex gap-4 rounded-lg border border-border-default p-4\"\n                  >\n                    {/* Product Image */}\n                    <div className=\"h-20 w-20 flex-shrink-0 overflow-hidden rounded bg-bg-sunken\">\n                      {item.productIcon || item.product?.icon ? (\n                        <img\n                          src={item.productIcon || item.product?.icon}\n                          alt={item.productName || item.product?.name}\n                          className=\"h-full w-full object-cover\"\n                        />\n                      ) : (\n                        <div className=\"flex h-full w-full items-center justify-center\">\n                          <ShoppingCart className=\"h-8 w-8 text-text-muted\" />\n                        </div>\n                      )}\n                    </div>\n\n                    {/* Product Info */}\n                    <div className=\"flex flex-1 flex-col\">\n                      <h4 className=\"mb-1 font-semibold text-text-primary\">\n                        {item.productName || item.product?.name || 'Product'}\n                      </h4>\n                      {item.variantName && (\n                        <p className=\"mb-2 text-xs text-text-muted\">{item.variantName}</p>\n                      )}\n\n                      {/* Quantity Controls */}\n                      <div className=\"flex items-center gap-3\">\n                        <div className=\"flex items-center rounded border border-border-default\">\n                          <button\n                            onClick={() => updateQuantity(item.id, item.quantity - 1)}\n                            aria-label={`Decrease quantity of ${item.productName || item.product?.name || 'item'}`}\n                            className=\"cursor-pointer p-1.5 transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-50\"\n                            disabled={item.quantity <= 1}\n                          >\n                            <Minus className=\"h-4 w-4\" aria-hidden=\"true\" />\n                          </button>\n                          <span\n                            className=\"min-w-[2rem] text-center text-sm font-medium\"\n                            aria-label={`Quantity: ${item.quantity}`}\n                          >\n                            {item.quantity}\n                          </span>\n                          <button\n                            onClick={() => updateQuantity(item.id, item.quantity + 1)}\n                            aria-label={`Increase quantity of ${item.productName || item.product?.name || 'item'}`}\n                            className=\"cursor-pointer p-1.5 transition-colors hover:bg-bg-sunken\"\n                          >\n                            <Plus className=\"h-4 w-4\" aria-hidden=\"true\" />\n                          </button>\n                        </div>\n\n                        <button\n                          onClick={() => removeProduct(item.id)}\n                          aria-label={`Remove ${item.productName || item.product?.name || 'item'} from cart`}\n                          className=\"cursor-pointer ml-auto text-status-error-text transition-colors hover:text-status-error-text-emphasis\"\n                        >\n                          <Trash2 className=\"h-4 w-4\" aria-hidden=\"true\" />\n                        </button>\n                      </div>\n\n                      {/* Price */}\n                      <div className=\"mt-2 text-right\">\n                        <span className=\"font-semibold text-text-primary\">\n                          {formatPrice(item.subtotal)}\n                        </span>\n                      </div>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n\n          {/* Footer with Summary */}\n          {cartItems.length > 0 && (\n            <div className=\"border-t border-border-default bg-bg-sunken px-4 sm:px-6 py-4\">\n              <div className=\"space-y-2\">\n                <div className=\"flex justify-between text-sm\">\n                  <span className=\"text-text-muted\">Subtotal</span>\n                  <span className=\"font-medium text-text-primary\">{formatPrice(subtotal)}</span>\n                </div>\n                <div className=\"flex justify-between text-sm\">\n                  <span className=\"text-text-muted\">Tax</span>\n                  <span className=\"font-medium text-text-primary\">{formatPrice(tax)}</span>\n                </div>\n                <div className=\"flex justify-between border-t border-border-default pt-2\">\n                  <span className=\"font-semibold text-text-primary\">Total</span>\n                  <span className=\"text-lg font-bold text-text-primary\">{formatPrice(total)}</span>\n                </div>\n              </div>\n\n              <button\n                onClick={onCheckout}\n                className=\"cursor-pointer mt-4 w-full rounded-lg bg-action-primary-bg py-3 font-bold text-action-primary-text shadow-lg transition-all hover:opacity-90 hover:shadow-xl active:scale-[0.98]\"\n              >\n                Proceed to Checkout\n              </button>\n            </div>\n          )}\n        </div>\n      </div>\n    </>\n  );\n};\n"],"mappings":";;;;AAiCA,IAAa,KAAmC,EAC9C,WACA,YACA,eACA,cACA,cACA,aACA,QACA,UACA,mBACA,uBAEK,IAGH,kBAAA,GAAA,EAAA,UAAA,CAEE,kBAAC,OAAD;CAAK,WAAU;CAAyD,SAAS;CAAW,CAAA,EAG5F,kBAAC,OAAD;CAAK,WAAU;WACb,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD,EAAc,WAAU,6BAA8B,CAAA;MACtD,kBAAC,MAAD;OAAI,WAAU;iBAA0C;OAAkB,CAAA;MACzE,IAAY,KACX,kBAAC,QAAD;OAAM,WAAU;iBACb;OACI,CAAA;MAEL;QACN,kBAAC,UAAD;KACE,SAAS;KACT,cAAW;KACX,WAAU;eAEV,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;KAClB,CAAA,CACL;;GAGN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAU,WAAW,IACpB,kBAAC,OAAD;KACE,MAAK;KACL,cAAW;KACX,WAAU;eAHZ;MAKE,kBAAC,GAAD;OAAc,WAAU;OAAiC,eAAY;OAAS,CAAA;MAC9E,kBAAC,MAAD;OAAI,WAAU;iBAA+C;OAAuB,CAAA;MACpF,kBAAC,KAAD;OAAG,WAAU;iBAA0B;OAA4C,CAAA;MAC/E;SAEN,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAU,KAAK,MACd,kBAAC,OAAD;MAEE,WAAU;gBAFZ,CAKE,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAK,eAAe,EAAK,SAAS,OACjC,kBAAC,OAAD;QACE,KAAK,EAAK,eAAe,EAAK,SAAS;QACvC,KAAK,EAAK,eAAe,EAAK,SAAS;QACvC,WAAU;QACV,CAAA,GAEF,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD,EAAc,WAAU,2BAA4B,CAAA;QAChD,CAAA;OAEJ,CAAA,EAGN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,MAAD;SAAI,WAAU;mBACX,EAAK,eAAe,EAAK,SAAS,QAAQ;SACxC,CAAA;QACJ,EAAK,eACJ,kBAAC,KAAD;SAAG,WAAU;mBAAgC,EAAK;SAAgB,CAAA;QAIpE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf;WACE,kBAAC,UAAD;YACE,eAAe,EAAe,EAAK,IAAI,EAAK,WAAW,EAAE;YACzD,cAAY,wBAAwB,EAAK,eAAe,EAAK,SAAS,QAAQ;YAC9E,WAAU;YACV,UAAU,EAAK,YAAY;sBAE3B,kBAAC,GAAD;aAAO,WAAU;aAAU,eAAY;aAAS,CAAA;YACzC,CAAA;WACT,kBAAC,QAAD;YACE,WAAU;YACV,cAAY,aAAa,EAAK;sBAE7B,EAAK;YACD,CAAA;WACP,kBAAC,UAAD;YACE,eAAe,EAAe,EAAK,IAAI,EAAK,WAAW,EAAE;YACzD,cAAY,wBAAwB,EAAK,eAAe,EAAK,SAAS,QAAQ;YAC9E,WAAU;sBAEV,kBAAC,GAAD;aAAM,WAAU;aAAU,eAAY;aAAS,CAAA;YACxC,CAAA;WACL;aAEN,kBAAC,UAAD;UACE,eAAe,EAAc,EAAK,GAAG;UACrC,cAAY,UAAU,EAAK,eAAe,EAAK,SAAS,QAAQ,OAAO;UACvE,WAAU;oBAEV,kBAAC,GAAD;WAAQ,WAAU;WAAU,eAAY;WAAS,CAAA;UAC1C,CAAA,CACL;;QAGN,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAY,EAAK,SAAS;UACtB,CAAA;SACH,CAAA;QACF;SACF;QArEC,EAAK,GAqEN,CACN;KACE,CAAA;IAEJ,CAAA;GAGL,EAAU,SAAS,KAClB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAkB;QAAe,CAAA,EACjD,kBAAC,QAAD;QAAM,WAAU;kBAAiC,EAAY,EAAS;QAAQ,CAAA,CAC1E;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAkB;QAAU,CAAA,EAC5C,kBAAC,QAAD;QAAM,WAAU;kBAAiC,EAAY,EAAI;QAAQ,CAAA,CACrE;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAkC;QAAY,CAAA,EAC9D,kBAAC,QAAD;QAAM,WAAU;kBAAuC,EAAY,EAAM;QAAQ,CAAA,CAC7E;;MACF;QAEN,kBAAC,UAAD;KACE,SAAS;KACT,WAAU;eACX;KAEQ,CAAA,CACL;;GAEJ;;CACF,CAAA,CACL,EAAA,CAAA,GArJe"}

package/dist/hooks/useBackendCart.js

@@ -15,7 +15,7 @@ function d() {
 				fetchPolicy: e ? "network-only" : "cache-first"
 			})).data?.myCart || null);
 		} catch (e) {
-			b(e), console.error("Failed to fetch cart:", e);
+			b(e);
 		} finally {
 			v(!1);
 		}
@@ -40,8 +40,6 @@ function d() {
 				variables: { input: e }
 			}), n.data?.addToCart.errors && n.data.addToCart.errors.length > 0) throw Error(n.data.addToCart.errors[0].message);
 			return n.data?.addToCart.cart && g(n.data.addToCart.cart), await j(!0), n.data?.addToCart.cart;
-		} catch (e) {
-			throw console.error("Failed to add product to cart:", e), e;
 		} finally {
 			S(!1);
 		}
@@ -69,8 +67,6 @@ function d() {
 				} }
 			}), n.data?.updateCartItem.errors && n.data.updateCartItem.errors.length > 0) throw Error(n.data.updateCartItem.errors[0].message);
 			return n.data?.updateCartItem.cart && g(n.data.updateCartItem.cart), await j(!0), n.data?.updateCartItem.cart;
-		} catch (e) {
-			throw console.error("Failed to update cart item:", e), e;
 		} finally {
 			w(!1);
 		}
@@ -92,8 +88,6 @@ function d() {
 				variables: { cartItemId: e }
 			}), t.data?.removeFromCart.errors && t.data.removeFromCart.errors.length > 0) throw Error(t.data.removeFromCart.errors[0].message);
 			return t.data?.removeFromCart.cart && g(t.data.removeFromCart.cart), await j(!0), t.data?.removeFromCart.cart;
-		} catch (e) {
-			throw console.error("Failed to remove product from cart:", e), e;
 		} finally {
 			E(!1);
 		}
@@ -108,8 +102,6 @@ function d() {
 			let e;
 			if (e = m ? await p({ mutation: n }) : await d.mutate({ mutation: n }), e.data?.clearCart.errors && e.data.clearCart.errors.length > 0) throw Error(e.data.clearCart.errors[0].message);
 			return e.data?.clearCart.cart && g(e.data.clearCart.cart), await j(!0), e.data?.clearCart.cart;
-		} catch (e) {
-			throw console.error("Failed to clear cart:", e), e;
 		} finally {
 			O(!1);
 		}
@@ -131,8 +123,6 @@ function d() {
 				variables: { input: e }
 			}), !t.data?.createStoreOrder?.id) throw Error("Failed to create order");
 			return await j(!0), t.data.createStoreOrder;
-		} catch (e) {
-			throw console.error("Failed to create order:", e), e;
 		} finally {
 			A(!1);
 		}