@flamingo-stack/openframe-frontend-core 0.0.201 → 0.0.202-snapshot.20260521221224

package/dist/components/index.js

@@ -115,6 +115,7 @@ import {
   CursorPagination,
   CursorPaginationSimple,
   CveLink,
+  DEFAULT_THEME,
   DashboardInfoCard,
   DataTable,
   DataTableBody,
@@ -406,6 +407,8 @@ import {
   StatusIndicator,
   StickySectionNav,
   Switch,
+  THEME_ATTRIBUTE,
+  THEME_STORAGE_KEY,
   TabContent,
   TabNavigation,
   TabSelector,
@@ -430,6 +433,7 @@ import {
   TagsSelector,
   TextSkeleton,
   Textarea,
+  ThemeProvider,
   ThinkingDisplay,
   TicketAttachmentsList,
   TicketCard,
@@ -454,6 +458,7 @@ import {
   TranscribeAndSummarizeCombinedSection,
   TranscribeSummarizeSection,
   TranscriptSummaryEditor,
+  TruncateText,
   TwoColumnLayoutSkeleton,
   UnifiedPagination,
   UnifiedSkeleton,
@@ -544,9 +549,11 @@ import {
   usePaginationLoading,
   useRealtimeChunkProcessor,
   useSectionNavigation,
+  useTheme,
+  useThemeToggle,
   useUnifiedFiltering,
   vendorFilterConfig
-} from "../chunk-CSW5GYBU.js";
+} from "../chunk-E6Q6UGDK.js";
 import {
   CommandApprovalToast,
   ToastCard,
@@ -556,7 +563,7 @@ import {
   showCommandApprovalToast,
   showToast,
   useOnboardingState
-} from "../chunk-4ML3NA2L.js";
+} from "../chunk-XGL5FKIK.js";
 import {
   Button,
   Checkbox,
@@ -587,7 +594,7 @@ import {
   SkeletonText,
   SplitButton,
   buttonVariants
-} from "../chunk-55HF462A.js";
+} from "../chunk-CPXLQ57U.js";
 import {
   AboutIcon,
   AiRobotIcon,
@@ -892,6 +899,7 @@ export {
   CustomTimeIcon,
   CutVendorCostsIcon,
   CveLink,
+  DEFAULT_THEME,
   DashboardIcon,
   DashboardInfoCard,
   DataTable,
@@ -1313,6 +1321,8 @@ export {
   StickySectionNav,
   SunIcon,
   Switch,
+  THEME_ATTRIBUTE,
+  THEME_STORAGE_KEY,
   TabContent,
   TabNavigation,
   TabSelector,
@@ -1339,6 +1349,7 @@ export {
   TelegramIcon,
   TextSkeleton,
   Textarea,
+  ThemeProvider,
   ThinkingDisplay,
   ThumbsDownIcon,
   ThumbsUpIcon,
@@ -1368,6 +1379,7 @@ export {
   TranscribeSummarizeSection,
   TranscriptSummaryEditor,
   TransparentTrustedIcon,
+  TruncateText,
   TrustpilotIcon,
   TwoColumnLayoutSkeleton,
   UnifiedPagination,
@@ -1476,6 +1488,8 @@ export {
   usePaginationLoading,
   useRealtimeChunkProcessor,
   useSectionNavigation,
+  useTheme,
+  useThemeToggle,
   useUnifiedFiltering,
   vendorFilterConfig
 };

package/dist/components/navigation/index.cjs

@@ -15,9 +15,9 @@
 
 
 
-var _chunkUCY537V4cjs = require('../../chunk-UCY537V4.cjs');
-require('../../chunk-OII2IERE.cjs');
-require('../../chunk-3B43AHYE.cjs');
+var _chunk3YH2M76Ncjs = require('../../chunk-3YH2M76N.cjs');
+require('../../chunk-25LVV26X.cjs');
+require('../../chunk-RMB5DVED.cjs');
 require('../../chunk-4CWSZPXH.cjs');
 require('../../chunk-UC43NICZ.cjs');
 require('../../chunk-VJTFBYVG.cjs');
@@ -39,5 +39,5 @@ require('../../chunk-VRHGVLSL.cjs');
 
 
 
-exports.AppHeader = _chunkUCY537V4cjs.AppHeader; exports.AppLayout = _chunkUCY537V4cjs.AppLayout; exports.ClientOnlyHeader = _chunkUCY537V4cjs.ClientOnlyHeader; exports.Header = _chunkUCY537V4cjs.Header; exports.HeaderButton = _chunkUCY537V4cjs.HeaderButton; exports.HeaderGlobalSearch = _chunkUCY537V4cjs.HeaderGlobalSearch; exports.HeaderOrganizationFilter = _chunkUCY537V4cjs.HeaderOrganizationFilter; exports.HeaderSkeleton = _chunkUCY537V4cjs.HeaderSkeleton; exports.MobileBurgerMenu = _chunkUCY537V4cjs.MobileBurgerMenu; exports.MobileNavPanel = _chunkUCY537V4cjs.MobileNavPanel; exports.NavigationSidebar = _chunkUCY537V4cjs.NavigationSidebar; exports.SlidingSidebar = _chunkUCY537V4cjs.SlidingSidebar; exports.StickySectionNav = _chunkUCY537V4cjs.StickySectionNav; exports.useSectionNavigation = _chunkUCY537V4cjs.useSectionNavigation;
+exports.AppHeader = _chunk3YH2M76Ncjs.AppHeader; exports.AppLayout = _chunk3YH2M76Ncjs.AppLayout; exports.ClientOnlyHeader = _chunk3YH2M76Ncjs.ClientOnlyHeader; exports.Header = _chunk3YH2M76Ncjs.Header; exports.HeaderButton = _chunk3YH2M76Ncjs.HeaderButton; exports.HeaderGlobalSearch = _chunk3YH2M76Ncjs.HeaderGlobalSearch; exports.HeaderOrganizationFilter = _chunk3YH2M76Ncjs.HeaderOrganizationFilter; exports.HeaderSkeleton = _chunk3YH2M76Ncjs.HeaderSkeleton; exports.MobileBurgerMenu = _chunk3YH2M76Ncjs.MobileBurgerMenu; exports.MobileNavPanel = _chunk3YH2M76Ncjs.MobileNavPanel; exports.NavigationSidebar = _chunk3YH2M76Ncjs.NavigationSidebar; exports.SlidingSidebar = _chunk3YH2M76Ncjs.SlidingSidebar; exports.StickySectionNav = _chunk3YH2M76Ncjs.StickySectionNav; exports.useSectionNavigation = _chunk3YH2M76Ncjs.useSectionNavigation;
 //# sourceMappingURL=index.cjs.map

package/dist/components/navigation/index.js

@@ -15,9 +15,9 @@ import {
   SlidingSidebar,
   StickySectionNav,
   useSectionNavigation
-} from "../../chunk-CSW5GYBU.js";
-import "../../chunk-4ML3NA2L.js";
-import "../../chunk-55HF462A.js";
+} from "../../chunk-E6Q6UGDK.js";
+import "../../chunk-XGL5FKIK.js";
+import "../../chunk-CPXLQ57U.js";
 import "../../chunk-N57KWHDB.js";
 import "../../chunk-SZPJ5R5B.js";
 import "../../chunk-J2C2TI5Z.js";

package/dist/components/navigation/navigation-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/navigation-sidebar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,uBAAuB,EAAyB,MAAM,wBAAwB,CAAA;AAUvF,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,uBAAuB,CAAA;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAgB,EAAE,EAAE,sBAAsB,2CA4GrF"}
+{"version":3,"file":"navigation-sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/navigation-sidebar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,uBAAuB,EAAyB,MAAM,wBAAwB,CAAA;AAUvF,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,uBAAuB,CAAA;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAgB,EAAE,EAAE,sBAAsB,2CAiKrF"}

package/dist/components/providers/theme-provider.d.ts

@@ -0,0 +1,69 @@
+import type { ThemeProviderProps as NextThemesProviderProps } from "next-themes/dist/types";
+/**
+ * ODS theme system — thin wrapper over `next-themes`.
+ *
+ * We deliberately do NOT hand-roll a provider/no-flash script: `next-themes`
+ * is already a dependency, is battle-tested in Next.js (App & Pages router),
+ * injects its own pre-paint anti-flash script, handles SSR + localStorage +
+ * cross-tab sync, and also works in plain React (Vite/Tauri).
+ *
+ * Product model (locked): a MANUAL light/dark switch, default DARK,
+ * persisted to localStorage. No "system" mode (`enableSystem={false}`).
+ *
+ * Drives styling by setting `data-theme="light|dark"` on <html>;
+ * `src/styles/ods-colors.css` swaps the `--ods-*` primitives accordingly.
+ *
+ * Public API exposed by this module:
+ *   • `<ThemeProvider>` — preconfigured next-themes provider.
+ *   • `useTheme()`      — raw next-themes hook (advanced cases).
+ *   • `useThemeToggle()`— headless convenience hook for building toggle UI
+ *                         in consumer apps (no styled component on purpose;
+ *                         apps own their button visuals via the lib's
+ *                         existing `<Button>`).
+ */
+export type Theme = "light" | "dark";
+export declare const THEME_STORAGE_KEY = "ods-theme";
+export declare const THEME_ATTRIBUTE = "data-theme";
+export declare const DEFAULT_THEME: Theme;
+export type ThemeProviderProps = Partial<NextThemesProviderProps>;
+/**
+ * Pre-configured provider. Wrap the app once (Next.js: in the root layout;
+ * apps must keep `suppressHydrationWarning` on <html> — already the case).
+ * No `<ThemeScript>` needed — next-themes handles the no-flash script.
+ *
+ * All next-themes props are overridable, but the ODS defaults below encode
+ * the product decision.
+ */
+export declare function ThemeProvider({ children, ...overrides }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Re-export of next-themes' `useTheme` (no custom logic on top).
+ * Returns `{ theme, setTheme, resolvedTheme, themes, ... }`.
+ */
+export declare const useTheme: () => import("next-themes/dist/types").UseThemeProps;
+export interface UseThemeToggleResult {
+    /** Becomes `true` after the client has hydrated and resolved the stored
+     *  preference. Until then, `theme`/`isDark`/`isLight` reflect the SSR
+     *  default (`DEFAULT_THEME`) — handy for rendering a stable placeholder. */
+    mounted: boolean;
+    /** Resolved active theme (`"dark"` until mounted, then real value). */
+    theme: Theme;
+    isDark: boolean;
+    isLight: boolean;
+    /** Flip dark↔light and persist. */
+    toggle: () => void;
+    /** Set explicitly to `"light"` or `"dark"` and persist. */
+    setTheme: (theme: Theme) => void;
+}
+/**
+ * Headless toggle helper. Build any button you like:
+ *
+ *   const { isDark, toggle, mounted } = useThemeToggle()
+ *   <Button size="icon" variant="transparent" onClick={toggle} aria-label="…">
+ *     {mounted && (isDark ? <Sun01Icon /> : <MoonIcon />)}
+ *   </Button>
+ *
+ * The mount gate avoids hydration mismatch (next-themes only knows the
+ * persisted preference on the client after mount).
+ */
+export declare function useThemeToggle(): UseThemeToggleResult;
+//# sourceMappingURL=theme-provider.d.ts.map

package/dist/components/providers/theme-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../../src/components/providers/theme-provider.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,IAAI,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAE5F;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAErC,eAAO,MAAM,iBAAiB,cAAc,CAAC;AAC7C,eAAO,MAAM,eAAe,eAAe,CAAC;AAC5C,eAAO,MAAM,aAAa,EAAE,KAAc,CAAC;AAE3C,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC,uBAAuB,CAAC,CAAC;AAElE;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,kBAAkB,2CAc3E;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,sDAAe,CAAC;AAMrC,MAAM,WAAW,oBAAoB;IACnC;;gFAE4E;IAC5E,OAAO,EAAE,OAAO,CAAC;IACjB,uEAAuE;IACvE,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,mCAAmC;IACnC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,IAAI,oBAAoB,CA6BrD"}

package/dist/components/resizable.d.ts

@@ -1,6 +1,6 @@
 import * as ResizablePrimitive from "react-resizable-panels";
 declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
-declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLElement | HTMLLabelElement | HTMLParagraphElement | HTMLInputElement | HTMLSpanElement | HTMLButtonElement | HTMLAnchorElement | HTMLFormElement | HTMLObjectElement | HTMLSelectElement | HTMLStyleElement | HTMLLinkElement | HTMLMapElement | HTMLSlotElement | HTMLTitleElement | HTMLTimeElement | HTMLDialogElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLHeadingElement | HTMLLIElement | HTMLOListElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLElement | HTMLLabelElement | HTMLParagraphElement | HTMLInputElement | HTMLSpanElement | HTMLButtonElement | HTMLAnchorElement | HTMLFormElement | HTMLObjectElement | HTMLSelectElement | HTMLStyleElement | HTMLLinkElement | HTMLMapElement | HTMLTitleElement | HTMLSlotElement | HTMLTimeElement | HTMLDialogElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLHeadingElement | HTMLLIElement | HTMLOListElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
     className?: string;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;

package/dist/components/ui/button/split-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"split-button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/split-button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAiBzB,QAAA,MAAM,iBAAiB;;;;8EAwCrB,CAAA;AAEF,KAAK,kBAAkB,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC,SAAS,CAAC,CAAC,CAAA;AACxF,KAAK,eAAe,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AAElF,UAAU,qBAAqB;IAC7B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,uFAAuF;IACvF,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAA;IACxE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAA;IACxE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yFAAyF;IACzF,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB,UAAU,EAAE,qBAAqB,CAAA;CAClC;AAkDD,QAAA,MAAM,WAAW,yFA4Df,CAAA;AAEF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,CAAA"}
+{"version":3,"file":"split-button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/split-button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAiBzB,QAAA,MAAM,iBAAiB;;;;8EAsCrB,CAAA;AAEF,KAAK,kBAAkB,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC,SAAS,CAAC,CAAC,CAAA;AACxF,KAAK,eAAe,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AAElF,UAAU,qBAAqB;IAC7B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,uFAAuF;IACvF,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAA;IACxE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAA;IACxE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yFAAyF;IACzF,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB,UAAU,EAAE,qBAAqB,CAAA;CAClC;AAkDD,QAAA,MAAM,WAAW,yFA4Df,CAAA;AAEF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,CAAA"}

package/dist/components/ui/data-table/data-table-row.d.ts

@@ -10,16 +10,28 @@ export interface DataTableRowProps<T> {
 /**
  * Click-bubbling protocol: any element inside a cell that should NOT trigger
  * `onRowClick` / row navigation must carry the `data-no-row-click` attribute.
- * The row checks `target.closest('[data-no-row-click]')` before firing
- * `onClick(item)`. This is the single primitive that interactive cells
- * (action buttons, dropdown menus, checkboxes) must opt into.
+ * The row checks `target.closest('[data-no-row-click]')` and short-circuits:
+ * in `onClick` mode it skips the consumer's handler; in link mode (when
+ * `href` is set) it calls `e.preventDefault()` so `<Link>` does not navigate.
+ *
+ * Clicks originating from portaled descendants (e.g. `FloatingTooltip`,
+ * dropdown menus rendered through `FloatingPortal`) bubble through React's
+ * component tree and reach this handler, but their DOM target lives outside
+ * the row subtree. The handler ignores any click whose target is not
+ * physically contained within the row element — no `stopPropagation`
+ * required at the source.
+ *
+ * In link mode the row IS the `<Link>` — content lives inside it, not under
+ * an absolute overlay — so native browser link behaviour works: hover,
+ * right-click "Open in new tab", middle-click, `Cmd+click`, focus outlines,
+ * `:visited` styles, etc.
  *
  * Example column with action buttons:
  * ```tsx
  * {
  *   id: 'actions',
  *   cell: ({ row }) => (
- *     <div data-no-row-click className="flex gap-2 justify-end pointer-events-auto">
+ *     <div data-no-row-click className="flex gap-2 justify-end">
  *       <Button onClick={() => edit(row.original)}>Edit</Button>
  *     </div>
  *   ),

package/dist/components/ui/data-table/data-table-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-row.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-table/data-table-row.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAc,KAAK,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAK5D,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAA;IACX,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,iBAAS,gBAAgB,CAAC,CAAC,EAAE,EAC3B,GAAG,EACH,OAAO,EACP,IAAI,EACJ,OAAO,EACP,SAAS,GACV,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA2DtB;AAED,eAAO,MAAM,YAAY,EAA6B,OAAO,gBAAgB,CAAA"}
+{"version":3,"file":"data-table-row.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-table/data-table-row.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAc,KAAK,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAK5D,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAA;IACX,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,iBAAS,gBAAgB,CAAC,CAAC,EAAE,EAC3B,GAAG,EACH,OAAO,EACP,IAAI,EACJ,OAAO,EACP,SAAS,GACV,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAiFtB;AAED,eAAO,MAAM,YAAY,EAA6B,OAAO,gBAAgB,CAAA"}

package/dist/components/ui/file-manager/index.cjs

@@ -10,7 +10,7 @@
 
 
 
-var _chunk3B43AHYEcjs = require('../../../chunk-3B43AHYE.cjs');
+var _chunkRMB5DVEDcjs = require('../../../chunk-RMB5DVED.cjs');
 
 
 
@@ -55,7 +55,7 @@ function FileManagerBreadcrumb({
 }
 
 // src/components/ui/file-manager/file-manager-action-bar.tsx
-_chunk3B43AHYEcjs.init_button2.call(void 0, );
+_chunkRMB5DVEDcjs.init_button2.call(void 0, );
 _chunkUC43NICZcjs.init_cn.call(void 0, );
 
 
@@ -72,7 +72,7 @@ function FileManagerActionBar({
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkUC43NICZcjs.cn.call(void 0, "flex items-center gap-4 flex-wrap md:justify-end", className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3B43AHYEcjs.Button,
+      _chunkRMB5DVEDcjs.Button,
       {
         variant: "outline",
         size: "small-legacy",
@@ -82,7 +82,7 @@ function FileManagerActionBar({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3B43AHYEcjs.Button,
+      _chunkRMB5DVEDcjs.Button,
       {
         variant: "outline",
         size: "small-legacy",
@@ -93,7 +93,7 @@ function FileManagerActionBar({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3B43AHYEcjs.Button,
+      _chunkRMB5DVEDcjs.Button,
       {
         variant: "outline",
         size: "small-legacy",
@@ -104,7 +104,7 @@ function FileManagerActionBar({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3B43AHYEcjs.Button,
+      _chunkRMB5DVEDcjs.Button,
       {
         variant: "outline",
         size: "small-legacy",
@@ -115,7 +115,7 @@ function FileManagerActionBar({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3B43AHYEcjs.Button,
+      _chunkRMB5DVEDcjs.Button,
       {
         variant: "outline",
         size: "small-legacy",
@@ -125,7 +125,7 @@ function FileManagerActionBar({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3B43AHYEcjs.Button,
+      _chunkRMB5DVEDcjs.Button,
       {
         variant: "outline",
         size: "small-legacy",
@@ -144,7 +144,7 @@ _chunkUC43NICZcjs.init_cn.call(void 0, );
 // src/components/ui/file-manager/file-manager-table-row.tsx
 
 
-_chunk3B43AHYEcjs.init_button2.call(void 0, );
+_chunkRMB5DVEDcjs.init_button2.call(void 0, );
 _chunkUC43NICZcjs.init_cn.call(void 0, );
 
 // src/components/ui/file-manager/file-icon.tsx
@@ -184,7 +184,7 @@ function FileIcon({ type, extension, className, size = "md" }) {
 // src/components/ui/file-manager/file-manager-context-menu.tsx
 
 
-_chunk3B43AHYEcjs.init_button2.call(void 0, );
+_chunkRMB5DVEDcjs.init_button2.call(void 0, );
 _chunkUC43NICZcjs.init_cn.call(void 0, );
 
 function FileManagerContextMenu({
@@ -230,9 +230,9 @@ function FileManagerContextMenu({
     }
   ];
   const visibleItems = menuItems.filter((item) => item.show);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3B43AHYEcjs.DropdownMenu, { open, onOpenChange, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.DropdownMenuTrigger, { asChild: true, children: trigger || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3B43AHYEcjs.Button,
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRMB5DVEDcjs.DropdownMenu, { open, onOpenChange, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.DropdownMenuTrigger, { asChild: true, children: trigger || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkRMB5DVEDcjs.Button,
       {
         variant: "transparent",
         size: "small-legacy",
@@ -241,15 +241,15 @@ function FileManagerContextMenu({
       }
     ) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3B43AHYEcjs.DropdownMenuContent,
+      _chunkRMB5DVEDcjs.DropdownMenuContent,
       {
         align: "end",
         className: _chunkUC43NICZcjs.cn.call(void 0, "w-56", className),
         onClick: (e) => e.stopPropagation(),
         children: visibleItems.map((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
-          item.separator && index > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.DropdownMenuSeparator, {}),
+          item.separator && index > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.DropdownMenuSeparator, {}),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            _chunk3B43AHYEcjs.DropdownMenuItem,
+            _chunkRMB5DVEDcjs.DropdownMenuItem,
             {
               onClick: (e) => {
                 e.stopPropagation();
@@ -314,7 +314,7 @@ function FileManagerTableRow({
       },
       children: [
         showCheckbox && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", "data-no-row-click": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk3B43AHYEcjs.Checkbox,
+          _chunkRMB5DVEDcjs.Checkbox,
           {
             checked: isSelected,
             onCheckedChange: handleCheckboxChange,
@@ -331,8 +331,8 @@ function FileManagerTableRow({
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col min-w-0", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm text-ods-text-primary truncate", children: file.name }),
-            showPath && file.path && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs text-ods-text-secondary truncate", children: file.path })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm text-ods-text-primary truncate", title: file.name, children: file.name }),
+            showPath && file.path && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs text-ods-text-secondary truncate", title: file.path, children: file.path })
           ] })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-24 shrink-0 pr-4 text-sm text-ods-text-secondary", children: file.size || "" }),
@@ -346,7 +346,7 @@ function FileManagerTableRow({
               onAction: handleContextAction,
               fileType: file.type,
               trigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunk3B43AHYEcjs.Button,
+                _chunkRMB5DVEDcjs.Button,
                 {
                   variant: "transparent",
                   size: "small-legacy",
@@ -360,7 +360,7 @@ function FileManagerTableRow({
             }
           ),
           file.type === "folder" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk3B43AHYEcjs.Button,
+            _chunkRMB5DVEDcjs.Button,
             {
               variant: "transparent",
               size: "small-legacy",
@@ -379,7 +379,7 @@ function FileManagerTableRow({
 }
 
 // src/components/ui/file-manager/file-manager-empty.tsx
-_chunk3B43AHYEcjs.init_button2.call(void 0, );
+_chunkRMB5DVEDcjs.init_button2.call(void 0, );
 _chunkUC43NICZcjs.init_cn.call(void 0, );
 
 
@@ -397,7 +397,7 @@ function FileManagerEmpty({
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-lg font-medium text-ods-text-primary mb-2", children: message }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-ods-text-secondary text-center max-w-md mb-6", children: description }),
     action && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3B43AHYEcjs.Button,
+      _chunkRMB5DVEDcjs.Button,
       {
         variant: "accent",
         size: "small-legacy",
@@ -466,26 +466,26 @@ function FileManagerTable({
     const skeletonRows = 8;
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkUC43NICZcjs.cn.call(void 0, "bg-ods-bg border border-ods-border rounded-lg flex flex-col", className), children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center h-12 px-4 bg-ods-bg-secondary border-b border-ods-border rounded-t-lg", children: [
-        showCheckboxes && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-5 w-5 rounded" }) }),
+        showCheckboxes && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-5 w-5 rounded" }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center gap-3 flex-1 min-w-0 text-sm font-medium text-ods-text-secondary", children: "NAME" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-24 shrink-0 pr-4 text-sm font-medium text-ods-text-secondary", children: "SIZE" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-36 shrink-0 pl-4 text-sm font-medium text-ods-text-secondary", children: "EDITED" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-48 shrink-0 pl-4 flex justify-end" })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "divide-y divide-ods-border rounded-b-lg flex-1 overflow-auto", children: Array.from({ length: skeletonRows }).map((_, idx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "bg-ods-card group flex items-center h-16 px-4 border-ods-border", children: [
-        showCheckboxes && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-5 w-5 rounded" }) }),
+        showCheckboxes && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-5 w-5 rounded" }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-6 w-6 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-6 w-6 rounded" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col min-w-0", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-4 w-32" }),
-            isSearchResult && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-3 w-48 mt-1" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-4 w-32" }),
+            isSearchResult && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-3 w-48 mt-1" })
           ] })
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-24 shrink-0 pr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-4 w-16" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-36 shrink-0 pl-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-4 w-24" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-24 shrink-0 pr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-4 w-16" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-36 shrink-0 pl-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-4 w-24" }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-48 shrink-0 pl-4 flex items-center justify-end gap-1", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-8 w-8 rounded" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-8 w-8 rounded" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-8 w-8 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-8 w-8 rounded" })
         ] })
       ] }, idx)) })
     ] });
@@ -502,7 +502,7 @@ function FileManagerTable({
       children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center h-12 px-4 bg-ods-bg-secondary border-b border-ods-border rounded-t-lg", children: [
           showCheckboxes && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk3B43AHYEcjs.Checkbox,
+            _chunkRMB5DVEDcjs.Checkbox,
             {
               checked: allSelected || someSelected,
               onCheckedChange: handleSelectAll,
@@ -666,7 +666,7 @@ function FileManager({
       )
     ] }),
     showSearch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3B43AHYEcjs.Input,
+      _chunkRMB5DVEDcjs.Input,
       {
         value: searchQuery,
         onChange: (e) => _optionalChain([onSearch, 'optionalCall', _27 => _27(e.target.value)]),
@@ -706,39 +706,39 @@ function FileManagerSkeleton({
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col h-full bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 flex flex-col py-6 space-y-6 min-h-0", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-wrap items-start justify-between gap-4", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 min-w-0 flex items-center gap-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-5 w-12" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-4 w-4 rounded-full" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-5 w-20" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-4 w-4 rounded-full" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-5 w-24" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-5 w-12" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-4 w-4 rounded-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-5 w-20" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-4 w-4 rounded-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-5 w-24" })
       ] }),
       showActions && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-shrink-0 flex items-center gap-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-9 w-24" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-9 w-20" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-9 w-20" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-9 w-28" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-9 w-24" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-9 w-20" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-9 w-20" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-9 w-28" })
       ] })
     ] }),
-    showSearch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-10 w-full rounded-lg" }),
+    showSearch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-10 w-full rounded-lg" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "bg-ods-bg border border-ods-border rounded-lg flex flex-col", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center h-12 px-4 bg-ods-bg-secondary border-b border-ods-border rounded-t-lg", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-5 w-5 rounded" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-5 w-5 rounded" }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center gap-3 flex-1 min-w-0 text-sm font-medium text-ods-text-secondary", children: "NAME" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-24 shrink-0 pr-4 text-sm font-medium text-ods-text-secondary", children: "SIZE" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-36 shrink-0 pl-4 text-sm font-medium text-ods-text-secondary", children: "EDITED" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-48 shrink-0 pl-4 flex justify-end" })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "divide-y divide-ods-border rounded-b-lg flex-1 overflow-auto min-h-0", children: rowPlaceholders.map((_, idx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "bg-ods-card flex items-center h-16 px-4 border-ods-border", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-5 w-5 rounded" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-5 w-5 rounded" }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-6 w-6 rounded" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-4 w-32" }) })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-6 w-6 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-4 w-32" }) })
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-24 shrink-0 pr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-4 w-16" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-36 shrink-0 pl-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-4 w-24" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-24 shrink-0 pr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-4 w-16" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-36 shrink-0 pl-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-4 w-24" }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-48 shrink-0 pl-4 flex items-center justify-end gap-1", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-8 w-8 rounded" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3B43AHYEcjs.Skeleton, { className: "h-8 w-8 rounded" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-8 w-8 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRMB5DVEDcjs.Skeleton, { className: "h-8 w-8 rounded" })
         ] })
       ] }, idx)) })
     ] }) })