@dsh-sparrow/dsh-file-manage 0.1.0-alpha.1

package/lib/client.js

@@ -0,0 +1,705 @@
+window.__ModuleLoader__.load({ id: "@dsh-sparrow/dsh-file-manage", factory: (require) => {
+var module = { exports: {} };
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.ts
+var index_exports = {};
+__export(index_exports, {
+  FileManageDock: () => FileManageDock,
+  apply: () => apply,
+  countApi: () => countApi,
+  deleteApi: () => deleteApi,
+  ensureFileManageStyles: () => ensureFileManageStyles,
+  inject: () => inject,
+  listApi: () => listApi
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/client/api.ts
+var REQUEST_TIMEOUT_MS = 15e3;
+var COUNT_TIMEOUT_MS = 6e4;
+async function listApi(after) {
+  const params = new URLSearchParams();
+  if (after !== void 0) params.set("after", after);
+  const response = await fetch(`/api/file-manage/list?${params.toString()}`, {
+    signal: AbortSignal.timeout(REQUEST_TIMEOUT_MS)
+  });
+  const payload = await response.json();
+  if (!response.ok) {
+    throw new Error(payload.error?.message ?? `\u8BF7\u6C42\u5931\u8D25\uFF08HTTP ${response.status}\uFF09`);
+  }
+  return {
+    rows: payload.items ?? [],
+    hasMore: payload.hasMore ?? false,
+    ...payload.lastId === void 0 ? {} : { lastId: payload.lastId }
+  };
+}
+async function countApi() {
+  const response = await fetch("/api/file-manage/count", { signal: AbortSignal.timeout(COUNT_TIMEOUT_MS) });
+  const payload = await response.json();
+  if (!response.ok) {
+    throw new Error(payload.error?.message ?? `\u8BF7\u6C42\u5931\u8D25\uFF08HTTP ${response.status}\uFF09`);
+  }
+  return {
+    count: payload.count ?? 0,
+    totalBytes: payload.totalBytes ?? 0,
+    totalBytesLabel: payload.totalBytesLabel ?? "0 B",
+    quotaBytes: payload.quotaBytes ?? 0,
+    quotaBytesLabel: payload.quotaBytesLabel ?? "0 B",
+    quotaCount: payload.quotaCount ?? 0
+  };
+}
+async function deleteApi(id) {
+  const params = new URLSearchParams({ id });
+  const response = await fetch(`/api/file-manage/files?${params.toString()}`, {
+    method: "DELETE",
+    signal: AbortSignal.timeout(REQUEST_TIMEOUT_MS)
+  });
+  const payload = await response.json();
+  if (!response.ok) {
+    throw new Error(payload.error?.message ?? `\u8BF7\u6C42\u5931\u8D25\uFF08HTTP ${response.status}\uFF09`);
+  }
+}
+
+// src/client/FileManageDock.tsx
+var import_react = require("react");
+var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+
+// src/client/quota.ts
+function storageUsageRatio(usedBytes, quotaBytes) {
+  if (!Number.isFinite(usedBytes) || usedBytes <= 0) return 0;
+  if (!Number.isFinite(quotaBytes) || quotaBytes <= 0) return 0;
+  return Math.min(1, Math.max(0, usedBytes / quotaBytes));
+}
+function formatUsagePercent(ratio) {
+  const percent = Math.min(1, Math.max(0, ratio)) * 100;
+  if (percent >= 10) return `${Math.round(percent)}%`;
+  if (percent >= 1) return `${percent.toFixed(1)}%`;
+  if (percent >= 0.1) return `${percent.toFixed(2)}%`;
+  if (percent >= 0.01) return `${percent.toFixed(3)}%`;
+  return `${percent.toFixed(4)}%`;
+}
+
+// src/client/styles.ts
+function ensureFileManageStyles() {
+  if (document.querySelector("style[data-dsh-file-manage]") !== null) return;
+  const style = document.createElement("style");
+  style.dataset.dshFileManage = "";
+  style.textContent = `/* \u5B98\u65B9 .footerActions \u662F\u6A2A\u5411 flex \u884C\uFF0Cslot \u5305\u88F9\u5C42\u4E3A\u884C\u5185 display:contents\uFF1A
+ * \u591A\u63D2\u4EF6\u5404\u81EA\u7684\u5168\u5BBD\u6309\u94AE\u4F1A\u5E76\u6392\u6324\u5230\u53F3\u7F18\u5916\uFF08\u53EA\u5269\u4E00\u6761\u8FB9\uFF09\u3002\u8FD9\u91CC\u628A\u5305\u88F9\u5C42\u6539\u56DE\u771F\u5B9E\u76D2\u5B50\u7EB5\u6392\uFF0C
+ * Archive / \u4E91\u7AEF\u6587\u4EF6\u4E24\u4E2A\u6309\u94AE\u4E0A\u4E0B\u5806\u53E0\u3001\u5404\u81EA\u5360\u6EE1\u4E00\u884C\uFF08!important \u538B\u8FC7\u884C\u5185 contents\uFF09\u3002 */
+[data-slot='sidebar.footer.action'] {
+  display: flex !important;
+  flex-direction: column;
+  /* \u5305\u88F9\u5C42\u662F .footerActions \u884C\u5BB9\u5668\u91CC\u7684 flex item\uFF0C\u9700\u663E\u5F0F\u6491\u6EE1\uFF0C\u5426\u5219\u4E24\u4E2A\u5168\u5BBD\u6309\u94AE\u6309\u5185\u5BB9\u5BBD\u5EA6\u6536\u7F29\u3002 */
+  width: 100%;
+}
+.dsh-file-manage-trigger {
+  flex: none;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: calc(100% + 4px);
+  height: 42px;
+  margin: 4px -2px;
+  padding: 0 10px 0 8px;
+  box-sizing: border-box;
+  border: none;
+  border-radius: 12px;
+  background: transparent;
+  cursor: pointer;
+  overflow: hidden;
+  color: var(--dsw-alias-label-primary);
+  font-family: inherit;
+  font-size: 14px;
+  line-height: 22px;
+}
+.dsh-file-manage-trigger:hover {
+  background: var(--dsw-alias-interactive-bg-hover);
+}
+.dsh-file-manage-trigger-rail {
+  width: 36px;
+  height: 36px;
+  margin: 8px 0 10px;
+  justify-content: center;
+  gap: 0;
+  padding: 0;
+  border-radius: 50%;
+}
+.dsh-file-manage-trigger-icon {
+  flex: none;
+}
+.dsh-file-manage-trigger-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+/* \u9762\u677F\u6EDA\u52A8\u533A\uFF1A\u5B98\u65B9 settings \u540C\u6B3E\u2014\u2014elevated surface \u91CD\u7ED1 l2 \u6EDA\u52A8\u6761 token\uFF08base \u9ED8\u8BA4 l1\uFF0C\u6D6E\u5C42\u4E0A\u5BF9\u6BD4\u5EA6\u4E0D\u5BF9\uFF09\u3002 */
+.dsh-file-manage-body {
+  --dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2);
+  --dsh-scrollbar-thumb-hover: var(--dsw-alias-scrollbar-hover-l2);
+}
+/* \u9762\u677F\u5934\uFF1A\u5B98\u65B9 settings \u9762\u677F\u540C\u6B3E\uFF0854px \u9AD8\u3001\u6807\u9898\u8D77\u70B9 24px\uFF09\u3002 */
+.dsh-file-manage-panel-header {
+  flex: none;
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 8px;
+  height: 54px;
+  padding: 20px 14px 8px 24px;
+  box-sizing: border-box;
+}
+.dsh-file-manage-panel-title {
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 24px;
+  color: var(--dsw-alias-label-primary);
+}
+.dsh-file-manage-close {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border: none;
+  border-radius: 28px;
+  outline: none;
+  background: transparent;
+  cursor: pointer;
+  color: var(--dsw-alias-label-primary);
+}
+.dsh-file-manage-close:hover {
+  background: var(--dsw-alias-interactive-bg-hover);
+}
+.dsh-file-manage-badge {
+  flex: none;
+  padding: 1px 6px;
+  border: 1px solid var(--dsw-alias-border-l2, #e2e5ea);
+  border-radius: 999px;
+  color: var(--dsw-alias-label-caption, #8a919f);
+  font-size: 11px;
+  line-height: 16px;
+}
+.dsh-file-manage-btn {
+  height: 28px;
+  padding: 0 12px;
+  border: 1px solid var(--dsw-alias-border-l1, #d4d8e0);
+  border-radius: 999px;
+  outline: none;
+  background: transparent;
+  color: var(--dsw-alias-label-primary, #1f2329);
+  font-size: 13px;
+  line-height: 20px;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.dsh-file-manage-btn:hover:not(:disabled) {
+  background: var(--dsw-alias-interactive-bg-hover);
+}
+.dsh-file-manage-btn:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+.dsh-file-manage-btn-danger {
+  color: var(--dsw-alias-state-error-primary, #c62828);
+}
+/* \u5220\u9664\u786E\u8BA4\u6846\uFF1A\u5B98\u65B9 web \u786E\u8BA4\u6846\u540C\u6B3E\uFF08mask + \u6BDB\u73BB\u7483 + 480 \u5361\u7247\uFF09\u3002 */
+.dsh-file-manage-confirm-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 1100;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--dsw-alias-bg-mask-1, rgba(0, 0, 0, 0.28));
+  backdrop-filter: var(--dsw-mask-blur);
+}
+.dsh-file-manage-confirm-card {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  width: min(480px, calc(100vw - 48px));
+  padding: 20px;
+  border-radius: 16px;
+  background: var(--dsw-alias-bg-layer-2, #f6f7f9);
+  color: var(--dsw-alias-label-primary, #1f2329);
+  box-shadow: var(--dsw-shadow-lv3, 0 12px 40px rgba(0,0,0,0.22));
+}
+.dsh-file-manage-confirm-title {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 24px;
+}
+.dsh-file-manage-confirm-desc {
+  margin: 0;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--dsw-alias-label-secondary, #6b7280);
+  white-space: pre-line;
+}
+.dsh-file-manage-confirm-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+}
+/* \u7528\u91CF/\u8FDB\u5EA6\u6761\u56FA\u5B9A\u533A\uFF1A\u9762\u677F\u5934\u4E0B\u65B9\u3001\u4E0D\u968F\u5217\u8868\u6EDA\u52A8\uFF1B\u5DE6\u4FA7 24px \u4E0E\u533A\u5757\u5361\u7EBF\u6846\u9F50\u5E73\uFF0C
+   \u53F3\u4FA7\u989D\u5916\u8BA9\u51FA\u6EDA\u52A8\u6761\u5BBD\u5EA6\uFF08\u5217\u8868\u533A scrollbar-gutter: stable \u56FA\u5B9A\u5360\u4F4D 8px\uFF09\u3002 */
+.dsh-file-manage-summary {
+  flex: none;
+  padding: 12px calc(24px + var(--dsh-scrollbar-width, 8px)) 8px 24px;
+}
+.dsh-file-manage-count {
+  margin: 6px 0 0;
+  font-size: 12px;
+  line-height: 18px;
+  color: var(--dsw-alias-label-secondary, #6b7280);
+}
+/* \u5217\u8868\u533A\u5757\u5361\uFF1A\u5B58\u6863\u9875\u5F52\u6863\u533A/\u5907\u4EFD\u533A\u540C\u6B3E token\uFF08border-l2 + r12\uFF09\u3002 */
+.dsh-file-manage-card {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  margin: 0 0 12px;
+  padding: 8px 12px 12px;
+  border: 1px solid var(--dsw-alias-border-l2, #e2e5ea);
+  border-radius: 12px;
+}
+/* \u914D\u989D\u5BB9\u91CF\u6761\uFF1A\u52A0\u539A + \u672A\u4F7F\u7528\u533A\u659C\u7EB9\uFF08repeating-linear-gradient\uFF09\uFF0C\u4E0E\u5206\u5272\u7EBF\u533A\u5206\uFF1B\u586B\u5145\u76D6\u4F4F\u659C\u7EB9\u3002
+   \u5BB9\u91CF\u6587\u5B57\u7EDD\u5BF9\u5B9A\u4F4D\u5C45\u4E2D\u53E0\u52A0\u5728\u6761\u4E0A\u3002 */
+.dsh-file-manage-quota-track {
+  position: relative;
+  height: 16px;
+  border-radius: 8px;
+  background-color: var(--dsw-alias-interactive-bg-hover);
+  background-image: repeating-linear-gradient(
+    45deg,
+    transparent 0px,
+    transparent 5px,
+    var(--dsw-alias-border-l1, #d4d8e0) 5px,
+    var(--dsw-alias-border-l1, #d4d8e0) 7px
+  );
+  overflow: hidden;
+}
+.dsh-file-manage-quota-text {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 11px;
+  line-height: 16px;
+  white-space: nowrap;
+  color: var(--dsw-alias-label-primary, #1f2329);
+  /* \u9AD8\u7528\u91CF\u65F6\u84DD\u586B\u5145\u57AB\u5E95\uFF0C\u52A0\u4E00\u5708\u5E95\u8272\u5149\u6655\u4FDD\u8BC1\u53EF\u8BFB\u3002 */
+  text-shadow: 0 0 4px var(--dsw-alias-bg-layer-2, #f6f7f9);
+  pointer-events: none;
+}
+.dsh-file-manage-quota-fill {
+  height: 100%;
+  /* \u7528\u91CF\u6781\u5C0F\u65F6\uFF080.01% \u91CF\u7EA7\uFF09\u5BBD\u5EA6\u8D8B\u8FD1 0\uFF0C\u515C\u5E95 4px \u94F6\u6761\u8BA9\u300C\u6709\u4F7F\u7528\u300D\u53EF\u89C1\uFF08\u7F51\u76D8\u540C\u6B3E\uFF09\u3002
+     \u4E0D\u52A0\u81EA\u8EAB\u5706\u89D2\uFF1A\u6700\u5C0F\u5BBD\u5EA6\u4E0B\u5706\u89D2\u4F1A\u957F\u6210\u5706\u70B9\u3001\u89C6\u89C9\u9F13\u51FA\u8F68\u9053\u5DE6\u7AEF\uFF0C\u6539\u7531\u8F68\u9053 overflow:hidden + \u5706\u89D2\u88C1\u5207\u4E24\u7AEF\u3002 */
+  min-width: 4px;
+  background: var(--dsw-alias-state-business-primary);
+  transition: width 220ms ease-out;
+}
+`;
+  document.head.appendChild(style);
+}
+var styles = {
+  overlay: {
+    position: "fixed",
+    inset: 0,
+    zIndex: 1e3,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    background: "var(--dsw-alias-bg-mask-1, rgba(0, 0, 0, 0.28))",
+    backdropFilter: "var(--dsw-mask-blur)"
+  },
+  panel: {
+    position: "relative",
+    display: "flex",
+    flexDirection: "column",
+    width: "min(800px, calc(100vw - 48px))",
+    // 高度随内容自适应、上限钳到视口（官方 settings 同款上限）。
+    maxHeight: "min(800px, calc(100vh - 48px))",
+    borderRadius: 24,
+    overflow: "hidden",
+    padding: 0,
+    background: "var(--dsw-alias-bg-layer-2, #f6f7f9)",
+    color: "var(--dsw-alias-label-primary, #1f2329)",
+    boxShadow: "var(--dsw-shadow-lv3, 0 12px 40px rgba(0,0,0,0.22))"
+  },
+  body: {
+    flex: 1,
+    minHeight: 0,
+    overflow: "auto",
+    // 滚动条固定占位：卡片右缘不因滚动条出现/消失而左右漂移（与顶部进度条对齐）。
+    scrollbarGutter: "stable",
+    padding: "0 24px 24px"
+  },
+  row: {
+    display: "flex",
+    justifyContent: "space-between",
+    gap: 8,
+    alignItems: "center",
+    padding: "8px 0",
+    borderBottom: "1px solid var(--dsw-alias-border-l1, #e2e5ea)"
+  },
+  actions: {
+    display: "flex",
+    gap: 6,
+    alignItems: "center"
+  },
+  title: {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  },
+  secondarySmall: {
+    color: "var(--dsw-alias-label-secondary, #6b7280)",
+    fontSize: 12,
+    lineHeight: "18px"
+  },
+  footerBar: {
+    flex: "none",
+    display: "flex",
+    justifyContent: "center",
+    // 列表已包区块卡，不再加顶部分隔线（避免与卡片叠加显乱）。
+    padding: "10px 24px 14px"
+  }
+};
+
+// src/client/FileManageDock.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function FileManageDock({ wide, listFiles, deleteFile, countFiles, t }) {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [rows, setRows] = (0, import_react.useState)([]);
+  const [hasMore, setHasMore] = (0, import_react.useState)(false);
+  const [lastId, setLastId] = (0, import_react.useState)(void 0);
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const [loadingMore, setLoadingMore] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)(null);
+  const [confirming, setConfirming] = (0, import_react.useState)(null);
+  const [busyDelete, setBusyDelete] = (0, import_react.useState)(false);
+  const [copied, setCopied] = (0, import_react.useState)(null);
+  const [summary, setSummary] = (0, import_react.useState)(null);
+  const closeButtonRef = (0, import_react.useRef)(null);
+  const refreshSeqRef = (0, import_react.useRef)(0);
+  const copiedTimerRef = (0, import_react.useRef)(null);
+  const loadFirst = (0, import_react.useCallback)(() => {
+    const seq = ++refreshSeqRef.current;
+    setLoading(true);
+    setError(null);
+    listFiles().then((page) => {
+      if (seq !== refreshSeqRef.current) return;
+      setRows(page.rows);
+      setHasMore(page.hasMore);
+      setLastId(page.lastId);
+    }).catch((reason) => {
+      if (seq !== refreshSeqRef.current) return;
+      setError(reason instanceof Error ? reason.message : String(reason));
+    }).finally(() => {
+      if (seq === refreshSeqRef.current) setLoading(false);
+    });
+  }, [listFiles]);
+  (0, import_react.useEffect)(() => {
+    if (!open) return;
+    closeButtonRef.current?.focus();
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [open]);
+  (0, import_react.useEffect)(() => {
+    if (!open) return;
+    setConfirming(null);
+    setSummary(null);
+    loadFirst();
+    const seq = refreshSeqRef.current;
+    void countFiles().then((next) => {
+      if (seq === refreshSeqRef.current) setSummary(next);
+    }).catch(() => {
+    });
+  }, [open, loadFirst, countFiles]);
+  (0, import_react.useEffect)(() => () => {
+    if (copiedTimerRef.current !== null) window.clearTimeout(copiedTimerRef.current);
+  }, []);
+  const loadMore = (0, import_react.useCallback)(() => {
+    if (lastId === void 0 || loadingMore) return;
+    setLoadingMore(true);
+    listFiles(lastId).then((page) => {
+      setRows((current) => [...current, ...page.rows]);
+      setHasMore(page.hasMore);
+      setLastId(page.lastId);
+    }).catch((reason) => {
+      setError(reason instanceof Error ? reason.message : String(reason));
+    }).finally(() => {
+      setLoadingMore(false);
+    });
+  }, [lastId, loadingMore, listFiles]);
+  const copyId = (0, import_react.useCallback)(async (row) => {
+    try {
+      await navigator.clipboard.writeText(row.id);
+      setCopied(row.id);
+      if (copiedTimerRef.current !== null) window.clearTimeout(copiedTimerRef.current);
+      copiedTimerRef.current = window.setTimeout(() => {
+        setCopied(null);
+      }, 2e3);
+    } catch {
+      setCopied(null);
+      setError(t("copyFailed"));
+    }
+  }, [t]);
+  const quotaRatio = summary === null ? 0 : storageUsageRatio(summary.totalBytes, summary.quotaBytes);
+  const submitDelete = (0, import_react.useCallback)(() => {
+    if (confirming === null || busyDelete) return;
+    setBusyDelete(true);
+    deleteFile(confirming.id).then(() => {
+      setRows((current) => current.filter((row) => row.id !== confirming.id));
+      setConfirming(null);
+      void countFiles().then(setSummary).catch(() => {
+      });
+    }).catch((reason) => {
+      setError(reason instanceof Error ? reason.message : String(reason));
+      setConfirming(null);
+    }).finally(() => {
+      setBusyDelete(false);
+    });
+  }, [busyDelete, confirming, deleteFile, countFiles]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: wide ? "dsh-file-manage-trigger" : "dsh-file-manage-trigger dsh-file-manage-trigger-rail",
+        title: t("dialog.title"),
+        "aria-haspopup": "dialog",
+        "aria-expanded": open,
+        onClick: () => {
+          setOpen((value) => !value);
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconFolderOpenOutline16, { className: "dsh-file-manage-trigger-icon", size: wide ? 16 : 18 }),
+          wide ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-file-manage-trigger-label", children: t("button.label") }) : null
+        ]
+      }
+    ),
+    open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.overlay, role: "presentation", onMouseDown: (event) => {
+      if (event.target === event.currentTarget) setOpen(false);
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.panel, role: "dialog", "aria-modal": "true", "aria-label": t("dialog.title"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-file-manage-panel-header", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "dsh-file-manage-panel-title", style: { margin: 0 }, children: t("dialog.title") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { ref: closeButtonRef, type: "button", className: "dsh-file-manage-close", "aria-label": t("dialog.close"), onClick: () => {
+          setOpen(false);
+        }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconCloseOutline16, { size: 14 }) })
+      ] }),
+      summary !== null ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-file-manage-summary", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-file-manage-quota-track", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-file-manage-quota-text", children: `${summary.totalBytesLabel} / ${summary.quotaBytesLabel} \xB7 ${t("quota.used", { percent: formatUsagePercent(quotaRatio) })}` }),
+          quotaRatio > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-file-manage-quota-fill", style: { width: `${Math.round(quotaRatio * 100)}%` } }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dsh-file-manage-count", children: rows.length < summary.count ? t("summary.loaded", { loaded: rows.length, count: summary.count }) : t("summary.count", { count: summary.count }) })
+      ] }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { ...styles.body, padding: summary !== null ? "0 24px 24px" : "12px 24px 24px" }, className: "dsh-file-manage-body", children: [
+        error !== null ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { role: "alert", style: { ...styles.secondarySmall, margin: "0 0 12px", color: "var(--dsw-alias-state-error-primary, #c62828)" }, children: [
+          error,
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "dsh-file-manage-btn", onClick: loadFirst, children: t("retry") })
+        ] }) : null,
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: styles.secondarySmall, children: t("loading") }) : null,
+        !loading && error === null && rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: styles.secondarySmall, children: t("empty") }) : null,
+        rows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-file-manage-card", children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.row, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { minWidth: 0 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6, minWidth: 0 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: styles.title, title: row.filename, children: row.filename }),
+              row.dshOwned ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-file-manage-badge", children: t("dshBadge") }) : null
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.secondarySmall, children: [
+              row.sizeLabel,
+              " \xB7 ",
+              row.createdAtLabel,
+              row.expiresAtLabel !== void 0 ? ` \xB7 ${t("expires", { time: row.expiresAtLabel })}` : ""
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.actions, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "dsh-file-manage-btn",
+                onClick: () => {
+                  void copyId(row);
+                },
+                children: copied === row.id ? t("copied") : t("copy")
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "dsh-file-manage-btn dsh-file-manage-btn-danger",
+                onClick: () => {
+                  setConfirming(row);
+                },
+                children: t("delete")
+              }
+            )
+          ] })
+        ] }, row.id)) }) : null
+      ] }),
+      hasMore && !loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.footerBar, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "dsh-file-manage-btn",
+          disabled: loadingMore,
+          onClick: () => {
+            void loadMore();
+          },
+          children: loadingMore ? t("loading") : t("loadMore")
+        }
+      ) }) : null
+    ] }) }) : null,
+    confirming !== null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-file-manage-confirm-overlay", role: "presentation", onMouseDown: (event) => {
+      if (event.target === event.currentTarget && !busyDelete) setConfirming(null);
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: "dsh-file-manage-confirm-card",
+        role: "alertdialog",
+        "aria-modal": "true",
+        "aria-label": t("delete"),
+        onKeyDown: (event) => {
+          if (event.key === "Escape" && !busyDelete) {
+            event.stopPropagation();
+            setConfirming(null);
+          }
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "dsh-file-manage-confirm-title", children: t("delete") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dsh-file-manage-confirm-desc", children: confirming.dshOwned ? t("confirm.deleteDsh", { name: confirming.filename }) : t("confirm.delete", { name: confirming.filename }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-file-manage-confirm-actions", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "dsh-file-manage-btn",
+                disabled: busyDelete,
+                onClick: () => {
+                  setConfirming(null);
+                },
+                children: t("confirm.cancel")
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "dsh-file-manage-btn dsh-file-manage-btn-danger",
+                disabled: busyDelete,
+                onClick: () => {
+                  void submitDelete();
+                },
+                children: busyDelete ? t("confirm.deleting") : t("confirm.confirm")
+              }
+            )
+          ] })
+        ]
+      }
+    ) }) : null
+  ] });
+}
+
+// src/client/index.ts
+var inject = ["slots", "locale"];
+var LOCALE_DICTS = {
+  zh: {
+    "button.label": "\u4E91\u7AEF\u6587\u4EF6",
+    "dialog.title": "\u4E91\u7AEF\u6587\u4EF6\uFF08DeepSeek Files API\uFF09",
+    "dialog.close": "\u5173\u95ED",
+    "loading": "\u52A0\u8F7D\u4E2D\u2026",
+    "loadMore": "\u52A0\u8F7D\u66F4\u591A",
+    "summary.count": "\u5171 {count} \u4E2A\u6587\u4EF6",
+    "summary.loaded": "\u5DF2\u52A0\u8F7D {loaded} / \u5171 {count} \u4E2A\u6587\u4EF6",
+    "quota.used": "\u5DF2\u7528 {percent}",
+    "empty": "\u6682\u65E0\u4E91\u7AEF\u6587\u4EF6",
+    "dshBadge": "DSH \u81EA\u52A8\u4E0A\u4F20",
+    "expires": "\u5230\u671F {time}",
+    "copy": "\u590D\u5236 file_id",
+    "copied": "\u5DF2\u590D\u5236",
+    "copyFailed": "\u590D\u5236\u5931\u8D25\uFF08\u6D4F\u89C8\u5668\u53EF\u80FD\u672A\u6388\u6743\u526A\u8D34\u677F\uFF09",
+    "delete": "\u5220\u9664",
+    "retry": "\u91CD\u8BD5",
+    "confirm.confirm": "\u786E\u8BA4\u5220\u9664",
+    "confirm.cancel": "\u53D6\u6D88",
+    "confirm.deleting": "\u6B63\u5728\u5220\u9664\u2026",
+    "confirm.delete": "\u5220\u9664\u300C{name}\u300D\uFF1F\n\n\u5220\u9664\u540E\uFF0C\u5F15\u7528\u5B83\u7684\u4F1A\u8BDD\u518D\u6B21\u4F7F\u7528\u65F6\u5B98\u65B9\u4F1A\u81EA\u52A8\u91CD\u65B0\u4E0A\u4F20\uFF08\u53EF\u80FD\u7A0D\u6162\uFF09\u3002",
+    "confirm.deleteDsh": "\u6B64\u6587\u4EF6\u7531 DSH \u81EA\u52A8\u4E0A\u4F20\uFF0C\u53EF\u80FD\u4ECD\u88AB\u4F1A\u8BDD\u5F15\u7528\u3002\n\n\u5220\u9664\u300C{name}\u300D\uFF1F\u5220\u9664\u540E\u518D\u6B21\u5F15\u7528\u65F6\u5B98\u65B9\u4F1A\u81EA\u52A8\u91CD\u65B0\u4E0A\u4F20\u3002"
+  },
+  en: {
+    "button.label": "Cloud Files",
+    "dialog.title": "Cloud Files (DeepSeek Files API)",
+    "dialog.close": "Close",
+    "loading": "Loading\u2026",
+    "loadMore": "Load more",
+    "summary.count": "{count} files",
+    "summary.loaded": "{loaded} / {count} files",
+    "quota.used": "{percent} used",
+    "empty": "No cloud files",
+    "dshBadge": "DSH auto-uploaded",
+    "expires": "expires {time}",
+    "copy": "Copy file_id",
+    "copied": "Copied",
+    "copyFailed": "Copy failed (clipboard may be blocked by the browser)",
+    "delete": "Delete",
+    "retry": "Retry",
+    "confirm.confirm": "Delete",
+    "confirm.cancel": "Cancel",
+    "confirm.deleting": "Deleting\u2026",
+    "confirm.delete": 'Delete "{name}"?\n\nSessions that reference it will transparently re-upload on next use (may be slower).',
+    "confirm.deleteDsh": 'This file was auto-uploaded by DSH and may still be referenced by sessions.\n\nDelete "{name}"? It will transparently re-upload on next use.'
+  }
+};
+function apply(ctx) {
+  ensureFileManageStyles();
+  const disposeDictionaries = ctx.locale.register("file-manage", { zh: LOCALE_DICTS.zh, en: LOCALE_DICTS.en });
+  ctx.effect(() => disposeDictionaries, "dsh-file-manage: locale dictionaries");
+  ctx.slots.inject("sidebar.footer.action", () => ctx.slots.register({
+    name: "sidebar.footer.action",
+    locale: "file-manage",
+    id: "file-manage",
+    order: 21,
+    inject: () => ({
+      listFiles: listApi,
+      deleteFile: deleteApi,
+      countFiles: countApi
+    })
+  }, FileManageDock));
+}
+return module.exports; } });
+//# sourceMappingURL=client.js.map