@burdenoff/microfe-files 2026.830.1 → 2026.930.1

package/dist/files/FilesRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilesRoot.d.ts","sourceRoot":"","sources":["../../src/files/FilesRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhC,OAAO,KAAK,EAAW,cAAc,EAAE,MAAM,SAAS,CAAC;AAwBvD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA6FxC,CAAC"}
+{"version":3,"file":"FilesRoot.d.ts","sourceRoot":"","sources":["../../src/files/FilesRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhC,OAAO,KAAK,EAAW,cAAc,EAAE,MAAM,SAAS,CAAC;AAyBvD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAiGxC,CAAC"}

package/dist/files/FilesRoot.js

@@ -1,63 +1,68 @@
 import { FilesProvider as e } from "./providers/FilesProvider.js";
-import { buildGraphQLEndpoint as t, setFilesConfig as n } from "../config/index.js";
-import { FilesRoutes as r } from "./FilesRoutes.js";
-import { useEffect as i } from "react";
-import { ErrorBoundary as a } from "@burdenoff/fe-libs/shared/components";
-import { QueryClient as o, QueryClientProvider as s } from "@tanstack/react-query";
-import { FolderOpen as c } from "lucide-react";
-import { FeatureFlagProvider as l } from "@burdenoff/fe-libs/shared/feature-flags";
-import { jsx as u } from "react/jsx-runtime";
+import { useTr as t } from "../shared/hooks/useTr.js";
+import { buildGraphQLEndpoint as n, setFilesConfig as r } from "../config/index.js";
+import { FilesRoutes as i } from "./FilesRoutes.js";
+import { useEffect as a } from "react";
+import { ErrorBoundary as o } from "@burdenoff/fe-libs/shared/components";
+import { QueryClient as s, QueryClientProvider as c } from "@tanstack/react-query";
+import { FolderOpen as l } from "lucide-react";
+import { FeatureFlagProvider as u } from "@burdenoff/fe-libs/shared/feature-flags";
+import { jsx as d } from "react/jsx-runtime";
 //#region src/files/FilesRoot.tsx
-var d = new o({ defaultOptions: { queries: {
+var f = new s({ defaultOptions: { queries: {
 	staleTime: 1e3 * 60 * 5,
 	refetchOnWindowFocus: !1
-} } }), f = (o) => {
-	let { registerNavItems: f, registerFooterItems: p, basePath: m = "/", apiGatewayUrl: h, authToken: g, workspaceId: _ } = o;
-	i(() => {
-		h && n({
-			apiGatewayUrl: h.includes("/graphql") ? h : t(h, "workspaces"),
-			apiGatewayBaseUrl: h,
-			authToken: g
+} } }), p = (s) => {
+	let { registerNavItems: p, registerFooterItems: m, basePath: h = "/", apiGatewayUrl: g, authToken: _, workspaceId: v } = s, y = t();
+	a(() => {
+		g && r({
+			apiGatewayUrl: g.includes("/graphql") ? g : n(g, "workspaces"),
+			apiGatewayBaseUrl: g,
+			authToken: _
 		});
-	}, [h, g]);
-	let v = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
-	return i(() => {
-		if (f) return f([{
+	}, [g, _]);
+	let b = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
+	return a(() => {
+		if (p) return p([{
 			id: "files-browse",
-			label: "All Files",
-			path: v(m, "browse"),
-			icon: /* @__PURE__ */ u(c, { size: 20 }),
+			label: y("files.nav.allFiles", "All Files"),
+			path: b(h, "browse"),
+			icon: /* @__PURE__ */ d(l, { size: 20 }),
 			order: 10,
 			group: "files"
 		}]);
-	}, [f, m]), i(() => {
-		if (p) return p([{
+	}, [
+		p,
+		h,
+		y
+	]), a(() => {
+		if (m) return m([{
 			id: "files-status",
-			label: "Files Ready",
+			label: y("files.nav.statusReady", "Files Ready"),
 			type: "status",
 			order: 10,
 			section: "left"
 		}]);
-	}, [p]), /* @__PURE__ */ u(a, {
-		fallback: /* @__PURE__ */ u("div", {
+	}, [m, y]), /* @__PURE__ */ d(o, {
+		fallback: /* @__PURE__ */ d("div", {
 			className: "p-6 text-center text-text-secondary",
-			children: "Something went wrong loading this module. Please refresh the page."
+			children: y("files.root.errorFallback", "Something went wrong loading this module. Please refresh the page.")
 		}),
-		children: /* @__PURE__ */ u(s, {
-			client: d,
-			children: /* @__PURE__ */ u(l, {
-				workspaceId: _ ?? null,
+		children: /* @__PURE__ */ d(c, {
+			client: f,
+			children: /* @__PURE__ */ d(u, {
+				workspaceId: v ?? null,
 				gateway: "global",
 				defaultEnabled: !1,
-				children: /* @__PURE__ */ u(e, {
-					...o,
-					children: /* @__PURE__ */ u(r, {})
+				children: /* @__PURE__ */ d(e, {
+					...s,
+					children: /* @__PURE__ */ d(i, {})
 				})
 			})
 		})
 	});
 };
 //#endregion
-export { f as FilesRoot };
+export { p as FilesRoot };
 
 //# sourceMappingURL=FilesRoot.js.map

package/dist/files/FilesRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilesRoot.js","names":[],"sources":["../../src/files/FilesRoot.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect } from \"react\";\nimport { ErrorBoundary } from \"@burdenoff/fe-libs/shared/components\";\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport { FolderOpen } from \"lucide-react\";\nimport { FeatureFlagProvider } from \"@burdenoff/fe-libs/shared/feature-flags\";\nimport { FilesProvider } from \"./providers/FilesProvider\";\nimport type { NavItem, FilesRootProps } from \"./types\";\nimport { FilesRoutes } from \"./FilesRoutes\";\nimport { setFilesConfig, buildGraphQLEndpoint } from \"../config\";\n\n// Create a query client instance.\n//\n// NOTE: every data hook in this MFE is Apollo (it shares the shell's Apollo\n// client) — there are no React Query queries/mutations here. Refetching after a\n// mutation is owned by the shell's Apollo layer (mutationAutoRefreshLink +\n// refetchActiveGatewayQueries in @burdenoff/fe-libs). A previous\n// `mutationCache.onSuccess -> invalidateQueries()` was added here to fix stale\n// lists, but it was inert (no React Query mutations exist to trigger it); the\n// real cause was a stale 15s GraphQL read cache in fe-libs, now fixed there.\n// This provider remains only because shared fe-libs components rendered inside\n// the MFE expect a React Query context.\nconst queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 1000 * 60 * 5, // 5 minutes\n      refetchOnWindowFocus: false,\n    },\n  },\n});\n\n/**\n * Root component for the Files microfrontend.\n *\n * This is the main entry point that host applications import and render.\n * It sets up the necessary providers and renders the internal routing.\n * Automatically registers navigation items with the shell if registration functions are provided.\n *\n * @example\n * ```tsx\n * import { FilesRoot } from '@burdenoff/micro-fe/files';\n *\n * function App() {\n *   return (\n *     <Route path=\"/files/*\" element={\n *       <FilesRoot\n *         basePath=\"/files\"\n *         navigate={navigate}\n *         currentUser={user}\n *         workspaceId=\"ws-123\"\n *         apiGatewayUrl=\"https://api.example.com\"\n *         authToken=\"token\"\n *       />\n *     } />\n *   );\n * }\n * ```\n */\nexport const FilesRoot: FC<FilesRootProps> = (props) => {\n  const {\n    registerNavItems,\n    registerFooterItems,\n    basePath = \"/\",\n    apiGatewayUrl,\n    authToken,\n    workspaceId,\n  } = props;\n\n  // Initialize runtime configuration from props\n  useEffect(() => {\n    if (apiGatewayUrl) {\n      const fullEndpoint = apiGatewayUrl.includes(\"/graphql\")\n        ? apiGatewayUrl\n        : buildGraphQLEndpoint(apiGatewayUrl, \"workspaces\");\n\n      setFilesConfig({\n        apiGatewayUrl: fullEndpoint,\n        apiGatewayBaseUrl: apiGatewayUrl,\n        authToken,\n      });\n    }\n  }, [apiGatewayUrl, authToken]);\n\n  // Helper to join paths correctly, avoiding double slashes\n  const joinPath = (base: string, path: string): string => {\n    const cleanBase = base.endsWith(\"/\") ? base.slice(0, -1) : base;\n    const cleanPath = path.startsWith(\"/\") ? path : `/${path}`;\n    return cleanBase + cleanPath;\n  };\n\n  // Register navigation items with the shell\n  useEffect(() => {\n    if (!registerNavItems) return;\n\n    const navItems: NavItem[] = [\n      {\n        id: \"files-browse\",\n        label: \"All Files\",\n        path: joinPath(basePath, \"browse\"),\n        icon: <FolderOpen size={20} />,\n        order: 10,\n        group: \"files\",\n      },\n    ];\n\n    // Register and get cleanup function\n    const cleanup = registerNavItems(navItems);\n\n    // Return cleanup function to unregister on unmount\n    return cleanup;\n  }, [registerNavItems, basePath]);\n\n  // Register footer items (example: storage status in left section)\n  useEffect(() => {\n    if (!registerFooterItems) return;\n\n    const footerItems = [\n      {\n        id: \"files-status\",\n        label: \"Files Ready\",\n        type: \"status\" as const,\n        order: 10,\n        section: \"left\" as const,\n      },\n    ];\n\n    const cleanup = registerFooterItems(footerItems);\n    return cleanup;\n  }, [registerFooterItems]);\n\n  return (\n    <ErrorBoundary\n      fallback={\n        <div className=\"p-6 text-center text-text-secondary\">\n          Something went wrong loading this module. Please refresh the page.\n        </div>\n      }\n    >\n      <QueryClientProvider client={queryClient}>\n        <FeatureFlagProvider\n          workspaceId={workspaceId ?? null}\n          gateway=\"global\"\n          defaultEnabled={false}\n        >\n          <FilesProvider {...props}>\n            <FilesRoutes />\n          </FilesProvider>\n        </FeatureFlagProvider>\n      </QueryClientProvider>\n    </ErrorBoundary>\n  );\n};\n"],"mappings":";;;;;;;;;;AAsBA,IAAM,IAAc,IAAI,EAAY,EAClC,gBAAgB,EACd,SAAS;CACP,WAAW,MAAO,KAAK;CACvB,sBAAsB;CACvB,EACF,EACF,CAAC,EA6BW,KAAiC,MAAU;CACtD,IAAM,EACJ,qBACA,wBACA,cAAW,KACX,kBACA,cACA,mBACE;AAGJ,SAAgB;AACd,EAAI,KAKF,EAAe;GACb,eALmB,EAAc,SAAS,WAAW,GACnD,IACA,EAAqB,GAAe,aAAa;GAInD,mBAAmB;GACnB;GACD,CAAC;IAEH,CAAC,GAAe,EAAU,CAAC;CAG9B,IAAM,KAAY,GAAc,OACZ,EAAK,SAAS,IAAI,GAAG,EAAK,MAAM,GAAG,GAAG,GAAG,MACzC,EAAK,WAAW,IAAI,GAAG,IAAO,IAAI;AA4CtD,QAvCA,QAAgB;AACT,QAiBL,QAHgB,EAZY,CAC1B;GACE,IAAI;GACJ,OAAO;GACP,MAAM,EAAS,GAAU,SAAS;GAClC,MAAM,kBAAC,GAAD,EAAY,MAAM,IAAM,CAAA;GAC9B,OAAO;GACP,OAAO;GACR,CACF,CAGyC;IAIzC,CAAC,GAAkB,EAAS,CAAC,EAGhC,QAAgB;AACT,QAaL,QADgB,EAVI,CAClB;GACE,IAAI;GACJ,OAAO;GACP,MAAM;GACN,OAAO;GACP,SAAS;GACV,CACF,CAE+C;IAE/C,CAAC,EAAoB,CAAC,EAGvB,kBAAC,GAAD;EACE,UACE,kBAAC,OAAD;GAAK,WAAU;aAAsC;GAE/C,CAAA;YAGR,kBAAC,GAAD;GAAqB,QAAQ;aAC3B,kBAAC,GAAD;IACE,aAAa,KAAe;IAC5B,SAAQ;IACR,gBAAgB;cAEhB,kBAAC,GAAD;KAAe,GAAI;eACjB,kBAAC,GAAD,EAAe,CAAA;KACD,CAAA;IACI,CAAA;GACF,CAAA;EACR,CAAA"}
+{"version":3,"file":"FilesRoot.js","names":[],"sources":["../../src/files/FilesRoot.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect } from \"react\";\nimport { ErrorBoundary } from \"@burdenoff/fe-libs/shared/components\";\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport { FolderOpen } from \"lucide-react\";\nimport { FeatureFlagProvider } from \"@burdenoff/fe-libs/shared/feature-flags\";\nimport { FilesProvider } from \"./providers/FilesProvider\";\nimport type { NavItem, FilesRootProps } from \"./types\";\nimport { FilesRoutes } from \"./FilesRoutes\";\nimport { setFilesConfig, buildGraphQLEndpoint } from \"../config\";\nimport { useTr } from \"../shared/hooks/useTr\";\n\n// Create a query client instance.\n//\n// NOTE: every data hook in this MFE is Apollo (it shares the shell's Apollo\n// client) — there are no React Query queries/mutations here. Refetching after a\n// mutation is owned by the shell's Apollo layer (mutationAutoRefreshLink +\n// refetchActiveGatewayQueries in @burdenoff/fe-libs). A previous\n// `mutationCache.onSuccess -> invalidateQueries()` was added here to fix stale\n// lists, but it was inert (no React Query mutations exist to trigger it); the\n// real cause was a stale 15s GraphQL read cache in fe-libs, now fixed there.\n// This provider remains only because shared fe-libs components rendered inside\n// the MFE expect a React Query context.\nconst queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 1000 * 60 * 5, // 5 minutes\n      refetchOnWindowFocus: false,\n    },\n  },\n});\n\n/**\n * Root component for the Files microfrontend.\n *\n * This is the main entry point that host applications import and render.\n * It sets up the necessary providers and renders the internal routing.\n * Automatically registers navigation items with the shell if registration functions are provided.\n *\n * @example\n * ```tsx\n * import { FilesRoot } from '@burdenoff/micro-fe/files';\n *\n * function App() {\n *   return (\n *     <Route path=\"/files/*\" element={\n *       <FilesRoot\n *         basePath=\"/files\"\n *         navigate={navigate}\n *         currentUser={user}\n *         workspaceId=\"ws-123\"\n *         apiGatewayUrl=\"https://api.example.com\"\n *         authToken=\"token\"\n *       />\n *     } />\n *   );\n * }\n * ```\n */\nexport const FilesRoot: FC<FilesRootProps> = (props) => {\n  const {\n    registerNavItems,\n    registerFooterItems,\n    basePath = \"/\",\n    apiGatewayUrl,\n    authToken,\n    workspaceId,\n  } = props;\n  const tr = useTr();\n\n  // Initialize runtime configuration from props\n  useEffect(() => {\n    if (apiGatewayUrl) {\n      const fullEndpoint = apiGatewayUrl.includes(\"/graphql\")\n        ? apiGatewayUrl\n        : buildGraphQLEndpoint(apiGatewayUrl, \"workspaces\");\n\n      setFilesConfig({\n        apiGatewayUrl: fullEndpoint,\n        apiGatewayBaseUrl: apiGatewayUrl,\n        authToken,\n      });\n    }\n  }, [apiGatewayUrl, authToken]);\n\n  // Helper to join paths correctly, avoiding double slashes\n  const joinPath = (base: string, path: string): string => {\n    const cleanBase = base.endsWith(\"/\") ? base.slice(0, -1) : base;\n    const cleanPath = path.startsWith(\"/\") ? path : `/${path}`;\n    return cleanBase + cleanPath;\n  };\n\n  // Register navigation items with the shell\n  useEffect(() => {\n    if (!registerNavItems) return;\n\n    const navItems: NavItem[] = [\n      {\n        id: \"files-browse\",\n        label: tr(\"files.nav.allFiles\", \"All Files\"),\n        path: joinPath(basePath, \"browse\"),\n        icon: <FolderOpen size={20} />,\n        order: 10,\n        group: \"files\",\n      },\n    ];\n\n    // Register and get cleanup function\n    const cleanup = registerNavItems(navItems);\n\n    // Return cleanup function to unregister on unmount\n    return cleanup;\n  }, [registerNavItems, basePath, tr]);\n\n  // Register footer items (example: storage status in left section)\n  useEffect(() => {\n    if (!registerFooterItems) return;\n\n    const footerItems = [\n      {\n        id: \"files-status\",\n        label: tr(\"files.nav.statusReady\", \"Files Ready\"),\n        type: \"status\" as const,\n        order: 10,\n        section: \"left\" as const,\n      },\n    ];\n\n    const cleanup = registerFooterItems(footerItems);\n    return cleanup;\n  }, [registerFooterItems, tr]);\n\n  return (\n    <ErrorBoundary\n      fallback={\n        <div className=\"p-6 text-center text-text-secondary\">\n          {tr(\n            \"files.root.errorFallback\",\n            \"Something went wrong loading this module. Please refresh the page.\",\n          )}\n        </div>\n      }\n    >\n      <QueryClientProvider client={queryClient}>\n        <FeatureFlagProvider\n          workspaceId={workspaceId ?? null}\n          gateway=\"global\"\n          defaultEnabled={false}\n        >\n          <FilesProvider {...props}>\n            <FilesRoutes />\n          </FilesProvider>\n        </FeatureFlagProvider>\n      </QueryClientProvider>\n    </ErrorBoundary>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAuBA,IAAM,IAAc,IAAI,EAAY,EAClC,gBAAgB,EACd,SAAS;CACP,WAAW,MAAO,KAAK;CACvB,sBAAsB;CACvB,EACF,EACF,CAAC,EA6BW,KAAiC,MAAU;CACtD,IAAM,EACJ,qBACA,wBACA,cAAW,KACX,kBACA,cACA,mBACE,GACE,IAAK,GAAO;AAGlB,SAAgB;AACd,EAAI,KAKF,EAAe;GACb,eALmB,EAAc,SAAS,WAAW,GACnD,IACA,EAAqB,GAAe,aAAa;GAInD,mBAAmB;GACnB;GACD,CAAC;IAEH,CAAC,GAAe,EAAU,CAAC;CAG9B,IAAM,KAAY,GAAc,OACZ,EAAK,SAAS,IAAI,GAAG,EAAK,MAAM,GAAG,GAAG,GAAG,MACzC,EAAK,WAAW,IAAI,GAAG,IAAO,IAAI;AA4CtD,QAvCA,QAAgB;AACT,QAiBL,QAHgB,EAZY,CAC1B;GACE,IAAI;GACJ,OAAO,EAAG,sBAAsB,YAAY;GAC5C,MAAM,EAAS,GAAU,SAAS;GAClC,MAAM,kBAAC,GAAD,EAAY,MAAM,IAAM,CAAA;GAC9B,OAAO;GACP,OAAO;GACR,CACF,CAGyC;IAIzC;EAAC;EAAkB;EAAU;EAAG,CAAC,EAGpC,QAAgB;AACT,QAaL,QADgB,EAVI,CAClB;GACE,IAAI;GACJ,OAAO,EAAG,yBAAyB,cAAc;GACjD,MAAM;GACN,OAAO;GACP,SAAS;GACV,CACF,CAE+C;IAE/C,CAAC,GAAqB,EAAG,CAAC,EAG3B,kBAAC,GAAD;EACE,UACE,kBAAC,OAAD;GAAK,WAAU;aACZ,EACC,4BACA,qEACD;GACG,CAAA;YAGR,kBAAC,GAAD;GAAqB,QAAQ;aAC3B,kBAAC,GAAD;IACE,aAAa,KAAe;IAC5B,SAAQ;IACR,gBAAgB;cAEhB,kBAAC,GAAD;KAAe,GAAI;eACjB,kBAAC,GAAD,EAAe,CAAA;KACD,CAAA;IACI,CAAA;GACF,CAAA;EACR,CAAA"}

package/dist/files/components/FileInfoPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileInfoPanel.js","names":[],"sources":["../../../src/files/components/FileInfoPanel.tsx"],"sourcesContent":["import { useEffect, useEffectEvent, useState, lazy, Suspense } from \"react\";\nimport {\n  X,\n  FileText,\n  Calendar,\n  User,\n  HardDrive,\n  Link as LinkIcon,\n  Clock,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { GlassCard, ShowMore } from \"@burdenoff/fe-libs/ui\";\nimport type { FileItem, FolderItem } from \"../types\";\nimport { tWithFallback } from \"../utils/i18n\";\n\n// Lazy load FileVersionPanel to avoid loading heavy dependencies until needed\nconst FileVersionPanel = lazy(() =>\n  import(\"./FileVersionPanel\").then((m) => ({ default: m.FileVersionPanel })),\n);\n\ninterface FileInfoPanelProps {\n  item: FileItem | FolderItem;\n  type: \"file\" | \"folder\";\n  onClose: () => void;\n}\n\nexport function FileInfoPanel({ item, type, onClose }: FileInfoPanelProps) {\n  const { t } = useI18n();\n  const isFile = type === \"file\";\n  const file = isFile ? (item as FileItem) : null;\n  const folder = !isFile ? (item as FolderItem) : null;\n  const [showVersionHistory, setShowVersionHistory] = useState(false);\n\n  const onEscape = useEffectEvent(() => {\n    if (showVersionHistory) {\n      setShowVersionHistory(false);\n      return;\n    }\n    onClose();\n  });\n\n  useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onEscape();\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleEscape);\n    return () => document.removeEventListener(\"keydown\", handleEscape);\n  }, []);\n\n  const formatDate = (date: string) => {\n    return new Date(date).toLocaleString(\"en-US\", {\n      year: \"numeric\",\n      month: \"long\",\n      day: \"numeric\",\n      hour: \"2-digit\",\n      minute: \"2-digit\",\n    });\n  };\n\n  const formatSize = (bytes: number) => {\n    if (bytes < 1024) return `${bytes} B`;\n    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(2)} KB`;\n    if (bytes < 1024 * 1024 * 1024)\n      return `${(bytes / 1024 / 1024).toFixed(2)} MB`;\n    return `${(bytes / 1024 / 1024 / 1024).toFixed(2)} GB`;\n  };\n\n  return (\n    <div\n      className=\"fixed inset-y-0 right-0 z-[9999] w-full max-w-full overflow-y-auto border-l border-border-seam bg-bg-surface shadow-2xl animate-in slide-in-from-right duration-200 sm:w-96 [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]\"\n      role=\"dialog\"\n      aria-modal=\"false\"\n      aria-label={\n        isFile\n          ? tWithFallback(t, \"files.info.fileInfo\", \"File information\")\n          : tWithFallback(t, \"files.info.folderInfo\", \"Folder information\")\n      }\n    >\n      {/* Header */}\n      <div className=\"sticky top-0 z-10 bg-bg-surface border-b border-border-seam px-6 py-4 flex items-center justify-between\">\n        <h2 className=\"text-lg font-semibold text-text-primary\">\n          {isFile\n            ? tWithFallback(t, \"files.info.fileInfo\", \"File Information\")\n            : tWithFallback(t, \"files.info.folderInfo\", \"Folder Information\")}\n        </h2>\n        <button\n          type=\"button\"\n          onClick={onClose}\n          className=\"p-1.5 rounded-md border border-border-default text-text-secondary bg-bg-elevated hover:bg-action-ghost-bg-hover hover:text-text-primary transition-colors shadow-sm\"\n          aria-label={tWithFallback(\n            t,\n            \"files.info.closePanel\",\n            \"Close information panel\",\n          )}\n        >\n          <X className=\"size-5\" />\n        </button>\n      </div>\n\n      {/* Content */}\n      <div className=\"p-6 space-y-6\">\n        {/* Preview/Icon */}\n        <GlassCard\n          treatment=\"metric\"\n          className=\"flex items-center justify-center py-8\"\n        >\n          {isFile && file?.mimeType.startsWith(\"image/\") ? (\n            <img\n              src={file.downloadUrl || file.url}\n              alt={item.name}\n              className=\"max-w-full max-h-48 object-contain rounded\"\n            />\n          ) : (\n            <FileText className=\"size-20 text-text-muted\" />\n          )}\n        </GlassCard>\n\n        {/* Name */}\n        <div>\n          <h3 className=\"text-xl font-semibold text-text-primary break-words\">\n            {item.name}\n          </h3>\n          {item.description && (\n            <p className=\"mt-2 text-sm text-text-secondary\">\n              {item.description}\n            </p>\n          )}\n        </div>\n\n        {/* Details */}\n        <div className=\"space-y-4\">\n          <div className=\"flex items-start gap-3\">\n            <FileText className=\"size-5 text-text-muted mt-0.5\" />\n            <div>\n              <p className=\"text-sm font-medium text-text-primary\">\n                {tWithFallback(t, \"files.info.type\", \"Type\")}\n              </p>\n              <p className=\"text-sm text-text-secondary\">\n                {isFile\n                  ? file?.mimeType ||\n                    tWithFallback(t, \"files.info.unknown\", \"Unknown\")\n                  : tWithFallback(t, \"files.info.folder\", \"Folder\")}\n              </p>\n            </div>\n          </div>\n\n          {isFile && file && (\n            <div className=\"flex items-start gap-3\">\n              <HardDrive className=\"size-5 text-text-muted mt-0.5\" />\n              <div>\n                <p className=\"text-sm font-medium text-text-primary\">\n                  {tWithFallback(t, \"files.info.size\", \"Size\")}\n                </p>\n                <p className=\"text-sm text-text-secondary\">\n                  {formatSize(file.size)}\n                </p>\n              </div>\n            </div>\n          )}\n\n          {!isFile && folder && (\n            <>\n              <div className=\"flex items-start gap-3\">\n                <FileText className=\"size-5 text-text-muted mt-0.5\" />\n                <div>\n                  <p className=\"text-sm font-medium text-text-primary\">\n                    {tWithFallback(t, \"files.info.contents\", \"Contents\")}\n                  </p>\n                  <p className=\"text-sm text-text-secondary\">\n                    {folder.filesCount}{\" \"}\n                    {tWithFallback(t, \"files.info.files\", \"files\")},{\" \"}\n                    {folder.subfoldersCount}{\" \"}\n                    {tWithFallback(t, \"files.info.folders\", \"folders\")}\n                  </p>\n                </div>\n              </div>\n\n              {folder.path && (\n                <div className=\"flex items-start gap-3\">\n                  <LinkIcon className=\"size-5 text-text-muted mt-0.5\" />\n                  <div>\n                    <p className=\"text-sm font-medium text-text-primary\">\n                      {tWithFallback(t, \"files.info.path\", \"Path\")}\n                    </p>\n                    <p className=\"text-sm text-text-secondary break-all\">\n                      {folder.path}\n                    </p>\n                  </div>\n                </div>\n              )}\n            </>\n          )}\n\n          <div className=\"flex items-start gap-3\">\n            <Calendar className=\"size-5 text-text-muted mt-0.5\" />\n            <div>\n              <p className=\"text-sm font-medium text-text-primary\">\n                {tWithFallback(t, \"files.info.created\", \"Created\")}\n              </p>\n              <p className=\"text-sm text-text-secondary\">\n                {formatDate(item.createdAt)}\n              </p>\n            </div>\n          </div>\n\n          {item.updatedAt && (\n            <div className=\"flex items-start gap-3\">\n              <Calendar className=\"size-5 text-text-muted mt-0.5\" />\n              <div>\n                <p className=\"text-sm font-medium text-text-primary\">\n                  {tWithFallback(t, \"files.info.modified\", \"Modified\")}\n                </p>\n                <p className=\"text-sm text-text-secondary\">\n                  {formatDate(item.updatedAt)}\n                </p>\n              </div>\n            </div>\n          )}\n\n          <div className=\"flex items-start gap-3\">\n            <User className=\"size-5 text-text-muted mt-0.5\" />\n            <div>\n              <p className=\"text-sm font-medium text-text-primary\">\n                {tWithFallback(t, \"files.info.owner\", \"Owner\")}\n              </p>\n              <p className=\"text-sm text-text-secondary\">\n                {item.createdBy?.name ||\n                  item.createdById ||\n                  tWithFallback(t, \"files.info.unknown\", \"Unknown\")}\n              </p>\n            </div>\n          </div>\n        </div>\n\n        {/* Additional Info — secondary properties tucked behind progressive\n            disclosure to keep the rail focused on the essentials. */}\n        <div className=\"pt-6 border-t border-border-seam\">\n          <h4 className=\"text-sm font-semibold text-text-primary mb-3\">\n            {tWithFallback(t, \"files.info.properties\", \"Properties\")}\n          </h4>\n          <ShowMore collapsedHeight={56}>\n          <dl className=\"space-y-2\">\n            <div className=\"flex justify-between\">\n              <dt className=\"text-sm text-text-secondary\">\n                {tWithFallback(t, \"files.info.status\", \"Status\")}\n              </dt>\n              <dd className=\"text-sm font-medium text-text-primary\">\n                {item.status}\n              </dd>\n            </div>\n            <div className=\"flex justify-between\">\n              <dt className=\"text-sm text-text-secondary\">\n                {tWithFallback(t, \"files.info.visibility\", \"Visibility\")}\n              </dt>\n              <dd className=\"text-sm font-medium text-text-primary\">\n                {item.visibility}\n              </dd>\n            </div>\n            <div className=\"flex justify-between\">\n              <dt className=\"text-sm text-text-secondary\">\n                {tWithFallback(t, \"files.info.starred\", \"Starred\")}\n              </dt>\n              <dd className=\"text-sm font-medium text-text-primary\">\n                {item.starred\n                  ? tWithFallback(t, \"files.info.yes\", \"Yes\")\n                  : tWithFallback(t, \"files.info.no\", \"No\")}\n              </dd>\n            </div>\n          </dl>\n          </ShowMore>\n        </div>\n\n        {/* Version History Button (Files only) */}\n        {isFile && file && (\n          <div className=\"pt-6 border-t border-border-seam\">\n            <button\n              type=\"button\"\n              onClick={() => setShowVersionHistory(true)}\n              className=\"w-full flex items-center justify-center gap-2 px-4 py-3 text-sm font-medium text-action-primary-text bg-action-primary-bg/10 hover:bg-action-primary-bg/20 rounded-lg transition-all duration-200\"\n            >\n              <Clock className=\"size-4\" />\n              {tWithFallback(\n                t,\n                \"files.info.viewVersionHistory\",\n                \"View Version History\",\n              )}\n            </button>\n          </div>\n        )}\n      </div>\n\n      {/* Version History Modal */}\n      {isFile && file && showVersionHistory && (\n        <Suspense\n          fallback={\n            <div className=\"fixed inset-0 z-50 bg-bg-overlay flex items-center justify-center\">\n              <div className=\"bg-bg-surface rounded-lg p-8 animate-in fade-in zoom-in duration-200\">\n                <div className=\"flex items-center gap-3\">\n                  <Clock className=\"size-6 text-action-primary-bg animate-spin\" />\n                  <span className=\"text-text-primary\">\n                    {tWithFallback(\n                      t,\n                      \"files.info.loadingVersionHistory\",\n                      \"Loading version history...\",\n                    )}\n                  </span>\n                </div>\n              </div>\n            </div>\n          }\n        >\n          <FileVersionPanel\n            file={file}\n            onClose={() => setShowVersionHistory(false)}\n          />\n        </Suspense>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"FileInfoPanel.js","names":[],"sources":["../../../src/files/components/FileInfoPanel.tsx"],"sourcesContent":["import { useEffect, useEffectEvent, useState, lazy, Suspense } from \"react\";\nimport {\n  X,\n  FileText,\n  Calendar,\n  User,\n  HardDrive,\n  Link as LinkIcon,\n  Clock,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { GlassCard, ShowMore } from \"@burdenoff/fe-libs/ui\";\nimport type { FileItem, FolderItem } from \"../types\";\nimport { tWithFallback } from \"../utils/i18n\";\n\n// Lazy load FileVersionPanel to avoid loading heavy dependencies until needed\nconst FileVersionPanel = lazy(() =>\n  import(\"./FileVersionPanel\").then((m) => ({ default: m.FileVersionPanel })),\n);\n\ninterface FileInfoPanelProps {\n  item: FileItem | FolderItem;\n  type: \"file\" | \"folder\";\n  onClose: () => void;\n}\n\nexport function FileInfoPanel({ item, type, onClose }: FileInfoPanelProps) {\n  const { t } = useI18n();\n  const isFile = type === \"file\";\n  const file = isFile ? (item as FileItem) : null;\n  const folder = !isFile ? (item as FolderItem) : null;\n  const [showVersionHistory, setShowVersionHistory] = useState(false);\n\n  const onEscape = useEffectEvent(() => {\n    if (showVersionHistory) {\n      setShowVersionHistory(false);\n      return;\n    }\n    onClose();\n  });\n\n  useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onEscape();\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleEscape);\n    return () => document.removeEventListener(\"keydown\", handleEscape);\n  }, []);\n\n  const formatDate = (date: string) => {\n    return new Date(date).toLocaleString(\"en-US\", {\n      year: \"numeric\",\n      month: \"long\",\n      day: \"numeric\",\n      hour: \"2-digit\",\n      minute: \"2-digit\",\n    });\n  };\n\n  const formatSize = (bytes: number) => {\n    if (bytes < 1024) return `${bytes} B`;\n    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(2)} KB`;\n    if (bytes < 1024 * 1024 * 1024)\n      return `${(bytes / 1024 / 1024).toFixed(2)} MB`;\n    return `${(bytes / 1024 / 1024 / 1024).toFixed(2)} GB`;\n  };\n\n  return (\n    <div\n      className=\"fixed inset-y-0 right-0 z-[9999] w-full max-w-full overflow-y-auto border-l border-border-seam bg-bg-surface shadow-2xl animate-in slide-in-from-right duration-200 sm:w-96 [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]\"\n      role=\"dialog\"\n      aria-modal=\"false\"\n      aria-label={\n        isFile\n          ? tWithFallback(t, \"files.info.fileInfo\", \"File information\")\n          : tWithFallback(t, \"files.info.folderInfo\", \"Folder information\")\n      }\n    >\n      {/* Header */}\n      <div className=\"sticky top-0 z-10 bg-bg-surface border-b border-border-seam px-6 py-4 flex items-center justify-between\">\n        <h2 className=\"text-lg font-semibold text-text-primary\">\n          {isFile\n            ? tWithFallback(t, \"files.info.fileInfo\", \"File Information\")\n            : tWithFallback(t, \"files.info.folderInfo\", \"Folder Information\")}\n        </h2>\n        <button\n          type=\"button\"\n          onClick={onClose}\n          className=\"p-1.5 rounded-md border border-border-default text-text-secondary bg-bg-elevated hover:bg-action-ghost-bg-hover hover:text-text-primary transition-colors shadow-sm\"\n          aria-label={tWithFallback(\n            t,\n            \"files.info.closePanel\",\n            \"Close information panel\",\n          )}\n        >\n          <X className=\"size-5\" />\n        </button>\n      </div>\n\n      {/* Content */}\n      <div className=\"p-6 space-y-6\">\n        {/* Preview/Icon */}\n        <GlassCard\n          treatment=\"metric\"\n          className=\"flex items-center justify-center py-8\"\n        >\n          {isFile && file?.mimeType.startsWith(\"image/\") ? (\n            <img\n              src={file.downloadUrl || file.url}\n              alt={item.name}\n              className=\"max-w-full max-h-48 object-contain rounded\"\n            />\n          ) : (\n            <FileText className=\"size-20 text-text-muted\" />\n          )}\n        </GlassCard>\n\n        {/* Name */}\n        <div>\n          <h3 className=\"text-xl font-semibold text-text-primary break-words\">\n            {item.name}\n          </h3>\n          {item.description && (\n            <p className=\"mt-2 text-sm text-text-secondary\">\n              {item.description}\n            </p>\n          )}\n        </div>\n\n        {/* Details */}\n        <div className=\"space-y-4\">\n          <div className=\"flex items-start gap-3\">\n            <FileText className=\"size-5 text-text-muted mt-0.5\" />\n            <div>\n              <p className=\"text-sm font-medium text-text-primary\">\n                {tWithFallback(t, \"files.info.type\", \"Type\")}\n              </p>\n              <p className=\"text-sm text-text-secondary\">\n                {isFile\n                  ? file?.mimeType ||\n                    tWithFallback(t, \"files.info.unknown\", \"Unknown\")\n                  : tWithFallback(t, \"files.info.folder\", \"Folder\")}\n              </p>\n            </div>\n          </div>\n\n          {isFile && file && (\n            <div className=\"flex items-start gap-3\">\n              <HardDrive className=\"size-5 text-text-muted mt-0.5\" />\n              <div>\n                <p className=\"text-sm font-medium text-text-primary\">\n                  {tWithFallback(t, \"files.info.size\", \"Size\")}\n                </p>\n                <p className=\"text-sm text-text-secondary\">\n                  {formatSize(file.size)}\n                </p>\n              </div>\n            </div>\n          )}\n\n          {!isFile && folder && (\n            <>\n              <div className=\"flex items-start gap-3\">\n                <FileText className=\"size-5 text-text-muted mt-0.5\" />\n                <div>\n                  <p className=\"text-sm font-medium text-text-primary\">\n                    {tWithFallback(t, \"files.info.contents\", \"Contents\")}\n                  </p>\n                  <p className=\"text-sm text-text-secondary\">\n                    {folder.filesCount}{\" \"}\n                    {tWithFallback(t, \"files.info.files\", \"files\")},{\" \"}\n                    {folder.subfoldersCount}{\" \"}\n                    {tWithFallback(t, \"files.info.folders\", \"folders\")}\n                  </p>\n                </div>\n              </div>\n\n              {folder.path && (\n                <div className=\"flex items-start gap-3\">\n                  <LinkIcon className=\"size-5 text-text-muted mt-0.5\" />\n                  <div>\n                    <p className=\"text-sm font-medium text-text-primary\">\n                      {tWithFallback(t, \"files.info.path\", \"Path\")}\n                    </p>\n                    <p className=\"text-sm text-text-secondary break-all\">\n                      {folder.path}\n                    </p>\n                  </div>\n                </div>\n              )}\n            </>\n          )}\n\n          <div className=\"flex items-start gap-3\">\n            <Calendar className=\"size-5 text-text-muted mt-0.5\" />\n            <div>\n              <p className=\"text-sm font-medium text-text-primary\">\n                {tWithFallback(t, \"files.info.created\", \"Created\")}\n              </p>\n              <p className=\"text-sm text-text-secondary\">\n                {formatDate(item.createdAt)}\n              </p>\n            </div>\n          </div>\n\n          {item.updatedAt && (\n            <div className=\"flex items-start gap-3\">\n              <Calendar className=\"size-5 text-text-muted mt-0.5\" />\n              <div>\n                <p className=\"text-sm font-medium text-text-primary\">\n                  {tWithFallback(t, \"files.info.modified\", \"Modified\")}\n                </p>\n                <p className=\"text-sm text-text-secondary\">\n                  {formatDate(item.updatedAt)}\n                </p>\n              </div>\n            </div>\n          )}\n\n          <div className=\"flex items-start gap-3\">\n            <User className=\"size-5 text-text-muted mt-0.5\" />\n            <div>\n              <p className=\"text-sm font-medium text-text-primary\">\n                {tWithFallback(t, \"files.info.owner\", \"Owner\")}\n              </p>\n              <p className=\"text-sm text-text-secondary\">\n                {item.createdBy?.name ||\n                  item.createdById ||\n                  tWithFallback(t, \"files.info.unknown\", \"Unknown\")}\n              </p>\n            </div>\n          </div>\n        </div>\n\n        {/* Additional Info — secondary properties tucked behind progressive\n            disclosure to keep the rail focused on the essentials. */}\n        <div className=\"pt-6 border-t border-border-seam\">\n          <h4 className=\"text-sm font-semibold text-text-primary mb-3\">\n            {tWithFallback(t, \"files.info.properties\", \"Properties\")}\n          </h4>\n          <ShowMore collapsedHeight={56}>\n            <dl className=\"space-y-2\">\n              <div className=\"flex justify-between\">\n                <dt className=\"text-sm text-text-secondary\">\n                  {tWithFallback(t, \"files.info.status\", \"Status\")}\n                </dt>\n                <dd className=\"text-sm font-medium text-text-primary\">\n                  {item.status}\n                </dd>\n              </div>\n              <div className=\"flex justify-between\">\n                <dt className=\"text-sm text-text-secondary\">\n                  {tWithFallback(t, \"files.info.visibility\", \"Visibility\")}\n                </dt>\n                <dd className=\"text-sm font-medium text-text-primary\">\n                  {item.visibility}\n                </dd>\n              </div>\n              <div className=\"flex justify-between\">\n                <dt className=\"text-sm text-text-secondary\">\n                  {tWithFallback(t, \"files.info.starred\", \"Starred\")}\n                </dt>\n                <dd className=\"text-sm font-medium text-text-primary\">\n                  {item.starred\n                    ? tWithFallback(t, \"files.info.yes\", \"Yes\")\n                    : tWithFallback(t, \"files.info.no\", \"No\")}\n                </dd>\n              </div>\n            </dl>\n          </ShowMore>\n        </div>\n\n        {/* Version History Button (Files only) */}\n        {isFile && file && (\n          <div className=\"pt-6 border-t border-border-seam\">\n            <button\n              type=\"button\"\n              onClick={() => setShowVersionHistory(true)}\n              className=\"w-full flex items-center justify-center gap-2 px-4 py-3 text-sm font-medium text-action-primary-text bg-action-primary-bg/10 hover:bg-action-primary-bg/20 rounded-lg transition-all duration-200\"\n            >\n              <Clock className=\"size-4\" />\n              {tWithFallback(\n                t,\n                \"files.info.viewVersionHistory\",\n                \"View Version History\",\n              )}\n            </button>\n          </div>\n        )}\n      </div>\n\n      {/* Version History Modal */}\n      {isFile && file && showVersionHistory && (\n        <Suspense\n          fallback={\n            <div className=\"fixed inset-0 z-50 bg-bg-overlay flex items-center justify-center\">\n              <div className=\"bg-bg-surface rounded-lg p-8 animate-in fade-in zoom-in duration-200\">\n                <div className=\"flex items-center gap-3\">\n                  <Clock className=\"size-6 text-action-primary-bg animate-spin\" />\n                  <span className=\"text-text-primary\">\n                    {tWithFallback(\n                      t,\n                      \"files.info.loadingVersionHistory\",\n                      \"Loading version history...\",\n                    )}\n                  </span>\n                </div>\n              </div>\n            </div>\n          }\n        >\n          <FileVersionPanel\n            file={file}\n            onClose={() => setShowVersionHistory(false)}\n          />\n        </Suspense>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/files/components/SearchBar.js

@@ -132,7 +132,7 @@ function f({ onSearch: f, placeholder: p = "Search files and folders...", initia
 							fileType: e.target.value || void 0
 						}),
 						"aria-label": e(g, "files.search.filters.fileType.label", "File Type"),
-						className: "w-full px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200",
+						className: "w-full px-3 py-2 border border-border-default rounded-lg bg-bg-surface text-text-primary scheme-normal dark:scheme-dark focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200 [&_option]:bg-bg-surface [&_option]:text-text-primary",
 						children: [
 							/* @__PURE__ */ c("option", {
 								value: "",
@@ -170,7 +170,7 @@ function f({ onSearch: f, placeholder: p = "Search files and folders...", initia
 							status: e.target.value || void 0
 						}),
 						"aria-label": e(g, "files.search.filters.status.label", "Status"),
-						className: "w-full px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200",
+						className: "w-full px-3 py-2 border border-border-default rounded-lg bg-bg-surface text-text-primary scheme-normal dark:scheme-dark focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200 [&_option]:bg-bg-surface [&_option]:text-text-primary",
 						children: [
 							/* @__PURE__ */ c("option", {
 								value: "",
@@ -200,7 +200,7 @@ function f({ onSearch: f, placeholder: p = "Search files and folders...", initia
 							visibility: e.target.value || void 0
 						}),
 						"aria-label": e(g, "files.search.filters.visibility.label", "Visibility"),
-						className: "w-full px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200",
+						className: "w-full px-3 py-2 border border-border-default rounded-lg bg-bg-surface text-text-primary scheme-normal dark:scheme-dark focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200 [&_option]:bg-bg-surface [&_option]:text-text-primary",
 						children: [
 							/* @__PURE__ */ c("option", {
 								value: "",

package/dist/files/components/SearchBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.js","names":[],"sources":["../../../src/files/components/SearchBar.tsx"],"sourcesContent":["import { useState, useEffect, useEffectEvent, useCallback } from \"react\";\nimport { Search, X, Filter } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport type { FileFilterInput, FolderFilterInput } from \"../graphql-types\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ninterface SearchBarProps {\n  onSearch: (\n    query: string,\n    filters?: {\n      fileFilter?: FileFilterInput;\n      folderFilter?: FolderFilterInput;\n    },\n  ) => void;\n  placeholder?: string;\n  initialQuery?: string;\n  showFilters?: boolean;\n}\n\nconst FILE_TYPE_MIME_MAP: Record<string, string[]> = {\n  image: [\n    \"image/jpeg\",\n    \"image/png\",\n    \"image/gif\",\n    \"image/webp\",\n    \"image/svg+xml\",\n  ],\n  video: [\"video/mp4\", \"video/webm\", \"video/quicktime\"],\n  document: [\n    \"application/msword\",\n    \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n    \"application/vnd.ms-excel\",\n    \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n    \"application/vnd.ms-powerpoint\",\n    \"application/vnd.openxmlformats-officedocument.presentationml.presentation\",\n    \"text/plain\",\n    \"text/csv\",\n    \"application/json\",\n  ],\n  pdf: [\"application/pdf\"],\n  archive: [\n    \"application/zip\",\n    \"application/x-tar\",\n    \"application/x-7z-compressed\",\n    \"application/gzip\",\n    \"application/x-rar-compressed\",\n  ],\n};\n\nexport function SearchBar({\n  onSearch,\n  placeholder = \"Search files and folders...\",\n  initialQuery = \"\",\n  showFilters = true,\n}: SearchBarProps) {\n  const { t } = useI18n();\n  const [query, setQuery] = useState(initialQuery);\n  const [showFilterPanel, setShowFilterPanel] = useState(false);\n  const [filters, setFilters] = useState<{\n    fileType?: string;\n    status?: string;\n    visibility?: string;\n    starred?: boolean;\n  }>({});\n  const fileStatus = filters.status as FileFilterInput[\"status\"] | undefined;\n  const folderStatus = filters.status as\n    | FolderFilterInput[\"status\"]\n    | undefined;\n  const fileVisibility = filters.visibility as\n    | FileFilterInput[\"visibility\"]\n    | undefined;\n  const fileMimeTypes = filters.fileType\n    ? FILE_TYPE_MIME_MAP[filters.fileType]\n    : undefined;\n\n  useEffect(() => {\n    setQuery(initialQuery);\n  }, [initialQuery]);\n\n  const runSearch = useEffectEvent(() => {\n    if (query.length >= 2 || query.length === 0) {\n      const fileFilter: FileFilterInput = {\n        ...(fileMimeTypes && { mimeTypes: fileMimeTypes }),\n        ...(fileStatus && { status: fileStatus }),\n        ...(fileVisibility && { visibility: fileVisibility }),\n        ...(filters.starred !== undefined && { starred: filters.starred }),\n      };\n\n      const folderFilter: FolderFilterInput = {\n        ...(folderStatus && { status: folderStatus }),\n        ...(filters.starred !== undefined && { starred: filters.starred }),\n      };\n\n      onSearch(query, { fileFilter, folderFilter });\n    }\n  });\n\n  // Debounced search\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      runSearch();\n    }, 300);\n\n    return () => clearTimeout(timer);\n  }, [fileStatus, fileMimeTypes, fileVisibility, folderStatus, filters, query]);\n\n  const handleClear = useCallback(() => {\n    setQuery(\"\");\n    setFilters({});\n    onSearch(\"\");\n  }, [onSearch]);\n\n  const activeFilterCount = Object.values(filters).filter(\n    (v) => v !== undefined,\n  ).length;\n\n  return (\n    <div className=\"relative\">\n      {/* Search Input */}\n      <div className=\"relative flex items-center\">\n        <Search className=\"absolute left-3 size-4 text-text-tertiary\" />\n        <label htmlFor=\"files-search-input\" className=\"sr-only\">\n          {tWithFallback(\n            t,\n            \"files.search.input.label\",\n            \"Search files and folders\",\n          )}\n        </label>\n        <input\n          id=\"files-search-input\"\n          type=\"text\"\n          value={query}\n          onChange={(e) => setQuery(e.target.value)}\n          placeholder={placeholder}\n          aria-label={tWithFallback(\n            t,\n            \"files.search.input.label\",\n            \"Search files and folders\",\n          )}\n          className=\"w-full pl-[3.25rem] pr-20 py-2 border border-border-default rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-border focus:border-action-primary-border transition-colors duration-200\"\n        />\n        <div className=\"absolute right-2 flex items-center gap-1\">\n          {query && (\n            <button\n              type=\"button\"\n              onClick={handleClear}\n              className=\"p-1.5 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200\"\n              title={tWithFallback(\n                t,\n                \"files.search.actions.clearSearch\",\n                \"Clear search\",\n              )}\n              aria-label={tWithFallback(\n                t,\n                \"files.search.actions.clearSearch\",\n                \"Clear search\",\n              )}\n            >\n              <X className=\"size-4\" />\n            </button>\n          )}\n          {showFilters && (\n            <button\n              type=\"button\"\n              onClick={() => setShowFilterPanel(!showFilterPanel)}\n              aria-expanded={showFilterPanel}\n              aria-controls=\"files-search-filter-panel\"\n              aria-label={tWithFallback(\n                t,\n                \"files.search.filters.toggleAria\",\n                \"Toggle filters\",\n              )}\n              className={`p-1.5 rounded transition-colors duration-200 relative ${\n                showFilterPanel || activeFilterCount > 0\n                  ? \"text-text-link bg-bg-accent hover:bg-action-primary-bg/20\"\n                  : \"text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover\"\n              }`}\n              title={tWithFallback(t, \"files.search.filters.title\", \"Filters\")}\n            >\n              <Filter className=\"size-4\" />\n              {activeFilterCount > 0 && (\n                <span className=\"absolute -top-1 -right-1 size-4 bg-action-primary-bg text-text-inverse text-[10px] font-bold rounded-full flex items-center justify-center\">\n                  {activeFilterCount}\n                </span>\n              )}\n            </button>\n          )}\n        </div>\n      </div>\n\n      {/* Filter Panel */}\n      {showFilterPanel && (\n        <div\n          id=\"files-search-filter-panel\"\n          className=\"absolute top-full left-0 right-0 mt-2 p-4 bg-bg-surface border border-border-default rounded-lg shadow-lg z-10 animate-in fade-in duration-200\"\n        >\n          <div className=\"space-y-4\">\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                {tWithFallback(\n                  t,\n                  \"files.search.filters.fileType.label\",\n                  \"File Type\",\n                )}\n              </label>\n              <select\n                value={filters.fileType || \"\"}\n                onChange={(e) =>\n                  setFilters({\n                    ...filters,\n                    fileType: e.target.value || undefined,\n                  })\n                }\n                aria-label={tWithFallback(\n                  t,\n                  \"files.search.filters.fileType.label\",\n                  \"File Type\",\n                )}\n                className=\"w-full px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200\"\n              >\n                <option value=\"\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.fileType.options.all\",\n                    \"All types\",\n                  )}\n                </option>\n                <option value=\"image\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.fileType.options.image\",\n                    \"Images\",\n                  )}\n                </option>\n                <option value=\"video\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.fileType.options.video\",\n                    \"Videos\",\n                  )}\n                </option>\n                <option value=\"document\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.fileType.options.document\",\n                    \"Documents\",\n                  )}\n                </option>\n                <option value=\"pdf\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.fileType.options.pdf\",\n                    \"PDFs\",\n                  )}\n                </option>\n                <option value=\"archive\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.fileType.options.archive\",\n                    \"Archives\",\n                  )}\n                </option>\n              </select>\n            </div>\n\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                {tWithFallback(\n                  t,\n                  \"files.search.filters.status.label\",\n                  \"Status\",\n                )}\n              </label>\n              <select\n                value={filters.status || \"\"}\n                onChange={(e) =>\n                  setFilters({\n                    ...filters,\n                    status: e.target.value || undefined,\n                  })\n                }\n                aria-label={tWithFallback(\n                  t,\n                  \"files.search.filters.status.label\",\n                  \"Status\",\n                )}\n                className=\"w-full px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200\"\n              >\n                <option value=\"\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.status.options.all\",\n                    \"All statuses\",\n                  )}\n                </option>\n                <option value=\"ACTIVE\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.status.options.active\",\n                    \"Active\",\n                  )}\n                </option>\n                <option value=\"ARCHIVED\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.status.options.archived\",\n                    \"Archived\",\n                  )}\n                </option>\n                <option value=\"DELETED\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.status.options.deleted\",\n                    \"Deleted\",\n                  )}\n                </option>\n              </select>\n            </div>\n\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                {tWithFallback(\n                  t,\n                  \"files.search.filters.visibility.label\",\n                  \"Visibility\",\n                )}\n              </label>\n              <select\n                value={filters.visibility || \"\"}\n                onChange={(e) =>\n                  setFilters({\n                    ...filters,\n                    visibility: e.target.value || undefined,\n                  })\n                }\n                aria-label={tWithFallback(\n                  t,\n                  \"files.search.filters.visibility.label\",\n                  \"Visibility\",\n                )}\n                className=\"w-full px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200\"\n              >\n                <option value=\"\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.visibility.options.all\",\n                    \"All visibility\",\n                  )}\n                </option>\n                <option value=\"PRIVATE\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.visibility.options.private\",\n                    \"Private\",\n                  )}\n                </option>\n                <option value=\"TEAM\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.visibility.options.team\",\n                    \"Team\",\n                  )}\n                </option>\n                <option value=\"WORKSPACE\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.visibility.options.workspace\",\n                    \"Workspace\",\n                  )}\n                </option>\n                <option value=\"PUBLIC\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.visibility.options.public\",\n                    \"Public\",\n                  )}\n                </option>\n              </select>\n            </div>\n\n            <div className=\"flex items-center\">\n              <input\n                type=\"checkbox\"\n                id=\"starred-filter\"\n                checked={filters.starred || false}\n                onChange={(e) =>\n                  setFilters({\n                    ...filters,\n                    starred: e.target.checked || undefined,\n                  })\n                }\n                aria-label={tWithFallback(\n                  t,\n                  \"files.search.filters.starred.label\",\n                  \"Starred only\",\n                )}\n                className=\"size-4 text-action-primary-bg border-border-default rounded focus:ring-action-primary-border transition-colors duration-200\"\n              />\n              <label\n                htmlFor=\"starred-filter\"\n                className=\"ml-2 text-sm text-text-primary\"\n              >\n                {tWithFallback(\n                  t,\n                  \"files.search.filters.starredOnly\",\n                  \"Starred only\",\n                )}\n              </label>\n            </div>\n\n            <div className=\"flex justify-end gap-2 pt-2 border-t border-border-default\">\n              <button\n                type=\"button\"\n                onClick={() => {\n                  setFilters({});\n                  setShowFilterPanel(false);\n                }}\n                className=\"px-3 py-1.5 text-sm text-text-primary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200\"\n              >\n                {tWithFallback(\n                  t,\n                  \"files.search.filters.actions.clear\",\n                  \"Clear filters\",\n                )}\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => setShowFilterPanel(false)}\n                className=\"px-3 py-1.5 text-sm bg-action-primary-bg text-text-inverse rounded hover:bg-action-primary-bg-hover transition-colors duration-200\"\n              >\n                {tWithFallback(\n                  t,\n                  \"files.search.filters.actions.apply\",\n                  \"Apply\",\n                )}\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAmBA,IAAM,IAA+C;CACnD,OAAO;EACL;EACA;EACA;EACA;EACA;EACD;CACD,OAAO;EAAC;EAAa;EAAc;EAAkB;CACrD,UAAU;EACR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,KAAK,CAAC,kBAAkB;CACxB,SAAS;EACP;EACA;EACA;EACA;EACA;EACD;CACF;AAED,SAAgB,EAAU,EACxB,aACA,iBAAc,+BACd,kBAAe,IACf,iBAAc,MACG;CACjB,IAAM,EAAE,SAAM,GAAS,EACjB,CAAC,GAAO,KAAY,EAAS,EAAa,EAC1C,CAAC,GAAiB,KAAsB,EAAS,GAAM,EACvD,CAAC,GAAS,KAAc,EAK3B,EAAE,CAAC,EACA,IAAa,EAAQ,QACrB,IAAe,EAAQ,QAGvB,IAAiB,EAAQ,YAGzB,IAAgB,EAAQ,WAC1B,EAAmB,EAAQ,YAC3B,KAAA;AAEJ,SAAgB;AACd,IAAS,EAAa;IACrB,CAAC,EAAa,CAAC;CAElB,IAAM,IAAY,QAAqB;AACrC,GAAI,EAAM,UAAU,KAAK,EAAM,WAAW,MAaxC,EAAS,GAAO;GAAE,YAZkB;IAClC,GAAI,KAAiB,EAAE,WAAW,GAAe;IACjD,GAAI,KAAc,EAAE,QAAQ,GAAY;IACxC,GAAI,KAAkB,EAAE,YAAY,GAAgB;IACpD,GAAI,EAAQ,YAAY,KAAA,KAAa,EAAE,SAAS,EAAQ,SAAS;IAClE;GAO6B,cALU;IACtC,GAAI,KAAgB,EAAE,QAAQ,GAAc;IAC5C,GAAI,EAAQ,YAAY,KAAA,KAAa,EAAE,SAAS,EAAQ,SAAS;IAClE;GAE2C,CAAC;GAE/C;AAGF,SAAgB;EACd,IAAM,IAAQ,iBAAiB;AAC7B,MAAW;KACV,IAAI;AAEP,eAAa,aAAa,EAAM;IAC/B;EAAC;EAAY;EAAe;EAAgB;EAAc;EAAS;EAAM,CAAC;CAE7E,IAAM,IAAc,QAAkB;AAGpC,EAFA,EAAS,GAAG,EACZ,EAAW,EAAE,CAAC,EACd,EAAS,GAAG;IACX,CAAC,EAAS,CAAC,EAER,IAAoB,OAAO,OAAO,EAAQ,CAAC,QAC9C,MAAM,MAAM,KAAA,EACd,CAAC;AAEF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CAEE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD,EAAQ,WAAU,6CAA8C,CAAA;IAChE,kBAAC,SAAD;KAAO,SAAQ;KAAqB,WAAU;eAC3C,EACC,GACA,4BACA,2BACD;KACK,CAAA;IACR,kBAAC,SAAD;KACE,IAAG;KACH,MAAK;KACL,OAAO;KACP,WAAW,MAAM,EAAS,EAAE,OAAO,MAAM;KAC5B;KACb,cAAY,EACV,GACA,4BACA,2BACD;KACD,WAAU;KACV,CAAA;IACF,kBAAC,OAAD;KAAK,WAAU;eAAf,CACG,KACC,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAU;MACV,OAAO,EACL,GACA,oCACA,eACD;MACD,cAAY,EACV,GACA,oCACA,eACD;gBAED,kBAAC,GAAD,EAAG,WAAU,UAAW,CAAA;MACjB,CAAA,EAEV,KACC,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAmB,CAAC,EAAgB;MACnD,iBAAe;MACf,iBAAc;MACd,cAAY,EACV,GACA,mCACA,iBACD;MACD,WAAW,yDACT,KAAmB,IAAoB,IACnC,8DACA;MAEN,OAAO,EAAc,GAAG,8BAA8B,UAAU;gBAflE,CAiBE,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA,EAC5B,IAAoB,KACnB,kBAAC,QAAD;OAAM,WAAU;iBACb;OACI,CAAA,CAEF;QAEP;;IACF;MAGL,KACC,kBAAC,OAAD;GACE,IAAG;GACH,WAAU;aAEV,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBACd,EACC,GACA,uCACA,YACD;MACK,CAAA,EACR,kBAAC,UAAD;MACE,OAAO,EAAQ,YAAY;MAC3B,WAAW,MACT,EAAW;OACT,GAAG;OACH,UAAU,EAAE,OAAO,SAAS,KAAA;OAC7B,CAAC;MAEJ,cAAY,EACV,GACA,uCACA,YACD;MACD,WAAU;gBAbZ;OAeE,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,6CACA,YACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,+CACA,SACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,+CACA,SACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,kDACA,YACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,6CACA,OACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,iDACA,WACD;QACM,CAAA;OACF;QACL,EAAA,CAAA;KAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBACd,EACC,GACA,qCACA,SACD;MACK,CAAA,EACR,kBAAC,UAAD;MACE,OAAO,EAAQ,UAAU;MACzB,WAAW,MACT,EAAW;OACT,GAAG;OACH,QAAQ,EAAE,OAAO,SAAS,KAAA;OAC3B,CAAC;MAEJ,cAAY,EACV,GACA,qCACA,SACD;MACD,WAAU;gBAbZ;OAeE,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,2CACA,eACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,8CACA,SACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,gDACA,WACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,+CACA,UACD;QACM,CAAA;OACF;QACL,EAAA,CAAA;KAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBACd,EACC,GACA,yCACA,aACD;MACK,CAAA,EACR,kBAAC,UAAD;MACE,OAAO,EAAQ,cAAc;MAC7B,WAAW,MACT,EAAW;OACT,GAAG;OACH,YAAY,EAAE,OAAO,SAAS,KAAA;OAC/B,CAAC;MAEJ,cAAY,EACV,GACA,yCACA,aACD;MACD,WAAU;gBAbZ;OAeE,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,+CACA,iBACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,mDACA,UACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,gDACA,OACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,qDACA,YACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,kDACA,SACD;QACM,CAAA;OACF;QACL,EAAA,CAAA;KAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OACE,MAAK;OACL,IAAG;OACH,SAAS,EAAQ,WAAW;OAC5B,WAAW,MACT,EAAW;QACT,GAAG;QACH,SAAS,EAAE,OAAO,WAAW,KAAA;QAC9B,CAAC;OAEJ,cAAY,EACV,GACA,sCACA,eACD;OACD,WAAU;OACV,CAAA,EACF,kBAAC,SAAD;OACE,SAAQ;OACR,WAAU;iBAET,EACC,GACA,oCACA,eACD;OACK,CAAA,CACJ;;KAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OACE,MAAK;OACL,eAAe;AAEb,QADA,EAAW,EAAE,CAAC,EACd,EAAmB,GAAM;;OAE3B,WAAU;iBAET,EACC,GACA,sCACA,gBACD;OACM,CAAA,EACT,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAmB,GAAM;OACxC,WAAU;iBAET,EACC,GACA,sCACA,QACD;OACM,CAAA,CACL;;KACF;;GACF,CAAA,CAEJ"}
+{"version":3,"file":"SearchBar.js","names":[],"sources":["../../../src/files/components/SearchBar.tsx"],"sourcesContent":["import { useState, useEffect, useEffectEvent, useCallback } from \"react\";\nimport { Search, X, Filter } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport type { FileFilterInput, FolderFilterInput } from \"../graphql-types\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ninterface SearchBarProps {\n  onSearch: (\n    query: string,\n    filters?: {\n      fileFilter?: FileFilterInput;\n      folderFilter?: FolderFilterInput;\n    },\n  ) => void;\n  placeholder?: string;\n  initialQuery?: string;\n  showFilters?: boolean;\n}\n\nconst FILE_TYPE_MIME_MAP: Record<string, string[]> = {\n  image: [\n    \"image/jpeg\",\n    \"image/png\",\n    \"image/gif\",\n    \"image/webp\",\n    \"image/svg+xml\",\n  ],\n  video: [\"video/mp4\", \"video/webm\", \"video/quicktime\"],\n  document: [\n    \"application/msword\",\n    \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n    \"application/vnd.ms-excel\",\n    \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n    \"application/vnd.ms-powerpoint\",\n    \"application/vnd.openxmlformats-officedocument.presentationml.presentation\",\n    \"text/plain\",\n    \"text/csv\",\n    \"application/json\",\n  ],\n  pdf: [\"application/pdf\"],\n  archive: [\n    \"application/zip\",\n    \"application/x-tar\",\n    \"application/x-7z-compressed\",\n    \"application/gzip\",\n    \"application/x-rar-compressed\",\n  ],\n};\n\nexport function SearchBar({\n  onSearch,\n  placeholder = \"Search files and folders...\",\n  initialQuery = \"\",\n  showFilters = true,\n}: SearchBarProps) {\n  const { t } = useI18n();\n  const [query, setQuery] = useState(initialQuery);\n  const [showFilterPanel, setShowFilterPanel] = useState(false);\n  const [filters, setFilters] = useState<{\n    fileType?: string;\n    status?: string;\n    visibility?: string;\n    starred?: boolean;\n  }>({});\n  const fileStatus = filters.status as FileFilterInput[\"status\"] | undefined;\n  const folderStatus = filters.status as\n    | FolderFilterInput[\"status\"]\n    | undefined;\n  const fileVisibility = filters.visibility as\n    | FileFilterInput[\"visibility\"]\n    | undefined;\n  const fileMimeTypes = filters.fileType\n    ? FILE_TYPE_MIME_MAP[filters.fileType]\n    : undefined;\n\n  useEffect(() => {\n    setQuery(initialQuery);\n  }, [initialQuery]);\n\n  const runSearch = useEffectEvent(() => {\n    if (query.length >= 2 || query.length === 0) {\n      const fileFilter: FileFilterInput = {\n        ...(fileMimeTypes && { mimeTypes: fileMimeTypes }),\n        ...(fileStatus && { status: fileStatus }),\n        ...(fileVisibility && { visibility: fileVisibility }),\n        ...(filters.starred !== undefined && { starred: filters.starred }),\n      };\n\n      const folderFilter: FolderFilterInput = {\n        ...(folderStatus && { status: folderStatus }),\n        ...(filters.starred !== undefined && { starred: filters.starred }),\n      };\n\n      onSearch(query, { fileFilter, folderFilter });\n    }\n  });\n\n  // Debounced search\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      runSearch();\n    }, 300);\n\n    return () => clearTimeout(timer);\n  }, [fileStatus, fileMimeTypes, fileVisibility, folderStatus, filters, query]);\n\n  const handleClear = useCallback(() => {\n    setQuery(\"\");\n    setFilters({});\n    onSearch(\"\");\n  }, [onSearch]);\n\n  const activeFilterCount = Object.values(filters).filter(\n    (v) => v !== undefined,\n  ).length;\n\n  return (\n    <div className=\"relative\">\n      {/* Search Input */}\n      <div className=\"relative flex items-center\">\n        <Search className=\"absolute left-3 size-4 text-text-tertiary\" />\n        <label htmlFor=\"files-search-input\" className=\"sr-only\">\n          {tWithFallback(\n            t,\n            \"files.search.input.label\",\n            \"Search files and folders\",\n          )}\n        </label>\n        <input\n          id=\"files-search-input\"\n          type=\"text\"\n          value={query}\n          onChange={(e) => setQuery(e.target.value)}\n          placeholder={placeholder}\n          aria-label={tWithFallback(\n            t,\n            \"files.search.input.label\",\n            \"Search files and folders\",\n          )}\n          className=\"w-full pl-[3.25rem] pr-20 py-2 border border-border-default rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-border focus:border-action-primary-border transition-colors duration-200\"\n        />\n        <div className=\"absolute right-2 flex items-center gap-1\">\n          {query && (\n            <button\n              type=\"button\"\n              onClick={handleClear}\n              className=\"p-1.5 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200\"\n              title={tWithFallback(\n                t,\n                \"files.search.actions.clearSearch\",\n                \"Clear search\",\n              )}\n              aria-label={tWithFallback(\n                t,\n                \"files.search.actions.clearSearch\",\n                \"Clear search\",\n              )}\n            >\n              <X className=\"size-4\" />\n            </button>\n          )}\n          {showFilters && (\n            <button\n              type=\"button\"\n              onClick={() => setShowFilterPanel(!showFilterPanel)}\n              aria-expanded={showFilterPanel}\n              aria-controls=\"files-search-filter-panel\"\n              aria-label={tWithFallback(\n                t,\n                \"files.search.filters.toggleAria\",\n                \"Toggle filters\",\n              )}\n              className={`p-1.5 rounded transition-colors duration-200 relative ${\n                showFilterPanel || activeFilterCount > 0\n                  ? \"text-text-link bg-bg-accent hover:bg-action-primary-bg/20\"\n                  : \"text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover\"\n              }`}\n              title={tWithFallback(t, \"files.search.filters.title\", \"Filters\")}\n            >\n              <Filter className=\"size-4\" />\n              {activeFilterCount > 0 && (\n                <span className=\"absolute -top-1 -right-1 size-4 bg-action-primary-bg text-text-inverse text-[10px] font-bold rounded-full flex items-center justify-center\">\n                  {activeFilterCount}\n                </span>\n              )}\n            </button>\n          )}\n        </div>\n      </div>\n\n      {/* Filter Panel */}\n      {showFilterPanel && (\n        <div\n          id=\"files-search-filter-panel\"\n          className=\"absolute top-full left-0 right-0 mt-2 p-4 bg-bg-surface border border-border-default rounded-lg shadow-lg z-10 animate-in fade-in duration-200\"\n        >\n          <div className=\"space-y-4\">\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                {tWithFallback(\n                  t,\n                  \"files.search.filters.fileType.label\",\n                  \"File Type\",\n                )}\n              </label>\n              <select\n                value={filters.fileType || \"\"}\n                onChange={(e) =>\n                  setFilters({\n                    ...filters,\n                    fileType: e.target.value || undefined,\n                  })\n                }\n                aria-label={tWithFallback(\n                  t,\n                  \"files.search.filters.fileType.label\",\n                  \"File Type\",\n                )}\n                className=\"w-full px-3 py-2 border border-border-default rounded-lg bg-bg-surface text-text-primary scheme-normal dark:scheme-dark focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200 [&_option]:bg-bg-surface [&_option]:text-text-primary\"\n              >\n                <option value=\"\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.fileType.options.all\",\n                    \"All types\",\n                  )}\n                </option>\n                <option value=\"image\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.fileType.options.image\",\n                    \"Images\",\n                  )}\n                </option>\n                <option value=\"video\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.fileType.options.video\",\n                    \"Videos\",\n                  )}\n                </option>\n                <option value=\"document\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.fileType.options.document\",\n                    \"Documents\",\n                  )}\n                </option>\n                <option value=\"pdf\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.fileType.options.pdf\",\n                    \"PDFs\",\n                  )}\n                </option>\n                <option value=\"archive\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.fileType.options.archive\",\n                    \"Archives\",\n                  )}\n                </option>\n              </select>\n            </div>\n\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                {tWithFallback(\n                  t,\n                  \"files.search.filters.status.label\",\n                  \"Status\",\n                )}\n              </label>\n              <select\n                value={filters.status || \"\"}\n                onChange={(e) =>\n                  setFilters({\n                    ...filters,\n                    status: e.target.value || undefined,\n                  })\n                }\n                aria-label={tWithFallback(\n                  t,\n                  \"files.search.filters.status.label\",\n                  \"Status\",\n                )}\n                className=\"w-full px-3 py-2 border border-border-default rounded-lg bg-bg-surface text-text-primary scheme-normal dark:scheme-dark focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200 [&_option]:bg-bg-surface [&_option]:text-text-primary\"\n              >\n                <option value=\"\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.status.options.all\",\n                    \"All statuses\",\n                  )}\n                </option>\n                <option value=\"ACTIVE\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.status.options.active\",\n                    \"Active\",\n                  )}\n                </option>\n                <option value=\"ARCHIVED\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.status.options.archived\",\n                    \"Archived\",\n                  )}\n                </option>\n                <option value=\"DELETED\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.status.options.deleted\",\n                    \"Deleted\",\n                  )}\n                </option>\n              </select>\n            </div>\n\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                {tWithFallback(\n                  t,\n                  \"files.search.filters.visibility.label\",\n                  \"Visibility\",\n                )}\n              </label>\n              <select\n                value={filters.visibility || \"\"}\n                onChange={(e) =>\n                  setFilters({\n                    ...filters,\n                    visibility: e.target.value || undefined,\n                  })\n                }\n                aria-label={tWithFallback(\n                  t,\n                  \"files.search.filters.visibility.label\",\n                  \"Visibility\",\n                )}\n                className=\"w-full px-3 py-2 border border-border-default rounded-lg bg-bg-surface text-text-primary scheme-normal dark:scheme-dark focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200 [&_option]:bg-bg-surface [&_option]:text-text-primary\"\n              >\n                <option value=\"\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.visibility.options.all\",\n                    \"All visibility\",\n                  )}\n                </option>\n                <option value=\"PRIVATE\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.visibility.options.private\",\n                    \"Private\",\n                  )}\n                </option>\n                <option value=\"TEAM\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.visibility.options.team\",\n                    \"Team\",\n                  )}\n                </option>\n                <option value=\"WORKSPACE\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.visibility.options.workspace\",\n                    \"Workspace\",\n                  )}\n                </option>\n                <option value=\"PUBLIC\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.visibility.options.public\",\n                    \"Public\",\n                  )}\n                </option>\n              </select>\n            </div>\n\n            <div className=\"flex items-center\">\n              <input\n                type=\"checkbox\"\n                id=\"starred-filter\"\n                checked={filters.starred || false}\n                onChange={(e) =>\n                  setFilters({\n                    ...filters,\n                    starred: e.target.checked || undefined,\n                  })\n                }\n                aria-label={tWithFallback(\n                  t,\n                  \"files.search.filters.starred.label\",\n                  \"Starred only\",\n                )}\n                className=\"size-4 text-action-primary-bg border-border-default rounded focus:ring-action-primary-border transition-colors duration-200\"\n              />\n              <label\n                htmlFor=\"starred-filter\"\n                className=\"ml-2 text-sm text-text-primary\"\n              >\n                {tWithFallback(\n                  t,\n                  \"files.search.filters.starredOnly\",\n                  \"Starred only\",\n                )}\n              </label>\n            </div>\n\n            <div className=\"flex justify-end gap-2 pt-2 border-t border-border-default\">\n              <button\n                type=\"button\"\n                onClick={() => {\n                  setFilters({});\n                  setShowFilterPanel(false);\n                }}\n                className=\"px-3 py-1.5 text-sm text-text-primary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200\"\n              >\n                {tWithFallback(\n                  t,\n                  \"files.search.filters.actions.clear\",\n                  \"Clear filters\",\n                )}\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => setShowFilterPanel(false)}\n                className=\"px-3 py-1.5 text-sm bg-action-primary-bg text-text-inverse rounded hover:bg-action-primary-bg-hover transition-colors duration-200\"\n              >\n                {tWithFallback(\n                  t,\n                  \"files.search.filters.actions.apply\",\n                  \"Apply\",\n                )}\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAmBA,IAAM,IAA+C;CACnD,OAAO;EACL;EACA;EACA;EACA;EACA;EACD;CACD,OAAO;EAAC;EAAa;EAAc;EAAkB;CACrD,UAAU;EACR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,KAAK,CAAC,kBAAkB;CACxB,SAAS;EACP;EACA;EACA;EACA;EACA;EACD;CACF;AAED,SAAgB,EAAU,EACxB,aACA,iBAAc,+BACd,kBAAe,IACf,iBAAc,MACG;CACjB,IAAM,EAAE,SAAM,GAAS,EACjB,CAAC,GAAO,KAAY,EAAS,EAAa,EAC1C,CAAC,GAAiB,KAAsB,EAAS,GAAM,EACvD,CAAC,GAAS,KAAc,EAK3B,EAAE,CAAC,EACA,IAAa,EAAQ,QACrB,IAAe,EAAQ,QAGvB,IAAiB,EAAQ,YAGzB,IAAgB,EAAQ,WAC1B,EAAmB,EAAQ,YAC3B,KAAA;AAEJ,SAAgB;AACd,IAAS,EAAa;IACrB,CAAC,EAAa,CAAC;CAElB,IAAM,IAAY,QAAqB;AACrC,GAAI,EAAM,UAAU,KAAK,EAAM,WAAW,MAaxC,EAAS,GAAO;GAAE,YAZkB;IAClC,GAAI,KAAiB,EAAE,WAAW,GAAe;IACjD,GAAI,KAAc,EAAE,QAAQ,GAAY;IACxC,GAAI,KAAkB,EAAE,YAAY,GAAgB;IACpD,GAAI,EAAQ,YAAY,KAAA,KAAa,EAAE,SAAS,EAAQ,SAAS;IAClE;GAO6B,cALU;IACtC,GAAI,KAAgB,EAAE,QAAQ,GAAc;IAC5C,GAAI,EAAQ,YAAY,KAAA,KAAa,EAAE,SAAS,EAAQ,SAAS;IAClE;GAE2C,CAAC;GAE/C;AAGF,SAAgB;EACd,IAAM,IAAQ,iBAAiB;AAC7B,MAAW;KACV,IAAI;AAEP,eAAa,aAAa,EAAM;IAC/B;EAAC;EAAY;EAAe;EAAgB;EAAc;EAAS;EAAM,CAAC;CAE7E,IAAM,IAAc,QAAkB;AAGpC,EAFA,EAAS,GAAG,EACZ,EAAW,EAAE,CAAC,EACd,EAAS,GAAG;IACX,CAAC,EAAS,CAAC,EAER,IAAoB,OAAO,OAAO,EAAQ,CAAC,QAC9C,MAAM,MAAM,KAAA,EACd,CAAC;AAEF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CAEE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD,EAAQ,WAAU,6CAA8C,CAAA;IAChE,kBAAC,SAAD;KAAO,SAAQ;KAAqB,WAAU;eAC3C,EACC,GACA,4BACA,2BACD;KACK,CAAA;IACR,kBAAC,SAAD;KACE,IAAG;KACH,MAAK;KACL,OAAO;KACP,WAAW,MAAM,EAAS,EAAE,OAAO,MAAM;KAC5B;KACb,cAAY,EACV,GACA,4BACA,2BACD;KACD,WAAU;KACV,CAAA;IACF,kBAAC,OAAD;KAAK,WAAU;eAAf,CACG,KACC,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAU;MACV,OAAO,EACL,GACA,oCACA,eACD;MACD,cAAY,EACV,GACA,oCACA,eACD;gBAED,kBAAC,GAAD,EAAG,WAAU,UAAW,CAAA;MACjB,CAAA,EAEV,KACC,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAmB,CAAC,EAAgB;MACnD,iBAAe;MACf,iBAAc;MACd,cAAY,EACV,GACA,mCACA,iBACD;MACD,WAAW,yDACT,KAAmB,IAAoB,IACnC,8DACA;MAEN,OAAO,EAAc,GAAG,8BAA8B,UAAU;gBAflE,CAiBE,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA,EAC5B,IAAoB,KACnB,kBAAC,QAAD;OAAM,WAAU;iBACb;OACI,CAAA,CAEF;QAEP;;IACF;MAGL,KACC,kBAAC,OAAD;GACE,IAAG;GACH,WAAU;aAEV,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBACd,EACC,GACA,uCACA,YACD;MACK,CAAA,EACR,kBAAC,UAAD;MACE,OAAO,EAAQ,YAAY;MAC3B,WAAW,MACT,EAAW;OACT,GAAG;OACH,UAAU,EAAE,OAAO,SAAS,KAAA;OAC7B,CAAC;MAEJ,cAAY,EACV,GACA,uCACA,YACD;MACD,WAAU;gBAbZ;OAeE,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,6CACA,YACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,+CACA,SACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,+CACA,SACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,kDACA,YACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,6CACA,OACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,iDACA,WACD;QACM,CAAA;OACF;QACL,EAAA,CAAA;KAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBACd,EACC,GACA,qCACA,SACD;MACK,CAAA,EACR,kBAAC,UAAD;MACE,OAAO,EAAQ,UAAU;MACzB,WAAW,MACT,EAAW;OACT,GAAG;OACH,QAAQ,EAAE,OAAO,SAAS,KAAA;OAC3B,CAAC;MAEJ,cAAY,EACV,GACA,qCACA,SACD;MACD,WAAU;gBAbZ;OAeE,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,2CACA,eACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,8CACA,SACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,gDACA,WACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,+CACA,UACD;QACM,CAAA;OACF;QACL,EAAA,CAAA;KAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBACd,EACC,GACA,yCACA,aACD;MACK,CAAA,EACR,kBAAC,UAAD;MACE,OAAO,EAAQ,cAAc;MAC7B,WAAW,MACT,EAAW;OACT,GAAG;OACH,YAAY,EAAE,OAAO,SAAS,KAAA;OAC/B,CAAC;MAEJ,cAAY,EACV,GACA,yCACA,aACD;MACD,WAAU;gBAbZ;OAeE,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,+CACA,iBACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,mDACA,UACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,gDACA,OACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,qDACA,YACD;QACM,CAAA;OACT,kBAAC,UAAD;QAAQ,OAAM;kBACX,EACC,GACA,kDACA,SACD;QACM,CAAA;OACF;QACL,EAAA,CAAA;KAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OACE,MAAK;OACL,IAAG;OACH,SAAS,EAAQ,WAAW;OAC5B,WAAW,MACT,EAAW;QACT,GAAG;QACH,SAAS,EAAE,OAAO,WAAW,KAAA;QAC9B,CAAC;OAEJ,cAAY,EACV,GACA,sCACA,eACD;OACD,WAAU;OACV,CAAA,EACF,kBAAC,SAAD;OACE,SAAQ;OACR,WAAU;iBAET,EACC,GACA,oCACA,eACD;OACK,CAAA,CACJ;;KAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OACE,MAAK;OACL,eAAe;AAEb,QADA,EAAW,EAAE,CAAC,EACd,EAAmB,GAAM;;OAE3B,WAAU;iBAET,EACC,GACA,sCACA,gBACD;OACM,CAAA,EACT,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAmB,GAAM;OACxC,WAAU;iBAET,EACC,GACA,sCACA,QACD;OACM,CAAA,CACL;;KACF;;GACF,CAAA,CAEJ"}

package/dist/files/components/ShareDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShareDialog.d.ts","sourceRoot":"","sources":["../../../src/files/components/ShareDialog.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGrD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,aAAa,GAAG,cAAc,CAAC;IAC1C,WAAW,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,gBAAgB;IACxB,IAAI,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC5B,QAAQ,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,CACb,KAAK,EAAE,gBAAgB,KACpB,OAAO,CAAC;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,aAAa,EACb,SAAS,GACV,EAAE,gBAAgB,+BA+YlB"}
+{"version":3,"file":"ShareDialog.d.ts","sourceRoot":"","sources":["../../../src/files/components/ShareDialog.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGrD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,aAAa,GAAG,cAAc,CAAC;IAC1C,WAAW,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,gBAAgB;IACxB,IAAI,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC5B,QAAQ,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,CACb,KAAK,EAAE,gBAAgB,KACpB,OAAO,CAAC;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,aAAa,EACb,SAAS,GACV,EAAE,gBAAgB,+BAwZlB"}

package/dist/files/components/ShareDialog.js

@@ -29,12 +29,15 @@ function S({ item: S, itemType: C, onClose: w, onCreateShare: T, isLoading: E })
 				className: "space-y-4",
 				children: [
 					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ p("label", {
+						htmlFor: "share-dialog-expiry-select",
 						className: "flex items-center gap-2 text-sm font-medium text-text-primary mb-2",
 						children: [/* @__PURE__ */ f(r, { className: "size-4" }), e(D, "files.shareDialog.expiry.label", "Link expires in")]
 					}), /* @__PURE__ */ p("select", {
+						id: "share-dialog-expiry-select",
+						"aria-label": e(D, "files.shareDialog.expiry.label", "Link expires in"),
 						value: P,
 						onChange: (e) => F(Number(e.target.value)),
-						className: "w-full min-h-11 px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:border-action-primary-border text-sm transition-colors duration-200",
+						className: "w-full min-h-11 px-3 py-2 border border-border-default rounded-lg bg-bg-surface text-text-primary scheme-normal dark:scheme-dark focus:outline-none focus:border-action-primary-border text-sm transition-colors duration-200 [&_option]:bg-bg-surface [&_option]:text-text-primary",
 						children: [
 							/* @__PURE__ */ f("option", {
 								value: 0,

package/dist/files/components/ShareDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShareDialog.js","names":[],"sources":["../../../src/files/components/ShareDialog.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport {\n  Link,\n  Mail,\n  Calendar,\n  Download,\n  Lock,\n  Copy,\n  Check,\n  Loader2,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogFooter,\n  OptionalFields,\n  Button,\n} from \"@burdenoff/fe-libs/ui\";\nimport type { FileItem, FolderItem } from \"../types\";\nimport { tWithFallback } from \"../utils/i18n\";\n\nexport interface ShareDialogInput {\n  fileId?: string;\n  folderId?: string;\n  shareType: \"PUBLIC_LINK\" | \"EMAIL_INVITE\";\n  accessLevel: \"VIEW\" | \"DOWNLOAD\" | \"EDIT\";\n  expiresAt?: string;\n  maxDownloads?: number;\n  password?: string;\n  invitedEmail?: string;\n}\n\ninterface ShareDialogProps {\n  item: FileItem | FolderItem;\n  itemType: \"file\" | \"folder\";\n  onClose: () => void;\n  onCreateShare: (\n    input: ShareDialogInput,\n  ) => Promise<{ publicUrl: string; token: string }>;\n  isLoading?: boolean;\n}\n\nexport function ShareDialog({\n  item,\n  itemType,\n  onClose,\n  onCreateShare,\n  isLoading,\n}: ShareDialogProps) {\n  const { t } = useI18n();\n  const [shareUrl, setShareUrl] = useState<string | null>(null);\n  const [shareType, setShareType] = useState<\n    \"PUBLIC_LINK\" | \"EMAIL_INVITE\" | null\n  >(null);\n  const [copied, setCopied] = useState(false);\n  const [expiryDays, setExpiryDays] = useState<number>(7);\n  const [maxDownloads, setMaxDownloads] = useState<number>(0);\n  const [hasPassword, setHasPassword] = useState(false);\n  const [password, setPassword] = useState(\"\");\n  const [invitedEmail, setInvitedEmail] = useState(\"\");\n  const [errorMessage, setErrorMessage] = useState<string | null>(null);\n\n  const handleCreateShare = async () => {\n    try {\n      setErrorMessage(null);\n      const expiresAt =\n        expiryDays > 0\n          ? new Date(\n              Date.now() + expiryDays * 24 * 60 * 60 * 1000,\n            ).toISOString()\n          : undefined;\n\n      const type: ShareDialogInput[\"shareType\"] = invitedEmail\n        ? \"EMAIL_INVITE\"\n        : \"PUBLIC_LINK\";\n\n      const shareInput: ShareDialogInput = {\n        ...(itemType === \"file\" ? { fileId: item.id } : { folderId: item.id }),\n        shareType: type,\n        accessLevel: \"DOWNLOAD\",\n        expiresAt,\n        maxDownloads: maxDownloads > 0 ? maxDownloads : undefined,\n        password: hasPassword && password ? password : undefined,\n        invitedEmail: invitedEmail || undefined,\n      };\n\n      const result = await onCreateShare(shareInput);\n\n      setShareType(type);\n      setShareUrl(result.publicUrl || \"\");\n    } catch (error) {\n      setErrorMessage(\n        error instanceof Error ? error.message : \"Failed to create share\",\n      );\n    }\n  };\n\n  const handleCopyLink = async () => {\n    if (shareUrl) {\n      await navigator.clipboard.writeText(shareUrl);\n      setCopied(true);\n    }\n  };\n\n  useEffect(() => {\n    if (copied) {\n      const timer = setTimeout(() => setCopied(false), 2000);\n      return () => clearTimeout(timer);\n    }\n    return undefined;\n  }, [copied]);\n\n  return (\n    <ResponsiveDialog\n      open\n      onOpenChange={(next: boolean) => {\n        if (!next) onClose();\n      }}\n    >\n      <ResponsiveDialogContent>\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>\n            {tWithFallback(\n              t,\n              \"files.shareDialog.title\",\n              'Share {{itemType}} \"{{name}}\"',\n              {\n                itemType: tWithFallback(\n                  t,\n                  itemType === \"folder\"\n                    ? \"files.shareDialog.itemType.folder\"\n                    : \"files.shareDialog.itemType.file\",\n                  itemType === \"folder\" ? \"folder\" : \"file\",\n                ),\n                name: item.name,\n              },\n            )}\n          </ResponsiveDialogTitle>\n        </ResponsiveDialogHeader>\n\n        {shareType === null ? (\n          <>\n            {errorMessage && (\n              <div className=\"mb-4 rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n                {errorMessage}\n              </div>\n            )}\n\n            <div className=\"space-y-4\">\n              {/* Expiry — smart-default field, visible above the fold */}\n              <div>\n                <label className=\"flex items-center gap-2 text-sm font-medium text-text-primary mb-2\">\n                  <Calendar className=\"size-4\" />\n                  {tWithFallback(\n                    t,\n                    \"files.shareDialog.expiry.label\",\n                    \"Link expires in\",\n                  )}\n                </label>\n                <select\n                  value={expiryDays}\n                  onChange={(e) => setExpiryDays(Number(e.target.value))}\n                  className=\"w-full min-h-11 px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:border-action-primary-border text-sm transition-colors duration-200\"\n                >\n                  <option value={0}>\n                    {tWithFallback(\n                      t,\n                      \"files.shareDialog.expiry.options.never\",\n                      \"Never\",\n                    )}\n                  </option>\n                  <option value={1}>\n                    {tWithFallback(\n                      t,\n                      \"files.shareDialog.expiry.options.oneDay\",\n                      \"1 day\",\n                    )}\n                  </option>\n                  <option value={7}>\n                    {tWithFallback(\n                      t,\n                      \"files.shareDialog.expiry.options.sevenDays\",\n                      \"7 days\",\n                    )}\n                  </option>\n                  <option value={30}>\n                    {tWithFallback(\n                      t,\n                      \"files.shareDialog.expiry.options.thirtyDays\",\n                      \"30 days\",\n                    )}\n                  </option>\n                  <option value={90}>\n                    {tWithFallback(\n                      t,\n                      \"files.shareDialog.expiry.options.ninetyDays\",\n                      \"90 days\",\n                    )}\n                  </option>\n                </select>\n              </div>\n\n              {/* Invited Email — smart-default; \"leave empty for public link\" */}\n              <div>\n                <label className=\"flex items-center gap-2 text-sm font-medium text-text-primary mb-2\">\n                  <Mail className=\"size-4\" />\n                  {tWithFallback(\n                    t,\n                    \"files.shareDialog.invite.label\",\n                    \"Invite specific person (optional)\",\n                  )}\n                </label>\n                <input\n                  type=\"email\"\n                  value={invitedEmail}\n                  onChange={(e) => setInvitedEmail(e.target.value)}\n                  aria-label={tWithFallback(\n                    t,\n                    \"files.shareDialog.invite.label\",\n                    \"Invite specific person (optional)\",\n                  )}\n                  placeholder=\"user@example.com\"\n                  className=\"w-full min-h-11 px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:border-action-primary-border text-sm transition-colors duration-200\"\n                />\n                <p className=\"mt-1 text-xs text-text-secondary\">\n                  {tWithFallback(\n                    t,\n                    \"files.shareDialog.invite.help\",\n                    \"Leave empty for public link\",\n                  )}\n                </p>\n              </div>\n\n              {/* Advanced: ACL overrides + retention */}\n              <OptionalFields\n                title={tWithFallback(\n                  t,\n                  \"files.shareDialog.advanced.title\",\n                  \"Advanced\",\n                )}\n                description={tWithFallback(\n                  t,\n                  \"files.shareDialog.advanced.description\",\n                  \"Download limits and password protection\",\n                )}\n              >\n                <div className=\"space-y-4\">\n                  <div>\n                    <label className=\"flex items-center gap-2 text-sm font-medium text-text-primary mb-2\">\n                      <Download className=\"size-4\" />\n                      {tWithFallback(\n                        t,\n                        \"files.shareDialog.downloads.label\",\n                        \"Maximum downloads\",\n                      )}\n                    </label>\n                    <input\n                      type=\"number\"\n                      min=\"0\"\n                      value={maxDownloads}\n                      onChange={(e) => setMaxDownloads(Number(e.target.value))}\n                      aria-label={tWithFallback(\n                        t,\n                        \"files.shareDialog.downloads.label\",\n                        \"Maximum downloads\",\n                      )}\n                      placeholder={tWithFallback(\n                        t,\n                        \"files.shareDialog.downloads.placeholder\",\n                        \"Unlimited\",\n                      )}\n                      className=\"w-full min-h-11 px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:border-action-primary-border text-sm transition-colors duration-200\"\n                    />\n                  </div>\n\n                  <div>\n                    <label className=\"flex items-center gap-2 text-sm font-medium text-text-primary mb-2\">\n                      <Lock className=\"size-4\" />\n                      {tWithFallback(\n                        t,\n                        \"files.shareDialog.password.label\",\n                        \"Password protection\",\n                      )}\n                    </label>\n                    <div className=\"flex items-center gap-2\">\n                      <input\n                        type=\"checkbox\"\n                        checked={hasPassword}\n                        onChange={(e) => setHasPassword(e.target.checked)}\n                        aria-label={tWithFallback(\n                          t,\n                          \"files.shareDialog.password.require\",\n                          \"Require password\",\n                        )}\n                        className=\"rounded transition-colors duration-200\"\n                      />\n                      <span className=\"text-sm text-text-secondary\">\n                        {tWithFallback(\n                          t,\n                          \"files.shareDialog.password.require\",\n                          \"Require password\",\n                        )}\n                      </span>\n                    </div>\n                    {hasPassword && (\n                      <>\n                        <input\n                          type=\"password\"\n                          value={password}\n                          onChange={(e) => setPassword(e.target.value)}\n                          aria-label={tWithFallback(\n                            t,\n                            \"files.shareDialog.password.label\",\n                            \"Password protection\",\n                          )}\n                          placeholder={tWithFallback(\n                            t,\n                            \"files.shareDialog.password.placeholder\",\n                            \"Enter password\",\n                          )}\n                          className=\"w-full min-h-11 mt-2 px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:border-action-primary-border text-sm transition-colors duration-200\"\n                        />\n                        <p className=\"mt-1 text-xs text-text-tertiary\">\n                          {tWithFallback(\n                            t,\n                            \"files.shareDialog.password.help\",\n                            \"Password must be at least 8 characters and contain uppercase, lowercase, and number\",\n                          )}\n                        </p>\n                      </>\n                    )}\n                  </div>\n                </div>\n              </OptionalFields>\n            </div>\n\n            <ResponsiveDialogFooter>\n              <Button type=\"button\" variant=\"outline\" onClick={onClose}>\n                {tWithFallback(t, \"files.common.actions.cancel\", \"Cancel\")}\n              </Button>\n              <Button\n                type=\"button\"\n                onClick={handleCreateShare}\n                disabled={isLoading || (hasPassword && !password)}\n              >\n                {isLoading ? (\n                  <>\n                    <Loader2 className=\"size-4 animate-spin\" />\n                    {tWithFallback(\n                      t,\n                      \"files.shareDialog.actions.creating\",\n                      \"Creating...\",\n                    )}\n                  </>\n                ) : (\n                  <>\n                    <Link className=\"size-4\" />\n                    {tWithFallback(\n                      t,\n                      \"files.shareDialog.actions.createLink\",\n                      \"Create share link\",\n                    )}\n                  </>\n                )}\n              </Button>\n            </ResponsiveDialogFooter>\n          </>\n        ) : (\n          <>\n            <div className=\"space-y-4\">\n              <div className=\"bg-status-success-bg-subtle border border-status-success-border rounded-lg p-4\">\n                {shareType === \"EMAIL_INVITE\" ? (\n                  <>\n                    <p className=\"text-sm font-medium text-status-success-text mb-2\">\n                      {tWithFallback(\n                        t,\n                        \"files.shareDialog.success.invitationSent\",\n                        \"Invitation sent successfully!\",\n                      )}\n                    </p>\n                    <p className=\"text-sm text-text-secondary\">\n                      {tWithFallback(\n                        t,\n                        \"files.shareDialog.success.invitationSentTo\",\n                        \"An invitation has been sent to {{email}}\",\n                        { email: invitedEmail },\n                      )}\n                    </p>\n                  </>\n                ) : (\n                  <>\n                    <p className=\"text-sm font-medium text-status-success-text mb-2\">\n                      {tWithFallback(\n                        t,\n                        \"files.shareDialog.success.linkCreated\",\n                        \"Share link created successfully!\",\n                      )}\n                    </p>\n                    <div className=\"flex flex-col sm:flex-row items-stretch sm:items-center gap-2\">\n                      <input\n                        type=\"text\"\n                        value={shareUrl || \"\"}\n                        readOnly\n                        aria-label={tWithFallback(\n                          t,\n                          \"files.shareDialog.success.linkCreated\",\n                          \"Share link\",\n                        )}\n                        className=\"flex-1 min-h-11 px-3 py-2 bg-bg-surface border border-status-success-border rounded-lg text-sm\"\n                      />\n                      <Button type=\"button\" onClick={handleCopyLink}>\n                        {copied ? (\n                          <>\n                            <Check className=\"size-4\" />\n                            {tWithFallback(\n                              t,\n                              \"files.shareDialog.actions.copied\",\n                              \"Copied!\",\n                            )}\n                          </>\n                        ) : (\n                          <>\n                            <Copy className=\"size-4\" />\n                            {tWithFallback(\n                              t,\n                              \"files.common.actions.copy\",\n                              \"Copy\",\n                            )}\n                          </>\n                        )}\n                      </Button>\n                    </div>\n                  </>\n                )}\n              </div>\n\n              <ResponsiveDialogFooter>\n                <Button type=\"button\" onClick={onClose} className=\"w-full\">\n                  {tWithFallback(t, \"files.common.actions.done\", \"Done\")}\n                </Button>\n              </ResponsiveDialogFooter>\n            </div>\n          </>\n        )}\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ShareDialog.js","names":[],"sources":["../../../src/files/components/ShareDialog.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport {\n  Link,\n  Mail,\n  Calendar,\n  Download,\n  Lock,\n  Copy,\n  Check,\n  Loader2,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogFooter,\n  OptionalFields,\n  Button,\n} from \"@burdenoff/fe-libs/ui\";\nimport type { FileItem, FolderItem } from \"../types\";\nimport { tWithFallback } from \"../utils/i18n\";\n\nexport interface ShareDialogInput {\n  fileId?: string;\n  folderId?: string;\n  shareType: \"PUBLIC_LINK\" | \"EMAIL_INVITE\";\n  accessLevel: \"VIEW\" | \"DOWNLOAD\" | \"EDIT\";\n  expiresAt?: string;\n  maxDownloads?: number;\n  password?: string;\n  invitedEmail?: string;\n}\n\ninterface ShareDialogProps {\n  item: FileItem | FolderItem;\n  itemType: \"file\" | \"folder\";\n  onClose: () => void;\n  onCreateShare: (\n    input: ShareDialogInput,\n  ) => Promise<{ publicUrl: string; token: string }>;\n  isLoading?: boolean;\n}\n\nexport function ShareDialog({\n  item,\n  itemType,\n  onClose,\n  onCreateShare,\n  isLoading,\n}: ShareDialogProps) {\n  const { t } = useI18n();\n  const [shareUrl, setShareUrl] = useState<string | null>(null);\n  const [shareType, setShareType] = useState<\n    \"PUBLIC_LINK\" | \"EMAIL_INVITE\" | null\n  >(null);\n  const [copied, setCopied] = useState(false);\n  const [expiryDays, setExpiryDays] = useState<number>(7);\n  const [maxDownloads, setMaxDownloads] = useState<number>(0);\n  const [hasPassword, setHasPassword] = useState(false);\n  const [password, setPassword] = useState(\"\");\n  const [invitedEmail, setInvitedEmail] = useState(\"\");\n  const [errorMessage, setErrorMessage] = useState<string | null>(null);\n\n  const handleCreateShare = async () => {\n    try {\n      setErrorMessage(null);\n      const expiresAt =\n        expiryDays > 0\n          ? new Date(\n              Date.now() + expiryDays * 24 * 60 * 60 * 1000,\n            ).toISOString()\n          : undefined;\n\n      const type: ShareDialogInput[\"shareType\"] = invitedEmail\n        ? \"EMAIL_INVITE\"\n        : \"PUBLIC_LINK\";\n\n      const shareInput: ShareDialogInput = {\n        ...(itemType === \"file\" ? { fileId: item.id } : { folderId: item.id }),\n        shareType: type,\n        accessLevel: \"DOWNLOAD\",\n        expiresAt,\n        maxDownloads: maxDownloads > 0 ? maxDownloads : undefined,\n        password: hasPassword && password ? password : undefined,\n        invitedEmail: invitedEmail || undefined,\n      };\n\n      const result = await onCreateShare(shareInput);\n\n      setShareType(type);\n      setShareUrl(result.publicUrl || \"\");\n    } catch (error) {\n      setErrorMessage(\n        error instanceof Error ? error.message : \"Failed to create share\",\n      );\n    }\n  };\n\n  const handleCopyLink = async () => {\n    if (shareUrl) {\n      await navigator.clipboard.writeText(shareUrl);\n      setCopied(true);\n    }\n  };\n\n  useEffect(() => {\n    if (copied) {\n      const timer = setTimeout(() => setCopied(false), 2000);\n      return () => clearTimeout(timer);\n    }\n    return undefined;\n  }, [copied]);\n\n  return (\n    <ResponsiveDialog\n      open\n      onOpenChange={(next: boolean) => {\n        if (!next) onClose();\n      }}\n    >\n      <ResponsiveDialogContent>\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>\n            {tWithFallback(\n              t,\n              \"files.shareDialog.title\",\n              'Share {{itemType}} \"{{name}}\"',\n              {\n                itemType: tWithFallback(\n                  t,\n                  itemType === \"folder\"\n                    ? \"files.shareDialog.itemType.folder\"\n                    : \"files.shareDialog.itemType.file\",\n                  itemType === \"folder\" ? \"folder\" : \"file\",\n                ),\n                name: item.name,\n              },\n            )}\n          </ResponsiveDialogTitle>\n        </ResponsiveDialogHeader>\n\n        {shareType === null ? (\n          <>\n            {errorMessage && (\n              <div className=\"mb-4 rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n                {errorMessage}\n              </div>\n            )}\n\n            <div className=\"space-y-4\">\n              {/* Expiry — smart-default field, visible above the fold */}\n              <div>\n                <label\n                  htmlFor=\"share-dialog-expiry-select\"\n                  className=\"flex items-center gap-2 text-sm font-medium text-text-primary mb-2\"\n                >\n                  <Calendar className=\"size-4\" />\n                  {tWithFallback(\n                    t,\n                    \"files.shareDialog.expiry.label\",\n                    \"Link expires in\",\n                  )}\n                </label>\n                <select\n                  id=\"share-dialog-expiry-select\"\n                  aria-label={tWithFallback(\n                    t,\n                    \"files.shareDialog.expiry.label\",\n                    \"Link expires in\",\n                  )}\n                  value={expiryDays}\n                  onChange={(e) => setExpiryDays(Number(e.target.value))}\n                  className=\"w-full min-h-11 px-3 py-2 border border-border-default rounded-lg bg-bg-surface text-text-primary scheme-normal dark:scheme-dark focus:outline-none focus:border-action-primary-border text-sm transition-colors duration-200 [&_option]:bg-bg-surface [&_option]:text-text-primary\"\n                >\n                  <option value={0}>\n                    {tWithFallback(\n                      t,\n                      \"files.shareDialog.expiry.options.never\",\n                      \"Never\",\n                    )}\n                  </option>\n                  <option value={1}>\n                    {tWithFallback(\n                      t,\n                      \"files.shareDialog.expiry.options.oneDay\",\n                      \"1 day\",\n                    )}\n                  </option>\n                  <option value={7}>\n                    {tWithFallback(\n                      t,\n                      \"files.shareDialog.expiry.options.sevenDays\",\n                      \"7 days\",\n                    )}\n                  </option>\n                  <option value={30}>\n                    {tWithFallback(\n                      t,\n                      \"files.shareDialog.expiry.options.thirtyDays\",\n                      \"30 days\",\n                    )}\n                  </option>\n                  <option value={90}>\n                    {tWithFallback(\n                      t,\n                      \"files.shareDialog.expiry.options.ninetyDays\",\n                      \"90 days\",\n                    )}\n                  </option>\n                </select>\n              </div>\n\n              {/* Invited Email — smart-default; \"leave empty for public link\" */}\n              <div>\n                <label className=\"flex items-center gap-2 text-sm font-medium text-text-primary mb-2\">\n                  <Mail className=\"size-4\" />\n                  {tWithFallback(\n                    t,\n                    \"files.shareDialog.invite.label\",\n                    \"Invite specific person (optional)\",\n                  )}\n                </label>\n                <input\n                  type=\"email\"\n                  value={invitedEmail}\n                  onChange={(e) => setInvitedEmail(e.target.value)}\n                  aria-label={tWithFallback(\n                    t,\n                    \"files.shareDialog.invite.label\",\n                    \"Invite specific person (optional)\",\n                  )}\n                  placeholder=\"user@example.com\"\n                  className=\"w-full min-h-11 px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:border-action-primary-border text-sm transition-colors duration-200\"\n                />\n                <p className=\"mt-1 text-xs text-text-secondary\">\n                  {tWithFallback(\n                    t,\n                    \"files.shareDialog.invite.help\",\n                    \"Leave empty for public link\",\n                  )}\n                </p>\n              </div>\n\n              {/* Advanced: ACL overrides + retention */}\n              <OptionalFields\n                title={tWithFallback(\n                  t,\n                  \"files.shareDialog.advanced.title\",\n                  \"Advanced\",\n                )}\n                description={tWithFallback(\n                  t,\n                  \"files.shareDialog.advanced.description\",\n                  \"Download limits and password protection\",\n                )}\n              >\n                <div className=\"space-y-4\">\n                  <div>\n                    <label className=\"flex items-center gap-2 text-sm font-medium text-text-primary mb-2\">\n                      <Download className=\"size-4\" />\n                      {tWithFallback(\n                        t,\n                        \"files.shareDialog.downloads.label\",\n                        \"Maximum downloads\",\n                      )}\n                    </label>\n                    <input\n                      type=\"number\"\n                      min=\"0\"\n                      value={maxDownloads}\n                      onChange={(e) => setMaxDownloads(Number(e.target.value))}\n                      aria-label={tWithFallback(\n                        t,\n                        \"files.shareDialog.downloads.label\",\n                        \"Maximum downloads\",\n                      )}\n                      placeholder={tWithFallback(\n                        t,\n                        \"files.shareDialog.downloads.placeholder\",\n                        \"Unlimited\",\n                      )}\n                      className=\"w-full min-h-11 px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:border-action-primary-border text-sm transition-colors duration-200\"\n                    />\n                  </div>\n\n                  <div>\n                    <label className=\"flex items-center gap-2 text-sm font-medium text-text-primary mb-2\">\n                      <Lock className=\"size-4\" />\n                      {tWithFallback(\n                        t,\n                        \"files.shareDialog.password.label\",\n                        \"Password protection\",\n                      )}\n                    </label>\n                    <div className=\"flex items-center gap-2\">\n                      <input\n                        type=\"checkbox\"\n                        checked={hasPassword}\n                        onChange={(e) => setHasPassword(e.target.checked)}\n                        aria-label={tWithFallback(\n                          t,\n                          \"files.shareDialog.password.require\",\n                          \"Require password\",\n                        )}\n                        className=\"rounded transition-colors duration-200\"\n                      />\n                      <span className=\"text-sm text-text-secondary\">\n                        {tWithFallback(\n                          t,\n                          \"files.shareDialog.password.require\",\n                          \"Require password\",\n                        )}\n                      </span>\n                    </div>\n                    {hasPassword && (\n                      <>\n                        <input\n                          type=\"password\"\n                          value={password}\n                          onChange={(e) => setPassword(e.target.value)}\n                          aria-label={tWithFallback(\n                            t,\n                            \"files.shareDialog.password.label\",\n                            \"Password protection\",\n                          )}\n                          placeholder={tWithFallback(\n                            t,\n                            \"files.shareDialog.password.placeholder\",\n                            \"Enter password\",\n                          )}\n                          className=\"w-full min-h-11 mt-2 px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:border-action-primary-border text-sm transition-colors duration-200\"\n                        />\n                        <p className=\"mt-1 text-xs text-text-tertiary\">\n                          {tWithFallback(\n                            t,\n                            \"files.shareDialog.password.help\",\n                            \"Password must be at least 8 characters and contain uppercase, lowercase, and number\",\n                          )}\n                        </p>\n                      </>\n                    )}\n                  </div>\n                </div>\n              </OptionalFields>\n            </div>\n\n            <ResponsiveDialogFooter>\n              <Button type=\"button\" variant=\"outline\" onClick={onClose}>\n                {tWithFallback(t, \"files.common.actions.cancel\", \"Cancel\")}\n              </Button>\n              <Button\n                type=\"button\"\n                onClick={handleCreateShare}\n                disabled={isLoading || (hasPassword && !password)}\n              >\n                {isLoading ? (\n                  <>\n                    <Loader2 className=\"size-4 animate-spin\" />\n                    {tWithFallback(\n                      t,\n                      \"files.shareDialog.actions.creating\",\n                      \"Creating...\",\n                    )}\n                  </>\n                ) : (\n                  <>\n                    <Link className=\"size-4\" />\n                    {tWithFallback(\n                      t,\n                      \"files.shareDialog.actions.createLink\",\n                      \"Create share link\",\n                    )}\n                  </>\n                )}\n              </Button>\n            </ResponsiveDialogFooter>\n          </>\n        ) : (\n          <>\n            <div className=\"space-y-4\">\n              <div className=\"bg-status-success-bg-subtle border border-status-success-border rounded-lg p-4\">\n                {shareType === \"EMAIL_INVITE\" ? (\n                  <>\n                    <p className=\"text-sm font-medium text-status-success-text mb-2\">\n                      {tWithFallback(\n                        t,\n                        \"files.shareDialog.success.invitationSent\",\n                        \"Invitation sent successfully!\",\n                      )}\n                    </p>\n                    <p className=\"text-sm text-text-secondary\">\n                      {tWithFallback(\n                        t,\n                        \"files.shareDialog.success.invitationSentTo\",\n                        \"An invitation has been sent to {{email}}\",\n                        { email: invitedEmail },\n                      )}\n                    </p>\n                  </>\n                ) : (\n                  <>\n                    <p className=\"text-sm font-medium text-status-success-text mb-2\">\n                      {tWithFallback(\n                        t,\n                        \"files.shareDialog.success.linkCreated\",\n                        \"Share link created successfully!\",\n                      )}\n                    </p>\n                    <div className=\"flex flex-col sm:flex-row items-stretch sm:items-center gap-2\">\n                      <input\n                        type=\"text\"\n                        value={shareUrl || \"\"}\n                        readOnly\n                        aria-label={tWithFallback(\n                          t,\n                          \"files.shareDialog.success.linkCreated\",\n                          \"Share link\",\n                        )}\n                        className=\"flex-1 min-h-11 px-3 py-2 bg-bg-surface border border-status-success-border rounded-lg text-sm\"\n                      />\n                      <Button type=\"button\" onClick={handleCopyLink}>\n                        {copied ? (\n                          <>\n                            <Check className=\"size-4\" />\n                            {tWithFallback(\n                              t,\n                              \"files.shareDialog.actions.copied\",\n                              \"Copied!\",\n                            )}\n                          </>\n                        ) : (\n                          <>\n                            <Copy className=\"size-4\" />\n                            {tWithFallback(\n                              t,\n                              \"files.common.actions.copy\",\n                              \"Copy\",\n                            )}\n                          </>\n                        )}\n                      </Button>\n                    </div>\n                  </>\n                )}\n              </div>\n\n              <ResponsiveDialogFooter>\n                <Button type=\"button\" onClick={onClose} className=\"w-full\">\n                  {tWithFallback(t, \"files.common.actions.done\", \"Done\")}\n                </Button>\n              </ResponsiveDialogFooter>\n            </div>\n          </>\n        )}\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}

package/dist/files/components/StorageBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StorageBanner.d.ts","sourceRoot":"","sources":["../../../src/files/components/StorageBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AASlE,UAAU,kBAAkB;IAC1B,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAsEhD,CAAC;AAEF,UAAU,qBAAqB;IAC7B,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAyBtD,CAAC"}
+{"version":3,"file":"StorageBanner.d.ts","sourceRoot":"","sources":["../../../src/files/components/StorageBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAUlE,UAAU,kBAAkB;IAC1B,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAsGhD,CAAC;AAEF,UAAU,qBAAqB;IAC7B,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAyBtD,CAAC"}