@lunora/studio 0.0.0 → 1.0.0-alpha.2

package/dist/packem_shared/FileBrowser-Zcr-Qgxo.js

@@ -0,0 +1,2932 @@
+import { c } from 'react/compiler-runtime';
+import { useState, useEffect, useMemo, useCallback, useRef } from 'react';
+import { ShardInput } from './ShardInput-DNCsT1KW.js';
+import { B as Button } from './button-BhsN2uZH.js';
+import { E as EmptyState } from './empty-state-DY_oe0k6.js';
+import { useT } from './createStudioI18n-CgvlmDkN.js';
+import { S as SelectionBar } from './grid-features-DTjG6Sex.js';
+import { C as Card, a as CardContent } from './card-DURq3ElK.js';
+import { C as Checkbox } from './checkbox-UNkzAxl-.js';
+import { c as TableHead, a as TableHeader, b as TableRow, d as TableBody, T as Table, e as TableCell } from './table-_RzNvy3R.js';
+import { g as formatBytes, f as fireAndForget, e as errorMessage, c as callOptions, a as adminRef } from './internal-BBZYexre.js';
+import { ConfirmButton } from './ConfirmButton-WQVUoGFb.js';
+import { B as Badge } from './badge-B2PKA1-5.js';
+import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
+import { I as Input } from './input-XH4r1Pt1.js';
+import { d as CLOUDFLARE_R2_URL } from './cf-links-BZfRdxSE.js';
+import { useLunora } from '@lunora/react';
+import { useAutoRefresh } from './DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
+import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTION_PREFIX-DmBqMZ-z.js';
+
+const useFileItem = (object, prefix, handlers) => {
+  const $ = c(21);
+  const {
+    onCopy,
+    onDelete,
+    onDownload,
+    onToggleSelect
+  } = handlers;
+  let t0;
+  if ($[0] !== object.key || $[1] !== onCopy) {
+    t0 = () => {
+      onCopy(object.key);
+    };
+    $[0] = object.key;
+    $[1] = onCopy;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const copy = t0;
+  let t1;
+  if ($[3] !== object.key || $[4] !== onDownload) {
+    t1 = () => {
+      onDownload(object.key);
+    };
+    $[3] = object.key;
+    $[4] = onDownload;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  const download = t1;
+  let t2;
+  if ($[6] !== object.key || $[7] !== onDelete) {
+    t2 = () => {
+      onDelete(object.key);
+    };
+    $[6] = object.key;
+    $[7] = onDelete;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  const remove = t2;
+  let t3;
+  if ($[9] !== object.key || $[10] !== onToggleSelect) {
+    t3 = () => {
+      onToggleSelect(object.key);
+    };
+    $[9] = object.key;
+    $[10] = onToggleSelect;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  const toggle = t3;
+  let t4;
+  if ($[12] !== object.key || $[13] !== prefix.length) {
+    t4 = object.key.slice(prefix.length);
+    $[12] = object.key;
+    $[13] = prefix.length;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  let t5;
+  if ($[15] !== copy || $[16] !== download || $[17] !== remove || $[18] !== t4 || $[19] !== toggle) {
+    t5 = {
+      copy,
+      download,
+      name: t4,
+      remove,
+      toggle
+    };
+    $[15] = copy;
+    $[16] = download;
+    $[17] = remove;
+    $[18] = t4;
+    $[19] = toggle;
+    $[20] = t5;
+  } else {
+    t5 = $[20];
+  }
+  return t5;
+};
+const FileActions = (t0) => {
+  const $ = c(31);
+  const {
+    busy,
+    buttonClassName,
+    copied,
+    objectKey,
+    onCopy,
+    onDelete,
+    onDownload,
+    t
+  } = t0;
+  const t1 = `storage-copy-${objectKey}`;
+  let t2;
+  if ($[0] !== copied || $[1] !== t) {
+    t2 = copied ? t("Copied") : t("Copy URL");
+    $[0] = copied;
+    $[1] = t;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== busy || $[4] !== buttonClassName || $[5] !== onCopy || $[6] !== t1 || $[7] !== t2) {
+    t3 = /* @__PURE__ */ jsxDEV(Button, {
+      className: buttonClassName,
+      "data-testid": t1,
+      disabled: busy,
+      onClick: onCopy,
+      size: "sm",
+      type: "button",
+      variant: "ghost",
+      children: t2
+    }, void 0, false);
+    $[3] = busy;
+    $[4] = buttonClassName;
+    $[5] = onCopy;
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  const t4 = `storage-download-${objectKey}`;
+  let t5;
+  if ($[9] !== t) {
+    t5 = t("Download");
+    $[9] = t;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== busy || $[12] !== buttonClassName || $[13] !== onDownload || $[14] !== t4 || $[15] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV(Button, {
+      className: buttonClassName,
+      "data-testid": t4,
+      disabled: busy,
+      onClick: onDownload,
+      size: "sm",
+      type: "button",
+      variant: "ghost",
+      children: t5
+    }, void 0, false);
+    $[11] = busy;
+    $[12] = buttonClassName;
+    $[13] = onDownload;
+    $[14] = t4;
+    $[15] = t5;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  let t7;
+  if ($[17] !== t) {
+    t7 = t("Delete object?");
+    $[17] = t;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  const t8 = `storage-delete-${objectKey}`;
+  let t9;
+  if ($[19] !== t) {
+    t9 = t("Delete");
+    $[19] = t;
+    $[20] = t9;
+  } else {
+    t9 = $[20];
+  }
+  let t10;
+  if ($[21] !== busy || $[22] !== onDelete || $[23] !== t7 || $[24] !== t8 || $[25] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV(ConfirmButton, {
+      confirmLabel: t7,
+      disabled: busy,
+      onConfirm: onDelete,
+      testId: t8,
+      children: t9
+    }, void 0, false);
+    $[21] = busy;
+    $[22] = onDelete;
+    $[23] = t7;
+    $[24] = t8;
+    $[25] = t9;
+    $[26] = t10;
+  } else {
+    t10 = $[26];
+  }
+  let t11;
+  if ($[27] !== t10 || $[28] !== t3 || $[29] !== t6) {
+    t11 = /* @__PURE__ */ jsxDEV(Fragment, {
+      children: [t3, t6, t10]
+    }, void 0, true);
+    $[27] = t10;
+    $[28] = t3;
+    $[29] = t6;
+    $[30] = t11;
+  } else {
+    t11 = $[30];
+  }
+  return t11;
+};
+const FileReferences = (t0) => {
+  const $ = c(14);
+  const {
+    objectKey,
+    references,
+    t
+  } = t0;
+  if (references === void 0) {
+    return null;
+  }
+  if (references.length === 0) {
+    const t12 = `storage-orphan-${objectKey}`;
+    let t22;
+    if ($[0] !== t) {
+      t22 = t("Orphan");
+      $[0] = t;
+      $[1] = t22;
+    } else {
+      t22 = $[1];
+    }
+    let t32;
+    if ($[2] !== t12 || $[3] !== t22) {
+      t32 = /* @__PURE__ */ jsxDEV(Badge, {
+        "data-testid": t12,
+        variant: "warning",
+        children: t22
+      }, void 0, false);
+      $[2] = t12;
+      $[3] = t22;
+      $[4] = t32;
+    } else {
+      t32 = $[4];
+    }
+    return t32;
+  }
+  let t1;
+  if ($[5] !== references) {
+    t1 = references.map(_temp$2).join("\n");
+    $[5] = references;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  const owners = t1;
+  const t2 = `storage-refs-${objectKey}`;
+  let t3;
+  if ($[7] !== references.length || $[8] !== t) {
+    t3 = references.length === 1 ? t("1 record") : t("{count} records", {
+      count: references.length
+    });
+    $[7] = references.length;
+    $[8] = t;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[10] !== owners || $[11] !== t2 || $[12] !== t3) {
+    t4 = /* @__PURE__ */ jsxDEV(Badge, {
+      "data-testid": t2,
+      title: owners,
+      variant: "secondary",
+      children: t3
+    }, void 0, false);
+    $[10] = owners;
+    $[11] = t2;
+    $[12] = t3;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  return t4;
+};
+const FileSelect = (t0) => {
+  const $ = c(7);
+  const {
+    objectKey,
+    onToggle,
+    selected,
+    t
+  } = t0;
+  let t1;
+  if ($[0] !== t) {
+    t1 = t("Select row");
+    $[0] = t;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = `storage-select-${objectKey}`;
+  let t3;
+  if ($[2] !== onToggle || $[3] !== selected || $[4] !== t1 || $[5] !== t2) {
+    t3 = /* @__PURE__ */ jsxDEV(Checkbox, {
+      "aria-label": t1,
+      checked: selected,
+      "data-testid": t2,
+      onCheckedChange: onToggle
+    }, void 0, false);
+    $[2] = onToggle;
+    $[3] = selected;
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+};
+function _temp$2(reference) {
+  return `${reference.table}·${reference.id}`;
+}
+
+const FolderRow = (t0) => {
+  const $ = c(10);
+  const {
+    colSpan,
+    name,
+    onEnter
+  } = t0;
+  let t1;
+  if ($[0] !== name || $[1] !== onEnter) {
+    t1 = () => {
+      onEnter(name);
+    };
+    $[0] = name;
+    $[1] = onEnter;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const enter = t1;
+  let t2;
+  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsxDEV("svg", {
+      "aria-hidden": "true",
+      className: "size-4 text-muted-foreground",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.6,
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ jsxDEV("path", {
+        d: "M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z"
+      }, void 0, false)
+    }, void 0, false);
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== enter || $[5] !== name) {
+    t3 = /* @__PURE__ */ jsxDEV("button", {
+      className: "inline-flex items-center gap-2 font-mono text-xs outline-none hover:text-foreground focus-visible:text-foreground",
+      "data-testid": "fb-folder",
+      onClick: enter,
+      type: "button",
+      children: [t2, name]
+    }, void 0, true);
+    $[4] = enter;
+    $[5] = name;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== colSpan || $[8] !== t3) {
+    t4 = /* @__PURE__ */ jsxDEV(TableRow, {
+      children: /* @__PURE__ */ jsxDEV(TableCell, {
+        colSpan,
+        children: t3
+      }, void 0, false)
+    }, void 0, false);
+    $[7] = colSpan;
+    $[8] = t3;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  return t4;
+};
+const FileRow = (t0) => {
+  const $ = c(33);
+  const {
+    busy,
+    copiedKey,
+    handlers,
+    object,
+    prefix,
+    references,
+    selected,
+    showReferences,
+    t
+  } = t0;
+  const {
+    copy,
+    download,
+    name,
+    remove,
+    toggle
+  } = useFileItem(object, prefix, handlers);
+  let t1;
+  if ($[0] !== object.key || $[1] !== selected || $[2] !== t || $[3] !== toggle) {
+    t1 = /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "w-8",
+      children: /* @__PURE__ */ jsxDEV(FileSelect, {
+        objectKey: object.key,
+        onToggle: toggle,
+        selected,
+        t
+      }, void 0, false)
+    }, void 0, false);
+    $[0] = object.key;
+    $[1] = selected;
+    $[2] = t;
+    $[3] = toggle;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== name) {
+    t2 = /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "font-mono text-xs",
+      children: name
+    }, void 0, false);
+    $[5] = name;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== object.size) {
+    t3 = formatBytes(object.size);
+    $[7] = object.size;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== t3) {
+    t4 = /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "tabular-nums text-muted-foreground",
+      children: t3
+    }, void 0, false);
+    $[9] = t3;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  const t5 = object.httpMetadata?.contentType ?? "";
+  let t6;
+  if ($[11] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV(TableCell, {
+      children: t5
+    }, void 0, false);
+    $[11] = t5;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  let t7;
+  if ($[13] !== object.key || $[14] !== references || $[15] !== showReferences || $[16] !== t) {
+    t7 = showReferences && /* @__PURE__ */ jsxDEV(TableCell, {
+      children: /* @__PURE__ */ jsxDEV(FileReferences, {
+        objectKey: object.key,
+        references,
+        t
+      }, void 0, false)
+    }, void 0, false);
+    $[13] = object.key;
+    $[14] = references;
+    $[15] = showReferences;
+    $[16] = t;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  const t8 = copiedKey === object.key;
+  let t9;
+  if ($[18] !== busy || $[19] !== copy || $[20] !== download || $[21] !== object.key || $[22] !== remove || $[23] !== t || $[24] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "text-right",
+      children: /* @__PURE__ */ jsxDEV("span", {
+        className: "inline-flex items-center gap-1",
+        children: /* @__PURE__ */ jsxDEV(FileActions, {
+          busy,
+          copied: t8,
+          objectKey: object.key,
+          onCopy: copy,
+          onDelete: remove,
+          onDownload: download,
+          t
+        }, void 0, false)
+      }, void 0, false)
+    }, void 0, false);
+    $[18] = busy;
+    $[19] = copy;
+    $[20] = download;
+    $[21] = object.key;
+    $[22] = remove;
+    $[23] = t;
+    $[24] = t8;
+    $[25] = t9;
+  } else {
+    t9 = $[25];
+  }
+  let t10;
+  if ($[26] !== t1 || $[27] !== t2 || $[28] !== t4 || $[29] !== t6 || $[30] !== t7 || $[31] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV(TableRow, {
+      "data-testid": "fb-row",
+      children: [t1, t2, t4, t6, t7, t9]
+    }, void 0, true);
+    $[26] = t1;
+    $[27] = t2;
+    $[28] = t4;
+    $[29] = t6;
+    $[30] = t7;
+    $[31] = t9;
+    $[32] = t10;
+  } else {
+    t10 = $[32];
+  }
+  return t10;
+};
+const FileBrowserList = (t0) => {
+  const $ = c(65);
+  const {
+    allSelected,
+    busy,
+    copiedKey,
+    files,
+    folders,
+    handlers,
+    onEnterFolder,
+    prefix,
+    references,
+    selected,
+    showReferences,
+    someSelected,
+    t,
+    toggleSelectAll
+  } = t0;
+  let t1;
+  if ($[0] !== t) {
+    t1 = t("Select all rows");
+    $[0] = t;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== allSelected || $[3] !== someSelected || $[4] !== t1 || $[5] !== toggleSelectAll) {
+    t2 = /* @__PURE__ */ jsxDEV(TableHead, {
+      className: "w-8",
+      children: /* @__PURE__ */ jsxDEV(Checkbox, {
+        "aria-label": t1,
+        checked: allSelected,
+        "data-testid": "storage-select-all",
+        indeterminate: someSelected,
+        onCheckedChange: toggleSelectAll
+      }, void 0, false)
+    }, void 0, false);
+    $[2] = allSelected;
+    $[3] = someSelected;
+    $[4] = t1;
+    $[5] = toggleSelectAll;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== t) {
+    t3 = t("key");
+    $[7] = t;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== t3) {
+    t4 = /* @__PURE__ */ jsxDEV(TableHead, {
+      children: t3
+    }, void 0, false);
+    $[9] = t3;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  let t5;
+  if ($[11] !== t) {
+    t5 = t("size");
+    $[11] = t;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV(TableHead, {
+      children: t5
+    }, void 0, false);
+    $[13] = t5;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] !== t) {
+    t7 = t("content-type");
+    $[15] = t;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  let t8;
+  if ($[17] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV(TableHead, {
+      children: t7
+    }, void 0, false);
+    $[17] = t7;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  let t9;
+  if ($[19] !== showReferences || $[20] !== t) {
+    t9 = showReferences && /* @__PURE__ */ jsxDEV(TableHead, {
+      children: t("used by")
+    }, void 0, false);
+    $[19] = showReferences;
+    $[20] = t;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  let t10;
+  if ($[22] !== t) {
+    t10 = t("Actions");
+    $[22] = t;
+    $[23] = t10;
+  } else {
+    t10 = $[23];
+  }
+  let t11;
+  if ($[24] !== t10) {
+    t11 = /* @__PURE__ */ jsxDEV(TableHead, {
+      "aria-label": t10
+    }, void 0, false);
+    $[24] = t10;
+    $[25] = t11;
+  } else {
+    t11 = $[25];
+  }
+  let t12;
+  if ($[26] !== t11 || $[27] !== t2 || $[28] !== t4 || $[29] !== t6 || $[30] !== t8 || $[31] !== t9) {
+    t12 = /* @__PURE__ */ jsxDEV(TableHeader, {
+      children: /* @__PURE__ */ jsxDEV(TableRow, {
+        children: [t2, t4, t6, t8, t9, t11]
+      }, void 0, true)
+    }, void 0, false);
+    $[26] = t11;
+    $[27] = t2;
+    $[28] = t4;
+    $[29] = t6;
+    $[30] = t8;
+    $[31] = t9;
+    $[32] = t12;
+  } else {
+    t12 = $[32];
+  }
+  let t13;
+  if ($[33] !== folders || $[34] !== onEnterFolder || $[35] !== showReferences) {
+    let t142;
+    if ($[37] !== onEnterFolder || $[38] !== showReferences) {
+      t142 = (folder) => /* @__PURE__ */ jsxDEV(FolderRow, {
+        colSpan: showReferences ? 6 : 5,
+        name: folder,
+        onEnter: onEnterFolder
+      }, folder, false);
+      $[37] = onEnterFolder;
+      $[38] = showReferences;
+      $[39] = t142;
+    } else {
+      t142 = $[39];
+    }
+    t13 = folders.map(t142);
+    $[33] = folders;
+    $[34] = onEnterFolder;
+    $[35] = showReferences;
+    $[36] = t13;
+  } else {
+    t13 = $[36];
+  }
+  let t14;
+  if ($[40] !== busy || $[41] !== copiedKey || $[42] !== files || $[43] !== handlers || $[44] !== prefix || $[45] !== references || $[46] !== selected || $[47] !== showReferences || $[48] !== t) {
+    let t152;
+    if ($[50] !== busy || $[51] !== copiedKey || $[52] !== handlers || $[53] !== prefix || $[54] !== references || $[55] !== selected || $[56] !== showReferences || $[57] !== t) {
+      t152 = (object) => /* @__PURE__ */ jsxDEV(FileRow, {
+        busy,
+        copiedKey,
+        handlers,
+        object,
+        prefix,
+        references: references[object.key],
+        selected: selected.has(object.key),
+        showReferences,
+        t
+      }, object.key, false);
+      $[50] = busy;
+      $[51] = copiedKey;
+      $[52] = handlers;
+      $[53] = prefix;
+      $[54] = references;
+      $[55] = selected;
+      $[56] = showReferences;
+      $[57] = t;
+      $[58] = t152;
+    } else {
+      t152 = $[58];
+    }
+    t14 = files.map(t152);
+    $[40] = busy;
+    $[41] = copiedKey;
+    $[42] = files;
+    $[43] = handlers;
+    $[44] = prefix;
+    $[45] = references;
+    $[46] = selected;
+    $[47] = showReferences;
+    $[48] = t;
+    $[49] = t14;
+  } else {
+    t14 = $[49];
+  }
+  let t15;
+  if ($[59] !== t13 || $[60] !== t14) {
+    t15 = /* @__PURE__ */ jsxDEV(TableBody, {
+      children: [t13, t14]
+    }, void 0, true);
+    $[59] = t13;
+    $[60] = t14;
+    $[61] = t15;
+  } else {
+    t15 = $[61];
+  }
+  let t16;
+  if ($[62] !== t12 || $[63] !== t15) {
+    t16 = /* @__PURE__ */ jsxDEV(Card, {
+      className: "overflow-hidden py-0",
+      children: /* @__PURE__ */ jsxDEV(CardContent, {
+        className: "px-0",
+        children: /* @__PURE__ */ jsxDEV(Table, {
+          "data-testid": "fb-table",
+          children: [t12, t15]
+        }, void 0, true)
+      }, void 0, false)
+    }, void 0, false);
+    $[62] = t12;
+    $[63] = t15;
+    $[64] = t16;
+  } else {
+    t16 = $[64];
+  }
+  return t16;
+};
+
+const SHARE_LIFETIMES = [{
+  label: "15m",
+  seconds: 900
+}, {
+  label: "1h",
+  seconds: 3600
+}, {
+  label: "24h",
+  seconds: 86400
+}, {
+  label: "7d",
+  seconds: 604800
+}];
+const DEFAULT_SHARE_LIFETIME = 3600;
+const fileSortValue = (object, key) => {
+  if (key === "size") {
+    return object.size;
+  }
+  if (key === "type") {
+    return object.httpMetadata?.contentType ?? "";
+  }
+  if (key === "date") {
+    if (object.uploaded === void 0) {
+      return 0;
+    }
+    const time = new Date(object.uploaded).getTime();
+    return Number.isNaN(time) ? 0 : time;
+  }
+  if (key.startsWith("tag:")) {
+    return object.customMetadata?.[key.slice(4)] ?? "";
+  }
+  return object.key;
+};
+const sortFiles = (files, key, direction) => {
+  const factor = direction === "desc" ? -1 : 1;
+  return files.toSorted((a, b) => {
+    const av = fileSortValue(a, key);
+    const bv = fileSortValue(b, key);
+    const cmp = typeof av === "number" && typeof bv === "number" ? av - bv : String(av).localeCompare(String(bv));
+    return cmp * factor;
+  });
+};
+const deriveEntries = (objects, prefix) => {
+  const folders = /* @__PURE__ */ new Set();
+  const files = [];
+  for (const object of objects) {
+    const rest = object.key.slice(prefix.length);
+    const slash = rest.indexOf("/");
+    if (slash === -1) {
+      files.push(object);
+    } else {
+      folders.add(rest.slice(0, slash + 1));
+    }
+  }
+  return {
+    files,
+    folders: [...folders].toSorted((a, b) => a.localeCompare(b))
+  };
+};
+
+const FileBrowserToolbar = (t0) => {
+  const $ = c(59);
+  const {
+    bucket,
+    buckets,
+    busy,
+    draftPrefix,
+    expiry,
+    fileInputRef,
+    onBucketChange,
+    onExpiryChange,
+    onFileChange,
+    onList,
+    onPrefixChange,
+    onUploadClick,
+    t
+  } = t0;
+  let t1;
+  if ($[0] !== onPrefixChange) {
+    t1 = (event) => {
+      onPrefixChange(event.target.value);
+    };
+    $[0] = onPrefixChange;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const onPrefixInput = t1;
+  let t2;
+  if ($[2] !== onBucketChange) {
+    t2 = (event_0) => {
+      onBucketChange(event_0.target.value);
+    };
+    $[2] = onBucketChange;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const onBucketSelect = t2;
+  let t3;
+  if ($[4] !== onExpiryChange) {
+    t3 = (event_1) => {
+      onExpiryChange(Number.parseInt(event_1.target.value, 10));
+    };
+    $[4] = onExpiryChange;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const onExpirySelect = t3;
+  let t4;
+  if ($[6] !== bucket || $[7] !== buckets || $[8] !== onBucketSelect || $[9] !== t) {
+    t4 = buckets.length > 0 && /* @__PURE__ */ jsxDEV("select", {
+      "aria-label": t("Bucket"),
+      className: "h-8 rounded-md border border-border bg-background px-1 outline-none focus-visible:border-ring",
+      "data-testid": "fb-bucket",
+      onChange: onBucketSelect,
+      value: bucket,
+      children: buckets.map(_temp$1)
+    }, void 0, false);
+    $[6] = bucket;
+    $[7] = buckets;
+    $[8] = onBucketSelect;
+    $[9] = t;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  let t5;
+  if ($[11] !== t) {
+    t5 = t("Key prefix");
+    $[11] = t;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== t) {
+    t6 = t("key prefix (optional)");
+    $[13] = t;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] !== draftPrefix || $[16] !== onPrefixInput || $[17] !== t5 || $[18] !== t6) {
+    t7 = /* @__PURE__ */ jsxDEV(Input, {
+      "aria-label": t5,
+      className: "h-8 w-64 max-w-full",
+      "data-testid": "fb-prefix-input",
+      onChange: onPrefixInput,
+      placeholder: t6,
+      value: draftPrefix
+    }, void 0, false);
+    $[15] = draftPrefix;
+    $[16] = onPrefixInput;
+    $[17] = t5;
+    $[18] = t6;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  let t8;
+  if ($[20] !== t) {
+    t8 = t("List");
+    $[20] = t;
+    $[21] = t8;
+  } else {
+    t8 = $[21];
+  }
+  let t9;
+  if ($[22] !== busy || $[23] !== onList || $[24] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV(Button, {
+      "data-testid": "fb-list",
+      disabled: busy,
+      onClick: onList,
+      size: "sm",
+      type: "button",
+      children: t8
+    }, void 0, false);
+    $[22] = busy;
+    $[23] = onList;
+    $[24] = t8;
+    $[25] = t9;
+  } else {
+    t9 = $[25];
+  }
+  let t10;
+  if ($[26] !== busy || $[27] !== t) {
+    t10 = busy ? t("Uploading…") : t("Upload");
+    $[26] = busy;
+    $[27] = t;
+    $[28] = t10;
+  } else {
+    t10 = $[28];
+  }
+  let t11;
+  if ($[29] !== busy || $[30] !== onUploadClick || $[31] !== t10) {
+    t11 = /* @__PURE__ */ jsxDEV(Button, {
+      "data-testid": "storage-upload",
+      disabled: busy,
+      onClick: onUploadClick,
+      size: "sm",
+      type: "button",
+      variant: "outline",
+      children: t10
+    }, void 0, false);
+    $[29] = busy;
+    $[30] = onUploadClick;
+    $[31] = t10;
+    $[32] = t11;
+  } else {
+    t11 = $[32];
+  }
+  let t12;
+  if ($[33] !== fileInputRef || $[34] !== onFileChange) {
+    t12 = /* @__PURE__ */ jsxDEV("input", {
+      className: "hidden",
+      "data-testid": "storage-file-input",
+      onChange: onFileChange,
+      ref: fileInputRef,
+      type: "file"
+    }, void 0, false);
+    $[33] = fileInputRef;
+    $[34] = onFileChange;
+    $[35] = t12;
+  } else {
+    t12 = $[35];
+  }
+  let t13;
+  if ($[36] !== t) {
+    t13 = t("Link expiry");
+    $[36] = t;
+    $[37] = t13;
+  } else {
+    t13 = $[37];
+  }
+  let t14;
+  if ($[38] !== t) {
+    t14 = SHARE_LIFETIMES.map((lifetime) => /* @__PURE__ */ jsxDEV("option", {
+      value: lifetime.seconds,
+      children: t(lifetime.label)
+    }, lifetime.seconds, false));
+    $[38] = t;
+    $[39] = t14;
+  } else {
+    t14 = $[39];
+  }
+  let t15;
+  if ($[40] !== expiry || $[41] !== onExpirySelect || $[42] !== t14) {
+    t15 = /* @__PURE__ */ jsxDEV("select", {
+      className: "h-8 rounded-md border border-border bg-background px-1 tabular-nums outline-none focus-visible:border-ring",
+      "data-testid": "storage-expiry",
+      id: "storage-expiry",
+      onChange: onExpirySelect,
+      value: expiry,
+      children: t14
+    }, void 0, false);
+    $[40] = expiry;
+    $[41] = onExpirySelect;
+    $[42] = t14;
+    $[43] = t15;
+  } else {
+    t15 = $[43];
+  }
+  let t16;
+  if ($[44] !== t13 || $[45] !== t15) {
+    t16 = /* @__PURE__ */ jsxDEV("label", {
+      className: "ml-auto flex items-center gap-1.5 text-xs text-muted-foreground",
+      htmlFor: "storage-expiry",
+      children: [t13, t15]
+    }, void 0, true);
+    $[44] = t13;
+    $[45] = t15;
+    $[46] = t16;
+  } else {
+    t16 = $[46];
+  }
+  let t17;
+  if ($[47] !== t) {
+    t17 = t("Open in Cloudflare");
+    $[47] = t;
+    $[48] = t17;
+  } else {
+    t17 = $[48];
+  }
+  let t18;
+  if ($[49] !== t17) {
+    t18 = /* @__PURE__ */ jsxDEV("a", {
+      className: "text-sm text-primary underline-offset-4 hover:underline",
+      "data-testid": "fb-cf-link",
+      href: CLOUDFLARE_R2_URL,
+      rel: "noreferrer",
+      target: "_blank",
+      children: t17
+    }, void 0, false);
+    $[49] = t17;
+    $[50] = t18;
+  } else {
+    t18 = $[50];
+  }
+  let t19;
+  if ($[51] !== t11 || $[52] !== t12 || $[53] !== t16 || $[54] !== t18 || $[55] !== t4 || $[56] !== t7 || $[57] !== t9) {
+    t19 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-wrap items-center gap-2",
+      children: [t4, t7, t9, t11, t12, t16, t18]
+    }, void 0, true);
+    $[51] = t11;
+    $[52] = t12;
+    $[53] = t16;
+    $[54] = t18;
+    $[55] = t4;
+    $[56] = t7;
+    $[57] = t9;
+    $[58] = t19;
+  } else {
+    t19 = $[58];
+  }
+  return t19;
+};
+const FileBrowserControls = (t0) => {
+  const $ = c(66);
+  const {
+    onSortKeyChange,
+    onThumbSizeChange,
+    showGrid,
+    showList,
+    sortDirection,
+    sortKey,
+    t,
+    tagKeys,
+    thumbSize,
+    toggleSortDirection,
+    view
+  } = t0;
+  let t1;
+  if ($[0] !== onSortKeyChange) {
+    t1 = (event) => {
+      onSortKeyChange(event.target.value);
+    };
+    $[0] = onSortKeyChange;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const onSortSelect = t1;
+  let t2;
+  if ($[2] !== onThumbSizeChange) {
+    t2 = (event_0) => {
+      onThumbSizeChange(Number.parseInt(event_0.target.value, 10));
+    };
+    $[2] = onThumbSizeChange;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const onThumbInput = t2;
+  const t3 = view === "list";
+  let t4;
+  if ($[4] !== t) {
+    t4 = t("List");
+    $[4] = t;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== showList || $[7] !== t3 || $[8] !== t4) {
+    t5 = /* @__PURE__ */ jsxDEV("button", {
+      "aria-pressed": t3,
+      className: "px-2 py-1 outline-none transition-colors hover:bg-accent aria-pressed:bg-accent aria-pressed:text-accent-foreground",
+      "data-testid": "fb-view-list",
+      onClick: showList,
+      type: "button",
+      children: t4
+    }, void 0, false);
+    $[6] = showList;
+    $[7] = t3;
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  const t6 = view === "grid";
+  let t7;
+  if ($[10] !== t) {
+    t7 = t("Grid");
+    $[10] = t;
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  let t8;
+  if ($[12] !== showGrid || $[13] !== t6 || $[14] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV("button", {
+      "aria-pressed": t6,
+      className: "border-s border-border px-2 py-1 outline-none transition-colors hover:bg-accent aria-pressed:bg-accent aria-pressed:text-accent-foreground",
+      "data-testid": "fb-view-grid",
+      onClick: showGrid,
+      type: "button",
+      children: t7
+    }, void 0, false);
+    $[12] = showGrid;
+    $[13] = t6;
+    $[14] = t7;
+    $[15] = t8;
+  } else {
+    t8 = $[15];
+  }
+  let t9;
+  if ($[16] !== t5 || $[17] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV("div", {
+      className: "inline-flex overflow-hidden rounded-md border border-border",
+      children: [t5, t8]
+    }, void 0, true);
+    $[16] = t5;
+    $[17] = t8;
+    $[18] = t9;
+  } else {
+    t9 = $[18];
+  }
+  let t10;
+  if ($[19] !== t) {
+    t10 = t("Sort");
+    $[19] = t;
+    $[20] = t10;
+  } else {
+    t10 = $[20];
+  }
+  let t11;
+  if ($[21] !== t) {
+    t11 = t("Name");
+    $[21] = t;
+    $[22] = t11;
+  } else {
+    t11 = $[22];
+  }
+  let t12;
+  if ($[23] !== t11) {
+    t12 = /* @__PURE__ */ jsxDEV("option", {
+      value: "name",
+      children: t11
+    }, void 0, false);
+    $[23] = t11;
+    $[24] = t12;
+  } else {
+    t12 = $[24];
+  }
+  let t13;
+  if ($[25] !== t) {
+    t13 = t("size");
+    $[25] = t;
+    $[26] = t13;
+  } else {
+    t13 = $[26];
+  }
+  let t14;
+  if ($[27] !== t13) {
+    t14 = /* @__PURE__ */ jsxDEV("option", {
+      value: "size",
+      children: t13
+    }, void 0, false);
+    $[27] = t13;
+    $[28] = t14;
+  } else {
+    t14 = $[28];
+  }
+  let t15;
+  if ($[29] !== t) {
+    t15 = t("Type");
+    $[29] = t;
+    $[30] = t15;
+  } else {
+    t15 = $[30];
+  }
+  let t16;
+  if ($[31] !== t15) {
+    t16 = /* @__PURE__ */ jsxDEV("option", {
+      value: "type",
+      children: t15
+    }, void 0, false);
+    $[31] = t15;
+    $[32] = t16;
+  } else {
+    t16 = $[32];
+  }
+  let t17;
+  if ($[33] !== t) {
+    t17 = t("Modified");
+    $[33] = t;
+    $[34] = t17;
+  } else {
+    t17 = $[34];
+  }
+  let t18;
+  if ($[35] !== t17) {
+    t18 = /* @__PURE__ */ jsxDEV("option", {
+      value: "date",
+      children: t17
+    }, void 0, false);
+    $[35] = t17;
+    $[36] = t18;
+  } else {
+    t18 = $[36];
+  }
+  let t19;
+  if ($[37] !== tagKeys) {
+    t19 = tagKeys.map(_temp2);
+    $[37] = tagKeys;
+    $[38] = t19;
+  } else {
+    t19 = $[38];
+  }
+  let t20;
+  if ($[39] !== onSortSelect || $[40] !== sortKey || $[41] !== t12 || $[42] !== t14 || $[43] !== t16 || $[44] !== t18 || $[45] !== t19) {
+    t20 = /* @__PURE__ */ jsxDEV("select", {
+      className: "h-8 rounded-md border border-border bg-background px-1 outline-none focus-visible:border-ring",
+      "data-testid": "fb-sort",
+      id: "fb-sort",
+      onChange: onSortSelect,
+      value: sortKey,
+      children: [t12, t14, t16, t18, t19]
+    }, void 0, true);
+    $[39] = onSortSelect;
+    $[40] = sortKey;
+    $[41] = t12;
+    $[42] = t14;
+    $[43] = t16;
+    $[44] = t18;
+    $[45] = t19;
+    $[46] = t20;
+  } else {
+    t20 = $[46];
+  }
+  let t21;
+  if ($[47] !== t10 || $[48] !== t20) {
+    t21 = /* @__PURE__ */ jsxDEV("label", {
+      className: "flex items-center gap-1.5 text-muted-foreground",
+      htmlFor: "fb-sort",
+      children: [t10, t20]
+    }, void 0, true);
+    $[47] = t10;
+    $[48] = t20;
+    $[49] = t21;
+  } else {
+    t21 = $[49];
+  }
+  let t22;
+  if ($[50] !== t) {
+    t22 = t("Toggle sort direction");
+    $[50] = t;
+    $[51] = t22;
+  } else {
+    t22 = $[51];
+  }
+  const t23 = sortDirection === "asc" ? "↑" : "↓";
+  let t24;
+  if ($[52] !== t22 || $[53] !== t23 || $[54] !== toggleSortDirection) {
+    t24 = /* @__PURE__ */ jsxDEV("button", {
+      "aria-label": t22,
+      className: "flex size-8 items-center justify-center rounded-md border border-border tabular-nums outline-none transition-colors hover:bg-accent focus-visible:bg-accent",
+      "data-testid": "fb-sort-dir",
+      onClick: toggleSortDirection,
+      type: "button",
+      children: t23
+    }, void 0, false);
+    $[52] = t22;
+    $[53] = t23;
+    $[54] = toggleSortDirection;
+    $[55] = t24;
+  } else {
+    t24 = $[55];
+  }
+  let t25;
+  if ($[56] !== onThumbInput || $[57] !== t || $[58] !== thumbSize || $[59] !== view) {
+    t25 = view === "grid" && /* @__PURE__ */ jsxDEV("label", {
+      className: "ml-auto flex items-center gap-1.5 text-muted-foreground",
+      htmlFor: "fb-thumb-size",
+      children: [t("Thumbnail size"), /* @__PURE__ */ jsxDEV("input", {
+        className: "accent-primary",
+        "data-testid": "fb-thumb-size",
+        id: "fb-thumb-size",
+        max: 240,
+        min: 80,
+        onChange: onThumbInput,
+        step: 8,
+        type: "range",
+        value: thumbSize
+      }, void 0, false)]
+    }, void 0, true);
+    $[56] = onThumbInput;
+    $[57] = t;
+    $[58] = thumbSize;
+    $[59] = view;
+    $[60] = t25;
+  } else {
+    t25 = $[60];
+  }
+  let t26;
+  if ($[61] !== t21 || $[62] !== t24 || $[63] !== t25 || $[64] !== t9) {
+    t26 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-wrap items-center gap-2 text-xs",
+      "data-testid": "fb-controls",
+      children: [t9, t21, t24, t25]
+    }, void 0, true);
+    $[61] = t21;
+    $[62] = t24;
+    $[63] = t25;
+    $[64] = t9;
+    $[65] = t26;
+  } else {
+    t26 = $[65];
+  }
+  return t26;
+};
+function _temp$1(name) {
+  return /* @__PURE__ */ jsxDEV("option", {
+    value: name,
+    children: name
+  }, name, false);
+}
+function _temp2(key) {
+  return /* @__PURE__ */ jsxDEV("option", {
+    value: `tag:${key}`,
+    children: key
+  }, key, false);
+}
+
+const IMAGE_EXTENSION_RE = /\.(?:avif|bmp|gif|ico|jpe?g|png|svg|webp)$/iu;
+const isImage = (object) => (object.httpMetadata?.contentType ?? "").startsWith("image/") || IMAGE_EXTENSION_RE.test(object.key);
+const FileGlyph = () => {
+  const $ = c(1);
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsxDEV("svg", {
+      "aria-hidden": "true",
+      className: "size-8 text-muted-foreground/60",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.4,
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ jsxDEV("path", {
+        d: "M7 3h7l5 5v13a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm7 0v5h5"
+      }, void 0, false)
+    }, void 0, false);
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+};
+const Thumbnail = (t0) => {
+  const $ = c(13);
+  const {
+    object,
+    resolveUrl
+  } = t0;
+  const [url, setUrl] = useState(null);
+  const [failed, setFailed] = useState(false);
+  let t1;
+  if ($[0] !== object) {
+    t1 = isImage(object);
+    $[0] = object;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const image = t1;
+  let t2;
+  let t3;
+  if ($[2] !== image || $[3] !== object.key || $[4] !== resolveUrl) {
+    t2 = () => {
+      if (!image) {
+        return;
+      }
+      const token = {
+        cancelled: false
+      };
+      fireAndForget((async () => {
+        try {
+          const resolved = await resolveUrl(object.key);
+          if (!token.cancelled) {
+            setUrl(resolved);
+          }
+        } catch {
+          if (!token.cancelled) {
+            setFailed(true);
+          }
+        }
+      })());
+      return () => {
+        token.cancelled = true;
+      };
+    };
+    t3 = [image, object.key, resolveUrl];
+    $[2] = image;
+    $[3] = object.key;
+    $[4] = resolveUrl;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t2 = $[5];
+    t3 = $[6];
+  }
+  useEffect(t2, t3);
+  let t4;
+  if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t4 = () => {
+      setFailed(true);
+    };
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  const onError = t4;
+  let t5;
+  if ($[8] !== failed || $[9] !== image || $[10] !== object.key || $[11] !== url) {
+    t5 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex aspect-square w-full items-center justify-center overflow-hidden rounded-md border border-border bg-muted/30",
+      children: image && url !== null && !failed ? /* @__PURE__ */ jsxDEV("img", {
+        alt: object.key,
+        className: "size-full object-cover",
+        loading: "lazy",
+        onError,
+        src: url
+      }, void 0, false) : /* @__PURE__ */ jsxDEV(FileGlyph, {}, void 0, false)
+    }, void 0, false);
+    $[8] = failed;
+    $[9] = image;
+    $[10] = object.key;
+    $[11] = url;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  return t5;
+};
+const GalleryTile = (t0) => {
+  const $ = c(38);
+  const {
+    busy,
+    copiedKey,
+    handlers,
+    object,
+    prefix,
+    references,
+    resolveUrl,
+    selected,
+    showReferences,
+    t
+  } = t0;
+  const {
+    copy,
+    download,
+    name,
+    remove,
+    toggle
+  } = useFileItem(object, prefix, handlers);
+  let t1;
+  if ($[0] !== object || $[1] !== resolveUrl) {
+    t1 = /* @__PURE__ */ jsxDEV(Thumbnail, {
+      object,
+      resolveUrl
+    }, void 0, false);
+    $[0] = object;
+    $[1] = resolveUrl;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== object.key || $[4] !== selected || $[5] !== t || $[6] !== toggle) {
+    t2 = /* @__PURE__ */ jsxDEV("span", {
+      className: "absolute left-1.5 top-1.5 rounded bg-background/80 p-0.5",
+      children: /* @__PURE__ */ jsxDEV(FileSelect, {
+        objectKey: object.key,
+        onToggle: toggle,
+        selected,
+        t
+      }, void 0, false)
+    }, void 0, false);
+    $[3] = object.key;
+    $[4] = selected;
+    $[5] = t;
+    $[6] = toggle;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] !== t1 || $[9] !== t2) {
+    t3 = /* @__PURE__ */ jsxDEV("div", {
+      className: "relative",
+      children: [t1, t2]
+    }, void 0, true);
+    $[8] = t1;
+    $[9] = t2;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  let t4;
+  if ($[11] !== name) {
+    t4 = /* @__PURE__ */ jsxDEV("p", {
+      className: "truncate font-mono text-xs",
+      title: name,
+      children: name
+    }, void 0, false);
+    $[11] = name;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  let t5;
+  if ($[13] !== object.size) {
+    t5 = formatBytes(object.size);
+    $[13] = object.size;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  let t6;
+  if ($[15] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV("p", {
+      className: "text-[11px] tabular-nums text-muted-foreground",
+      children: t5
+    }, void 0, false);
+    $[15] = t5;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  let t7;
+  if ($[17] !== object.key || $[18] !== references || $[19] !== showReferences || $[20] !== t) {
+    t7 = showReferences && /* @__PURE__ */ jsxDEV("div", {
+      className: "mt-1",
+      children: /* @__PURE__ */ jsxDEV(FileReferences, {
+        objectKey: object.key,
+        references,
+        t
+      }, void 0, false)
+    }, void 0, false);
+    $[17] = object.key;
+    $[18] = references;
+    $[19] = showReferences;
+    $[20] = t;
+    $[21] = t7;
+  } else {
+    t7 = $[21];
+  }
+  let t8;
+  if ($[22] !== t4 || $[23] !== t6 || $[24] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV("div", {
+      className: "min-w-0",
+      children: [t4, t6, t7]
+    }, void 0, true);
+    $[22] = t4;
+    $[23] = t6;
+    $[24] = t7;
+    $[25] = t8;
+  } else {
+    t8 = $[25];
+  }
+  const t9 = copiedKey === object.key;
+  let t10;
+  if ($[26] !== busy || $[27] !== copy || $[28] !== download || $[29] !== object.key || $[30] !== remove || $[31] !== t || $[32] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex items-center gap-1",
+      children: /* @__PURE__ */ jsxDEV(FileActions, {
+        busy,
+        buttonClassName: "h-7 px-2 text-xs",
+        copied: t9,
+        objectKey: object.key,
+        onCopy: copy,
+        onDelete: remove,
+        onDownload: download,
+        t
+      }, void 0, false)
+    }, void 0, false);
+    $[26] = busy;
+    $[27] = copy;
+    $[28] = download;
+    $[29] = object.key;
+    $[30] = remove;
+    $[31] = t;
+    $[32] = t9;
+    $[33] = t10;
+  } else {
+    t10 = $[33];
+  }
+  let t11;
+  if ($[34] !== t10 || $[35] !== t3 || $[36] !== t8) {
+    t11 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-1.5",
+      "data-testid": "fb-tile",
+      children: [t3, t8, t10]
+    }, void 0, true);
+    $[34] = t10;
+    $[35] = t3;
+    $[36] = t8;
+    $[37] = t11;
+  } else {
+    t11 = $[37];
+  }
+  return t11;
+};
+const FolderTile = (t0) => {
+  const $ = c(9);
+  const {
+    name,
+    onEnter
+  } = t0;
+  let t1;
+  if ($[0] !== name || $[1] !== onEnter) {
+    t1 = () => {
+      onEnter(name);
+    };
+    $[0] = name;
+    $[1] = onEnter;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const enter = t1;
+  let t2;
+  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsxDEV("span", {
+      className: "flex aspect-square w-full items-center justify-center rounded-md border border-border bg-muted/30 transition-colors hover:bg-accent",
+      children: /* @__PURE__ */ jsxDEV("svg", {
+        "aria-hidden": "true",
+        className: "size-10 text-muted-foreground",
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.4,
+        viewBox: "0 0 24 24",
+        children: /* @__PURE__ */ jsxDEV("path", {
+          d: "M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z"
+        }, void 0, false)
+      }, void 0, false)
+    }, void 0, false);
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== name) {
+    t3 = /* @__PURE__ */ jsxDEV("span", {
+      className: "truncate font-mono text-xs",
+      title: name,
+      children: name
+    }, void 0, false);
+    $[4] = name;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== enter || $[7] !== t3) {
+    t4 = /* @__PURE__ */ jsxDEV("button", {
+      className: "flex flex-col gap-1.5 text-left outline-none",
+      "data-testid": "fb-folder",
+      onClick: enter,
+      type: "button",
+      children: [t2, t3]
+    }, void 0, true);
+    $[6] = enter;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  return t4;
+};
+const FileGallery = (t0) => {
+  const $ = c(34);
+  const {
+    busy,
+    copiedKey,
+    files,
+    folders,
+    handlers,
+    onEnterFolder,
+    prefix,
+    references,
+    resolveUrl,
+    selected,
+    showReferences,
+    size,
+    t
+  } = t0;
+  let t1;
+  if ($[0] !== size) {
+    t1 = size.toString();
+    $[0] = size;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = `repeat(auto-fill, minmax(${t1}px, 1fr))`;
+  let t3;
+  if ($[2] !== t2) {
+    t3 = {
+      gridTemplateColumns: t2
+    };
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const gridStyle = t3;
+  let t4;
+  if ($[4] !== folders || $[5] !== onEnterFolder) {
+    let t52;
+    if ($[7] !== onEnterFolder) {
+      t52 = (folder) => /* @__PURE__ */ jsxDEV(FolderTile, {
+        name: folder,
+        onEnter: onEnterFolder
+      }, folder, false);
+      $[7] = onEnterFolder;
+      $[8] = t52;
+    } else {
+      t52 = $[8];
+    }
+    t4 = folders.map(t52);
+    $[4] = folders;
+    $[5] = onEnterFolder;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[9] !== busy || $[10] !== copiedKey || $[11] !== files || $[12] !== handlers || $[13] !== prefix || $[14] !== references || $[15] !== resolveUrl || $[16] !== selected || $[17] !== showReferences || $[18] !== t) {
+    let t62;
+    if ($[20] !== busy || $[21] !== copiedKey || $[22] !== handlers || $[23] !== prefix || $[24] !== references || $[25] !== resolveUrl || $[26] !== selected || $[27] !== showReferences || $[28] !== t) {
+      t62 = (object) => /* @__PURE__ */ jsxDEV(GalleryTile, {
+        busy,
+        copiedKey,
+        handlers,
+        object,
+        prefix,
+        references: references[object.key],
+        resolveUrl,
+        selected: selected.has(object.key),
+        showReferences,
+        t
+      }, object.key, false);
+      $[20] = busy;
+      $[21] = copiedKey;
+      $[22] = handlers;
+      $[23] = prefix;
+      $[24] = references;
+      $[25] = resolveUrl;
+      $[26] = selected;
+      $[27] = showReferences;
+      $[28] = t;
+      $[29] = t62;
+    } else {
+      t62 = $[29];
+    }
+    t5 = files.map(t62);
+    $[9] = busy;
+    $[10] = copiedKey;
+    $[11] = files;
+    $[12] = handlers;
+    $[13] = prefix;
+    $[14] = references;
+    $[15] = resolveUrl;
+    $[16] = selected;
+    $[17] = showReferences;
+    $[18] = t;
+    $[19] = t5;
+  } else {
+    t5 = $[19];
+  }
+  let t6;
+  if ($[30] !== gridStyle || $[31] !== t4 || $[32] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV("div", {
+      className: "grid gap-4",
+      "data-testid": "fb-gallery",
+      style: gridStyle,
+      children: [t4, t5]
+    }, void 0, true);
+    $[30] = gridStyle;
+    $[31] = t4;
+    $[32] = t5;
+    $[33] = t6;
+  } else {
+    t6 = $[33];
+  }
+  return t6;
+};
+
+const DanglingRow = (t0) => {
+  const $ = c(23);
+  const {
+    reference,
+    t
+  } = t0;
+  const t1 = `fb-dangling-${reference.table}-${reference.id}-${reference.column}`;
+  const t2 = `${reference.table}·${reference.id}`;
+  let t3;
+  if ($[0] !== t2) {
+    t3 = /* @__PURE__ */ jsxDEV(Badge, {
+      variant: "secondary",
+      children: t2
+    }, void 0, false);
+    $[0] = t2;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  let t4;
+  if ($[2] !== reference.column) {
+    t4 = /* @__PURE__ */ jsxDEV("span", {
+      className: "text-muted-foreground",
+      children: reference.column
+    }, void 0, false);
+    $[2] = reference.column;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  let t5;
+  if ($[4] !== t) {
+    t5 = t("→");
+    $[4] = t;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  let t6;
+  if ($[6] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV("span", {
+      className: "text-muted-foreground/60",
+      children: t5
+    }, void 0, false);
+    $[6] = t5;
+    $[7] = t6;
+  } else {
+    t6 = $[7];
+  }
+  let t7;
+  if ($[8] !== reference.key) {
+    t7 = /* @__PURE__ */ jsxDEV("code", {
+      className: "rounded bg-muted px-1 py-0.5 font-mono text-foreground",
+      children: reference.key
+    }, void 0, false);
+    $[8] = reference.key;
+    $[9] = t7;
+  } else {
+    t7 = $[9];
+  }
+  let t8;
+  if ($[10] !== t3 || $[11] !== t4 || $[12] !== t6 || $[13] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV("span", {
+      className: "flex flex-wrap items-center gap-1.5",
+      children: [t3, t4, t6, t7]
+    }, void 0, true);
+    $[10] = t3;
+    $[11] = t4;
+    $[12] = t6;
+    $[13] = t7;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  let t9;
+  if ($[15] !== t) {
+    t9 = t("Missing object");
+    $[15] = t;
+    $[16] = t9;
+  } else {
+    t9 = $[16];
+  }
+  let t10;
+  if ($[17] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV(Badge, {
+      className: "border-destructive/40 text-destructive",
+      variant: "outline",
+      children: t9
+    }, void 0, false);
+    $[17] = t9;
+    $[18] = t10;
+  } else {
+    t10 = $[18];
+  }
+  let t11;
+  if ($[19] !== t1 || $[20] !== t10 || $[21] !== t8) {
+    t11 = /* @__PURE__ */ jsxDEV("li", {
+      className: "flex flex-wrap items-center justify-between gap-2 rounded-md border border-border/60 px-3 py-2 text-xs",
+      "data-testid": t1,
+      children: [t8, t10]
+    }, void 0, true);
+    $[19] = t1;
+    $[20] = t10;
+    $[21] = t8;
+    $[22] = t11;
+  } else {
+    t11 = $[22];
+  }
+  return t11;
+};
+const OrphanedObjectsSection = (t0) => {
+  const $ = c(37);
+  const {
+    busy,
+    onCheck,
+    references,
+    t,
+    truncated
+  } = t0;
+  let t1;
+  if ($[0] !== t) {
+    t1 = t("Integrity");
+    $[0] = t;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("span", {
+      className: "font-mono text-[11px] uppercase tracking-wide text-muted-foreground",
+      children: t1
+    }, void 0, false);
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t) {
+    t3 = t("Orphaned objects");
+    $[4] = t;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t3) {
+    t4 = /* @__PURE__ */ jsxDEV("span", {
+      className: "text-sm font-medium text-foreground",
+      children: t3
+    }, void 0, false);
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== t) {
+    t5 = t("Find records whose file reference points at an object the bucket no longer has.");
+    $[8] = t;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  let t6;
+  if ($[10] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV("span", {
+      className: "text-xs text-muted-foreground",
+      children: t5
+    }, void 0, false);
+    $[10] = t5;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  let t7;
+  if ($[12] !== t2 || $[13] !== t4 || $[14] !== t6) {
+    t7 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-1",
+      children: [t2, t4, t6]
+    }, void 0, true);
+    $[12] = t2;
+    $[13] = t4;
+    $[14] = t6;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  let t8;
+  if ($[16] !== busy || $[17] !== t) {
+    t8 = busy ? t("Checking…") : t("Check for orphans");
+    $[16] = busy;
+    $[17] = t;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  let t9;
+  if ($[19] !== busy || $[20] !== onCheck || $[21] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV(Button, {
+      "data-testid": "fb-orphans-check",
+      disabled: busy,
+      onClick: onCheck,
+      size: "sm",
+      type: "button",
+      variant: "outline",
+      children: t8
+    }, void 0, false);
+    $[19] = busy;
+    $[20] = onCheck;
+    $[21] = t8;
+    $[22] = t9;
+  } else {
+    t9 = $[22];
+  }
+  let t10;
+  if ($[23] !== t7 || $[24] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-wrap items-center justify-between gap-2",
+      children: [t7, t9]
+    }, void 0, true);
+    $[23] = t7;
+    $[24] = t9;
+    $[25] = t10;
+  } else {
+    t10 = $[25];
+  }
+  let t11;
+  if ($[26] !== references?.length || $[27] !== t) {
+    t11 = references?.length === 0 && /* @__PURE__ */ jsxDEV(EmptyState, {
+      description: t("Every record's file reference points at an object that exists in the bucket."),
+      testId: "fb-orphans-empty",
+      title: t("No dangling references.")
+    }, void 0, false);
+    $[26] = references?.length;
+    $[27] = t;
+    $[28] = t11;
+  } else {
+    t11 = $[28];
+  }
+  let t12;
+  if ($[29] !== references || $[30] !== t || $[31] !== truncated) {
+    t12 = references !== void 0 && references.length > 0 && /* @__PURE__ */ jsxDEV(Fragment, {
+      children: [truncated && /* @__PURE__ */ jsxDEV("p", {
+        className: "text-xs text-warning",
+        "data-testid": "fb-orphans-truncated",
+        children: t("Showing the first {count} dangling references — the scan was truncated.", {
+          count: references.length
+        })
+      }, void 0, false), /* @__PURE__ */ jsxDEV("ul", {
+        className: "flex flex-col gap-1.5",
+        "data-testid": "fb-orphans-list",
+        children: references.map((reference) => /* @__PURE__ */ jsxDEV(DanglingRow, {
+          reference,
+          t
+        }, `${reference.table}·${reference.id}·${reference.column}`, false))
+      }, void 0, false)]
+    }, void 0, true);
+    $[29] = references;
+    $[30] = t;
+    $[31] = truncated;
+    $[32] = t12;
+  } else {
+    t12 = $[32];
+  }
+  let t13;
+  if ($[33] !== t10 || $[34] !== t11 || $[35] !== t12) {
+    t13 = /* @__PURE__ */ jsxDEV("section", {
+      className: "flex flex-col gap-2 rounded-lg border border-border/60 p-3",
+      "data-testid": "fb-orphans",
+      children: [t10, t11, t12]
+    }, void 0, true);
+    $[33] = t10;
+    $[34] = t11;
+    $[35] = t12;
+    $[36] = t13;
+  } else {
+    t13 = $[36];
+  }
+  return t13;
+};
+
+const useKeySelection = function(items, keyOf) {
+  const $ = c(18);
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ new Set();
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const [selected, setSelected] = useState(t0);
+  let t1;
+  if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = (key) => {
+      setSelected((current) => {
+        const next = new Set(current);
+        if (next.has(key)) {
+          next.delete(key);
+        } else {
+          next.add(key);
+        }
+        return next;
+      });
+    };
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const toggle = t1;
+  let t2;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => {
+      setSelected(/* @__PURE__ */ new Set());
+    };
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const clear = t2;
+  let allSelected;
+  let keys;
+  let t3;
+  if ($[3] !== items || $[4] !== keyOf || $[5] !== selected) {
+    let t42;
+    if ($[9] !== keyOf) {
+      t42 = (item) => keyOf(item);
+      $[9] = keyOf;
+      $[10] = t42;
+    } else {
+      t42 = $[10];
+    }
+    keys = items.map(t42);
+    allSelected = keys.length > 0 && keys.every((key_0) => selected.has(key_0));
+    t3 = !allSelected && keys.some((key_1) => selected.has(key_1));
+    $[3] = items;
+    $[4] = keyOf;
+    $[5] = selected;
+    $[6] = allSelected;
+    $[7] = keys;
+    $[8] = t3;
+  } else {
+    allSelected = $[6];
+    keys = $[7];
+    t3 = $[8];
+  }
+  const someSelected = t3;
+  let t4;
+  if ($[11] !== keys) {
+    t4 = () => {
+      setSelected((current_0) => keys.every((key_2) => current_0.has(key_2)) ? /* @__PURE__ */ new Set() : new Set(keys));
+    };
+    $[11] = keys;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  const toggleAll = t4;
+  let t5;
+  if ($[13] !== allSelected || $[14] !== selected || $[15] !== someSelected || $[16] !== toggleAll) {
+    t5 = {
+      allSelected,
+      clear,
+      selected,
+      someSelected,
+      toggle,
+      toggleAll
+    };
+    $[13] = allSelected;
+    $[14] = selected;
+    $[15] = someSelected;
+    $[16] = toggleAll;
+    $[17] = t5;
+  } else {
+    t5 = $[17];
+  }
+  return t5;
+};
+
+const STORAGE_REFERENCES = adminRef(ADMIN_FUNCTIONS.storageReferences);
+const STORAGE_ORPHANS = adminRef(ADMIN_FUNCTIONS.storageOrphans);
+const ORPHAN_LIVE_KEY_CAP = 1e4;
+const ORPHAN_LIST_PAGE_SIZE = 1e3;
+const THUMBNAIL_URL_TTL = 3600;
+const triggerDownload = (url, filename) => {
+  if (!("document" in globalThis)) {
+    return;
+  }
+  const anchor = globalThis.document.createElement("a");
+  anchor.href = url;
+  anchor.download = filename;
+  anchor.rel = "noopener";
+  globalThis.document.body.append(anchor);
+  anchor.click();
+  anchor.remove();
+};
+const copyToClipboard = async (text) => {
+  if ("navigator" in globalThis && "clipboard" in globalThis.navigator) {
+    await globalThis.navigator.clipboard.writeText(text);
+  }
+};
+const useFileBrowser = ({
+  initialPrefix,
+  pageSize
+}) => {
+  const client = useLunora();
+  const [prefix, setPrefix] = useState(initialPrefix ?? "");
+  const [draftPrefix, setDraftPrefix] = useState(initialPrefix ?? "");
+  const [expiry, setExpiry] = useState(DEFAULT_SHARE_LIFETIME);
+  const [view, setView] = useState("list");
+  const [thumbSize, setThumbSize] = useState(128);
+  const [sortKey, setSortKey] = useState("name");
+  const [sortDirection, setSortDirection] = useState("asc");
+  const [objects, setObjects] = useState(void 0);
+  const [error, setError] = useState(void 0);
+  const [busy, setBusy] = useState(false);
+  const [copiedKey, setCopiedKey] = useState(void 0);
+  const [nextCursor, setNextCursor] = useState(void 0);
+  const [referenceShard, setReferenceShard] = useState("");
+  const [references, setReferences] = useState({});
+  const [hasStorageColumns, setHasStorageColumns] = useState(false);
+  const [danglingReferences, setDanglingReferences] = useState(void 0);
+  const [danglingBusy, setDanglingBusy] = useState(false);
+  const [danglingTruncated, setDanglingTruncated] = useState(false);
+  const [buckets, setBuckets] = useState([]);
+  const [bucket, setBucket] = useState("");
+  useEffect(() => {
+    const token = {
+      cancelled: false
+    };
+    fireAndForget((async () => {
+      try {
+        const names = await client.listStorageBuckets();
+        if (!token.cancelled) {
+          setBuckets(names);
+          const [first] = names;
+          if (first !== void 0) {
+            setBucket((current) => current === "" ? first : current);
+          }
+        }
+      } catch {
+      }
+    })());
+    return () => {
+      token.cancelled = true;
+    };
+  }, [client]);
+  const storageApi = useMemo(() => {
+    return {
+      list: (options) => client.listStorageObjects({
+        ...options,
+        bucket
+      }),
+      remove: (key) => client.deleteStorageObject(key, {
+        bucket
+      }),
+      signedUrl: (key_0, options_0) => client.signedStorageUrl(key_0, {
+        ...options_0,
+        bucket
+      }),
+      upload: (options_1) => client.uploadStorageObject({
+        ...options_1,
+        bucket
+      })
+    };
+  }, [bucket, client]);
+  const list = useCallback(async (searchPrefix, cursor, append) => {
+    setError(void 0);
+    setBusy(true);
+    try {
+      const page = await storageApi.list({
+        cursor,
+        limit: pageSize,
+        prefix: searchPrefix
+      });
+      setObjects((previous) => append && previous !== void 0 ? [...previous, ...page.objects] : page.objects);
+      setNextCursor(page.cursor);
+    } catch (error_) {
+      if (!append) {
+        setObjects(void 0);
+      }
+      setError(errorMessage(error_));
+    } finally {
+      setBusy(false);
+    }
+  }, [pageSize, storageApi]);
+  useEffect(() => {
+    fireAndForget(list(initialPrefix ?? "", void 0, false));
+  }, [list, initialPrefix]);
+  const onFirstPage = (objects?.length ?? 0) <= pageSize;
+  useAutoRefresh(() => {
+    fireAndForget(list(prefix, void 0, false));
+  }, onFirstPage);
+  const {
+    files,
+    folders
+  } = deriveEntries(objects ?? [], prefix);
+  const tagKeys = useMemo(() => {
+    const keys = /* @__PURE__ */ new Set();
+    for (const file of files) {
+      for (const key_1 of Object.keys(file.customMetadata ?? {})) {
+        keys.add(key_1);
+      }
+    }
+    return [...keys].toSorted((a, b) => a.localeCompare(b));
+  }, [files]);
+  const sortedFiles = sortFiles(files, sortKey, sortDirection);
+  const keysSignature = useMemo(() => [...new Set(sortedFiles.map((file_0) => file_0.key))].toSorted((a_0, b_0) => a_0.localeCompare(b_0)).join("\n"), [sortedFiles]);
+  useEffect(() => {
+    const keys_0 = keysSignature === "" ? [] : keysSignature.split("\n");
+    if (keys_0.length === 0) {
+      setReferences({});
+      return void 0;
+    }
+    const live = {
+      current: true
+    };
+    fireAndForget((async () => {
+      try {
+        const result = await client.query(STORAGE_REFERENCES, {
+          keys: keys_0
+        }, callOptions(referenceShard));
+        if (live.current) {
+          setReferences(result.references ?? {});
+          setHasStorageColumns(Object.keys(result.storageColumns ?? {}).length > 0);
+        }
+      } catch {
+        if (live.current) {
+          setReferences({});
+          setHasStorageColumns(false);
+        }
+      }
+    })());
+    return () => {
+      live.current = false;
+    };
+  }, [client, keysSignature, referenceShard]);
+  const keyOf = (object) => object.key;
+  const {
+    allSelected,
+    clear: clearSelection,
+    selected,
+    someSelected,
+    toggle: toggleSelect,
+    toggleAll: toggleSelectAll
+  } = useKeySelection(sortedFiles, keyOf);
+  const listFirst = () => {
+    setPrefix(draftPrefix);
+    clearSelection();
+    fireAndForget(list(draftPrefix, void 0, false));
+  };
+  const loadMore = () => {
+    fireAndForget(list(prefix, nextCursor, true));
+  };
+  const navigate = (target) => {
+    setPrefix(target);
+    setDraftPrefix(target);
+    clearSelection();
+    fireAndForget(list(target, void 0, false));
+  };
+  const enterFolder = (name) => {
+    navigate(`${prefix}${name}`);
+  };
+  const resolveUrl = (key_2) => storageApi.signedUrl(key_2, {
+    expiresInSeconds: THUMBNAIL_URL_TTL
+  });
+  const showList = () => {
+    setView("list");
+  };
+  const showGrid = () => {
+    setView("grid");
+  };
+  const onSortKeyChange = (key_3) => {
+    setSortKey(key_3);
+  };
+  const toggleSortDirection = () => {
+    setSortDirection((current_0) => current_0 === "asc" ? "desc" : "asc");
+  };
+  const onThumbSizeChange = (size) => {
+    setThumbSize(size);
+  };
+  const onExpiryChange = (seconds) => {
+    setExpiry(seconds);
+  };
+  const bulkDelete = () => {
+    setError(void 0);
+    setBusy(true);
+    fireAndForget((async () => {
+      try {
+        for (const key_4 of selected) {
+          await storageApi.remove(key_4);
+        }
+        await list(prefix, void 0, false);
+        clearSelection();
+      } catch (error__0) {
+        setError(errorMessage(error__0));
+      } finally {
+        setBusy(false);
+      }
+    })());
+  };
+  const onCopy = (key_5) => {
+    setError(void 0);
+    fireAndForget((async () => {
+      try {
+        const url = await storageApi.signedUrl(key_5, {
+          expiresInSeconds: expiry
+        });
+        await copyToClipboard(url);
+        setCopiedKey(key_5);
+      } catch (error__1) {
+        setError(errorMessage(error__1));
+      }
+    })());
+  };
+  const onDownload = (key_6) => {
+    setError(void 0);
+    fireAndForget((async () => {
+      try {
+        const url_0 = await storageApi.signedUrl(key_6, {
+          expiresInSeconds: expiry
+        });
+        const filename = key_6.slice(key_6.lastIndexOf("/") + 1) || key_6;
+        triggerDownload(url_0, filename);
+      } catch (error__2) {
+        setError(errorMessage(error__2));
+      }
+    })());
+  };
+  useEffect(() => {
+    if (copiedKey === void 0) {
+      return void 0;
+    }
+    const timer = globalThis.setTimeout(() => {
+      setCopiedKey(void 0);
+    }, 2e3);
+    return () => {
+      globalThis.clearTimeout(timer);
+    };
+  }, [copiedKey]);
+  const onDelete = (key_7) => {
+    setError(void 0);
+    setBusy(true);
+    fireAndForget((async () => {
+      try {
+        await storageApi.remove(key_7);
+        await list(prefix, void 0, false);
+      } catch (error__3) {
+        setError(errorMessage(error__3));
+      } finally {
+        setBusy(false);
+      }
+    })());
+  };
+  const onFile = (file_1) => {
+    const key_8 = `${prefix}${file_1.name}`;
+    setError(void 0);
+    setBusy(true);
+    fireAndForget((async () => {
+      try {
+        const body = await file_1.arrayBuffer();
+        await storageApi.upload({
+          body,
+          contentType: file_1.type === "" ? void 0 : file_1.type,
+          key: key_8
+        });
+        await list(prefix, void 0, false);
+      } catch (error__4) {
+        setError(errorMessage(error__4));
+      } finally {
+        setBusy(false);
+      }
+    })());
+  };
+  useEffect(() => {
+    setDanglingReferences(void 0);
+    setDanglingTruncated(false);
+  }, [referenceShard]);
+  const checkOrphans = () => {
+    setError(void 0);
+    setDanglingBusy(true);
+    fireAndForget((async () => {
+      try {
+        const liveKeys = [];
+        let cursor_0;
+        do {
+          const page_0 = await storageApi.list({
+            cursor: cursor_0,
+            limit: ORPHAN_LIST_PAGE_SIZE
+          });
+          for (const object_0 of page_0.objects) {
+            liveKeys.push(object_0.key);
+          }
+          cursor_0 = liveKeys.length >= ORPHAN_LIVE_KEY_CAP ? void 0 : page_0.cursor;
+        } while (cursor_0 !== void 0);
+        const enumTruncated = liveKeys.length >= ORPHAN_LIVE_KEY_CAP;
+        if (enumTruncated) {
+          setDanglingReferences([]);
+          setDanglingTruncated(true);
+        } else {
+          const result_0 = await client.query(STORAGE_ORPHANS, {
+            liveKeys
+          }, callOptions(referenceShard));
+          setDanglingReferences(result_0.references ?? []);
+          setDanglingTruncated(result_0.truncated === true);
+        }
+      } catch (error__5) {
+        setDanglingReferences([]);
+        setDanglingTruncated(false);
+        setError(errorMessage(error__5));
+      } finally {
+        setDanglingBusy(false);
+      }
+    })());
+  };
+  const selectBucket = (name_0) => {
+    setBucket(name_0);
+    setPrefix(initialPrefix ?? "");
+    setDraftPrefix(initialPrefix ?? "");
+    setObjects(void 0);
+    clearSelection();
+  };
+  return {
+    allSelected,
+    bucket,
+    buckets,
+    bulkDelete,
+    busy,
+    checkOrphans,
+    clearSelection,
+    copiedKey,
+    danglingBusy,
+    danglingReferences,
+    danglingTruncated,
+    draftPrefix,
+    enterFolder,
+    error,
+    expiry,
+    files: sortedFiles,
+    folders,
+    hasObjects: objects !== void 0 && objects.length > 0,
+    hasStorageColumns,
+    listFirst,
+    loaded: objects !== void 0,
+    loadMore,
+    navigate,
+    nextCursor,
+    onCopy,
+    onDelete,
+    onDownload,
+    onExpiryChange,
+    onFile,
+    onSortKeyChange,
+    onThumbSizeChange,
+    prefix,
+    referenceShard,
+    references,
+    resolveUrl,
+    selectBucket,
+    selected,
+    setDraftPrefix,
+    setReferenceShard,
+    showGrid,
+    showList,
+    someSelected,
+    sortDirection,
+    sortKey,
+    tagKeys,
+    thumbSize,
+    toggleSelect,
+    toggleSelectAll,
+    toggleSortDirection,
+    view
+  };
+};
+
+const DEFAULT_PAGE_SIZE = 100;
+const Crumb = (t0) => {
+  const $ = c(6);
+  const {
+    label,
+    onNavigate,
+    target
+  } = t0;
+  let t1;
+  if ($[0] !== onNavigate || $[1] !== target) {
+    t1 = () => {
+      onNavigate(target);
+    };
+    $[0] = onNavigate;
+    $[1] = target;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const go = t1;
+  let t2;
+  if ($[3] !== go || $[4] !== label) {
+    t2 = /* @__PURE__ */ jsxDEV("button", {
+      className: "rounded px-1 text-muted-foreground outline-none hover:text-foreground focus-visible:text-foreground",
+      onClick: go,
+      type: "button",
+      children: label
+    }, void 0, false);
+    $[3] = go;
+    $[4] = label;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+};
+const Breadcrumbs = (t0) => {
+  const $ = c(11);
+  const {
+    onNavigate,
+    prefix,
+    t
+  } = t0;
+  let t1;
+  if ($[0] !== onNavigate || $[1] !== prefix || $[2] !== t) {
+    const segments = prefix.split("/").filter(_temp);
+    let t2;
+    if ($[4] !== t) {
+      t2 = t("Folder path");
+      $[4] = t;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
+    }
+    let t3;
+    if ($[6] !== t) {
+      t3 = t("root");
+      $[6] = t;
+      $[7] = t3;
+    } else {
+      t3 = $[7];
+    }
+    let t4;
+    if ($[8] !== onNavigate || $[9] !== t3) {
+      t4 = /* @__PURE__ */ jsxDEV(Crumb, {
+        label: t3,
+        onNavigate,
+        target: ""
+      }, void 0, false);
+      $[8] = onNavigate;
+      $[9] = t3;
+      $[10] = t4;
+    } else {
+      t4 = $[10];
+    }
+    t1 = /* @__PURE__ */ jsxDEV("nav", {
+      "aria-label": t2,
+      className: "flex flex-wrap items-center gap-0.5 text-xs",
+      "data-testid": "fb-breadcrumbs",
+      children: [t4, segments.map((segment_0, index) => /* @__PURE__ */ jsxDEV("span", {
+        className: "flex items-center gap-0.5",
+        children: [/* @__PURE__ */ jsxDEV("span", {
+          className: "text-muted-foreground/50",
+          children: "/"
+        }, void 0, false), /* @__PURE__ */ jsxDEV(Crumb, {
+          label: segment_0,
+          onNavigate,
+          target: `${segments.slice(0, index + 1).join("/")}/`
+        }, void 0, false)]
+      }, `${segment_0}-${index.toString()}`, true))]
+    }, void 0, true);
+    $[0] = onNavigate;
+    $[1] = prefix;
+    $[2] = t;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+};
+const FileBrowser = ({
+  initialPrefix,
+  pageSize = DEFAULT_PAGE_SIZE
+}) => {
+  const t = useT();
+  const vm = useFileBrowser({
+    initialPrefix,
+    pageSize
+  });
+  const fileInputRef = useRef(null);
+  const {
+    onCopy,
+    onDelete,
+    onDownload,
+    onFile,
+    toggleSelect
+  } = vm;
+  const handlers = {
+    onCopy,
+    onDelete,
+    onDownload,
+    onToggleSelect: toggleSelect
+  };
+  const onUploadClick = () => {
+    fileInputRef.current?.click();
+  };
+  const onFileChange = (event) => {
+    const input = event.target;
+    const file = input.files?.[0];
+    input.value = "";
+    if (file) {
+      onFile(file);
+    }
+  };
+  const empty = vm.loaded && !vm.hasObjects;
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "flex flex-col gap-3",
+    "data-testid": "lunora-file-browser",
+    children: [/* @__PURE__ */ jsxDEV(FileBrowserToolbar, {
+      bucket: vm.bucket,
+      buckets: vm.buckets,
+      busy: vm.busy,
+      draftPrefix: vm.draftPrefix,
+      expiry: vm.expiry,
+      fileInputRef,
+      onBucketChange: vm.selectBucket,
+      onExpiryChange: vm.onExpiryChange,
+      onFileChange,
+      onList: vm.listFirst,
+      onPrefixChange: vm.setDraftPrefix,
+      onUploadClick,
+      t
+    }, void 0, false), vm.loaded && /* @__PURE__ */ jsxDEV(Breadcrumbs, {
+      onNavigate: vm.navigate,
+      prefix: vm.prefix,
+      t
+    }, void 0, false), vm.hasObjects && /* @__PURE__ */ jsxDEV(FileBrowserControls, {
+      onSortKeyChange: vm.onSortKeyChange,
+      onThumbSizeChange: vm.onThumbSizeChange,
+      showGrid: vm.showGrid,
+      showList: vm.showList,
+      sortDirection: vm.sortDirection,
+      sortKey: vm.sortKey,
+      t,
+      tagKeys: vm.tagKeys,
+      thumbSize: vm.thumbSize,
+      toggleSortDirection: vm.toggleSortDirection,
+      view: vm.view
+    }, void 0, false), vm.hasStorageColumns && /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-wrap items-center gap-2",
+      "data-testid": "fb-references-shard",
+      children: [/* @__PURE__ */ jsxDEV("label", {
+        className: "text-xs text-muted-foreground",
+        htmlFor: "fb-reference-shard-input",
+        children: t("References shard")
+      }, void 0, false), /* @__PURE__ */ jsxDEV(ShardInput, {
+        id: "fb-reference-shard-input",
+        onChange: vm.setReferenceShard,
+        testId: "fb-reference-shard-input",
+        value: vm.referenceShard
+      }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+        className: "text-xs text-muted-foreground",
+        children: t("Which shard's records are checked for references to these files. Empty = root shard.")
+      }, void 0, false)]
+    }, void 0, true), vm.hasStorageColumns && /* @__PURE__ */ jsxDEV(OrphanedObjectsSection, {
+      busy: vm.danglingBusy,
+      onCheck: vm.checkOrphans,
+      references: vm.danglingReferences,
+      t,
+      truncated: vm.danglingTruncated
+    }, void 0, false), vm.selected.size > 0 && /* @__PURE__ */ jsxDEV(SelectionBar, {
+      count: vm.selected.size,
+      editable: true,
+      onClear: vm.clearSelection,
+      onDelete: vm.bulkDelete
+    }, void 0, false), vm.error !== void 0 && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-destructive",
+      "data-testid": "storage-error",
+      role: "alert",
+      children: vm.error
+    }, void 0, false), empty && /* @__PURE__ */ jsxDEV(EmptyState, {
+      description: t("Objects you upload to your R2 buckets will appear here."),
+      icon: /* @__PURE__ */ jsxDEV("svg", {
+        "aria-hidden": "true",
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.6,
+        viewBox: "0 0 24 24",
+        children: [/* @__PURE__ */ jsxDEV("path", {
+          d: "M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z"
+        }, void 0, false), /* @__PURE__ */ jsxDEV("path", {
+          d: "M12 11v5m-2.5-2.5h5"
+        }, void 0, false)]
+      }, void 0, true),
+      testId: "fb-empty",
+      title: t("No objects.")
+    }, void 0, false), vm.hasObjects && vm.view === "list" && /* @__PURE__ */ jsxDEV(FileBrowserList, {
+      allSelected: vm.allSelected,
+      busy: vm.busy,
+      copiedKey: vm.copiedKey,
+      files: vm.files,
+      folders: vm.folders,
+      handlers,
+      onEnterFolder: vm.enterFolder,
+      prefix: vm.prefix,
+      references: vm.references,
+      selected: vm.selected,
+      showReferences: vm.hasStorageColumns,
+      someSelected: vm.someSelected,
+      t,
+      toggleSelectAll: vm.toggleSelectAll
+    }, void 0, false), vm.hasObjects && vm.view === "grid" && /* @__PURE__ */ jsxDEV(FileGallery, {
+      busy: vm.busy,
+      copiedKey: vm.copiedKey,
+      files: vm.files,
+      folders: vm.folders,
+      handlers,
+      onEnterFolder: vm.enterFolder,
+      prefix: vm.prefix,
+      references: vm.references,
+      resolveUrl: vm.resolveUrl,
+      selected: vm.selected,
+      showReferences: vm.hasStorageColumns,
+      size: vm.thumbSize,
+      t
+    }, void 0, false), vm.nextCursor !== void 0 && /* @__PURE__ */ jsxDEV("div", {
+      children: /* @__PURE__ */ jsxDEV(Button, {
+        "data-testid": "fb-next",
+        disabled: vm.busy,
+        onClick: vm.loadMore,
+        size: "sm",
+        type: "button",
+        variant: "outline",
+        children: t("Load more")
+      }, void 0, false)
+    }, void 0, false)]
+  }, void 0, true);
+};
+function _temp(segment) {
+  return segment !== "";
+}
+
+export { FileBrowser };