@forgeax/view 0.4.1 → 0.4.2

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

@@ -16,7 +16,7 @@ import {
   Toolbar,
   anchorRectFromPoint,
   useWorkspaceClientConnected
-} from "./chunk-FKLYSAVN.mjs";
+} from "./chunk-CXOD7FW6.mjs";
 import {
   getLocale,
   subscribeLocale,
@@ -1726,6 +1726,20 @@ function projectCatalog(root, assets) {
   }
   return { files: [...files.values()], folders: [...folders.values()] };
 }
+function visibleCatalogFolders(folders, collapsed) {
+  return folders.filter((folder) => {
+    const parts = folder.path.split("/");
+    return parts.every((_, index) => index === 0 || !collapsed.has(parts.slice(0, index).join("/")));
+  }).sort((left, right) => {
+    const a = left.path.split("/");
+    const b = right.path.split("/");
+    for (let index = 0; index < Math.min(a.length, b.length); index++) {
+      const order = a[index].localeCompare(b[index]);
+      if (order !== 0) return order;
+    }
+    return a.length - b.length;
+  });
+}
 
 // packages/view-plugin-content-browser/src/ui/ContentBrowserPanel.tsx
 import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
@@ -1788,7 +1802,6 @@ function ContentBrowserPanel({
   const catalog = useMemo2(() => projectCatalog(project?.root ?? "", snapshot.assets ?? []), [project?.root, snapshot.assets]);
   const files = catalog.files;
   const folders = catalog.folders;
-  const directoryTree = folders.map((folder2) => ({ ...folder2, depth: folder2.path.split("/").length - 1 }));
   const clientRef = useRef4(client);
   clientRef.current = client;
   const connected = useWorkspaceClientConnected(client);
@@ -2075,7 +2088,7 @@ function ContentBrowserPanel({
     setActiveKinds(next.kinds);
   };
   const renderTreeRow = (path, name, depth, favorite = false) => {
-    const hasChildren = directoryTree.some((entry) => entry.path.startsWith(`${path}/`));
+    const hasChildren = folders.some((entry) => entry.path.startsWith(`${path}/`));
     const open = !collapsed.has(path);
     const folderItem = folders.find((entry) => entry.path === path);
     const selected = folder === path;
@@ -2170,23 +2183,15 @@ function ContentBrowserPanel({
               groups.favorites ? /* @__PURE__ */ jsx10("div", { className: "cb-source-group-body", children: favorites.size ? [...favorites].map((path) => renderTreeRow(path, path.split("/").at(-1) ?? path, 0, true)) : /* @__PURE__ */ jsx10("div", { className: "cb-source-empty", children: t2("contentBrowser.noFavorites") }) }) : null
             ] }),
             /* @__PURE__ */ jsxs8("section", { className: "cb-source-group", children: [
-              /* @__PURE__ */ jsxs8("button", { type: "button", "data-action": CONTENT_BROWSER_ACTIONS.toggleSourceGroup, className: `cb-source-group-head${groups.project ? "" : " collapsed"}`, onClick: () => setGroups((current) => ({ ...current, project: !current.project })), children: [
-                /* @__PURE__ */ jsx10("span", { className: "cb-source-chev", children: /* @__PURE__ */ jsx10(ChevronDown2, { size: 12 }) }),
+              /* @__PURE__ */ jsxs8("button", { type: "button", "data-action": CONTENT_BROWSER_ACTIONS.toggleSourceGroup, className: `cb-source-group-head${folder === "" ? " is-sel" : ""}${groups.project ? "" : " collapsed"}`, "aria-expanded": groups.project, onClick: () => navigate(""), onDoubleClick: () => setGroups((current) => ({ ...current, project: !current.project })), onContextMenu: (event) => showMenu(event, folderMenu("", projectLabel)), children: [
+                /* @__PURE__ */ jsx10("span", { className: "cb-source-chev", onClick: (event) => {
+                  event.stopPropagation();
+                  setGroups((current) => ({ ...current, project: !current.project }));
+                }, children: /* @__PURE__ */ jsx10(ChevronDown2, { size: 12 }) }),
                 /* @__PURE__ */ jsx10(FolderOpen2, { className: "cb-source-group-icon cb-folder-icon", size: 15 }),
                 /* @__PURE__ */ jsx10("span", { className: "cb-source-group-name", children: projectLabel })
               ] }),
-              groups.project ? /* @__PURE__ */ jsxs8("div", { className: "cb-source-group-body", children: [
-                /* @__PURE__ */ jsxs8("button", { type: "button", className: `cb-source-row cb-source-virtual-root${folder === "" ? " is-sel" : ""}`, onClick: () => navigate(""), onContextMenu: (event) => showMenu(event, folderMenu("", projectLabel)), children: [
-                  /* @__PURE__ */ jsx10("span", { className: "cb-source-chev", children: /* @__PURE__ */ jsx10(ChevronDown2, { size: 12 }) }),
-                  /* @__PURE__ */ jsx10("span", { className: "cb-source-icon", children: /* @__PURE__ */ jsx10(FolderOpen2, { size: 15 }) }),
-                  /* @__PURE__ */ jsx10("span", { className: "cb-source-name", children: t2("contentBrowser.all") })
-                ] }),
-                directoryTree.filter((entry) => {
-                  if (entry.depth === 0) return true;
-                  const parent = entry.path.slice(0, entry.path.lastIndexOf("/"));
-                  return !collapsed.has(parent);
-                }).map((entry) => renderTreeRow(entry.path, entry.name, entry.depth + 1))
-              ] }) : null
+              groups.project ? /* @__PURE__ */ jsx10("div", { className: "cb-source-group-body", children: visibleCatalogFolders(folders, collapsed).map((entry) => renderTreeRow(entry.path, entry.name, entry.path.split("/").length - 1)) }) : null
             ] })
           ] }) }),
           /* @__PURE__ */ jsx10(
@@ -2451,10 +2456,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-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-source-virtual-root {\n  padding-left: var(--fx-ref-space-16);\n  font-weight: var(--fx-ref-font-weight-600);\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="6a456913d3080855dfe8d69089d8955ccd04455300d817d431ffcf070c3ff103"]')) {
+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"]')) {
   const style = document.createElement("style");
-  style.dataset.forgeaxCss = "6a456913d3080855dfe8d69089d8955ccd04455300d817d431ffcf070c3ff103";
+  style.dataset.forgeaxCss = "1ef84f0e3fb40317f76b77e1b83b84b7c994dc8c43c3bc38be5abb2446c7740b";
   style.textContent = css2;
   document.head.append(style);
 }
@@ -2478,4 +2483,4 @@ async function mountContentBrowserPanel(props) {
 export {
   mountContentBrowserPanel
 };
-//# sourceMappingURL=chunk-7ICJKZYO.mjs.map
+//# sourceMappingURL=chunk-VKNIYV2W.mjs.map