@forgeax/view 0.5.0-dev.13604.c415409c3b9d → 0.5.0-dev.13713.d28c4863d779

package/dist/modules/chunks/{chunk-VKNIYV2W.mjs → chunk-RYYKMDNI.mjs}

@@ -27,12 +27,15 @@ import {
 } from "./chunk-ABRO535N.mjs";
 import {
   createWorkspaceStateReader
-} from "./chunk-TXLD7JI5.mjs";
+} from "./chunk-WJNASQF2.mjs";
 import {
   VIEW_FILE_GET_SERVICE,
+  VIEW_PACK_REVEAL_ACK_SERVICE,
+  VIEW_PACK_REVEAL_TOPIC,
+  VIEW_PACK_SOURCES_SERVICE,
   VIEW_WORKSPACE_TAB_ID,
   workspaceUiFingerprint
-} from "./chunk-E3Z7GLFU.mjs";
+} from "./chunk-QJHQN6OD.mjs";
 
 // packages/view-plugin-content-browser/src/ui/mount.tsx
 import { createRoot } from "react-dom/client";
@@ -132,6 +135,10 @@ function viewItemKey(item) {
 function isResourceGroup(assetCount) {
   return assetCount > 1;
 }
+function isPackSourceFileName(name) {
+  const lower = name.toLowerCase();
+  return lower.endsWith(".pack.ts") || lower.endsWith(".pack.json");
+}
 function fileFamilyOf(name) {
   const lower = name.toLowerCase();
   if (lower.endsWith(".meta.json")) return "meta";
@@ -357,22 +364,25 @@ function deriveViewItems({
   activeKinds,
   sortState,
   expandedPacks,
-  withKindLabel
+  withKindLabel,
+  revealPath
 }) {
   const query = searchQuery.trim().toLowerCase();
   const searchActive = query !== "";
   const kindFilterActive = activeKinds.size > 0;
   const labeledFiles = files.map(withKindLabel);
+  const revealed = labeledFiles.find((file) => file.path === revealPath && dirOfPath(file.path) === currentPath);
   const foldersInPath = folders.filter((folder) => dirOfPath(folder.path) === currentPath).filter(() => activeFamilies.size === 0 || activeFamilies.has("dir")).filter((folder) => {
     if (!query) return true;
     const prefix = `${folder.path}/`;
     return matchesSearch(folder, query) || labeledFiles.some((file) => file.path.startsWith(prefix) && matchesSearch(file, query));
   }).toSorted((a, b) => compareItems(a, b, "name", sortState.dir));
-  const filesInPath = labeledFiles.filter((file) => dirOfPath(file.path) === currentPath).filter((file) => activeFamilies.size === 0 || activeFamilies.has(file.family)).filter((file) => !query || matchesSearch(file, query)).toSorted((a, b) => compareItems(a, b, sortState.key, sortState.dir));
+  const filesInPath = labeledFiles.filter((file) => dirOfPath(file.path) === currentPath).filter((file) => file === revealed || activeFamilies.size === 0 || activeFamilies.has(file.family)).filter((file) => file === revealed || !query || matchesSearch(file, query)).toSorted((a, b) => compareItems(a, b, sortState.key, sortState.dir));
   if (kindFilterActive) {
     const seen = /* @__PURE__ */ new Set();
     const out = [];
     for (const file of filesInPath) {
+      if (file === revealed) continue;
       for (const asset of file.assets) {
         if (seen.has(asset.guid) || !activeKinds.has(asset.kind)) continue;
         if (query && !matchesSearch(asset, query) && !file.name.toLowerCase().includes(query)) continue;
@@ -381,7 +391,7 @@ function deriveViewItems({
       }
     }
     out.sort((a, b) => a.name.localeCompare(b.name));
-    return { foldersInPath: [], filesInPath, viewItems: out, searchActive, kindFilterActive };
+    return { foldersInPath: [], filesInPath, viewItems: [...revealed ? [revealed, ...revealed.assets] : [], ...out], searchActive, kindFilterActive };
   }
   const items = [...foldersInPath];
   for (const file of filesInPath) {
@@ -389,7 +399,7 @@ function deriveViewItems({
       items.push(file);
       continue;
     }
-    if (file.assets.length === 1) {
+    if (file.assets.length === 1 && !file.isAssetPackage) {
       items.push(...file.assets);
       continue;
     }
@@ -471,6 +481,7 @@ function CBDetailsList({
               tabIndex: 0,
               className: `cb-details-row${selected ? " sel" : ""}${opening ? " is-busy" : ""}`,
               "data-action": CONTENT_BROWSER_ACTIONS.select,
+              "data-cb-path": item.type === "file" ? item.path : void 0,
               "aria-selected": selected,
               "aria-busy": opening || void 0,
               onClick: (event) => onSelect(item, event),
@@ -614,7 +625,7 @@ function CBGrid({
     const Icon = itemIcon(item);
     const isFolder = item.type === "folder";
     const isFile = item.type === "file";
-    const groupCount = grouping && isFile && item.assets.length >= 2 ? item.assets.length : 0;
+    const groupCount = grouping && isFile && item.assets.length > 0 && item.isAssetPackage ? item.assets.length : 0;
     const stacked = groupCount >= 2;
     const meta = isFolder ? null : isFile ? item.kindLabel : assetKindLabel(item.kind, t2);
     return /* @__PURE__ */ jsxs2(
@@ -624,6 +635,7 @@ function CBGrid({
         tabIndex: 0,
         className: `cb-grid-item cb-fe-card${isFolder ? " cb-grid-folder" : ""}${isFile ? " cb-file-card" : ""}${selected ? " sel" : ""}${expanded ? " cb-pack-expanded" : ""}${stacked ? " cb-group-card" : ""}${groupKey ? " cb-group-member" : ""}${opening ? " is-busy" : ""}`,
         "data-action": CONTENT_BROWSER_ACTIONS.select,
+        "data-cb-path": item.type === "file" ? item.path : void 0,
         "data-cb-group": groupKey,
         "aria-selected": selected,
         "aria-busy": opening || void 0,
@@ -678,7 +690,7 @@ function CBGrid({
       index += 1;
       continue;
     }
-    if (grouping && item.type === "file" && item.assets.length >= 2 && expandedPacks.has(item.path)) {
+    if (grouping && item.type === "file" && item.assets.length > 0 && item.isAssetPackage && expandedPacks.has(item.path)) {
       const guids = new Set(item.assets.map((asset) => asset.guid));
       nodes.push(renderCard(item, true, item.path));
       let nextIndex = index + 1;
@@ -1300,6 +1312,7 @@ function CBPreviewPanel({
   diskFiles,
   projectLabel,
   readPreview,
+  onOpenAsset,
   onClose,
   onDrag,
   onDragEnd
@@ -1399,7 +1412,7 @@ function CBPreviewPanel({
   } else if (previewItem.type === "file") {
     const showSource = filePreviewMode === "source" && showDualPreview;
     if (previewItem.assets.length > 0 && !showSource) {
-      body = /* @__PURE__ */ jsx8(FileAssetList, { file: previewItem, t: t2 });
+      body = /* @__PURE__ */ jsx8(FileAssetList, { file: previewItem, t: t2, onOpenAsset });
     } else {
       body = /* @__PURE__ */ jsx8(
         FileContentPreview,
@@ -1412,6 +1425,14 @@ function CBPreviewPanel({
         }
       );
     }
+    if (previewItem.diagnostic) body = /* @__PURE__ */ jsxs6(Fragment, { children: [
+      /* @__PURE__ */ jsxs6("div", { className: "cb-preview-note", role: "status", children: [
+        previewItem.diagnostic.code,
+        ": ",
+        previewItem.diagnostic.hint
+      ] }),
+      body
+    ] });
   } else {
     const showSource = showDualPreview && filePreviewMode === "source" && dualPreviewFile;
     body = showSource ? /* @__PURE__ */ jsx8(
@@ -1464,10 +1485,10 @@ function CBPreviewPanel({
     ] })
   ] });
 }
-function FileAssetList({ file, t: t2 }) {
+function FileAssetList({ file, t: t2, onOpenAsset }) {
   return /* @__PURE__ */ jsx8("div", { className: "cb-preview-asset-list", children: file.assets.map((asset) => {
     const Icon = itemIcon(asset);
-    return /* @__PURE__ */ jsxs6("div", { className: "cb-preview-asset-row", children: [
+    return /* @__PURE__ */ jsxs6("button", { type: "button", className: "cb-preview-asset-row cb-preview-asset-action", onClick: () => onOpenAsset?.(asset), disabled: !onOpenAsset, children: [
       /* @__PURE__ */ jsx8("span", { className: "cb-preview-list-ico", children: /* @__PURE__ */ jsx8(Icon, { size: 15 }) }),
       /* @__PURE__ */ jsxs6("div", { className: "cb-preview-asset-main", children: [
         /* @__PURE__ */ jsx8("div", { title: asset.name, children: asset.name }),
@@ -1680,7 +1701,7 @@ function BoundRuntimePacks({ client, target }) {
 }
 
 // packages/view-plugin-content-browser/src/ui/workspace-catalog.ts
-function projectCatalog(root, assets) {
+function projectCatalog(root, assets, sources = []) {
   const files = /* @__PURE__ */ new Map();
   const prefix = `${root.replaceAll("\\", "/").replace(/\/$/, "")}/`;
   for (const asset of assets) {
@@ -1711,7 +1732,18 @@ function projectCatalog(root, assets) {
     };
     file.assets.push(item);
     file.family = fileFamilyOfWithAssets(file.name, file.assets);
-    file.isAssetPackage = isResourceGroup(file.assets.length);
+    file.isAssetPackage = isPackSourceFileName(file.name) || isResourceGroup(file.assets.length);
+  }
+  for (const source of sources) {
+    const path = source.sourcePath.replaceAll("\\", "/");
+    if (path.startsWith("/") || path.split("/").includes("..") || !isPackSourceFileName(path)) continue;
+    let file = files.get(path);
+    if (!file) {
+      file = { type: "file", path, diskPath: path, name: path.split("/").at(-1), family: "pack", assets: [], isAssetPackage: true, kindLabel: "" };
+      files.set(path, file);
+    }
+    file.isAssetPackage = true;
+    if (source.diagnostic) file.diagnostic = source.diagnostic;
   }
   const folders = /* @__PURE__ */ new Map();
   for (const file of files.values()) {
@@ -1788,7 +1820,8 @@ function toFxMenuItems(items, close) {
   });
 }
 function ContentBrowserPanel({
-  client
+  client,
+  revealPanel
 }) {
   const { t: t2 } = useTranslation();
   const [snapshot, setSnapshot] = useState7({});
@@ -1797,9 +1830,10 @@ function ContentBrowserPanel({
   const [runtimeOpen, setRuntimeOpen] = useState7(false);
   const [loading, setLoading] = useState7(false);
   const [openingKeys, setOpeningKeys] = useState7(/* @__PURE__ */ new Set());
+  const [packSources, setPackSources] = useState7([]);
   const project = snapshot.project;
   const projectLabel = project?.name ?? project?.root ?? "No project";
-  const catalog = useMemo2(() => projectCatalog(project?.root ?? "", snapshot.assets ?? []), [project?.root, snapshot.assets]);
+  const catalog = useMemo2(() => projectCatalog(project?.root ?? "", snapshot.assets ?? [], packSources), [project?.root, snapshot.assets, packSources]);
   const files = catalog.files;
   const folders = catalog.folders;
   const clientRef = useRef4(client);
@@ -1813,14 +1847,14 @@ function ContentBrowserPanel({
   const refresh = useCallback5(async (signal) => {
     if (!connected || !project || !client) return;
     setLoading(true);
-    try {
-      await client.listAssets(project.id, { tabId: VIEW_WORKSPACE_TAB_ID, signal });
-      if (!signal?.aborted) setLoadFailed(false);
-    } catch {
-      if (!signal?.aborted) setLoadFailed(true);
-    } finally {
-      if (!signal?.aborted) setLoading(false);
-    }
+    const [assetsResult, sourceResult] = await Promise.allSettled([
+      client.listAssets(project.id, { tabId: VIEW_WORKSPACE_TAB_ID, signal }),
+      client.transport?.request?.(VIEW_PACK_SOURCES_SERVICE, { projectId: project.id }, { signal })
+    ]);
+    if (signal?.aborted) return;
+    if (sourceResult.status === "fulfilled") setPackSources(sourceResult.value?.sources ?? []);
+    setLoadFailed(assetsResult.status === "rejected" && sourceResult.status === "rejected");
+    setLoading(false);
   }, [client, connected, project?.id]);
   useEffect5(() => {
     if (!client || !connected) {
@@ -1857,11 +1891,19 @@ function ContentBrowserPanel({
   const [thumbnailSize, setThumbnailSize] = useState7(80);
   const [detailPanelOpen, setDetailPanelOpen] = useState7(true);
   const [query, setQuery] = useState7("");
+  const [revealFocus, setRevealFocus] = useState7(null);
+  const revealEpoch = useRef4(0);
+  const cancelReveal = useCallback5(() => {
+    revealEpoch.current++;
+    setRevealFocus(null);
+  }, []);
   const [activeFamilies, setActiveFamilies] = useState7(/* @__PURE__ */ new Set());
   const [activeKinds, setActiveKinds] = useState7(/* @__PURE__ */ new Set());
   const [sortState, setSortState] = useState7({ key: "name", dir: "asc" });
   const [history, setHistory] = useState7([""]);
   const [historyIndex, setHistoryIndex] = useState7(0);
+  const historyRef = useRef4({ history, historyIndex });
+  historyRef.current = { history, historyIndex };
   const openEpoch = useRef4(0);
   const landedForEpoch = useRef4(-1);
   const userMovedEpoch = useRef4(-1);
@@ -1884,6 +1926,7 @@ function ContentBrowserPanel({
   const [previewWidth, setPreviewWidth] = useLocalSize("view.cb.previewWidth", 280, 180, 560);
   useEffect5(() => {
     openEpoch.current += 1;
+    setPackSources([]);
     setHistory([""]);
     setHistoryIndex(0);
     setSelectedIds(/* @__PURE__ */ new Set());
@@ -1892,6 +1935,7 @@ function ContentBrowserPanel({
     setExpandedPacks(/* @__PURE__ */ new Set());
     setFavorites(/* @__PURE__ */ new Set());
     setQuery("");
+    cancelReveal();
   }, [project?.id]);
   useEffect5(() => {
     const epoch = openEpoch.current;
@@ -1924,14 +1968,109 @@ function ContentBrowserPanel({
       searchQuery: query,
       activeFamilies,
       activeKinds,
+      revealPath: revealFocus,
       sortState,
       expandedPacks,
       withKindLabel: (file) => file
     }),
-    [activeFamilies, activeKinds, expandedPacks, folder, folders, labeledFiles, query, sortState]
+    [activeFamilies, activeKinds, expandedPacks, folder, folders, labeledFiles, query, revealFocus, sortState]
   );
   const { viewItems, foldersInPath, searchActive } = derived;
+  useEffect5(() => {
+    const transport = client?.transport;
+    if (!client || !transport?.subscribe || !transport.request || !project?.id) return;
+    const workspaceClient = client;
+    let retired = false;
+    let activeRequestId;
+    const unsubscribe = transport.subscribe(VIEW_PACK_REVEAL_TOPIC, async (intent) => {
+      if (intent.cancelled) {
+        if (activeRequestId === intent.requestId) {
+          activeRequestId = void 0;
+          ++revealEpoch.current;
+          setRevealFocus(null);
+        }
+        return;
+      }
+      activeRequestId = intent.requestId;
+      const epoch = ++revealEpoch.current;
+      const current = () => !retired && epoch === revealEpoch.current;
+      const acknowledge = async (shown, reason) => {
+        if (retired) return;
+        await transport.request(VIEW_PACK_REVEAL_ACK_SERVICE, {
+          requestId: intent.requestId,
+          projectId: intent.projectId,
+          sourcePath: intent.sourcePath,
+          revision: intent.revision,
+          shown,
+          reason
+        }).catch(() => {
+        });
+      };
+      if (intent.projectId !== project.id) {
+        await acknowledge(false, "project-mismatch");
+        return;
+      }
+      if (!revealPanel) {
+        await acknowledge(false, "panel-reveal-unavailable");
+        return;
+      }
+      try {
+        const inventory = await transport.request(VIEW_PACK_SOURCES_SERVICE, { projectId: project.id });
+        const source = inventory.sources.find((row) => row.sourcePath === intent.sourcePath);
+        if (!source || source.revision !== intent.revision) {
+          await acknowledge(false, "source-revision-changed");
+          return;
+        }
+        if (!current()) {
+          await acknowledge(false, "user-navigation-cancelled");
+          return;
+        }
+        setPackSources(inventory.sources);
+        await workspaceClient.selectTab(VIEW_WORKSPACE_TAB_ID);
+        if (!current()) {
+          await acknowledge(false, "user-navigation-cancelled");
+          return;
+        }
+        if (!await revealPanel() || !current()) {
+          await acknowledge(false, "panel-reveal-unavailable");
+          return;
+        }
+        const path = source.sourcePath;
+        const directory = path.slice(0, path.lastIndexOf("/"));
+        setRevealFocus(path);
+        const currentHistory = historyRef.current;
+        const nextHistory = [...currentHistory.history.slice(0, currentHistory.historyIndex + 1), directory];
+        setHistory(nextHistory);
+        setHistoryIndex(nextHistory.length - 1);
+        setExpandedPacks((current2) => new Set(current2).add(path));
+        setSelectedIds(/* @__PURE__ */ new Set([path]));
+        setPreviewKey(path);
+        for (let attempt = 0; attempt < 40 && current(); attempt++) {
+          await new Promise((resolve) => requestAnimationFrame(resolve));
+          const panel = document.querySelector('[data-testid="panel-content-browser"]');
+          const card = [...panel?.querySelectorAll("[data-cb-path]") ?? []].find((element) => element.dataset.cbPath === path);
+          if (card) card.scrollIntoView({ block: "nearest" });
+          await new Promise((resolve) => requestAnimationFrame(resolve));
+          const panelRect = panel?.getBoundingClientRect();
+          const cardRect = card?.getBoundingClientRect();
+          const shown = current() && card?.getAttribute("aria-selected") === "true" && document.documentElement.dataset.forgeaxViewActivePage === "editor" && !!panelRect && !!cardRect && panelRect.width > 0 && panelRect.height > 0 && cardRect.width > 0 && cardRect.height > 0 && cardRect.bottom > panelRect.top && cardRect.top < panelRect.bottom && cardRect.right > panelRect.left && cardRect.left < panelRect.right;
+          if (shown) {
+            await acknowledge(true);
+            return;
+          }
+        }
+        await acknowledge(false, current() ? "pack-card-not-visible" : "user-navigation-cancelled");
+      } catch (error) {
+        await acknowledge(false, `reveal-error:${error instanceof Error ? error.message : String(error)}`.slice(0, 160));
+      }
+    });
+    return () => {
+      retired = true;
+      unsubscribe();
+    };
+  }, [client, project?.id, revealPanel]);
   const navigate = (path) => {
+    cancelReveal();
     userMovedEpoch.current = openEpoch.current;
     const normalized = normalizePathInput(path);
     if (normalized === folder) return;
@@ -1941,6 +2080,7 @@ function ContentBrowserPanel({
     setHistoryIndex(next.length - 1);
   };
   const selectItem = (item, event) => {
+    cancelReveal();
     setActionError("");
     const key = viewItemKey(item);
     const toggleOff = Boolean((event?.ctrlKey || event?.metaKey) && selectedIds.has(key));
@@ -1969,13 +2109,18 @@ function ContentBrowserPanel({
     }
   };
   const assetToOpen = (item) => item.type === "asset" ? item : item.type === "file" ? item.assets.find((asset) => asset.kind === "scene") ?? item.assets[0] : void 0;
-  const canActivate = (item) => item.type === "folder" || !!client && !!project && !!assetToOpen(item);
+  const canActivate = (item) => item.type === "folder" || item.type === "file" && item.isAssetPackage && !!project || !!client && !!project && !!assetToOpen(item);
   const activateItem = (item) => {
     setActionError("");
     if (item.type === "folder") {
       navigate(item.path);
       return;
     }
+    if (item.type === "file" && item.isAssetPackage) {
+      setPreviewKey(viewItemKey(item));
+      if (item.assets.length > 0) setExpandedPacks((current) => new Set(current).add(item.path));
+      return;
+    }
     if (!client || !project) return;
     const guid = assetToOpen(item)?.guid;
     if (!guid) return;
@@ -2083,6 +2228,7 @@ function ContentBrowserPanel({
     }
   ];
   const applyFilter = (filterId) => {
+    cancelReveal();
     const next = toggleFilterId(filterId, activeFamilies, activeKinds);
     setActiveFamilies(next.families);
     setActiveKinds(next.kinds);
@@ -2219,8 +2365,14 @@ function ContentBrowserPanel({
                     canGoBack: historyIndex > 0,
                     canGoForward: historyIndex < history.length - 1,
                     refreshDisabled: !project || loading,
-                    onBack: () => setHistoryIndex((index) => Math.max(0, index - 1)),
-                    onForward: () => setHistoryIndex((index) => Math.min(history.length - 1, index + 1)),
+                    onBack: () => {
+                      cancelReveal();
+                      setHistoryIndex((index) => Math.max(0, index - 1));
+                    },
+                    onForward: () => {
+                      cancelReveal();
+                      setHistoryIndex((index) => Math.min(history.length - 1, index + 1));
+                    },
                     onRefresh: () => void refresh(),
                     onNavigate: navigate
                   }
@@ -2247,7 +2399,13 @@ function ContentBrowserPanel({
                     }
                   ),
                   /* @__PURE__ */ jsx10(Button, { ref: filterButtonRef, size: "compact", variant: "quiet", "data-action": CONTENT_BROWSER_ACTIONS.setFilter, className: activeFilterCount ? "is-active" : void 0, leadingIcon: /* @__PURE__ */ jsx10(Filter, { size: 14 }), onClick: () => openToolbarMenu("filter"), children: filterLabel }),
-                  /* @__PURE__ */ jsx10(SearchField, { className: "cb-search-box", "data-action": CONTENT_BROWSER_ACTIONS.search, value: query, onChange: (event) => setQuery(event.target.value), onClear: () => setQuery(""), placeholder: t2("contentBrowser.searchPlaceholder"), label: t2("contentBrowser.search") }),
+                  /* @__PURE__ */ jsx10(SearchField, { className: "cb-search-box", "data-action": CONTENT_BROWSER_ACTIONS.search, value: query, onChange: (event) => {
+                    cancelReveal();
+                    setQuery(event.target.value);
+                  }, onClear: () => {
+                    cancelReveal();
+                    setQuery("");
+                  }, placeholder: t2("contentBrowser.searchPlaceholder"), label: t2("contentBrowser.search") }),
                   /* @__PURE__ */ jsx10(Button, { ref: sortButtonRef, size: "compact", variant: "quiet", "data-action": CONTENT_BROWSER_ACTIONS.setSort, leadingIcon: /* @__PURE__ */ jsx10(ArrowUpDown, { size: 14 }), onClick: () => openToolbarMenu("sort"), children: sortLabels[sortState.key] })
                 ] }),
                 loading ? /* @__PURE__ */ jsx10("div", { role: "status", children: "Loading assets..." }) : null,
@@ -2271,7 +2429,10 @@ function ContentBrowserPanel({
                     onSelect: selectItem,
                     onActivate: activateItem,
                     onContextMenu: (event, item) => showMenu(event, itemMenu(item)),
-                    onBlankClick: () => setSelectedIds(/* @__PURE__ */ new Set())
+                    onBlankClick: () => {
+                      cancelReveal();
+                      setSelectedIds(/* @__PURE__ */ new Set());
+                    }
                   }
                 ) : /* @__PURE__ */ jsx10(
                   CBGrid,
@@ -2287,7 +2448,10 @@ function ContentBrowserPanel({
                     onActivate: activateItem,
                     onContextMenu: (event, item) => showMenu(event, itemMenu(item)),
                     onTogglePackExpansion: togglePackExpansion,
-                    onBlankClick: () => setSelectedIds(/* @__PURE__ */ new Set())
+                    onBlankClick: () => {
+                      cancelReveal();
+                      setSelectedIds(/* @__PURE__ */ new Set());
+                    }
                   }
                 ),
                 /* @__PURE__ */ jsxs8("footer", { className: "cb-status", children: [
@@ -2303,6 +2467,7 @@ function ContentBrowserPanel({
                   diskFiles: labeledFiles,
                   projectLabel,
                   readPreview,
+                  onOpenAsset: activateItem,
                   onClose: () => setPreviewKey(null),
                   onDrag: (delta) => {
                     const next = previewWidth - delta;
@@ -2348,6 +2513,7 @@ function ContentBrowserPanel({
           }),
           /* @__PURE__ */ jsx10("div", { className: "cb-filter-separator" }),
           /* @__PURE__ */ jsx10("button", { type: "button", className: "cb-filter-option cb-filter-clear", disabled: activeFilterCount === 0, onClick: () => {
+            cancelReveal();
             setActiveFamilies(/* @__PURE__ */ new Set());
             setActiveKinds(/* @__PURE__ */ new Set());
           }, children: t2("contentBrowser.clearFilters") })
@@ -2456,10 +2622,10 @@ function ContentBrowserPanel({
 }
 
 // packages/view-plugin-content-browser/src/ui/content-browser.css
-var css2 = '/* packages/view-plugin-content-browser/src/ui/content-browser.css */\n.cb-root {\n  --cb-layout-min-width: calc(var(--fx-component-panel-chat-min-width) + var(--fx-ref-space-48) + var(--fx-ref-space-32));\n  --cb-source-width: calc(var(--fx-component-panel-config-min-width) - var(--fx-ref-space-48));\n  --cb-source-min-width: calc(var(--fx-ref-space-48) * 2 + var(--fx-ref-space-32) + var(--fx-ref-space-12));\n  --cb-resize-width: var(--fx-ref-space-6);\n  --cb-resize-offset: calc(-1 * var(--fx-ref-space-2));\n  --cb-grid-min-width: calc(var(--fx-ref-space-48) * 2 + var(--fx-ref-space-24));\n  --cb-grid-min-height: calc(var(--fx-ref-space-48) * 2 + var(--fx-ref-space-32) + var(--fx-ref-space-12));\n  --cb-thumb-default: calc(var(--fx-ref-space-48) + var(--fx-ref-space-32) + var(--fx-ref-space-8));\n  --cb-import-pop-left: calc(var(--fx-component-navigation-rail-width) + var(--fx-ref-space-12));\n  --cb-card-line: 13px;\n  --cb-folder-icon: #c9a86a;\n  --cb-group-stack: 6px;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-width: var(--cb-layout-min-width);\n  min-height: 0;\n  overflow: hidden;\n  background: var(--fx-color-surface-canvas);\n  color: var(--fx-color-text-secondary);\n  font: var(--fx-type-compact-font-weight) var(--fx-type-compact-font-size)/var(--fx-type-compact-line-height) var(--fx-type-compact-font-family);\n  user-select: none;\n}\n.cb-root * {\n  box-sizing: border-box;\n}\n.cb-root :where(input, textarea, .cb-address, .cb-address-input, .cb-preview-source, .cb-preview-code-plain, .cb-preview-code-shiki) {\n  user-select: text;\n}\n.cb-root button,\n.cb-root input {\n  font: inherit;\n}\n.cb-split {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n.cb-source-panel {\n  flex: 0 0 var(--cb-src-w, var(--cb-source-width));\n  width: var(--cb-src-w, var(--cb-source-width));\n  min-width: var(--cb-source-min-width);\n  overflow: auto;\n  background: var(--fx-color-surface-sidebar);\n}\n.cb-resize-handle {\n  position: relative;\n  z-index: var(--fx-layer-sticky);\n  flex: 0 0 var(--cb-resize-width);\n  width: var(--cb-resize-width);\n  margin: 0 var(--cb-resize-offset);\n  cursor: col-resize;\n}\n.cb-resize-handle::after {\n  content: "";\n  position: absolute;\n  inset: 0 auto 0 50%;\n  width: var(--fx-border-width);\n  background: var(--fx-color-border-subtle);\n}\n.cb-resize-handle:hover::after {\n  background: var(--fx-color-border-focus);\n}\n.cb-source-tree {\n  min-width: 0;\n  padding: var(--fx-ref-space-4) 0;\n}\n.cb-source-group + .cb-source-group {\n  margin-top: var(--fx-ref-space-2);\n}\n.cb-source-group-head,\n.cb-source-row {\n  appearance: none;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  min-width: 0;\n  border: var(--fx-border-width) solid transparent;\n  text-align: left;\n  cursor: pointer;\n}\n.cb-source-group-head {\n  gap: var(--fx-ref-space-4);\n  padding: var(--fx-ref-space-4) var(--fx-ref-space-8);\n  background: var(--fx-color-surface-raised);\n  color: var(--fx-color-text-secondary);\n  font-weight: var(--fx-ref-font-weight-600);\n}\n.cb-source-group-head:hover,\n.cb-source-row:hover {\n  background: var(--fx-color-surface-hover);\n  color: var(--fx-color-text-primary);\n}\n.cb-source-group-head.collapsed .cb-source-chev,\n.cb-source-chev.collapsed {\n  transform: rotate(-90deg);\n}\n.cb-source-group-icon {\n  flex: 0 0 auto;\n  color: var(--fx-color-text-muted);\n}\n.cb-source-group-head .cb-folder-icon {\n  color: var(--cb-folder-icon);\n}\n.cb-source-group-name,\n.cb-source-name {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cb-source-group-body {\n  padding: var(--fx-ref-space-2) 0 var(--fx-ref-space-4);\n}\n.cb-source-empty {\n  padding: var(--fx-ref-space-4) var(--fx-ref-space-12) var(--fx-ref-space-4) var(--fx-ref-space-16);\n  color: var(--fx-color-text-muted);\n  font-size: var(--fx-type-caption-font-size);\n  font-style: italic;\n}\n.cb-source-row {\n  gap: var(--fx-ref-space-4);\n  min-height: var(--fx-component-editor-row-height);\n  padding-top: var(--fx-ref-space-4);\n  padding-right: var(--fx-ref-space-12);\n  padding-bottom: var(--fx-ref-space-4);\n  background: transparent;\n  color: var(--fx-color-text-secondary);\n}\n.cb-source-row.is-path:not(.is-sel) {\n  background: color-mix(in srgb, var(--fx-color-surface-hover) 55%, transparent);\n  color: var(--fx-color-text-primary);\n}\n.cb-source-group-head.is-sel,\n.cb-source-row.is-sel {\n  background: var(--fx-color-selection-bg);\n  color: var(--fx-color-selection-fg);\n  box-shadow: inset var(--fx-border-focus-width) 0 0 var(--fx-color-selection-indicator);\n}\n.cb-source-row:focus-visible,\n.cb-source-group-head:focus-visible {\n  outline: var(--fx-border-focus-width) solid var(--fx-color-border-focus);\n  outline-offset: calc(-1 * var(--fx-border-focus-width));\n}\n.cb-source-chev {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--fx-component-choice-size);\n  height: var(--fx-component-choice-size);\n  flex: 0 0 var(--fx-component-choice-size);\n  color: var(--fx-color-text-muted);\n  transition: transform var(--fx-motion-hover) var(--fx-motion-ease);\n}\n.cb-source-chev.hidden {\n  visibility: hidden;\n}\n.cb-source-icon {\n  display: inline-flex;\n  flex: 0 0 var(--fx-component-choice-size);\n  color: var(--cb-folder-icon);\n}\n.cb-source-name {\n  flex: 1;\n}\n.cb-source-fav-row {\n  display: flex;\n  align-items: stretch;\n  width: 100%;\n  min-width: 0;\n}\n.cb-source-fav-row .cb-source-row {\n  flex: 1;\n  width: auto;\n  min-width: 0;\n  padding-right: var(--fx-ref-space-4);\n  background: transparent;\n  box-shadow: none;\n}\n.cb-source-fav-row .cb-source-row:hover {\n  background: transparent;\n}\n.cb-source-fav-row:hover {\n  background: var(--fx-color-surface-hover);\n  color: var(--fx-color-text-primary);\n}\n.cb-source-fav-row.is-path:not(.is-sel) {\n  background: color-mix(in srgb, var(--fx-color-surface-hover) 55%, transparent);\n  color: var(--fx-color-text-primary);\n}\n.cb-source-fav-row.is-sel {\n  background: var(--fx-color-selection-bg);\n  color: var(--fx-color-selection-fg);\n  box-shadow: inset var(--fx-border-focus-width) 0 0 var(--fx-color-selection-indicator);\n}\n.cb-source-unfav {\n  appearance: none;\n  flex: 0 0 auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--fx-component-control-icon-hit-area-min);\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: var(--fx-color-status-warning-fg);\n  cursor: pointer;\n}\n.cb-source-unfav:hover {\n  color: var(--fx-color-text-primary);\n}\n.cb-asset-view {\n  position: relative;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n}\n.cb-toolbar {\n  position: relative;\n  flex: 0 0 var(--fx-component-panel-header-height);\n  gap: var(--fx-ref-space-6);\n  min-width: 0;\n  padding: 0 var(--fx-ref-space-8);\n}\n.cb-toolbar > .fx-panel-header__slot:nth-child(2) {\n  flex: 1 1 auto;\n}\n.cb-toolbar-group {\n  flex: 0 0 auto;\n}\n.cb-navigation-bar {\n  flex: 1 1 auto;\n  min-width: calc(var(--fx-ref-space-48) + var(--fx-ref-space-32));\n  overflow: hidden;\n}\n.cb-address-slot {\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  min-width: var(--fx-ref-space-32);\n  height: var(--fx-component-control-height-compact);\n}\n.cb-address,\n.cb-address-input {\n  width: 100%;\n  height: var(--fx-component-control-height-compact);\n  min-width: 0;\n  box-sizing: border-box;\n  border: var(--fx-border-width) solid var(--fx-color-border-control);\n  border-radius: var(--fx-radius-control);\n  background: var(--fx-color-surface-inset);\n  color: var(--fx-color-text-secondary);\n}\n.cb-address {\n  display: flex;\n  align-items: center;\n  padding: 0 var(--fx-ref-space-8);\n  overflow: hidden;\n  cursor: text;\n}\n.cb-address-crumb {\n  display: flex;\n  flex: 0 1 auto;\n  align-items: center;\n  min-width: 0;\n  overflow: hidden;\n}\n.cb-root .cb-address:focus-visible,\n.cb-root .cb-address-input:focus,\n.cb-root .cb-address-input:focus-visible {\n  outline: none;\n  border-color: var(--fx-color-border-essential);\n}\n.cb-address-input {\n  margin: 0;\n  padding: 0 var(--fx-ref-space-8);\n  font: inherit;\n  color: var(--fx-color-text-primary);\n  appearance: none;\n  outline: none;\n}\n.cb-address-input::placeholder {\n  color: var(--fx-color-text-muted);\n}\n.cb-crumb-segment {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  color: var(--fx-color-text-muted);\n}\n.cb-crumb-item {\n  min-width: 0;\n  padding: var(--fx-ref-space-2) var(--fx-ref-space-4);\n  border: 0;\n  border-radius: var(--fx-ref-radius-4);\n  background: transparent;\n  color: var(--fx-color-text-muted);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.cb-crumb-item:hover {\n  background: var(--fx-color-surface-hover);\n  color: var(--fx-color-text-primary);\n}\n.cb-crumb-current {\n  color: var(--fx-color-text-primary);\n  font-weight: var(--fx-ref-font-weight-600);\n}\n.cb-crumb-chevron {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--fx-color-text-muted);\n}\n.cb-crumb-chevron-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--fx-ref-space-16);\n  height: var(--fx-component-control-height-compact);\n  padding: 0;\n  border: 0;\n  border-radius: var(--fx-ref-radius-4);\n  background: transparent;\n  color: var(--fx-color-text-muted);\n  cursor: pointer;\n  appearance: none;\n}\n.cb-crumb-chevron-btn > svg {\n  transition: transform 0.12s ease;\n}\n.cb-crumb-chevron-btn:hover {\n  background: var(--fx-color-surface-hover);\n  color: var(--fx-color-text-primary);\n}\n.cb-crumb-chevron-btn[aria-expanded=true] {\n  color: var(--fx-color-text-primary);\n}\n.cb-crumb-chevron-btn[aria-expanded=true] > svg {\n  transform: rotate(90deg);\n}\n.cb-crumb-chevron .fx-menu-dropdown__anchor {\n  display: inline-flex;\n}\n.cb-crumb-menu .fx-menu {\n  max-height: 320px;\n  overflow-y: auto;\n}\n.cb-crumb-menu .fx-menu__item[data-active] {\n  color: var(--fx-color-text-primary);\n  font-weight: var(--fx-ref-font-weight-600);\n}\n.cb-content-body {\n  display: flex;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n}\n.cb-grid-column {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  min-width: 0;\n  min-height: var(--cb-grid-min-height);\n  overflow: hidden;\n}\n.cb-filter-bar {\n  position: relative;\n  flex: 0 0 var(--fx-component-panel-header-height);\n  gap: var(--fx-ref-space-6);\n  padding: var(--fx-ref-space-6) var(--fx-ref-space-8);\n  border-bottom: var(--fx-border-width) solid var(--fx-color-border-subtle);\n}\n.cb-filter-bar .is-active {\n  color: var(--fx-color-brand-text);\n  background: var(--fx-color-brand-soft);\n}\n.cb-search-box {\n  flex: 0 0 auto;\n  width: var(--fx-component-menu-min-width);\n  max-width: 100%;\n}\n.cb-search-box .fx-input {\n  height: var(--fx-component-control-height-compact);\n}\n.cb-pop {\n  position: absolute;\n  z-index: var(--fx-layer-popover);\n}\n.cb-pop-create {\n  top: var(--fx-component-panel-header-height);\n  left: var(--fx-ref-space-8);\n}\n.cb-pop-import {\n  top: var(--fx-component-panel-header-height);\n  left: var(--cb-import-pop-left);\n}\n.cb-settings-menu {\n  min-width: var(--fx-component-menu-min-width);\n  padding: var(--fx-ref-space-6);\n  border: var(--fx-border-width) solid var(--fx-color-border-default);\n  border-radius: var(--fx-radius-popover);\n  background: var(--fx-color-surface-raised);\n  color: var(--fx-color-text-primary);\n  box-shadow: var(--fx-shadow-floating);\n}\n.cb-settings-menu > strong {\n  display: block;\n  padding: var(--fx-ref-space-6) var(--fx-ref-space-8);\n  color: var(--fx-color-text-muted);\n  font-size: var(--fx-type-caption-font-size);\n}\n.cb-menu-title {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--fx-ref-space-6);\n}\n.cb-menu-icon-placeholder {\n  width: var(--fx-component-control-icon-size);\n}\n.cb-layout-switch {\n  padding: var(--fx-ref-space-2) var(--fx-ref-space-8) var(--fx-ref-space-6);\n}\n.cb-settings-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--fx-ref-space-12);\n  padding: var(--fx-ref-space-8);\n}\n.cb-settings-label {\n  color: var(--fx-color-text-secondary);\n  white-space: nowrap;\n}\n.cb-settings-range {\n  flex: 0 0 auto;\n}\n.cb-settings-switch-row {\n  margin: 0 var(--fx-ref-space-2);\n}\n.cb-grid-view {\n  position: relative;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n.cb-fe-grid {\n  display: grid;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  grid-template-columns: repeat(auto-fill, minmax(0, var(--cb-thumb, 88px)));\n  grid-auto-rows: max-content;\n  align-content: start;\n  justify-content: start;\n  gap: calc(var(--fx-ref-space-8) + var(--cb-group-stack));\n  padding: var(--fx-ref-space-12);\n  overflow-x: hidden;\n}\n.cb-grid-item {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  padding: var(--fx-ref-space-4);\n  border: var(--fx-border-width) solid transparent;\n  border-radius: var(--fx-radius-control);\n  background: var(--fx-color-surface-raised);\n  color: var(--fx-color-text-secondary);\n  cursor: pointer;\n}\n.cb-grid-folder {\n  background: transparent;\n}\n.cb-grid-item:hover {\n  background: var(--fx-color-surface-hover);\n}\n.cb-grid-item.sel {\n  border-color: var(--fx-color-selection-indicator);\n  background: var(--fx-color-selection-bg);\n  box-shadow: 0 0 0 var(--fx-border-width) var(--fx-color-selection-indicator);\n}\n.cb-grid-item:focus-visible {\n  outline: var(--fx-border-focus-width) solid var(--fx-color-border-focus);\n  outline-offset: var(--fx-border-focus-offset);\n}\n.cb-grid-item.is-busy,\n.cb-details-row.is-busy {\n  cursor: progress;\n}\n.cb-item-busy-veil {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: color-mix(in srgb, var(--fx-color-surface-raised) 55%, transparent);\n  pointer-events: none;\n}\n.cb-item-busy-veil .fx-spinner,\n.cb-item-busy-inline {\n  width: 14px;\n  height: 14px;\n  flex: 0 0 14px;\n}\n.cb-grid-view.cb-layout-list .cb-item-busy-inline {\n  margin-left: auto;\n}\n.cb-grid-thumb {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  aspect-ratio: 1;\n  overflow: hidden;\n  border-radius: var(--fx-radius-control);\n  background: var(--fx-color-surface-inset);\n}\n.cb-grid-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  color: var(--fx-color-text-muted);\n}\n.cb-grid-icon svg {\n  width: 46%;\n  height: 46%;\n}\n.cb-folder-icon {\n  color: var(--cb-folder-icon);\n}\n.cb-preview-ico.cb-folder-icon,\n.cb-preview-list-ico.cb-folder-icon,\n.cb-details-icon.cb-folder-icon,\n.cb-filter-option-icon.cb-folder-icon {\n  color: var(--cb-folder-icon);\n}\n.cb-grid-thumb .cb-folder-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n}\n.cb-grid-thumb .cb-folder-icon svg {\n  width: 86%;\n  height: 86%;\n  color: currentColor;\n}\n.cb-grid-label {\n  width: 100%;\n  margin-top: var(--fx-ref-space-4);\n  overflow: hidden;\n  text-align: center;\n}\n.cb-fe-label {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  width: 100%;\n  flex: 0 0 auto;\n  height: calc(var(--cb-card-line) * 4);\n  overflow: hidden;\n}\n.cb-fe-name {\n  display: -webkit-box;\n  margin-top: 0;\n  overflow: hidden;\n  color: var(--fx-color-text-primary);\n  font-size: var(--fx-type-caption-font-size);\n  line-height: var(--cb-card-line);\n  text-align: center;\n  white-space: normal;\n  word-break: normal;\n  overflow-wrap: anywhere;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 4;\n}\n.cb-fe-label.has-kind .cb-fe-name {\n  min-height: calc(var(--cb-card-line) * 3);\n  -webkit-line-clamp: 3;\n}\n.cb-card-meta,\n.cb-card-kind {\n  width: 100%;\n  flex: 0 0 auto;\n  margin-top: auto;\n  overflow: hidden;\n  color: var(--fx-color-text-muted);\n  font-size: var(--fx-type-caption-font-size);\n  line-height: var(--cb-card-line);\n  text-align: center;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cb-fe-grid.cb-layout-list {\n  grid-template-columns: minmax(0, 1fr);\n  grid-auto-rows: auto;\n  gap: var(--fx-ref-space-2);\n  padding: var(--fx-ref-space-4) var(--fx-ref-space-6);\n  overflow-x: hidden;\n}\n.cb-grid-view.cb-layout-list .cb-grid-item {\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n  min-width: 0;\n  min-height: 40px;\n  padding: var(--fx-ref-space-4) var(--fx-ref-space-8);\n  gap: var(--fx-ref-space-8);\n  overflow: hidden;\n  box-shadow: none;\n}\n.cb-grid-view.cb-layout-list .cb-grid-item.sel {\n  box-shadow: none;\n}\n.cb-grid-view.cb-layout-list .cb-grid-thumb {\n  width: 32px;\n  height: 32px;\n  flex: 0 0 32px;\n  aspect-ratio: auto;\n  overflow: visible;\n}\n.cb-grid-view.cb-layout-list .cb-file-thumb {\n  position: static;\n}\n.cb-grid-view.cb-layout-list .cb-grid-thumb svg {\n  width: 20px;\n  height: 20px;\n}\n.cb-layout-list .cb-fe-label {\n  flex: 1 1 auto;\n  min-width: 0;\n  height: auto;\n  overflow: hidden;\n  flex-direction: row;\n  align-items: center;\n  text-align: left;\n}\n.cb-layout-list .cb-fe-name,\n.cb-layout-list .cb-fe-label.has-kind .cb-fe-name {\n  display: block;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n  text-align: left;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: unset;\n}\n.cb-layout-list .cb-card-meta,\n.cb-layout-list .cb-card-kind {\n  margin-top: 0;\n}\n.cb-layout-list .cb-card-meta {\n  display: none;\n}\n.cb-grid-view.cb-layout-list .cb-group-card:not(.cb-pack-expanded),\n.cb-grid-view.cb-layout-list .cb-group-card.sel:not(.cb-pack-expanded) {\n  box-shadow: none;\n}\n.cb-grid-view.cb-layout-list .cb-group-member:not(.sel) {\n  background: transparent;\n}\n.cb-grid-view.cb-layout-list .cb-group-member:not(.sel):hover {\n  background: var(--fx-color-surface-hover);\n}\n.cb-grid-view.cb-layout-list .cb-group-card,\n.cb-grid-view.cb-layout-list .cb-pack-expanded {\n  padding-right: calc(var(--fx-ref-space-8) + 44px);\n}\n.cb-grid-view.cb-layout-list .cb-group-badge {\n  top: 50%;\n  right: var(--fx-ref-space-8);\n  bottom: auto;\n  transform: translateY(-50%);\n}\n.cb-details-view {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  min-height: 0;\n  overflow: auto;\n  padding: 0 var(--fx-ref-space-6) var(--fx-ref-space-8);\n  --cb-details-cols: minmax(160px, 1fr) 160px 90px 130px;\n}\n.cb-details-header,\n.cb-details-row {\n  display: grid;\n  grid-template-columns: var(--cb-details-cols);\n  align-items: center;\n}\n.cb-details-header {\n  position: sticky;\n  z-index: var(--fx-layer-sticky);\n  top: 0;\n  min-height: var(--fx-component-editor-row-height);\n  border-bottom: var(--fx-border-width) solid var(--fx-color-border-default);\n  background: var(--fx-color-surface-canvas);\n  color: var(--fx-color-text-muted);\n  font-size: var(--fx-type-caption-font-size);\n}\n.cb-details-th {\n  display: flex;\n  align-items: center;\n  gap: var(--fx-ref-space-4);\n  height: 100%;\n  padding: var(--fx-ref-space-4) var(--fx-ref-space-8);\n  border: 0;\n  background: transparent;\n  color: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n.cb-details-th:hover {\n  color: var(--fx-color-text-primary);\n}\n.cb-details-th.active,\n.cb-details-th[data-active=true] {\n  color: var(--fx-color-brand-text);\n}\n.cb-details-sort-arrow {\n  font-size: 9px;\n}\n.cb-details-body {\n  display: flex;\n  flex-direction: column;\n}\n.cb-details-row {\n  position: relative;\n  width: 100%;\n  border-radius: var(--fx-ref-radius-4);\n  color: var(--fx-color-text-secondary);\n  cursor: pointer;\n}\n.cb-details-row:hover {\n  background: var(--fx-color-surface-hover);\n}\n.cb-details-row.sel {\n  background: var(--fx-color-selection-bg);\n  box-shadow: inset var(--fx-border-focus-width) 0 0 var(--fx-color-selection-indicator);\n}\n.cb-details-row:focus-visible {\n  outline: var(--fx-border-focus-width) solid var(--fx-color-border-focus);\n  outline-offset: -2px;\n}\n.cb-details-cell {\n  min-width: 0;\n  padding: var(--fx-ref-space-4) var(--fx-ref-space-8);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cb-details-name {\n  display: flex;\n  align-items: center;\n  gap: var(--fx-ref-space-6);\n}\n.cb-details-icon {\n  display: inline-flex;\n  width: 16px;\n  height: 16px;\n  flex: 0 0 16px;\n}\n.cb-details-icon svg {\n  width: 16px;\n  height: 16px;\n}\n.cb-details-type,\n.cb-details-size,\n.cb-details-modified {\n  color: var(--fx-color-text-muted);\n}\n.cb-empty {\n  grid-column: 1 / -1;\n  color: var(--fx-color-text-muted);\n}\n.cb-status {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex: 0 0 var(--fx-component-editor-row-height);\n  min-height: var(--fx-component-editor-row-height);\n  padding: var(--fx-ref-space-4) var(--fx-ref-space-8);\n  border-top: var(--fx-border-width) solid var(--fx-color-border-subtle);\n  color: var(--fx-color-text-muted);\n  font-size: var(--fx-type-caption-font-size);\n}\n.cb-file-thumb {\n  position: relative;\n}\n.cb-group-card:not(.cb-pack-expanded) {\n  box-shadow:\n    3px 3px 0 0 var(--fx-color-surface-raised),\n    3px 3px 0 1px var(--fx-color-border-subtle),\n    6px 6px 0 0 var(--fx-color-surface-raised),\n    6px 6px 0 1px var(--fx-color-border-subtle);\n}\n.cb-group-card.sel:not(.cb-pack-expanded) {\n  box-shadow:\n    0 0 0 var(--fx-border-width) var(--fx-color-selection-indicator),\n    3px 3px 0 0 var(--fx-color-surface-raised),\n    3px 3px 0 1px var(--fx-color-border-subtle),\n    6px 6px 0 0 var(--fx-color-surface-raised),\n    6px 6px 0 1px var(--fx-color-border-subtle);\n}\n.cb-group-badge {\n  position: absolute;\n  right: 3px;\n  bottom: 3px;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  gap: 3px;\n  height: 22px;\n  padding: 0 8px;\n  border: 0;\n  border-radius: 11px;\n  background: color-mix(in srgb, var(--fx-color-surface-canvas) 62%, transparent);\n  color: var(--fx-color-text-inverse);\n  font-size: 11px;\n  font-weight: var(--fx-ref-font-weight-600);\n  cursor: pointer;\n}\n.cb-group-badge:hover {\n  background: rgb(0 0 0 / 62%);\n  color: #fff;\n}\n.cb-group-badge svg {\n  width: 11px;\n  height: 11px;\n  transition: transform var(--fx-motion-hover) var(--fx-motion-ease);\n}\n.cb-group-backdrops {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  pointer-events: none;\n}\n.cb-group-backdrop {\n  position: absolute;\n  background: rgb(0 0 0 / 10%);\n}\n.cb-group-member {\n  z-index: 1;\n}\n.cb-group-badge.open svg {\n  transform: rotate(180deg);\n}\n.cb-preview-panel {\n  display: flex;\n  flex: 0 0 var(--cb-preview-w, 280px);\n  flex-direction: column;\n  width: var(--cb-preview-w, 280px);\n  min-width: 180px;\n  max-width: 560px;\n  min-height: 0;\n  overflow: hidden;\n  border-left: var(--fx-border-width) solid var(--fx-color-border-subtle);\n  background: var(--fx-color-surface-canvas);\n}\n.cb-preview-head {\n  display: flex;\n  align-items: center;\n  gap: var(--fx-ref-space-8);\n  padding: var(--fx-ref-space-8) var(--fx-ref-space-8);\n  border-bottom: var(--fx-border-width) solid var(--fx-color-border-subtle);\n  flex-shrink: 0;\n}\n.cb-preview-mode-bar {\n  display: flex;\n  gap: var(--fx-ref-space-4);\n  padding: var(--fx-ref-space-6) var(--fx-ref-space-8);\n  border-bottom: var(--fx-border-width) solid var(--fx-color-border-subtle);\n  flex-shrink: 0;\n}\n.cb-preview-mode-btn {\n  flex: 1 1 0;\n  min-width: 0;\n  height: 24px;\n  padding: 0 var(--fx-ref-space-8);\n  overflow: hidden;\n  border: var(--fx-border-width) solid var(--fx-color-border-subtle);\n  border-radius: var(--fx-radius-control);\n  background: transparent;\n  color: var(--fx-color-text-muted);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.cb-preview-mode-btn:hover {\n  color: var(--fx-color-text-primary);\n  background: var(--fx-color-surface-hover);\n}\n.cb-preview-mode-btn.is-active {\n  color: var(--fx-color-text-primary);\n  border-color: var(--fx-color-border-strong);\n  background: var(--fx-color-surface-raised);\n}\n.cb-preview-ico,\n.cb-preview-list-ico {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 28px;\n  width: 28px;\n  height: 28px;\n  border-radius: var(--fx-radius-control);\n  background: var(--fx-color-surface-raised);\n  color: var(--fx-color-text-muted);\n}\n.cb-preview-list-ico {\n  flex-basis: 16px;\n  width: 16px;\n  height: 16px;\n  background: transparent;\n}\n.cb-preview-title {\n  flex: 1;\n  min-width: 0;\n}\n.cb-preview-title .name {\n  overflow: hidden;\n  color: var(--fx-color-text-primary);\n  font-weight: var(--fx-ref-font-weight-600);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cb-preview-title .meta {\n  overflow: hidden;\n  color: var(--fx-color-text-muted);\n  font: var(--fx-type-code-font-weight) var(--fx-type-caption-font-size)/var(--fx-type-caption-line-height) var(--fx-type-code-font-family);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cb-preview-close {\n  width: 24px;\n  height: 24px;\n}\n.cb-preview-body {\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n  padding: var(--fx-ref-space-8);\n}\n.cb-preview-empty .cb-preview-body {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  color: var(--fx-color-text-muted);\n}\n.cb-preview-list,\n.cb-preview-asset-list {\n  display: flex;\n  flex-direction: column;\n  gap: var(--fx-ref-space-4);\n}\n.cb-preview-list-item,\n.cb-preview-asset-row {\n  display: flex;\n  align-items: center;\n  gap: var(--fx-ref-space-8);\n  min-width: 0;\n  padding: var(--fx-ref-space-4) var(--fx-ref-space-6);\n  border-radius: var(--fx-radius-control);\n  color: var(--fx-color-text-secondary);\n}\n.cb-preview-list-item:hover,\n.cb-preview-asset-row:hover {\n  background: var(--fx-color-surface-hover);\n}\n.cb-preview-list-item > span:nth-of-type(2) {\n  flex: 1 1 0;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cb-preview-list-item .sub,\n.cb-preview-asset-row .guid,\n.cb-preview-asset-row .kind {\n  color: var(--fx-color-text-muted);\n  font: var(--fx-type-code-font-weight) var(--fx-type-caption-font-size)/var(--fx-type-caption-line-height) var(--fx-type-code-font-family);\n}\n.cb-preview-list-item .sub {\n  flex: 0 1 38%;\n  min-width: 0;\n  margin-left: auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cb-preview-asset-row > .cb-preview-asset-main {\n  flex: 1 1 0;\n  min-width: 0;\n}\n.cb-preview-asset-row > .cb-preview-asset-main > div {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cb-preview-asset-row .kind {\n  margin-left: 0;\n}\n.cb-preview-asset-row .guid {\n  flex: 0 1 auto;\n  max-width: 42%;\n  min-width: 0;\n  margin-left: auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cb-preview-media {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--fx-ref-space-8);\n  min-height: 0;\n}\n.cb-preview-image {\n  display: block;\n  max-width: 100%;\n  max-height: min(360px, 50vh);\n  object-fit: contain;\n  border-radius: var(--fx-radius-control);\n  background: var(--fx-color-surface-inset);\n}\n.cb-preview-audio,\n.cb-preview-video {\n  width: 100%;\n  max-width: 100%;\n}\n.cb-preview-video {\n  max-height: min(360px, 50vh);\n  border-radius: var(--fx-radius-control);\n  background: #000;\n}\n.cb-preview-font-sample {\n  margin: 0;\n  color: var(--fx-color-text-primary);\n  font-size: 1.35rem;\n  line-height: 1.4;\n  text-align: center;\n}\n.cb-preview-font-meta {\n  margin: 0;\n  max-width: 100%;\n  overflow: hidden;\n  color: var(--fx-color-text-muted);\n  font: var(--fx-type-caption-font-size)/var(--fx-type-caption-line-height) var(--fx-type-code-font-family);\n  text-align: center;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cb-preview-asset-hero {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--fx-ref-space-16) 0 var(--fx-ref-space-8);\n}\n.cb-preview-hero-icon {\n  color: var(--fx-color-text-muted);\n}\n.cb-preview-note {\n  padding: var(--fx-ref-space-8) var(--fx-ref-space-8);\n  overflow: hidden;\n  border: var(--fx-border-width) solid var(--fx-color-border-subtle);\n  border-radius: var(--fx-radius-control);\n  background: var(--fx-color-surface-raised);\n  color: var(--fx-color-text-muted);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cb-preview-source {\n  margin: 0;\n  padding: var(--fx-ref-space-8);\n  overflow: auto;\n  border: var(--fx-border-width) solid var(--fx-color-border-subtle);\n  border-radius: var(--fx-radius-control);\n  background: var(--fx-color-surface-inset);\n  color: var(--fx-color-text-secondary);\n  font: var(--fx-type-code-font-weight) var(--fx-type-code-font-size)/var(--fx-type-code-line-height) var(--fx-type-code-font-family);\n  white-space: pre-wrap;\n}\n.cb-preview-code {\n  display: flex;\n  flex-direction: column;\n  gap: var(--fx-ref-space-6);\n  min-height: 0;\n}\n.cb-preview-code-head {\n  display: flex;\n  align-items: center;\n  gap: var(--fx-ref-space-8);\n}\n.cb-preview-code-badge {\n  padding: var(--fx-ref-space-2) var(--fx-ref-space-8);\n  border-radius: var(--fx-radius-pill);\n  background: var(--fx-color-surface-hover);\n  color: var(--fx-color-text-muted);\n  font: var(--fx-type-code-font-weight) var(--fx-type-caption-font-size)/var(--fx-type-caption-line-height) var(--fx-type-code-font-family);\n  letter-spacing: 0.03em;\n  text-transform: uppercase;\n}\n.cb-preview-code-hint {\n  color: var(--fx-color-text-disabled);\n  font-size: var(--fx-type-caption-font-size);\n}\n.cb-preview-code-plain,\n.cb-preview-code-shiki pre.shiki {\n  margin: 0;\n  white-space: pre-wrap;\n  word-break: break-word;\n  font: var(--fx-type-code-font-weight) var(--fx-type-code-font-size)/var(--fx-type-code-line-height) var(--fx-type-code-font-family);\n}\n.cb-preview-code-plain {\n  color: var(--fx-color-text-secondary);\n}\n.cb-preview-code-shiki pre.shiki {\n  background: transparent !important;\n}\n.cb-preview-code-shiki pre.shiki code {\n  background: transparent;\n  padding: 0;\n  border-radius: 0;\n  color: inherit;\n  font-size: inherit;\n}\n.cb-filter-menu-body {\n  min-width: 220px;\n  padding: var(--fx-ref-space-4);\n  border: var(--fx-border-width) solid var(--fx-color-border-default);\n  border-radius: var(--fx-radius-popover);\n  background: var(--fx-color-surface-raised);\n  box-shadow: var(--fx-shadow-floating);\n}\n.cb-filter-section {\n  padding: var(--fx-ref-space-6) var(--fx-ref-space-8) var(--fx-ref-space-4);\n  color: var(--fx-color-text-muted);\n  font-size: var(--fx-type-caption-font-size);\n  font-weight: var(--fx-ref-font-weight-600);\n}\n.cb-filter-separator {\n  height: var(--fx-border-width);\n  margin: var(--fx-ref-space-4) 0;\n  background: var(--fx-color-border-subtle);\n}\n.cb-filter-option {\n  display: flex;\n  align-items: center;\n  gap: var(--fx-ref-space-8);\n  width: 100%;\n  min-height: var(--fx-component-editor-row-height);\n  padding: var(--fx-ref-space-4) var(--fx-ref-space-8);\n  border: 0;\n  border-radius: var(--fx-radius-control);\n  background: transparent;\n  color: var(--fx-color-text-secondary);\n  text-align: left;\n  cursor: pointer;\n}\n.cb-filter-option:hover {\n  background: var(--fx-color-surface-hover);\n  color: var(--fx-color-text-primary);\n}\n.cb-filter-option:disabled {\n  color: var(--fx-color-text-disabled);\n  cursor: default;\n}\n.cb-filter-option-icon {\n  flex: 0 0 14px;\n  width: 14px;\n  color: var(--fx-color-text-muted);\n}\n.cb-filter-check {\n  flex: 0 0 var(--fx-component-choice-size);\n  pointer-events: none;\n}\n.cb-filter-check.fx-choice {\n  align-items: center;\n  gap: 0;\n  min-height: 0;\n  margin: 0;\n}\n.cb-filter-check .fx-choice__text {\n  display: none;\n}\n.cb-radio-menu {\n  width: 14px;\n  height: 14px;\n  flex: 0 0 14px;\n  border: var(--fx-border-width) solid var(--fx-color-border-control);\n  border-radius: 999px;\n}\n.cb-radio-menu[data-checked=true] {\n  border-color: var(--fx-color-choice-indicator);\n  background:\n    radial-gradient(\n      circle at center,\n      var(--fx-color-choice-indicator) 4px,\n      transparent 5px);\n}\n@container (max-width: 660px) {\n  .cb-toolbar-group .fx-button {\n    width: var(--fx-component-control-height-compact);\n    padding: 0;\n    font-size: 0;\n  }\n}\n';
-if (typeof document !== "undefined" && !document.querySelector('style[data-forgeax-css="1ef84f0e3fb40317f76b77e1b83b84b7c994dc8c43c3bc38be5abb2446c7740b"]')) {
+var css2 = '/* packages/view-plugin-content-browser/src/ui/content-browser.css */\n.cb-root {\n  --cb-layout-min-width: calc(var(--fx-component-panel-chat-min-width) + var(--fx-ref-space-48) + var(--fx-ref-space-32));\n  --cb-source-width: calc(var(--fx-component-panel-config-min-width) - var(--fx-ref-space-48));\n  --cb-source-min-width: calc(var(--fx-ref-space-48) * 2 + var(--fx-ref-space-32) + var(--fx-ref-space-12));\n  --cb-resize-width: var(--fx-ref-space-6);\n  --cb-resize-offset: calc(-1 * var(--fx-ref-space-2));\n  --cb-grid-min-width: calc(var(--fx-ref-space-48) * 2 + var(--fx-ref-space-24));\n  --cb-grid-min-height: calc(var(--fx-ref-space-48) * 2 + var(--fx-ref-space-32) + var(--fx-ref-space-12));\n  --cb-thumb-default: calc(var(--fx-ref-space-48) + var(--fx-ref-space-32) + var(--fx-ref-space-8));\n  --cb-import-pop-left: calc(var(--fx-component-navigation-rail-width) + var(--fx-ref-space-12));\n  --cb-card-line: 13px;\n  --cb-folder-icon: #c9a86a;\n  --cb-group-stack: 6px;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-width: var(--cb-layout-min-width);\n  min-height: 0;\n  overflow: hidden;\n  background: var(--fx-color-surface-canvas);\n  color: var(--fx-color-text-secondary);\n  font: var(--fx-type-compact-font-weight) var(--fx-type-compact-font-size)/var(--fx-type-compact-line-height) var(--fx-type-compact-font-family);\n  user-select: none;\n}\n.cb-root * {\n  box-sizing: border-box;\n}\n.cb-root :where(input, textarea, .cb-address, .cb-address-input, .cb-preview-source, .cb-preview-code-plain, .cb-preview-code-shiki) {\n  user-select: text;\n}\n.cb-root button,\n.cb-root input {\n  font: inherit;\n}\n.cb-split {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n.cb-source-panel {\n  flex: 0 0 var(--cb-src-w, var(--cb-source-width));\n  width: var(--cb-src-w, var(--cb-source-width));\n  min-width: var(--cb-source-min-width);\n  overflow: auto;\n  background: var(--fx-color-surface-sidebar);\n}\n.cb-resize-handle {\n  position: relative;\n  z-index: var(--fx-layer-sticky);\n  flex: 0 0 var(--cb-resize-width);\n  width: var(--cb-resize-width);\n  margin: 0 var(--cb-resize-offset);\n  cursor: col-resize;\n}\n.cb-resize-handle::after {\n  content: "";\n  position: absolute;\n  inset: 0 auto 0 50%;\n  width: var(--fx-border-width);\n  background: var(--fx-color-border-subtle);\n}\n.cb-resize-handle:hover::after {\n  background: var(--fx-color-border-focus);\n}\n.cb-source-tree {\n  min-width: 0;\n  padding: var(--fx-ref-space-4) 0;\n}\n.cb-source-group + .cb-source-group {\n  margin-top: var(--fx-ref-space-2);\n}\n.cb-source-group-head,\n.cb-source-row {\n  appearance: none;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  min-width: 0;\n  border: var(--fx-border-width) solid transparent;\n  text-align: left;\n  cursor: pointer;\n}\n.cb-source-group-head {\n  gap: var(--fx-ref-space-4);\n  padding: var(--fx-ref-space-4) var(--fx-ref-space-8);\n  background: var(--fx-color-surface-raised);\n  color: var(--fx-color-text-secondary);\n  font-weight: var(--fx-ref-font-weight-600);\n}\n.cb-source-group-head:hover,\n.cb-source-row:hover {\n  background: var(--fx-color-surface-hover);\n  color: var(--fx-color-text-primary);\n}\n.cb-source-group-head.collapsed .cb-source-chev,\n.cb-source-chev.collapsed {\n  transform: rotate(-90deg);\n}\n.cb-source-group-icon {\n  flex: 0 0 auto;\n  color: var(--fx-color-text-muted);\n}\n.cb-source-group-head .cb-folder-icon {\n  color: var(--cb-folder-icon);\n}\n.cb-source-group-name,\n.cb-source-name {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cb-source-group-body {\n  padding: var(--fx-ref-space-2) 0 var(--fx-ref-space-4);\n}\n.cb-source-empty {\n  padding: var(--fx-ref-space-4) var(--fx-ref-space-12) var(--fx-ref-space-4) var(--fx-ref-space-16);\n  color: var(--fx-color-text-muted);\n  font-size: var(--fx-type-caption-font-size);\n  font-style: italic;\n}\n.cb-source-row {\n  gap: var(--fx-ref-space-4);\n  min-height: var(--fx-component-editor-row-height);\n  padding-top: var(--fx-ref-space-4);\n  padding-right: var(--fx-ref-space-12);\n  padding-bottom: var(--fx-ref-space-4);\n  background: transparent;\n  color: var(--fx-color-text-secondary);\n}\n.cb-source-row.is-path:not(.is-sel) {\n  background: color-mix(in srgb, var(--fx-color-surface-hover) 55%, transparent);\n  color: var(--fx-color-text-primary);\n}\n.cb-source-group-head.is-sel,\n.cb-source-row.is-sel {\n  background: var(--fx-color-selection-bg);\n  color: var(--fx-color-selection-fg);\n  box-shadow: inset var(--fx-border-focus-width) 0 0 var(--fx-color-selection-indicator);\n}\n.cb-source-row:focus-visible,\n.cb-source-group-head:focus-visible {\n  outline: var(--fx-border-focus-width) solid var(--fx-color-border-focus);\n  outline-offset: calc(-1 * var(--fx-border-focus-width));\n}\n.cb-source-chev {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--fx-component-choice-size);\n  height: var(--fx-component-choice-size);\n  flex: 0 0 var(--fx-component-choice-size);\n  color: var(--fx-color-text-muted);\n  transition: transform var(--fx-motion-hover) var(--fx-motion-ease);\n}\n.cb-source-chev.hidden {\n  visibility: hidden;\n}\n.cb-source-icon {\n  display: inline-flex;\n  flex: 0 0 var(--fx-component-choice-size);\n  color: var(--cb-folder-icon);\n}\n.cb-source-name {\n  flex: 1;\n}\n.cb-source-fav-row {\n  display: flex;\n  align-items: stretch;\n  width: 100%;\n  min-width: 0;\n}\n.cb-source-fav-row .cb-source-row {\n  flex: 1;\n  width: auto;\n  min-width: 0;\n  padding-right: var(--fx-ref-space-4);\n  background: transparent;\n  box-shadow: none;\n}\n.cb-source-fav-row .cb-source-row:hover {\n  background: transparent;\n}\n.cb-source-fav-row:hover {\n  background: var(--fx-color-surface-hover);\n  color: var(--fx-color-text-primary);\n}\n.cb-source-fav-row.is-path:not(.is-sel) {\n  background: color-mix(in srgb, var(--fx-color-surface-hover) 55%, transparent);\n  color: var(--fx-color-text-primary);\n}\n.cb-source-fav-row.is-sel {\n  background: var(--fx-color-selection-bg);\n  color: var(--fx-color-selection-fg);\n  box-shadow: inset var(--fx-border-focus-width) 0 0 var(--fx-color-selection-indicator);\n}\n.cb-source-unfav {\n  appearance: none;\n  flex: 0 0 auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--fx-component-control-icon-hit-area-min);\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: var(--fx-color-status-warning-fg);\n  cursor: pointer;\n}\n.cb-source-unfav:hover {\n  color: var(--fx-color-text-primary);\n}\n.cb-asset-view {\n  position: relative;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n}\n.cb-toolbar {\n  position: relative;\n  flex: 0 0 var(--fx-component-panel-header-height);\n  gap: var(--fx-ref-space-6);\n  min-width: 0;\n  padding: 0 var(--fx-ref-space-8);\n}\n.cb-toolbar > .fx-panel-header__slot:nth-child(2) {\n  flex: 1 1 auto;\n}\n.cb-toolbar-group {\n  flex: 0 0 auto;\n}\n.cb-navigation-bar {\n  flex: 1 1 auto;\n  min-width: calc(var(--fx-ref-space-48) + var(--fx-ref-space-32));\n  overflow: hidden;\n}\n.cb-address-slot {\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  min-width: var(--fx-ref-space-32);\n  height: var(--fx-component-control-height-compact);\n}\n.cb-address,\n.cb-address-input {\n  width: 100%;\n  height: var(--fx-component-control-height-compact);\n  min-width: 0;\n  box-sizing: border-box;\n  border: var(--fx-border-width) solid var(--fx-color-border-control);\n  border-radius: var(--fx-radius-control);\n  background: var(--fx-color-surface-inset);\n  color: var(--fx-color-text-secondary);\n}\n.cb-address {\n  display: flex;\n  align-items: center;\n  padding: 0 var(--fx-ref-space-8);\n  overflow: hidden;\n  cursor: text;\n}\n.cb-address-crumb {\n  display: flex;\n  flex: 0 1 auto;\n  align-items: center;\n  min-width: 0;\n  overflow: hidden;\n}\n.cb-root .cb-address:focus-visible,\n.cb-root .cb-address-input:focus,\n.cb-root .cb-address-input:focus-visible {\n  outline: none;\n  border-color: var(--fx-color-border-essential);\n}\n.cb-address-input {\n  margin: 0;\n  padding: 0 var(--fx-ref-space-8);\n  font: inherit;\n  color: var(--fx-color-text-primary);\n  appearance: none;\n  outline: none;\n}\n.cb-address-input::placeholder {\n  color: var(--fx-color-text-muted);\n}\n.cb-crumb-segment {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  color: var(--fx-color-text-muted);\n}\n.cb-crumb-item {\n  min-width: 0;\n  padding: var(--fx-ref-space-2) var(--fx-ref-space-4);\n  border: 0;\n  border-radius: var(--fx-ref-radius-4);\n  background: transparent;\n  color: var(--fx-color-text-muted);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.cb-crumb-item:hover {\n  background: var(--fx-color-surface-hover);\n  color: var(--fx-color-text-primary);\n}\n.cb-crumb-current {\n  color: var(--fx-color-text-primary);\n  font-weight: var(--fx-ref-font-weight-600);\n}\n.cb-crumb-chevron {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--fx-color-text-muted);\n}\n.cb-crumb-chevron-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--fx-ref-space-16);\n  height: var(--fx-component-control-height-compact);\n  padding: 0;\n  border: 0;\n  border-radius: var(--fx-ref-radius-4);\n  background: transparent;\n  color: var(--fx-color-text-muted);\n  cursor: pointer;\n  appearance: none;\n}\n.cb-crumb-chevron-btn > svg {\n  transition: transform 0.12s ease;\n}\n.cb-crumb-chevron-btn:hover {\n  background: var(--fx-color-surface-hover);\n  color: var(--fx-color-text-primary);\n}\n.cb-crumb-chevron-btn[aria-expanded=true] {\n  color: var(--fx-color-text-primary);\n}\n.cb-crumb-chevron-btn[aria-expanded=true] > svg {\n  transform: rotate(90deg);\n}\n.cb-crumb-chevron .fx-menu-dropdown__anchor {\n  display: inline-flex;\n}\n.cb-crumb-menu .fx-menu {\n  max-height: 320px;\n  overflow-y: auto;\n}\n.cb-crumb-menu .fx-menu__item[data-active] {\n  color: var(--fx-color-text-primary);\n  font-weight: var(--fx-ref-font-weight-600);\n}\n.cb-content-body {\n  display: flex;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n}\n.cb-grid-column {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  min-width: 0;\n  min-height: var(--cb-grid-min-height);\n  overflow: hidden;\n}\n.cb-filter-bar {\n  position: relative;\n  flex: 0 0 var(--fx-component-panel-header-height);\n  gap: var(--fx-ref-space-6);\n  padding: var(--fx-ref-space-6) var(--fx-ref-space-8);\n  border-bottom: var(--fx-border-width) solid var(--fx-color-border-subtle);\n}\n.cb-filter-bar .is-active {\n  color: var(--fx-color-brand-text);\n  background: var(--fx-color-brand-soft);\n}\n.cb-search-box {\n  flex: 0 0 auto;\n  width: var(--fx-component-menu-min-width);\n  max-width: 100%;\n}\n.cb-search-box .fx-input {\n  height: var(--fx-component-control-height-compact);\n}\n.cb-pop {\n  position: absolute;\n  z-index: var(--fx-layer-popover);\n}\n.cb-pop-create {\n  top: var(--fx-component-panel-header-height);\n  left: var(--fx-ref-space-8);\n}\n.cb-pop-import {\n  top: var(--fx-component-panel-header-height);\n  left: var(--cb-import-pop-left);\n}\n.cb-settings-menu {\n  min-width: var(--fx-component-menu-min-width);\n  padding: var(--fx-ref-space-6);\n  border: var(--fx-border-width) solid var(--fx-color-border-default);\n  border-radius: var(--fx-radius-popover);\n  background: var(--fx-color-surface-raised);\n  color: var(--fx-color-text-primary);\n  box-shadow: var(--fx-shadow-floating);\n}\n.cb-settings-menu > strong {\n  display: block;\n  padding: var(--fx-ref-space-6) var(--fx-ref-space-8);\n  color: var(--fx-color-text-muted);\n  font-size: var(--fx-type-caption-font-size);\n}\n.cb-menu-title {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--fx-ref-space-6);\n}\n.cb-menu-icon-placeholder {\n  width: var(--fx-component-control-icon-size);\n}\n.cb-layout-switch {\n  padding: var(--fx-ref-space-2) var(--fx-ref-space-8) var(--fx-ref-space-6);\n}\n.cb-settings-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--fx-ref-space-12);\n  padding: var(--fx-ref-space-8);\n}\n.cb-settings-label {\n  color: var(--fx-color-text-secondary);\n  white-space: nowrap;\n}\n.cb-settings-range {\n  flex: 0 0 auto;\n}\n.cb-settings-switch-row {\n  margin: 0 var(--fx-ref-space-2);\n}\n.cb-grid-view {\n  position: relative;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n.cb-fe-grid {\n  display: grid;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  grid-template-columns: repeat(auto-fill, minmax(0, var(--cb-thumb, 88px)));\n  grid-auto-rows: max-content;\n  align-content: start;\n  justify-content: start;\n  gap: calc(var(--fx-ref-space-8) + var(--cb-group-stack));\n  padding: var(--fx-ref-space-12);\n  overflow-x: hidden;\n}\n.cb-grid-item {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  padding: var(--fx-ref-space-4);\n  border: var(--fx-border-width) solid transparent;\n  border-radius: var(--fx-radius-control);\n  background: var(--fx-color-surface-raised);\n  color: var(--fx-color-text-secondary);\n  cursor: pointer;\n}\n.cb-grid-folder {\n  background: transparent;\n}\n.cb-grid-item:hover {\n  background: var(--fx-color-surface-hover);\n}\n.cb-grid-item.sel {\n  border-color: var(--fx-color-selection-indicator);\n  background: var(--fx-color-selection-bg);\n  box-shadow: 0 0 0 var(--fx-border-width) var(--fx-color-selection-indicator);\n}\n.cb-grid-item:focus-visible {\n  outline: var(--fx-border-focus-width) solid var(--fx-color-border-focus);\n  outline-offset: var(--fx-border-focus-offset);\n}\n.cb-grid-item.is-busy,\n.cb-details-row.is-busy {\n  cursor: progress;\n}\n.cb-item-busy-veil {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: color-mix(in srgb, var(--fx-color-surface-raised) 55%, transparent);\n  pointer-events: none;\n}\n.cb-item-busy-veil .fx-spinner,\n.cb-item-busy-inline {\n  width: 14px;\n  height: 14px;\n  flex: 0 0 14px;\n}\n.cb-grid-view.cb-layout-list .cb-item-busy-inline {\n  margin-left: auto;\n}\n.cb-grid-thumb {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  aspect-ratio: 1;\n  overflow: hidden;\n  border-radius: var(--fx-radius-control);\n  background: var(--fx-color-surface-inset);\n}\n.cb-grid-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  color: var(--fx-color-text-muted);\n}\n.cb-grid-icon svg {\n  width: 46%;\n  height: 46%;\n}\n.cb-folder-icon {\n  color: var(--cb-folder-icon);\n}\n.cb-preview-ico.cb-folder-icon,\n.cb-preview-list-ico.cb-folder-icon,\n.cb-details-icon.cb-folder-icon,\n.cb-filter-option-icon.cb-folder-icon {\n  color: var(--cb-folder-icon);\n}\n.cb-grid-thumb .cb-folder-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n}\n.cb-grid-thumb .cb-folder-icon svg {\n  width: 86%;\n  height: 86%;\n  color: currentColor;\n}\n.cb-grid-label {\n  width: 100%;\n  margin-top: var(--fx-ref-space-4);\n  overflow: hidden;\n  text-align: center;\n}\n.cb-fe-label {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  width: 100%;\n  flex: 0 0 auto;\n  height: calc(var(--cb-card-line) * 4);\n  overflow: hidden;\n}\n.cb-fe-name {\n  display: -webkit-box;\n  margin-top: 0;\n  overflow: hidden;\n  color: var(--fx-color-text-primary);\n  font-size: var(--fx-type-caption-font-size);\n  line-height: var(--cb-card-line);\n  text-align: center;\n  white-space: normal;\n  word-break: normal;\n  overflow-wrap: anywhere;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 4;\n}\n.cb-fe-label.has-kind .cb-fe-name {\n  min-height: calc(var(--cb-card-line) * 3);\n  -webkit-line-clamp: 3;\n}\n.cb-card-meta,\n.cb-card-kind {\n  width: 100%;\n  flex: 0 0 auto;\n  margin-top: auto;\n  overflow: hidden;\n  color: var(--fx-color-text-muted);\n  font-size: var(--fx-type-caption-font-size);\n  line-height: var(--cb-card-line);\n  text-align: center;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cb-fe-grid.cb-layout-list {\n  grid-template-columns: minmax(0, 1fr);\n  grid-auto-rows: auto;\n  gap: var(--fx-ref-space-2);\n  padding: var(--fx-ref-space-4) var(--fx-ref-space-6);\n  overflow-x: hidden;\n}\n.cb-grid-view.cb-layout-list .cb-grid-item {\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n  min-width: 0;\n  min-height: 40px;\n  padding: var(--fx-ref-space-4) var(--fx-ref-space-8);\n  gap: var(--fx-ref-space-8);\n  overflow: hidden;\n  box-shadow: none;\n}\n.cb-grid-view.cb-layout-list .cb-grid-item.sel {\n  box-shadow: none;\n}\n.cb-grid-view.cb-layout-list .cb-grid-thumb {\n  width: 32px;\n  height: 32px;\n  flex: 0 0 32px;\n  aspect-ratio: auto;\n  overflow: visible;\n}\n.cb-grid-view.cb-layout-list .cb-file-thumb {\n  position: static;\n}\n.cb-grid-view.cb-layout-list .cb-grid-thumb svg {\n  width: 20px;\n  height: 20px;\n}\n.cb-layout-list .cb-fe-label {\n  flex: 1 1 auto;\n  min-width: 0;\n  height: auto;\n  overflow: hidden;\n  flex-direction: row;\n  align-items: center;\n  text-align: left;\n}\n.cb-layout-list .cb-fe-name,\n.cb-layout-list .cb-fe-label.has-kind .cb-fe-name {\n  display: block;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n  text-align: left;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: unset;\n}\n.cb-layout-list .cb-card-meta,\n.cb-layout-list .cb-card-kind {\n  margin-top: 0;\n}\n.cb-layout-list .cb-card-meta {\n  display: none;\n}\n.cb-grid-view.cb-layout-list .cb-group-card:not(.cb-pack-expanded),\n.cb-grid-view.cb-layout-list .cb-group-card.sel:not(.cb-pack-expanded) {\n  box-shadow: none;\n}\n.cb-grid-view.cb-layout-list .cb-group-member:not(.sel) {\n  background: transparent;\n}\n.cb-grid-view.cb-layout-list .cb-group-member:not(.sel):hover {\n  background: var(--fx-color-surface-hover);\n}\n.cb-grid-view.cb-layout-list .cb-group-card,\n.cb-grid-view.cb-layout-list .cb-pack-expanded {\n  padding-right: calc(var(--fx-ref-space-8) + 44px);\n}\n.cb-grid-view.cb-layout-list .cb-group-badge {\n  top: 50%;\n  right: var(--fx-ref-space-8);\n  bottom: auto;\n  transform: translateY(-50%);\n}\n.cb-details-view {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  min-height: 0;\n  overflow: auto;\n  padding: 0 var(--fx-ref-space-6) var(--fx-ref-space-8);\n  --cb-details-cols: minmax(160px, 1fr) 160px 90px 130px;\n}\n.cb-details-header,\n.cb-details-row {\n  display: grid;\n  grid-template-columns: var(--cb-details-cols);\n  align-items: center;\n}\n.cb-details-header {\n  position: sticky;\n  z-index: var(--fx-layer-sticky);\n  top: 0;\n  min-height: var(--fx-component-editor-row-height);\n  border-bottom: var(--fx-border-width) solid var(--fx-color-border-default);\n  background: var(--fx-color-surface-canvas);\n  color: var(--fx-color-text-muted);\n  font-size: var(--fx-type-caption-font-size);\n}\n.cb-details-th {\n  display: flex;\n  align-items: center;\n  gap: var(--fx-ref-space-4);\n  height: 100%;\n  padding: var(--fx-ref-space-4) var(--fx-ref-space-8);\n  border: 0;\n  background: transparent;\n  color: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n.cb-details-th:hover {\n  color: var(--fx-color-text-primary);\n}\n.cb-details-th.active,\n.cb-details-th[data-active=true] {\n  color: var(--fx-color-brand-text);\n}\n.cb-details-sort-arrow {\n  font-size: 9px;\n}\n.cb-details-body {\n  display: flex;\n  flex-direction: column;\n}\n.cb-details-row {\n  position: relative;\n  width: 100%;\n  border-radius: var(--fx-ref-radius-4);\n  color: var(--fx-color-text-secondary);\n  cursor: pointer;\n}\n.cb-details-row:hover {\n  background: var(--fx-color-surface-hover);\n}\n.cb-details-row.sel {\n  background: var(--fx-color-selection-bg);\n  box-shadow: inset var(--fx-border-focus-width) 0 0 var(--fx-color-selection-indicator);\n}\n.cb-details-row:focus-visible {\n  outline: var(--fx-border-focus-width) solid var(--fx-color-border-focus);\n  outline-offset: -2px;\n}\n.cb-details-cell {\n  min-width: 0;\n  padding: var(--fx-ref-space-4) var(--fx-ref-space-8);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cb-details-name {\n  display: flex;\n  align-items: center;\n  gap: var(--fx-ref-space-6);\n}\n.cb-details-icon {\n  display: inline-flex;\n  width: 16px;\n  height: 16px;\n  flex: 0 0 16px;\n}\n.cb-details-icon svg {\n  width: 16px;\n  height: 16px;\n}\n.cb-details-type,\n.cb-details-size,\n.cb-details-modified {\n  color: var(--fx-color-text-muted);\n}\n.cb-empty {\n  grid-column: 1 / -1;\n  color: var(--fx-color-text-muted);\n}\n.cb-status {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex: 0 0 var(--fx-component-editor-row-height);\n  min-height: var(--fx-component-editor-row-height);\n  padding: var(--fx-ref-space-4) var(--fx-ref-space-8);\n  border-top: var(--fx-border-width) solid var(--fx-color-border-subtle);\n  color: var(--fx-color-text-muted);\n  font-size: var(--fx-type-caption-font-size);\n}\n.cb-file-thumb {\n  position: relative;\n}\n.cb-group-card:not(.cb-pack-expanded) {\n  box-shadow:\n    3px 3px 0 0 var(--fx-color-surface-raised),\n    3px 3px 0 1px var(--fx-color-border-subtle),\n    6px 6px 0 0 var(--fx-color-surface-raised),\n    6px 6px 0 1px var(--fx-color-border-subtle);\n}\n.cb-group-card.sel:not(.cb-pack-expanded) {\n  box-shadow:\n    0 0 0 var(--fx-border-width) var(--fx-color-selection-indicator),\n    3px 3px 0 0 var(--fx-color-surface-raised),\n    3px 3px 0 1px var(--fx-color-border-subtle),\n    6px 6px 0 0 var(--fx-color-surface-raised),\n    6px 6px 0 1px var(--fx-color-border-subtle);\n}\n.cb-group-badge {\n  position: absolute;\n  right: 3px;\n  bottom: 3px;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  gap: 3px;\n  height: 22px;\n  padding: 0 8px;\n  border: 0;\n  border-radius: 11px;\n  background: color-mix(in srgb, var(--fx-color-surface-canvas) 62%, transparent);\n  color: var(--fx-color-text-inverse);\n  font-size: 11px;\n  font-weight: var(--fx-ref-font-weight-600);\n  cursor: pointer;\n}\n.cb-group-badge:hover {\n  background: rgb(0 0 0 / 62%);\n  color: #fff;\n}\n.cb-group-badge svg {\n  width: 11px;\n  height: 11px;\n  transition: transform var(--fx-motion-hover) var(--fx-motion-ease);\n}\n.cb-group-backdrops {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  pointer-events: none;\n}\n.cb-group-backdrop {\n  position: absolute;\n  background: rgb(0 0 0 / 10%);\n}\n.cb-group-member {\n  z-index: 1;\n}\n.cb-group-badge.open svg {\n  transform: rotate(180deg);\n}\n.cb-preview-panel {\n  display: flex;\n  flex: 0 0 var(--cb-preview-w, 280px);\n  flex-direction: column;\n  width: var(--cb-preview-w, 280px);\n  min-width: 180px;\n  max-width: 560px;\n  min-height: 0;\n  overflow: hidden;\n  border-left: var(--fx-border-width) solid var(--fx-color-border-subtle);\n  background: var(--fx-color-surface-canvas);\n}\n.cb-preview-head {\n  display: flex;\n  align-items: center;\n  gap: var(--fx-ref-space-8);\n  padding: var(--fx-ref-space-8) var(--fx-ref-space-8);\n  border-bottom: var(--fx-border-width) solid var(--fx-color-border-subtle);\n  flex-shrink: 0;\n}\n.cb-preview-mode-bar {\n  display: flex;\n  gap: var(--fx-ref-space-4);\n  padding: var(--fx-ref-space-6) var(--fx-ref-space-8);\n  border-bottom: var(--fx-border-width) solid var(--fx-color-border-subtle);\n  flex-shrink: 0;\n}\n.cb-preview-mode-btn {\n  flex: 1 1 0;\n  min-width: 0;\n  height: 24px;\n  padding: 0 var(--fx-ref-space-8);\n  overflow: hidden;\n  border: var(--fx-border-width) solid var(--fx-color-border-subtle);\n  border-radius: var(--fx-radius-control);\n  background: transparent;\n  color: var(--fx-color-text-muted);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.cb-preview-mode-btn:hover {\n  color: var(--fx-color-text-primary);\n  background: var(--fx-color-surface-hover);\n}\n.cb-preview-mode-btn.is-active {\n  color: var(--fx-color-text-primary);\n  border-color: var(--fx-color-border-strong);\n  background: var(--fx-color-surface-raised);\n}\n.cb-preview-ico,\n.cb-preview-list-ico {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 28px;\n  width: 28px;\n  height: 28px;\n  border-radius: var(--fx-radius-control);\n  background: var(--fx-color-surface-raised);\n  color: var(--fx-color-text-muted);\n}\n.cb-preview-list-ico {\n  flex-basis: 16px;\n  width: 16px;\n  height: 16px;\n  background: transparent;\n}\n.cb-preview-title {\n  flex: 1;\n  min-width: 0;\n}\n.cb-preview-title .name {\n  overflow: hidden;\n  color: var(--fx-color-text-primary);\n  font-weight: var(--fx-ref-font-weight-600);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cb-preview-title .meta {\n  overflow: hidden;\n  color: var(--fx-color-text-muted);\n  font: var(--fx-type-code-font-weight) var(--fx-type-caption-font-size)/var(--fx-type-caption-line-height) var(--fx-type-code-font-family);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cb-preview-close {\n  width: 24px;\n  height: 24px;\n}\n.cb-preview-body {\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n  padding: var(--fx-ref-space-8);\n}\n.cb-preview-empty .cb-preview-body {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  color: var(--fx-color-text-muted);\n}\n.cb-preview-list,\n.cb-preview-asset-list {\n  display: flex;\n  flex-direction: column;\n  gap: var(--fx-ref-space-4);\n}\n.cb-preview-list-item,\n.cb-preview-asset-row {\n  display: flex;\n  align-items: center;\n  gap: var(--fx-ref-space-8);\n  min-width: 0;\n  padding: var(--fx-ref-space-4) var(--fx-ref-space-6);\n  border-radius: var(--fx-radius-control);\n  color: var(--fx-color-text-secondary);\n}\n.cb-preview-list-item:hover,\n.cb-preview-asset-row:hover {\n  background: var(--fx-color-surface-hover);\n}\n.cb-preview-asset-action {\n  width: 100%;\n  border: 0;\n  background: transparent;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n.cb-preview-asset-action:disabled {\n  cursor: default;\n}\n.cb-preview-list-item > span:nth-of-type(2) {\n  flex: 1 1 0;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cb-preview-list-item .sub,\n.cb-preview-asset-row .guid,\n.cb-preview-asset-row .kind {\n  color: var(--fx-color-text-muted);\n  font: var(--fx-type-code-font-weight) var(--fx-type-caption-font-size)/var(--fx-type-caption-line-height) var(--fx-type-code-font-family);\n}\n.cb-preview-list-item .sub {\n  flex: 0 1 38%;\n  min-width: 0;\n  margin-left: auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cb-preview-asset-row > .cb-preview-asset-main {\n  flex: 1 1 0;\n  min-width: 0;\n}\n.cb-preview-asset-row > .cb-preview-asset-main > div {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cb-preview-asset-row .kind {\n  margin-left: 0;\n}\n.cb-preview-asset-row .guid {\n  flex: 0 1 auto;\n  max-width: 42%;\n  min-width: 0;\n  margin-left: auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cb-preview-media {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--fx-ref-space-8);\n  min-height: 0;\n}\n.cb-preview-image {\n  display: block;\n  max-width: 100%;\n  max-height: min(360px, 50vh);\n  object-fit: contain;\n  border-radius: var(--fx-radius-control);\n  background: var(--fx-color-surface-inset);\n}\n.cb-preview-audio,\n.cb-preview-video {\n  width: 100%;\n  max-width: 100%;\n}\n.cb-preview-video {\n  max-height: min(360px, 50vh);\n  border-radius: var(--fx-radius-control);\n  background: #000;\n}\n.cb-preview-font-sample {\n  margin: 0;\n  color: var(--fx-color-text-primary);\n  font-size: 1.35rem;\n  line-height: 1.4;\n  text-align: center;\n}\n.cb-preview-font-meta {\n  margin: 0;\n  max-width: 100%;\n  overflow: hidden;\n  color: var(--fx-color-text-muted);\n  font: var(--fx-type-caption-font-size)/var(--fx-type-caption-line-height) var(--fx-type-code-font-family);\n  text-align: center;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cb-preview-asset-hero {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--fx-ref-space-16) 0 var(--fx-ref-space-8);\n}\n.cb-preview-hero-icon {\n  color: var(--fx-color-text-muted);\n}\n.cb-preview-note {\n  padding: var(--fx-ref-space-8) var(--fx-ref-space-8);\n  overflow: hidden;\n  border: var(--fx-border-width) solid var(--fx-color-border-subtle);\n  border-radius: var(--fx-radius-control);\n  background: var(--fx-color-surface-raised);\n  color: var(--fx-color-text-muted);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cb-preview-source {\n  margin: 0;\n  padding: var(--fx-ref-space-8);\n  overflow: auto;\n  border: var(--fx-border-width) solid var(--fx-color-border-subtle);\n  border-radius: var(--fx-radius-control);\n  background: var(--fx-color-surface-inset);\n  color: var(--fx-color-text-secondary);\n  font: var(--fx-type-code-font-weight) var(--fx-type-code-font-size)/var(--fx-type-code-line-height) var(--fx-type-code-font-family);\n  white-space: pre-wrap;\n}\n.cb-preview-code {\n  display: flex;\n  flex-direction: column;\n  gap: var(--fx-ref-space-6);\n  min-height: 0;\n}\n.cb-preview-code-head {\n  display: flex;\n  align-items: center;\n  gap: var(--fx-ref-space-8);\n}\n.cb-preview-code-badge {\n  padding: var(--fx-ref-space-2) var(--fx-ref-space-8);\n  border-radius: var(--fx-radius-pill);\n  background: var(--fx-color-surface-hover);\n  color: var(--fx-color-text-muted);\n  font: var(--fx-type-code-font-weight) var(--fx-type-caption-font-size)/var(--fx-type-caption-line-height) var(--fx-type-code-font-family);\n  letter-spacing: 0.03em;\n  text-transform: uppercase;\n}\n.cb-preview-code-hint {\n  color: var(--fx-color-text-disabled);\n  font-size: var(--fx-type-caption-font-size);\n}\n.cb-preview-code-plain,\n.cb-preview-code-shiki pre.shiki {\n  margin: 0;\n  white-space: pre-wrap;\n  word-break: break-word;\n  font: var(--fx-type-code-font-weight) var(--fx-type-code-font-size)/var(--fx-type-code-line-height) var(--fx-type-code-font-family);\n}\n.cb-preview-code-plain {\n  color: var(--fx-color-text-secondary);\n}\n.cb-preview-code-shiki pre.shiki {\n  background: transparent !important;\n}\n.cb-preview-code-shiki pre.shiki code {\n  background: transparent;\n  padding: 0;\n  border-radius: 0;\n  color: inherit;\n  font-size: inherit;\n}\n.cb-filter-menu-body {\n  min-width: 220px;\n  padding: var(--fx-ref-space-4);\n  border: var(--fx-border-width) solid var(--fx-color-border-default);\n  border-radius: var(--fx-radius-popover);\n  background: var(--fx-color-surface-raised);\n  box-shadow: var(--fx-shadow-floating);\n}\n.cb-filter-section {\n  padding: var(--fx-ref-space-6) var(--fx-ref-space-8) var(--fx-ref-space-4);\n  color: var(--fx-color-text-muted);\n  font-size: var(--fx-type-caption-font-size);\n  font-weight: var(--fx-ref-font-weight-600);\n}\n.cb-filter-separator {\n  height: var(--fx-border-width);\n  margin: var(--fx-ref-space-4) 0;\n  background: var(--fx-color-border-subtle);\n}\n.cb-filter-option {\n  display: flex;\n  align-items: center;\n  gap: var(--fx-ref-space-8);\n  width: 100%;\n  min-height: var(--fx-component-editor-row-height);\n  padding: var(--fx-ref-space-4) var(--fx-ref-space-8);\n  border: 0;\n  border-radius: var(--fx-radius-control);\n  background: transparent;\n  color: var(--fx-color-text-secondary);\n  text-align: left;\n  cursor: pointer;\n}\n.cb-filter-option:hover {\n  background: var(--fx-color-surface-hover);\n  color: var(--fx-color-text-primary);\n}\n.cb-filter-option:disabled {\n  color: var(--fx-color-text-disabled);\n  cursor: default;\n}\n.cb-filter-option-icon {\n  flex: 0 0 14px;\n  width: 14px;\n  color: var(--fx-color-text-muted);\n}\n.cb-filter-check {\n  flex: 0 0 var(--fx-component-choice-size);\n  pointer-events: none;\n}\n.cb-filter-check.fx-choice {\n  align-items: center;\n  gap: 0;\n  min-height: 0;\n  margin: 0;\n}\n.cb-filter-check .fx-choice__text {\n  display: none;\n}\n.cb-radio-menu {\n  width: 14px;\n  height: 14px;\n  flex: 0 0 14px;\n  border: var(--fx-border-width) solid var(--fx-color-border-control);\n  border-radius: 999px;\n}\n.cb-radio-menu[data-checked=true] {\n  border-color: var(--fx-color-choice-indicator);\n  background:\n    radial-gradient(\n      circle at center,\n      var(--fx-color-choice-indicator) 4px,\n      transparent 5px);\n}\n@container (max-width: 660px) {\n  .cb-toolbar-group .fx-button {\n    width: var(--fx-component-control-height-compact);\n    padding: 0;\n    font-size: 0;\n  }\n}\n';
+if (typeof document !== "undefined" && !document.querySelector('style[data-forgeax-css="f8536512d1ab898e14c4d55ccd55b2be4ec64286bffba06434440b4d40f152be"]')) {
   const style = document.createElement("style");
-  style.dataset.forgeaxCss = "1ef84f0e3fb40317f76b77e1b83b84b7c994dc8c43c3bc38be5abb2446c7740b";
+  style.dataset.forgeaxCss = "f8536512d1ab898e14c4d55ccd55b2be4ec64286bffba06434440b4d40f152be";
   style.textContent = css2;
   document.head.append(style);
 }
@@ -2473,7 +2639,8 @@ async function mountContentBrowserPanel(props) {
     /* @__PURE__ */ jsx11(OverlayRootProvider, { root: props.overlayRoot ?? props.mountElement, children: /* @__PURE__ */ jsx11(
       ContentBrowserPanel,
       {
-        client: props.client
+        client: props.client,
+        revealPanel: props.revealPanel
       }
     ) })
   );
@@ -2483,4 +2650,4 @@ async function mountContentBrowserPanel(props) {
 export {
   mountContentBrowserPanel
 };
-//# sourceMappingURL=chunk-VKNIYV2W.mjs.map
+//# sourceMappingURL=chunk-RYYKMDNI.mjs.map