@lunora/studio 1.0.0-alpha.7 → 1.0.0-alpha.71

package/dist/packem_shared/FileBrowser-Dhy4zES8.js

@@ -1,2932 +0,0 @@
-import { c } from 'react/compiler-runtime';
-import { useState, useEffect, useMemo, useCallback, useRef } from 'react';
-import { ShardInput } from './ShardInput-gx_DZXXn.js';
-import { B as Button } from './button-BhsN2uZH.js';
-import { E as EmptyState } from './empty-state-DY_oe0k6.js';
-import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { S as SelectionBar } from './grid-features-CzUfqgsM.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 { d as formatBytes, f as fireAndForget, e as errorMessage, c as callOptions, a as adminRef } from './internal-rXJEAhXS.js';
-import { ConfirmButton } from './ConfirmButton-C2eVi2Qv.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-2cktDedA.js';
-import { useLunora } from '@lunora/react';
-import { useAutoRefresh } from './DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
-import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-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 };