@pactor-app/ui 1.42.0 → 1.43.0

package/dist/components/index.cjs

@@ -148,6 +148,7 @@ __export(components_exports, {
   RadioGroup: () => RadioGroup2,
   RailTooltip: () => RailTooltip,
   Rate: () => Rate,
+  RecordingPage: () => RecordingPage,
   Resizable: () => Resizable,
   Result: () => Result,
   RichText: () => RichText,
@@ -540,7 +541,12 @@ var ICONS = {
   "zoom-in": import_lucide_react2.ZoomIn,
   "zoom-out": import_lucide_react2.ZoomOut,
   video: import_lucide_react2.Video,
-  music: import_lucide_react2.Music
+  music: import_lucide_react2.Music,
+  // 录音 / 音频场景（spec: chat-page 录音模板）：波形、麦克风、播放控制
+  "audio-lines": import_lucide_react2.AudioLines,
+  mic: import_lucide_react2.Mic,
+  play: import_lucide_react2.Play,
+  "rotate-cw": import_lucide_react2.RotateCw
 };
 function normalizeIconName(name) {
   return name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[_\s]+/g, "-").toLowerCase();
@@ -718,7 +724,7 @@ function AlertDialogOverlay({
     {
       "data-slot": "alert-dialog-overlay",
       className: cn(
-        "fixed inset-0 z-50 bg-(--overlay-background) data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fill-mode-forwards data-closed:fade-out-0",
+        "fixed inset-0 z-50 bg-(--overlay-background) duration-200 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fill-mode-forwards data-closed:fade-out-0",
         className
       ),
       ...props
@@ -4152,7 +4158,7 @@ function DialogOverlay({
     {
       "data-slot": "dialog-overlay",
       className: cn(
-        "fixed inset-0 z-50 bg-(--overlay-background) data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 data-closed:fill-mode-forwards",
+        "fixed inset-0 z-50 bg-(--overlay-background) duration-200 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 data-closed:fill-mode-forwards",
         className
       ),
       ...props
@@ -7053,7 +7059,7 @@ function SheetOverlay({
     {
       "data-slot": "sheet-overlay",
       className: cn(
-        "fixed inset-0 z-50 bg-(--overlay-background) data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fill-mode-forwards data-closed:fade-out-0",
+        "fixed inset-0 z-50 bg-(--overlay-background) duration-200 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fill-mode-forwards data-closed:fade-out-0",
         className
       ),
       ...props
@@ -14920,6 +14926,7 @@ function ChatPage({
   artifactOpen,
   defaultArtifactOpen = false,
   onArtifactOpenChange,
+  content,
   className,
   style
 }) {
@@ -15173,7 +15180,7 @@ function ChatPage({
           "div",
           {
             "data-slot": "chat-page-menu",
-            className: "flex h-full w-[264px] shrink-0 flex-col gap-2 overflow-hidden border-r border-border px-2 py-3",
+            className: "flex h-full w-[250px] shrink-0 flex-col gap-2 overflow-hidden border-r border-border px-2 py-3",
             children: [
               brand ? /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex shrink-0 items-center justify-between px-2", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
@@ -15256,7 +15263,7 @@ function ChatPage({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("div", { className: "@container h-full min-w-0 flex-1", children: open || activePanelItem ? /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)(PanelGroup, { orientation: "horizontal", style: { width: "100%", height: "100%" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("div", { className: "@container h-full min-w-0 flex-1", children: content !== void 0 ? renderSlot(content) : open || activePanelItem ? /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)(PanelGroup, { orientation: "horizontal", style: { width: "100%", height: "100%" }, children: [
           /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Panel, { defaultSize: "62%", children: chatArea }),
           /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(ResizableHandle, { withHandle: true }),
           /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Panel, { defaultSize: "38%", minSize: "380px", maxSize: "760px", children: activePanelItem ? /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
@@ -18432,196 +18439,1856 @@ function Login({
   );
 }
 
-// src/components/business/RuleConfig/index.tsx
-var import_lucide_react43 = require("lucide-react");
+// src/components/business/RecordingPage/index.tsx
+var import_react81 = require("react");
+
+// src/components/business/RecordingPage/detail.tsx
+var import_runtime54 = require("@pactor-app/runtime");
+var import_react79 = require("react");
+
+// src/components/business/RecordingPage/insight.tsx
 var import_react76 = require("react");
+
+// src/components/business/RecordingPage/perspective-dialog.tsx
 var import_jsx_runtime219 = require("react/jsx-runtime");
-var isBlank = (v) => v == null || String(v).trim() === "";
-function isValueMissing(condition) {
-  const { opt, value } = condition;
-  if (NO_VALUE_OPT.includes(opt)) return false;
-  if (opt === "BETWEEN") {
-    const [a, b] = normalizeBetweenValue(value);
-    return isBlank(a) || isBlank(b);
-  }
-  if (Array.isArray(value)) return value.length === 0 || value.every(isBlank);
-  return isBlank(value);
-}
-function getConditionIssue(condition) {
-  const missingValue = isValueMissing(condition);
-  const missingScore = condition.score == null || Number.isNaN(condition.score);
-  if (!missingValue && !missingScore) return null;
-  return { missingValue, missingScore };
+function RecordingPerspectiveDialog({
+  open,
+  title,
+  hint,
+  value,
+  placeholder,
+  cancelLabel,
+  confirmLabel,
+  onChange,
+  onCancel,
+  onConfirm
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+    Dialog,
+    {
+      open,
+      onOpenChange: (next) => {
+        if (!next) onCancel();
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
+        DialogContent,
+        {
+          "data-slot": "recording-perspective-dialog",
+          className: "gap-4 sm:max-w-xl",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(DialogTitle, { children: title }),
+            hint !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(DialogDescription, { children: hint }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+              Textarea2,
+              {
+                value,
+                placeholder,
+                rows: 4,
+                onChange
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("div", { className: "flex items-center justify-end gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Button2, { text: cancelLabel, onClick: onCancel }),
+              /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Button2, { text: confirmLabel, variant: "primary", onClick: onConfirm })
+            ] })
+          ]
+        }
+      )
+    }
+  );
 }
-var OPERATOR_VALUES = [
-  "GREATER",
-  "GREATER_EQUAL",
-  "LESS_EQUAL",
-  "LESS",
-  "EQUAL",
-  "IN",
-  "NOT_IN",
-  "UNEQUAL",
-  "LIKE",
-  "NULL",
-  "HASVAL",
-  "NOTNULL",
-  "BETWEEN"
-];
-var NUMERIC_OPT = [
-  "GREATER",
-  "LESS",
-  "LESS_EQUAL",
-  "GREATER_EQUAL",
-  "UNEQUAL"
-];
-var NO_VALUE_OPT = ["NULL", "HASVAL", "NOTNULL"];
-var MULTI_VALUE_OPT = ["IN", "NOT_IN"];
-var OPERATOR_LABELS2 = {
-  GREATER: "\u5927\u4E8E",
-  GREATER_EQUAL: "\u5927\u4E8E\u7B49\u4E8E",
-  LESS_EQUAL: "\u5C0F\u4E8E\u7B49\u4E8E",
-  LESS: "\u5C0F\u4E8E",
-  EQUAL: "\u7B49\u4E8E",
-  IN: "\u5305\u542B",
-  NOT_IN: "\u4E0D\u5305\u542B",
-  UNEQUAL: "\u4E0D\u7B49\u4E8E",
-  LIKE: "\u7C7B\u4F3C",
-  NULL: "\u4E3A\u7A7A",
-  HASVAL: "\u6709\u503C",
-  NOTNULL: "\u4E0D\u4E3A\u7A7A",
-  BETWEEN: "\u8303\u56F4"
-};
-function operatorLabel2(operator) {
-  return OPERATOR_LABELS2[operator] ?? operator;
+
+// src/components/business/RecordingPage/insight.tsx
+var import_jsx_runtime220 = require("react/jsx-runtime");
+function RecordingInsightView({
+  insight,
+  onPerspectiveEdit,
+  onPerspectiveApply,
+  onInsightAction
+}) {
+  const [dialogOpen, setDialogOpen] = (0, import_react76.useState)(false);
+  const inputControlled = insight.perspectiveInput !== void 0;
+  const [innerInput, setInnerInput] = (0, import_react76.useState)(insight.defaultPerspectiveInput);
+  const committedInput = inputControlled ? insight.perspectiveInput : innerInput;
+  const [draftInput, setDraftInput] = (0, import_react76.useState)(committedInput);
+  const openDialog = () => {
+    setDraftInput(committedInput);
+    setDialogOpen(true);
+  };
+  const confirmDialog = () => {
+    if (!inputControlled) setInnerInput(draftInput);
+    onPerspectiveApply?.(draftInput ?? "");
+    setDialogOpen(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { "data-slot": "recording-insight", className: "flex flex-col gap-6", children: [
+    insight.perspectiveTitle !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
+      "section",
+      {
+        "data-slot": "recording-insight-perspective",
+        className: "flex flex-col gap-2 rounded-lg bg-success/10 p-4",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Icon, { name: "user", size: 16, className: "shrink-0 text-muted-foreground" }),
+              /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text, { text: insight.perspectiveTitle, strong: true, className: "truncate" })
+            ] }),
+            insight.perspectiveActionLabel !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+              Button2,
+              {
+                text: insight.perspectiveActionLabel,
+                variant: "link",
+                size: "small",
+                className: "text-success",
+                onClick: () => {
+                  onPerspectiveEdit?.();
+                  openDialog();
+                }
+              }
+            ) : null
+          ] }),
+          insight.perspectiveHint !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text, { text: insight.perspectiveHint, size: "small", type: "secondary" }) : null
+        ]
+      }
+    ) : null,
+    insight.basics !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("section", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text, { text: insight.basicsTitle ?? "\u57FA\u7840\u4FE1\u606F", strong: true, size: "large" }),
+      /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text, { text: insight.basics })
+    ] }) : null,
+    insight.chapters !== void 0 && insight.chapters.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("section", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text, { text: insight.chaptersTitle ?? "\u7AE0\u8282\u901F\u89C8\u4E0E\u89E3\u8BFB", strong: true, size: "large" }),
+      insight.chapters.map((chapter, index) => /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
+        "div",
+        {
+          "data-slot": "recording-insight-chapter",
+          className: "flex flex-col gap-2 rounded-lg border border-border p-4",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { className: "flex items-baseline gap-2", children: [
+              chapter.time !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text, { text: chapter.time, size: "small", type: "secondary" }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text, { text: chapter.title, strong: true, size: "small" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text, { text: chapter.content, size: "small" })
+          ]
+        },
+        chapter.time ?? index
+      ))
+    ] }) : null,
+    insight.viewpoints !== void 0 && insight.viewpoints.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("section", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text, { text: insight.viewpointsTitle ?? "\u89C2\u70B9\u5206\u6790", strong: true, size: "large" }),
+      insight.viewpoints.map((viewpoint, index) => /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
+        "div",
+        {
+          "data-slot": "recording-insight-viewpoint",
+          className: "flex flex-col gap-2 rounded-lg border border-border p-4",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Avatar2, { fallback: viewpoint.avatarText ?? viewpoint.speaker.charAt(0) }),
+                /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text, { text: viewpoint.speaker, strong: true, size: "small" })
+              ] }),
+              viewpoint.tag !== "" ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text, { text: viewpoint.tag ?? "\u81EA\u52A8\u8BC6\u522B", size: "small", type: "secondary" }) : null
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("p", { className: "text-sm", children: [
+              viewpoint.label !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("strong", { children: [
+                viewpoint.label,
+                "\uFF1A"
+              ] }) : null,
+              viewpoint.content
+            ] })
+          ]
+        },
+        viewpoint.speaker ?? index
+      ))
+    ] }) : null,
+    insight.actions !== void 0 && insight.actions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("div", { "data-slot": "recording-insight-actions", className: "flex items-center gap-1", children: insight.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+      Button2,
+      {
+        icon: action.icon,
+        variant: "text",
+        size: "small",
+        onClick: () => onInsightAction?.(action.key)
+      },
+      action.key
+    )) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+      RecordingPerspectiveDialog,
+      {
+        open: dialogOpen,
+        title: insight.perspectiveDialogTitle ?? "\u4FEE\u6539\u89E3\u8BFB\u8EAB\u4EFD",
+        hint: insight.perspectiveDialogHint ?? "\u7528\u81EA\u7136\u8BED\u8A00\u8BF4\u660E\u4F60\u5728\u672C\u6B21\u4F1A\u8BAE\u4E2D\u7684\u8EAB\u4EFD\u4E0E\u5173\u6CE8\u70B9\u3002",
+        value: draftInput,
+        placeholder: insight.perspectivePlaceholder,
+        cancelLabel: insight.perspectiveCancelLabel ?? "\u53D6\u6D88",
+        confirmLabel: insight.perspectiveConfirmLabel ?? "\u5E94\u7528\u8EAB\u4EFD",
+        onChange: setDraftInput,
+        onCancel: () => setDialogOpen(false),
+        onConfirm: confirmDialog
+      }
+    )
+  ] });
 }
-var _key = 0;
-var nextKey = () => ++_key;
-var defaultCondition = () => ({ key: nextKey(), opt: "EQUAL" });
-function normalizeBetweenValue(value) {
-  if (Array.isArray(value)) return [value[0], value[1]];
-  if (typeof value === "string" && value.includes(",")) {
-    const [a, b] = value.split(",");
-    return [a?.trim(), b?.trim()];
-  }
-  if (value == null || value === "") return [void 0, void 0];
-  return [value, void 0];
+
+// src/components/business/RecordingPage/memory.tsx
+var import_jsx_runtime221 = require("react/jsx-runtime");
+function RecordingMemoryView({ memory, onMemoryAction }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("div", { "data-slot": "recording-memory", className: "flex flex-col gap-6", children: [
+    (memory.groups ?? []).map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("section", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Text, { text: `${group.label} \xB7 ${group.items.length}`, strong: true, size: "large" }),
+      group.items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(
+        "div",
+        {
+          "data-slot": "recording-memory-item",
+          className: "flex flex-col gap-2 rounded-lg border border-border p-4",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Text, { text: item.title, strong: true, size: "small" }),
+            /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Text, { text: item.content, size: "small" })
+          ]
+        },
+        index
+      ))
+    ] }, group.key ?? group.label ?? groupIndex)),
+    memory.actions !== void 0 && memory.actions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("div", { "data-slot": "recording-memory-actions", className: "flex items-center gap-1", children: memory.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
+      Button2,
+      {
+        icon: action.icon,
+        variant: "text",
+        size: "small",
+        onClick: () => onMemoryAction?.(action.key)
+      },
+      action.key
+    )) }) : null
+  ] });
 }
-function formatConditionValue2(condition) {
-  const { opt, value } = condition;
-  if (value == null) return "-";
-  if (opt === "BETWEEN") {
-    const [a, b] = normalizeBetweenValue(value);
-    return `${a ?? "-"} ~ ${b ?? "-"}`;
+
+// src/components/business/RecordingPage/share.tsx
+var import_react77 = require("react");
+var import_jsx_runtime222 = require("react/jsx-runtime");
+function copyText(text) {
+  try {
+    if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
+      void navigator.clipboard.writeText(text);
+      return;
+    }
+    const textarea = document.createElement("textarea");
+    textarea.value = text;
+    document.body.appendChild(textarea);
+    textarea.select();
+    document.execCommand?.("copy");
+    textarea.remove();
+  } catch {
   }
-  if (Array.isArray(value)) return value.join(", ");
-  return String(value);
 }
-function RuleConfig({ value, onChange, disabled, size = "middle" }) {
-  const rawConditions = value?.ruleConditions;
-  const conditions = (0, import_react76.useMemo)(() => {
-    if (!rawConditions?.length) return [defaultCondition()];
-    const seen = /* @__PURE__ */ new Set();
-    return rawConditions.map((c) => {
-      if (c.key != null && !seen.has(c.key)) {
-        seen.add(c.key);
-        return c;
-      }
-      const key = nextKey();
-      seen.add(key);
-      return { ...c, key };
-    });
-  }, [rawConditions]);
-  const initScore = value?.score ?? 1;
-  const [scoreText, setScoreText] = (0, import_react76.useState)(String(initScore));
-  const lastScoreRef = (0, import_react76.useRef)(value?.score);
-  (0, import_react76.useEffect)(() => {
-    if (value?.score === lastScoreRef.current) return;
-    lastScoreRef.current = value?.score;
-    setScoreText(value?.score == null ? "" : String(value.score));
-  }, [value?.score]);
-  const commitScore = (0, import_react76.useCallback)(
-    (score) => {
-      lastScoreRef.current = score;
-      onChange?.({ score, ruleConditions: conditions });
-    },
-    [onChange, conditions]
-  );
-  const normalizeScore = (n) => Math.min(1e3, Math.max(1, Math.round(n)));
-  const handleScoreTextChange = (text) => {
-    setScoreText(text);
-    if (text === "") return;
-    const n = Number(text);
-    if (Number.isFinite(n) && n >= 1 && n <= 1e3 && Number.isInteger(n)) {
-      commitScore(n);
+function RecordingShare({
+  shareLabel,
+  options,
+  selectedKeys,
+  popoverTitle,
+  cancelLabel,
+  confirmLabel,
+  dialogTitle,
+  link,
+  copyLinkLabel,
+  copiedLabel,
+  mailLabel,
+  systemLabel,
+  onShare,
+  onSelectionCommit,
+  onShareConfirm,
+  onShareChannel
+}) {
+  const [popoverOpen, setPopoverOpen] = (0, import_react77.useState)(false);
+  const [dialogOpen, setDialogOpen] = (0, import_react77.useState)(false);
+  const [draftKeys, setDraftKeys] = (0, import_react77.useState)(selectedKeys);
+  const [copied, setCopied] = (0, import_react77.useState)(false);
+  const copyLink = () => {
+    if (link !== void 0) {
+      copyText(link);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1500);
     }
+    onShareChannel?.("copyLink");
   };
-  const handleScoreBlur = () => {
-    const n = scoreText.trim() === "" ? NaN : Number(scoreText);
-    const next = Number.isFinite(n) ? normalizeScore(n) : 1;
-    setScoreText(String(next));
-    if (next !== lastScoreRef.current) commitScore(next);
+  const openPopover = (next) => {
+    if (next) {
+      setDraftKeys(selectedKeys);
+      onShare?.();
+    }
+    setPopoverOpen(next);
   };
-  const update = (0, import_react76.useCallback)(
-    (next, nextScore) => onChange?.({
-      score: nextScore ?? initScore,
-      ruleConditions: next
-    }),
-    [onChange, initScore]
-  );
-  const handleOptChange = (key, opt) => {
-    update(
-      conditions.map(
-        (c) => c.key === key ? { ...c, opt, value: opt === "BETWEEN" ? [] : void 0 } : c
-      )
+  const toggleOption = (option) => {
+    if (option.disabled === true) return;
+    setDraftKeys(
+      (prev) => prev.includes(option.key) ? prev.filter((key) => key !== option.key) : [...prev, option.key]
     );
   };
-  const handleValueChange = (key, val) => {
-    update(conditions.map((c) => c.key === key ? { ...c, value: val } : c));
-  };
-  const handleScoreChange = (key, score) => {
-    update(
-      conditions.map((c) => c.key === key ? { ...c, score } : c)
-    );
+  const confirm = () => {
+    const next = options.filter((option) => draftKeys.includes(option.key)).map((option) => option.key);
+    onSelectionCommit(next);
+    onShareConfirm?.(next);
+    setPopoverOpen(false);
+    setDialogOpen(true);
   };
-  const handleAdd = () => update([...conditions, defaultCondition()]);
-  const handleDelete = (key) => update(conditions.filter((c) => c.key !== key));
-  if (disabled) {
-    return /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("div", { className: "space-y-2 text-sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("div", { className: "flex items-center gap-2 pb-2 border-b", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("span", { className: "text-muted-foreground", children: "\u6743\u91CD" }),
-        /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("span", { className: "font-medium", children: initScore })
-      ] }),
-      conditions.map((condition) => /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("span", { children: operatorLabel2(condition.opt) }),
-        !NO_VALUE_OPT.includes(condition.opt) && /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("span", { className: "font-medium", children: formatConditionValue2(condition) }),
-        /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("span", { className: "text-muted-foreground", children: [
-          "\u8BC4\u5206: ",
-          condition.score ?? "-"
-        ] })
-      ] }, condition.key))
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("div", { className: "flex items-center gap-1 pb-2 border-b gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("span", { className: "text-sm shrink-0", children: "\u6743\u91CD" }),
-      /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
-        Input,
+  const trigger = /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Button2, { text: shareLabel, size: "small" });
+  return /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(import_jsx_runtime222.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(Popover, { open: popoverOpen, onOpenChange: openPopover, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
+        PopoverTrigger,
         {
-          type: "number",
-          className: cn("w-48", CONTROL_SIZE_BOX[size]),
-          min: 1,
-          max: 1e3,
-          step: 1,
-          value: scoreText,
-          disabled,
-          placeholder: "\u8BF7\u8F93\u5165\u6743\u91CD",
-          onChange: (e) => handleScoreTextChange(e.target.value),
-          onBlur: handleScoreBlur
+          nativeButton: false,
+          render: /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("span", { "data-slot": "recording-share-trigger", className: "inline-flex" }),
+          children: trigger
         }
-      )
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(
+        PopoverContent,
+        {
+          align: "end",
+          sideOffset: 8,
+          className: "w-64 p-0",
+          "data-slot": "recording-share-popover",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("div", { className: "px-4 pt-4 pb-2 text-sm font-semibold", children: popoverTitle }),
+            /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("div", { className: "flex flex-col px-2 pb-2", children: options.map((option) => {
+              const checked = draftKeys.includes(option.key);
+              const disabled = option.disabled === true;
+              return /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  "data-slot": "recording-share-option",
+                  "aria-pressed": checked,
+                  disabled,
+                  className: cn(
+                    "flex w-full items-center gap-2.5 rounded-md px-2 py-2 text-left text-sm",
+                    disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer hover:bg-muted"
+                  ),
+                  onClick: () => toggleOption(option),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
+                      "span",
+                      {
+                        className: cn(
+                          "flex h-5 w-5 shrink-0 items-center justify-center rounded-full",
+                          checked ? "bg-primary text-primary-foreground" : "border border-input"
+                        ),
+                        children: checked ? /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Icon, { name: "check", size: 12 }) : null
+                      }
+                    ),
+                    option.label
+                  ]
+                },
+                option.key
+              );
+            }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className: "flex items-center justify-end gap-2 border-t border-border px-4 py-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Button2, { text: cancelLabel, variant: "text", onClick: () => setPopoverOpen(false) }),
+              /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Button2, { text: confirmLabel, variant: "primary", onClick: confirm })
+            ] })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Dialog, { open: dialogOpen, onOpenChange: setDialogOpen, children: /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(DialogContent, { "data-slot": "recording-share-dialog", className: "gap-4 sm:max-w-xl", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(DialogTitle, { children: dialogTitle }),
+      link !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className: "flex items-center justify-between gap-3 rounded-lg border border-border px-4 py-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm", children: link }),
+        /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
+          Button2,
+          {
+            text: copied ? copiedLabel : copyLinkLabel,
+            variant: "link",
+            size: "small",
+            onClick: copyLink
+          }
+        )
+      ] }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
+          Button2,
+          {
+            text: mailLabel,
+            icon: "mail",
+            className: "h-12",
+            onClick: () => onShareChannel?.("mail")
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
+          Button2,
+          {
+            text: systemLabel,
+            icon: "share",
+            className: "h-12",
+            onClick: () => onShareChannel?.("system")
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+
+// src/components/business/RecordingPage/speaker-dialog.tsx
+var import_jsx_runtime223 = require("react/jsx-runtime");
+function RecordingSpeakerDialog({
+  open,
+  title,
+  hint,
+  speakers,
+  selectedIndex,
+  customName,
+  inputPlaceholder,
+  applyLabel,
+  onSelect,
+  onInputName,
+  onCancel,
+  onConfirm
+}) {
+  const canApply = customName.trim() !== "" || selectedIndex >= 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
+    Dialog,
+    {
+      open,
+      onOpenChange: (next) => {
+        if (!next) onCancel();
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(
+        DialogContent,
+        {
+          "data-slot": "recording-speaker-dialog",
+          className: "gap-4 sm:max-w-xl",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(DialogTitle, { children: title }),
+            hint !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(DialogDescription, { children: hint }) : null,
+            speakers.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("div", { className: "flex flex-col divide-y divide-border", children: speakers.map((speaker, index) => {
+              const selected = index === selectedIndex;
+              return /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  "data-slot": "recording-speaker-option",
+                  "aria-pressed": selected,
+                  className: cn(
+                    "flex w-full cursor-pointer items-center gap-3 px-3 py-3 text-left",
+                    selected ? "bg-primary/10" : "hover:bg-muted"
+                  ),
+                  onClick: () => onSelect(index),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(Avatar2, { fallback: speaker.avatarText ?? speaker.name.charAt(0) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)("span", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("span", { className: "text-sm font-medium", children: speaker.name }),
+                      speaker.role !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("span", { className: "truncate text-sm text-muted-foreground", children: speaker.role }) : null
+                    ] }),
+                    speaker.tag !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("span", { className: "shrink-0 text-sm text-muted-foreground", children: speaker.tag }) : null
+                  ]
+                },
+                `${speaker.name}-${index}`
+              );
+            }) }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
+              Input2,
+              {
+                value: customName,
+                placeholder: inputPlaceholder,
+                onChange: onInputName
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
+              Button2,
+              {
+                text: applyLabel,
+                variant: "primary",
+                disabled: !canApply,
+                onClick: onConfirm
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/business/RecordingPage/summary.tsx
+var import_jsx_runtime224 = require("react/jsx-runtime");
+function MindmapPill({ label, center }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+    "span",
+    {
+      className: cn(
+        "rounded-lg px-4 py-1.5 text-sm",
+        center ? "bg-primary px-5 py-2.5 font-medium text-primary-foreground" : "border border-border bg-background"
+      ),
+      children: label
+    }
+  );
+}
+var mindmapLine = /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("div", { className: "h-px w-10 shrink-0", style: { background: "var(--border)" } });
+function RecordingSummaryView({
+  summary,
+  onMindmapAction,
+  onMaterialClick,
+  selectedTodoIds,
+  onTodoToggle,
+  onSummaryAction
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)("div", { "data-slot": "recording-summary", className: "flex flex-col gap-6", children: [
+    summary.mindmap ? /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)("section", { className: "rounded-lg border border-border", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)("div", { className: "flex items-center justify-between px-4 py-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Text, { text: summary.mindmapTitle ?? "\u601D\u7EF4\u5BFC\u56FE", strong: true }),
+        summary.mindmapActionLabel !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+          Button2,
+          {
+            text: summary.mindmapActionLabel,
+            variant: "link",
+            size: "small",
+            className: "text-success",
+            onClick: () => onMindmapAction?.()
+          }
+        ) : null
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)("div", { className: "mx-4 mb-4 flex items-center justify-center rounded-lg bg-muted p-8", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("div", { className: "flex flex-col items-start gap-2", children: (summary.mindmap.left ?? []).map((node) => /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(MindmapPill, { label: node }, node)) }),
+        mindmapLine,
+        /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(MindmapPill, { label: summary.mindmap.center, center: true }),
+        mindmapLine,
+        /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("div", { className: "flex flex-col items-start gap-2", children: (summary.mindmap.right ?? []).map((node) => /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(MindmapPill, { label: node }, node)) })
+      ] })
+    ] }) : null,
+    summary.overview !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)("section", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+        Text,
+        {
+          text: summary.overviewTitle ?? "\u4F1A\u8BAE\u6982\u51B5",
+          strong: true,
+          size: "large"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("div", { className: "rounded-lg bg-muted p-4", children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Text, { text: summary.overview }) })
+    ] }) : null,
+    summary.topics !== void 0 && summary.topics.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)("section", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Text, { text: summary.topicsTitle ?? "\u4E3B\u8981\u8BAE\u9898", strong: true, size: "large" }),
+      /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+        "div",
+        {
+          className: "grid gap-3",
+          style: { gridTemplateColumns: "1fr 1fr" },
+          children: summary.topics.map((topic, index) => /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(
+            "div",
+            {
+              className: "flex flex-col gap-2 rounded-lg border border-border p-4",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Text, { text: topic.title, strong: true, size: "small" }),
+                /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Text, { text: topic.content, size: "small" })
+              ]
+            },
+            index
+          ))
+        }
+      )
+    ] }) : null,
+    summary.conclusions !== void 0 && summary.conclusions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)("section", { className: "rounded-lg border border-border p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+        Text,
+        {
+          text: summary.conclusionsTitle ?? "\u8BC4\u5BA1\u7ED3\u8BBA\u4E0E\u540E\u7EED\u5B89\u6392",
+          strong: true,
+          size: "small"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+        Table3,
+        {
+          className: "mt-3",
+          columns: [
+            { title: "\u4E8B\u9879", dataIndex: "item" },
+            { title: "\u4F1A\u8BAE\u7ED3\u8BBA", dataIndex: "conclusion" },
+            { title: "\u8D1F\u8D23\u4EBA", dataIndex: "owner" }
+          ],
+          dataSource: summary.conclusions.map((row, index) => ({
+            id: index,
+            ...row
+          }))
+        }
+      )
+    ] }) : null,
+    summary.followUp !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)("section", { className: "flex flex-col gap-2 rounded-lg border border-border p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Text, { text: summary.followUpTitle, strong: true, size: "small" }),
+      /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Text, { text: summary.followUp, size: "small" })
+    ] }) : null,
+    summary.materials !== void 0 && summary.materials.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)("section", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+        Text,
+        {
+          text: summary.materialsTitle ?? "\u76F8\u5173\u6750\u6599",
+          strong: true,
+          size: "large"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("div", { className: "flex flex-col divide-y divide-border rounded-lg border border-border", children: summary.materials.map((material, index) => /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(
+        "button",
+        {
+          type: "button",
+          "data-slot": "recording-material",
+          className: "flex cursor-pointer items-center gap-2 px-4 py-3 text-left",
+          onClick: () => onMaterialClick?.(material.id ?? index),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+              Icon,
+              {
+                name: material.icon ?? "file-text",
+                size: 16,
+                className: "text-muted-foreground"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+              Text,
+              {
+                text: material.title,
+                size: "small",
+                className: "min-w-0 flex-1 truncate"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+              Text,
+              {
+                text: material.meta,
+                size: "small",
+                type: "secondary",
+                className: "shrink-0"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+              Icon,
+              {
+                name: "chevron-right",
+                size: 14,
+                className: "text-muted-foreground"
+              }
+            )
+          ]
+        },
+        material.id ?? index
+      )) })
+    ] }) : null,
+    summary.todos !== void 0 && summary.todos.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)("section", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Text, { text: summary.todosTitle ?? "\u5F85\u529E\u4E8B\u9879", strong: true, size: "large" }),
+      /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("div", { className: "flex flex-col divide-y divide-border rounded-lg border border-border", children: summary.todos.map((todo, index) => {
+        const todoId = todo.id ?? index;
+        const checked = selectedTodoIds !== void 0 ? selectedTodoIds.includes(todoId) : todo.done === true;
+        return /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(
+          "button",
+          {
+            type: "button",
+            "data-slot": "recording-todo",
+            "aria-pressed": checked,
+            className: "flex cursor-pointer items-center gap-2 px-4 py-3 text-left",
+            onClick: () => onTodoToggle?.(todoId),
+            children: [
+              checked ? /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+                Icon,
+                {
+                  name: "check-circle",
+                  size: 16,
+                  className: "shrink-0 text-success"
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+                "span",
+                {
+                  className: "shrink-0 rounded-full border border-border",
+                  style: { width: 16, height: 16 }
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+                Text,
+                {
+                  text: todo.title,
+                  size: "small",
+                  className: "min-w-0 flex-1 truncate"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+                Text,
+                {
+                  text: todo.owner,
+                  size: "small",
+                  type: "secondary",
+                  className: "shrink-0"
+                }
+              )
+            ]
+          },
+          todoId
+        );
+      }) })
+    ] }) : null,
+    summary.actions !== void 0 && summary.actions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+      "div",
+      {
+        "data-slot": "recording-summary-actions",
+        className: "flex items-center gap-1",
+        children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+          Button2,
+          {
+            icon: action.icon,
+            variant: "text",
+            size: "small",
+            onClick: () => onSummaryAction?.(action.key)
+          },
+          action.key
+        ))
+      }
+    ) : null
+  ] });
+}
+
+// src/components/business/RecordingPage/translation.tsx
+var import_react78 = require("react");
+
+// src/components/business/RecordingPage/language-dialog.tsx
+var import_jsx_runtime225 = require("react/jsx-runtime");
+function LanguageOptionItem({
+  option,
+  selected,
+  onSelect
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(
+    "button",
+    {
+      type: "button",
+      "data-slot": "recording-language-option",
+      "aria-pressed": selected,
+      className: cn(
+        "flex w-full cursor-pointer items-center gap-2.5 px-3 py-2.5 text-left text-sm",
+        selected ? "bg-primary/10" : "hover:bg-muted"
+      ),
+      onClick: () => onSelect(option.key),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+          "span",
+          {
+            className: cn(
+              "flex h-4 w-4 shrink-0 items-center justify-center rounded-full border",
+              selected ? "border-primary" : "border-input"
+            ),
+            children: selected ? /* @__PURE__ */ (0, import_jsx_runtime225.jsx)("span", { className: "h-2 w-2 rounded-full bg-primary" }) : null
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime225.jsx)("span", { className: cn(selected && "font-medium"), children: option.label })
+      ]
+    }
+  );
+}
+function RecordingLanguageDialog({
+  open,
+  title,
+  sourceTitle,
+  targetTitle,
+  sourceLanguages,
+  targetLanguages,
+  source,
+  target,
+  cancelLabel,
+  confirmLabel,
+  onSelectSource,
+  onSelectTarget,
+  onCancel,
+  onConfirm
+}) {
+  const renderColumn = (columnTitle, options, value, onSelect) => /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)("div", { className: "flex min-w-0 flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime225.jsx)("span", { className: "text-sm font-medium", children: columnTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime225.jsx)("div", { className: "flex flex-col divide-y divide-border", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+      LanguageOptionItem,
+      {
+        option,
+        selected: option.key === value,
+        onSelect
+      },
+      option.key
+    )) })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+    Dialog,
+    {
+      open,
+      onOpenChange: (next) => {
+        if (!next) onCancel();
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(
+        DialogContent,
+        {
+          "data-slot": "recording-language-dialog",
+          className: "gap-6 sm:max-w-xl",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(DialogTitle, { children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)("div", { className: "grid grid-cols-2 gap-6", children: [
+              renderColumn(sourceTitle, sourceLanguages, source, onSelectSource),
+              renderColumn(targetTitle, targetLanguages, target, onSelectTarget)
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)("div", { className: "flex items-center justify-end gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Button2, { text: cancelLabel, onClick: onCancel }),
+              /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Button2, { text: confirmLabel, variant: "primary", onClick: onConfirm })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/business/RecordingPage/translation.tsx
+var import_jsx_runtime226 = require("react/jsx-runtime");
+function RecordingTranslationView({
+  translation,
+  onLanguageClick,
+  onLanguageChange,
+  onTranslationAction
+}) {
+  const sourceLanguages = translation.sourceLanguages ?? [];
+  const targetLanguages = translation.targetLanguages ?? [];
+  const dialogEnabled = sourceLanguages.length > 0 || targetLanguages.length > 0;
+  const [dialogOpen, setDialogOpen] = (0, import_react78.useState)(false);
+  const sourceControlled = translation.sourceLanguage !== void 0;
+  const targetControlled = translation.targetLanguage !== void 0;
+  const [innerSource, setInnerSource] = (0, import_react78.useState)(
+    translation.defaultSourceLanguage ?? sourceLanguages[0]?.key
+  );
+  const [innerTarget, setInnerTarget] = (0, import_react78.useState)(
+    translation.defaultTargetLanguage ?? targetLanguages[0]?.key
+  );
+  const committedSource = sourceControlled ? translation.sourceLanguage : innerSource;
+  const committedTarget = targetControlled ? translation.targetLanguage : innerTarget;
+  const [draftSource, setDraftSource] = (0, import_react78.useState)(committedSource);
+  const [draftTarget, setDraftTarget] = (0, import_react78.useState)(committedTarget);
+  const openDialog = () => {
+    setDraftSource(committedSource);
+    setDraftTarget(committedTarget);
+    setDialogOpen(true);
+  };
+  const confirmDialog = () => {
+    if (!sourceControlled) setInnerSource(draftSource);
+    if (!targetControlled) setInnerTarget(draftTarget);
+    onLanguageChange?.({
+      source: draftSource,
+      sourceLabel: sourceLanguages.find((item) => item.key === draftSource)?.label,
+      target: draftTarget,
+      targetLabel: targetLanguages.find((item) => item.key === draftTarget)?.label
+    });
+    setDialogOpen(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)("div", { "data-slot": "recording-translation", className: "flex flex-col gap-4", children: [
+    translation.languageLabel !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(
+      "button",
+      {
+        type: "button",
+        "data-slot": "recording-translation-language",
+        className: "inline-flex cursor-pointer items-center gap-1.5 rounded-full bg-primary/10 px-3 py-1.5 text-sm",
+        onClick: () => {
+          onLanguageClick?.();
+          if (dialogEnabled) openDialog();
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Icon, { name: "globe", size: 14 }),
+          translation.languageLabel,
+          /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Icon, { name: "chevron-down", size: 14, className: "text-muted-foreground" })
+        ]
+      }
+    ) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("div", { className: "flex flex-col divide-y divide-border", children: (translation.segments ?? []).map((segment, index) => /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(
+      "div",
+      {
+        "data-slot": "recording-translation-segment",
+        className: "grid gap-4 py-4",
+        style: { gridTemplateColumns: "1fr 1fr" },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)("div", { className: "flex min-w-0 flex-col gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Avatar2, { fallback: segment.avatarText ?? segment.speaker?.charAt(0) ?? "?" }),
+              /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Text, { text: segment.speaker, strong: true, size: "small" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Text, { text: segment.source })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)("div", { className: "flex min-w-0 flex-col gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Text, { text: translation.targetLabel ?? "\u8BD1\u6587", strong: true, size: "small" }),
+            /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Text, { text: segment.target })
+          ] })
+        ]
+      },
+      index
+    )) }),
+    translation.actions !== void 0 && translation.actions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("div", { "data-slot": "recording-translation-actions", className: "flex items-center gap-1", children: translation.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
+      Button2,
+      {
+        icon: action.icon,
+        variant: "text",
+        size: "small",
+        onClick: () => onTranslationAction?.(action.key)
+      },
+      action.key
+    )) }) : null,
+    dialogEnabled ? /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
+      RecordingLanguageDialog,
+      {
+        open: dialogOpen,
+        title: translation.languageDialogTitle ?? "\u9009\u62E9\u7FFB\u8BD1\u8BED\u8A00",
+        sourceTitle: translation.sourceLanguagesTitle ?? "\u539F\u6587\u8BED\u8A00\u8BC6\u522B",
+        targetTitle: translation.targetLanguagesTitle ?? "\u8BD1\u6587\u8BED\u8A00\u9009\u62E9",
+        sourceLanguages,
+        targetLanguages,
+        source: draftSource,
+        target: draftTarget,
+        cancelLabel: translation.cancelLabel ?? "\u53D6\u6D88",
+        confirmLabel: translation.confirmLabel ?? "\u786E\u5B9A",
+        onSelectSource: setDraftSource,
+        onSelectTarget: setDraftTarget,
+        onCancel: () => setDialogOpen(false),
+        onConfirm: confirmDialog
+      }
+    ) : null
+  ] });
+}
+
+// src/components/business/RecordingPage/detail.tsx
+var import_jsx_runtime227 = require("react/jsx-runtime");
+function TranscriptSegment({
+  segment,
+  speaker,
+  onRename
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("div", { "data-slot": "recording-segment", className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Avatar2, { fallback: segment.avatarText ?? speaker?.charAt(0) ?? "?" }),
+        /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Text, { text: speaker, strong: true, size: "small" }),
+        /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+          "button",
+          {
+            type: "button",
+            "data-slot": "recording-speaker-edit",
+            "aria-label": "\u4FEE\u6539\u53D1\u8A00\u4EBA",
+            className: "cursor-pointer text-muted-foreground",
+            onClick: () => onRename?.(),
+            children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Icon, { name: "pencil", size: 14 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("div", { className: "flex items-center gap-2", children: [
+        segment.marked ? /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Badge2, { text: "\u2691 \u5DF2\u6807\u8BB0", variant: "outline" }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Text, { text: segment.time, size: "small", type: "secondary" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Text, { text: segment.content })
+  ] });
+}
+function RecordingDetail({
+  title,
+  meta,
+  editLabel,
+  shareLabel,
+  shareOptions = [],
+  shareSelectedKeys = [],
+  sharePopoverTitle,
+  shareCancelLabel,
+  shareConfirmLabel,
+  shareDialogTitle,
+  shareLink,
+  shareCopyLinkLabel,
+  shareCopiedLabel,
+  shareMailLabel,
+  shareSystemLabel,
+  onShareSelectionCommit,
+  onShareConfirm,
+  onShareChannel,
+  onEdit,
+  onShare,
+  tabs,
+  activeTab,
+  onTabChange,
+  transcriptTabKey,
+  segments,
+  speakers = [],
+  speakerDialogTitle,
+  speakerDialogHint,
+  speakerInputPlaceholder,
+  speakerApplyLabel,
+  onSpeakerChange,
+  summary,
+  summaryTabKey,
+  onMindmapAction,
+  onMaterialClick,
+  selectedTodoIds,
+  onTodoToggle,
+  onSummaryAction,
+  insight,
+  insightTabKey,
+  onPerspectiveEdit,
+  onPerspectiveApply,
+  onInsightAction,
+  memory,
+  memoryTabKey,
+  onMemoryAction,
+  translation,
+  translationTabKey,
+  onLanguageClick,
+  onLanguageChange,
+  onTranslationAction,
+  player,
+  onPlay,
+  onSkipBack,
+  onSkipForward
+}) {
+  const { renderChildren } = (0, import_runtime54.useRenderer)();
+  const renderSlot = (slot) => (0, import_react79.isValidElement)(slot) || typeof slot !== "object" || slot === null ? slot : renderChildren([slot]);
+  const activeTabItem = tabs.find((tab) => tab.key === activeTab);
+  const [renameIndex, setRenameIndex] = (0, import_react79.useState)(null);
+  const [draftSpeakerIndex, setDraftSpeakerIndex] = (0, import_react79.useState)(-1);
+  const [draftSpeakerName, setDraftSpeakerName] = (0, import_react79.useState)("");
+  const [speakerOverrides, setSpeakerOverrides] = (0, import_react79.useState)({});
+  const speakerSignature = (0, import_react79.useRef)("");
+  (0, import_react79.useEffect)(() => {
+    const signature = JSON.stringify(segments.map((segment) => segment.speaker ?? ""));
+    if (speakerSignature.current !== signature) {
+      speakerSignature.current = signature;
+      setSpeakerOverrides((prev) => Object.keys(prev).length > 0 ? {} : prev);
+    }
+  }, [segments]);
+  const displaySpeaker = (index) => speakerOverrides[index] ?? segments[index]?.speaker;
+  const openRename = (index) => {
+    const current = displaySpeaker(index);
+    setDraftSpeakerIndex(speakers.findIndex((item) => item.name === current));
+    setDraftSpeakerName("");
+    setRenameIndex(index);
+  };
+  const confirmRename = () => {
+    if (renameIndex === null) return;
+    const name = draftSpeakerName.trim() !== "" ? draftSpeakerName.trim() : speakers[draftSpeakerIndex]?.name;
+    if (name === void 0 || name === "") return;
+    const previous = displaySpeaker(renameIndex);
+    setSpeakerOverrides((prev) => ({ ...prev, [renameIndex]: name }));
+    onSpeakerChange?.({ index: renameIndex, previous, name });
+    setRenameIndex(null);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("div", { "data-slot": "recording-page-detail", className: "flex h-full min-w-0 flex-1 flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("div", { className: "flex shrink-0 items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("div", { className: "flex min-w-0 flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Text, { text: title, strong: true, size: "large", className: "truncate" }),
+        meta !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Text, { text: meta, size: "small", type: "secondary" }) : null
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("div", { className: "flex shrink-0 items-center gap-3", children: [
+        editLabel !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Button2, { text: editLabel, variant: "link", size: "small", onClick: () => onEdit?.() }) : null,
+        shareLabel !== void 0 ? shareOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+          RecordingShare,
+          {
+            shareLabel,
+            options: shareOptions,
+            selectedKeys: shareSelectedKeys,
+            popoverTitle: sharePopoverTitle ?? "\u9009\u62E9\u5206\u4EAB\u5185\u5BB9",
+            cancelLabel: shareCancelLabel ?? "\u53D6\u6D88",
+            confirmLabel: shareConfirmLabel ?? "\u786E\u5B9A",
+            dialogTitle: shareDialogTitle ?? "\u5206\u4EAB\u4F1A\u8BAE\u5185\u5BB9",
+            link: shareLink,
+            copyLinkLabel: shareCopyLinkLabel ?? "\u590D\u5236\u94FE\u63A5",
+            copiedLabel: shareCopiedLabel ?? "\u5DF2\u590D\u5236",
+            mailLabel: shareMailLabel ?? "\u90AE\u4EF6",
+            systemLabel: shareSystemLabel ?? "\u7CFB\u7EDF\u5206\u4EAB",
+            onShare,
+            onSelectionCommit: (keys) => onShareSelectionCommit?.(keys),
+            onShareConfirm,
+            onShareChannel
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Button2, { text: shareLabel, size: "small", onClick: () => onShare?.() }) : null
+      ] })
+    ] }),
+    tabs.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(import_jsx_runtime227.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("div", { "data-slot": "recording-page-tabs", className: "flex shrink-0 px-6 pt-3", children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("div", { className: "flex w-full items-center gap-1 rounded-lg bg-muted p-1", children: tabs.map((tab) => {
+        const active = tab.key === activeTab;
+        return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": active,
+            className: cn(
+              "flex-1 cursor-pointer rounded-md px-3 py-1 text-sm",
+              active ? "bg-background shadow-sm" : "text-muted-foreground"
+            ),
+            onClick: () => onTabChange(tab.key),
+            children: tab.label
+          },
+          tab.key
+        );
+      }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+        "div",
+        {
+          "data-slot": "recording-page-tab-body",
+          className: "scrollbar-subtle min-h-0 flex-1 overflow-y-auto px-6 py-4",
+          children: activeTabItem?.content !== void 0 ? renderSlot(activeTabItem.content) : activeTabItem?.key === transcriptTabKey ? /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("div", { className: "flex flex-col gap-6", children: segments.map((segment, index) => /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+            TranscriptSegment,
+            {
+              segment,
+              speaker: displaySpeaker(index),
+              onRename: () => openRename(index)
+            },
+            segment.time ?? index
+          )) }) : activeTabItem?.key === summaryTabKey && summary !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+            RecordingSummaryView,
+            {
+              summary,
+              onMindmapAction,
+              onMaterialClick,
+              selectedTodoIds,
+              onTodoToggle,
+              onSummaryAction
+            }
+          ) : activeTabItem?.key === insightTabKey && insight !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+            RecordingInsightView,
+            {
+              insight,
+              onPerspectiveEdit,
+              onPerspectiveApply,
+              onInsightAction
+            }
+          ) : activeTabItem?.key === memoryTabKey && memory !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(RecordingMemoryView, { memory, onMemoryAction }) : activeTabItem?.key === translationTabKey && translation !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+            RecordingTranslationView,
+            {
+              translation,
+              onLanguageClick,
+              onLanguageChange,
+              onTranslationAction
+            }
+          ) : null
+        }
+      )
+    ] }) : null,
+    player !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(
+      "div",
+      {
+        "data-slot": "recording-page-player",
+        className: "flex shrink-0 items-center gap-3 border-t border-border px-6 py-3",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Button2, { icon: "rotate-ccw", variant: "text", onClick: () => onSkipBack?.() }),
+          /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+            Button2,
+            {
+              icon: "play",
+              style: { borderRadius: 999 },
+              onClick: () => onPlay?.()
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Button2, { icon: "rotate-cw", variant: "text", onClick: () => onSkipForward?.() }),
+          /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Text, { text: player.currentTime, size: "small", type: "secondary" }),
+          /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Progress2, { value: player.progress, style: { flex: 1 } }),
+          /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Text, { text: player.totalTime, size: "small", type: "secondary" })
+        ]
+      }
+    ) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+      RecordingSpeakerDialog,
+      {
+        open: renameIndex !== null,
+        title: speakerDialogTitle ?? "\u4FEE\u6539\u53D1\u8A00\u4EBA",
+        hint: speakerDialogHint ?? "\u9009\u62E9\u53C2\u4F1A\u4FE1\u606F\u3001\u5DF2\u8BC6\u522B\u4EBA\u5458\u6216\u4F60\u66FE\u624B\u52A8\u521B\u5EFA\u7684\u8054\u7CFB\u4EBA\u3002",
+        speakers,
+        selectedIndex: draftSpeakerIndex,
+        customName: draftSpeakerName,
+        inputPlaceholder: speakerInputPlaceholder ?? "\u8F93\u5165\u59D3\u540D",
+        applyLabel: speakerApplyLabel ?? "\u5E94\u7528\u59D3\u540D",
+        onSelect: setDraftSpeakerIndex,
+        onInputName: setDraftSpeakerName,
+        onCancel: () => setRenameIndex(null),
+        onConfirm: confirmRename
+      }
+    )
+  ] });
+}
+
+// src/components/business/RecordingPage/list.tsx
+var import_react80 = require("react");
+var import_jsx_runtime228 = require("react/jsx-runtime");
+function RecordingList({
+  listTitle,
+  selectLabel,
+  selectDoneLabel,
+  selectAllLabel,
+  selectedCountText,
+  deleteLabel,
+  deleteConfirmTitle,
+  deleteConfirmText,
+  deleteCancelLabel,
+  deleteConfirmLabel,
+  selecting = false,
+  selectedRecordingIds = [],
+  onEnterSelectMode,
+  onExitSelectMode,
+  onToggleRecordingSelect,
+  onToggleSelectAll,
+  onDeleteSelected,
+  filters,
+  activeFilter,
+  onFilterChange,
+  processingText,
+  processingHint,
+  onProcessingClick,
+  newRecordingLabel,
+  onNewRecording,
+  groups,
+  activeRecordingId,
+  onSelectRecording,
+  listWidth,
+  emptyText
+}) {
+  const [deleteConfirmOpen, setDeleteConfirmOpen] = (0, import_react80.useState)(false);
+  const renderRecordingItem = (item) => {
+    const active = !selecting && item.id === activeRecordingId;
+    const checked = selecting && selectedRecordingIds.includes(item.id);
+    return /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(
+      "button",
+      {
+        type: "button",
+        "data-slot": "recording-item",
+        "data-active": active || void 0,
+        "aria-pressed": selecting ? checked : void 0,
+        className: cn(
+          "flex w-full cursor-pointer items-start gap-2 rounded-lg p-2 text-left",
+          active ? "bg-background shadow-sm" : void 0
+        ),
+        onClick: () => selecting ? onToggleRecordingSelect?.(item.id) : onSelectRecording(item.id),
+        children: [
+          selecting ? /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+            "span",
+            {
+              className: cn(
+                "mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full",
+                checked ? "bg-success text-background" : "border border-border bg-background"
+              ),
+              children: checked ? /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Icon, { name: "check", size: 12 }) : null
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Icon, { name: item.icon ?? "audio-lines", size: 18, className: "mt-0.5 shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+                Text,
+                {
+                  text: item.title,
+                  size: "small",
+                  strong: active || checked,
+                  className: "min-w-0 truncate"
+                }
+              ),
+              item.status !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+                Text,
+                {
+                  text: item.status,
+                  size: "small",
+                  type: item.statusType ?? "secondary",
+                  className: "shrink-0"
+                }
+              ) : null
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Text, { text: item.time, size: "small", type: "secondary" }),
+              /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Text, { text: item.duration, size: "small", type: "secondary" })
+            ] })
+          ] })
+        ]
+      },
+      item.id
+    );
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(
+    "div",
+    {
+      "data-slot": "recording-page-list",
+      className: "m-3 flex min-h-0 shrink-0 flex-col gap-3 rounded-xl bg-muted p-4",
+      style: { width: listWidth },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Text, { text: listTitle, strong: true, size: "large" }),
+          selecting ? /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+            Button2,
+            {
+              text: selectDoneLabel ?? "\u5B8C\u6210",
+              variant: "link",
+              size: "small",
+              onClick: () => onExitSelectMode?.()
+            }
+          ) : selectLabel !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Button2, { text: selectLabel, variant: "link", size: "small", onClick: () => onEnterSelectMode?.() }) : null
+        ] }),
+        selecting ? /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(
+          "div",
+          {
+            "data-slot": "recording-page-selection-bar",
+            className: "flex items-center justify-between",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+                Text,
+                {
+                  text: (selectedCountText ?? "\u5DF2\u9009 {count} \u6761").replace(
+                    "{count}",
+                    String(selectedRecordingIds.length)
+                  ),
+                  size: "small",
+                  type: "secondary"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+                Button2,
+                {
+                  text: selectAllLabel ?? "\u5168\u9009",
+                  variant: "link",
+                  size: "small",
+                  onClick: () => onToggleSelectAll?.()
+                }
+              )
+            ]
+          }
+        ) : null,
+        !selecting && filters.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime228.jsx)("div", { "data-slot": "recording-page-filters", className: "flex gap-2", children: filters.map((filter) => {
+          const active = filter.key === activeFilter;
+          return /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+            "button",
+            {
+              type: "button",
+              "data-active": active || void 0,
+              className: cn(
+                "cursor-pointer rounded-full px-3 py-1 text-xs",
+                active ? "bg-primary text-primary-foreground" : "bg-background"
+              ),
+              onClick: () => onFilterChange(filter.key),
+              children: filter.label
+            },
+            filter.key
+          );
+        }) }) : null,
+        !selecting && processingText !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(
+          "button",
+          {
+            type: "button",
+            "data-slot": "recording-page-processing",
+            className: "flex cursor-pointer items-center gap-2 rounded-lg bg-background p-3 text-left",
+            onClick: () => onProcessingClick?.(),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Icon, { name: "audio-lines", size: 18 }),
+              /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { className: "flex flex-1 flex-col", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Text, { text: processingText, size: "small", strong: true }),
+                processingHint !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Text, { text: processingHint, size: "small", type: "secondary" }) : null
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Icon, { name: "chevron-right", size: 16, className: "text-muted-foreground" })
+            ]
+          }
+        ) : null,
+        !selecting && newRecordingLabel !== null && newRecordingLabel !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+          Button2,
+          {
+            text: newRecordingLabel,
+            icon: "mic",
+            variant: "primary",
+            className: "w-full",
+            onClick: () => onNewRecording?.()
+          }
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+          "div",
+          {
+            "data-slot": "recording-page-groups",
+            className: "scrollbar-subtle flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto",
+            children: groups.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Empty2, { title: emptyText }) : groups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Text, { text: group.label, size: "small", type: "secondary", className: "px-1" }),
+              group.items.map(renderRecordingItem)
+            ] }, group.key ?? group.label ?? groupIndex))
+          }
+        ),
+        selecting ? /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(import_jsx_runtime228.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+            Button2,
+            {
+              text: deleteLabel ?? "\u5220\u9664",
+              variant: "primary",
+              danger: true,
+              className: "w-full shrink-0",
+              onClick: () => setDeleteConfirmOpen(true)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(AlertDialog, { open: deleteConfirmOpen, onOpenChange: setDeleteConfirmOpen, children: /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(AlertDialogContent, { "data-slot": "recording-delete-confirm", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(AlertDialogHeader, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(AlertDialogTitle, { children: deleteConfirmTitle ?? "\u5220\u9664\u5F55\u97F3" }),
+              /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(AlertDialogDescription, { children: (deleteConfirmText ?? "\u786E\u5B9A\u5220\u9664\u9009\u4E2D\u7684 {count} \u6761\u5F55\u97F3\u5417\uFF1F\u5220\u9664\u540E\u4E0D\u53EF\u6062\u590D\u3002").replace("{count}", String(selectedRecordingIds.length)) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(AlertDialogFooter, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(AlertDialogCancel, { children: deleteCancelLabel ?? "\u53D6\u6D88" }),
+              /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+                AlertDialogAction,
+                {
+                  variant: "destructive",
+                  onClick: () => onDeleteSelected?.(),
+                  children: deleteConfirmLabel ?? "\u5220\u9664"
+                }
+              )
+            ] })
+          ] }) })
+        ] }) : null
+      ]
+    }
+  );
+}
+
+// src/components/business/RecordingPage/index.tsx
+var import_jsx_runtime229 = require("react/jsx-runtime");
+function RecordingPage({
+  listTitle = "\u5F55\u97F3\u8BB0\u5F55\u5217\u8868",
+  selectLabel,
+  selectDoneLabel,
+  selectAllLabel,
+  selectedCountText,
+  deleteLabel,
+  deleteConfirmTitle,
+  deleteConfirmText,
+  deleteCancelLabel,
+  deleteConfirmLabel,
+  selectedRecordingIds,
+  defaultSelectedRecordingIds,
+  onRecordingSelectionChange,
+  onDeleteRecordings,
+  onSelectClick,
+  filters = [],
+  activeFilterKey,
+  defaultActiveFilterKey,
+  onFilterChange,
+  processingText,
+  processingHint,
+  onProcessingClick,
+  newRecordingLabel = "\u5F00\u59CB\u65B0\u5F55\u97F3",
+  onNewRecording,
+  groups = [],
+  activeRecordingId,
+  defaultActiveRecordingId,
+  onSelectRecording,
+  listWidth = 300,
+  emptyText = "\u6682\u65E0\u5F55\u97F3",
+  title,
+  meta,
+  editLabel,
+  shareLabel,
+  shareOptions,
+  shareSelectedKeys,
+  defaultShareSelectedKeys,
+  sharePopoverTitle,
+  shareCancelLabel,
+  shareConfirmLabel,
+  shareDialogTitle,
+  shareLink,
+  shareCopyLinkLabel,
+  shareCopiedLabel,
+  shareMailLabel,
+  shareSystemLabel,
+  onShareConfirm,
+  onShareChannel,
+  onEdit,
+  onShare,
+  tabs = [],
+  activeTabKey,
+  defaultActiveTabKey,
+  onTabChange,
+  transcriptTabKey = "transcript",
+  segments = [],
+  speakers,
+  speakerDialogTitle,
+  speakerDialogHint,
+  speakerInputPlaceholder,
+  speakerApplyLabel,
+  onSpeakerChange,
+  summary,
+  summaryTabKey = "summary",
+  onMindmapAction,
+  onMaterialClick,
+  onTodoClick,
+  selectedTodoIds,
+  defaultSelectedTodoIds,
+  onTodoSelectionChange,
+  onSummaryAction,
+  insight,
+  insightTabKey = "ai",
+  onPerspectiveEdit,
+  onPerspectiveApply,
+  onInsightAction,
+  memory,
+  memoryTabKey = "knowledge",
+  onMemoryAction,
+  translation,
+  translationTabKey = "translation",
+  onLanguageClick,
+  onLanguageChange,
+  onTranslationAction,
+  player,
+  onPlay,
+  onSkipBack,
+  onSkipForward,
+  className,
+  style
+}) {
+  const filterControlled = activeFilterKey !== void 0;
+  const [innerFilter, setInnerFilter] = (0, import_react81.useState)(
+    defaultActiveFilterKey ?? filters[0]?.key
+  );
+  const activeFilter = filterControlled ? activeFilterKey : innerFilter;
+  const setActiveFilter = (next) => {
+    if (!filterControlled) setInnerFilter(next);
+    onFilterChange?.(next);
+  };
+  const recControlled = activeRecordingId !== void 0;
+  const [innerRec, setInnerRec] = (0, import_react81.useState)(defaultActiveRecordingId);
+  const activeRec = recControlled ? activeRecordingId : innerRec;
+  const setActiveRec = (next) => {
+    if (!recControlled) setInnerRec(next);
+    onSelectRecording?.(next);
+  };
+  const tabControlled = activeTabKey !== void 0;
+  const [innerTab, setInnerTab] = (0, import_react81.useState)(defaultActiveTabKey ?? tabs[0]?.key);
+  const activeTab = tabControlled ? activeTabKey : innerTab;
+  const setActiveTab = (next) => {
+    if (!tabControlled) setInnerTab(next);
+    onTabChange?.(next);
+  };
+  const todoControlled = selectedTodoIds !== void 0;
+  const [innerTodos, setInnerTodos] = (0, import_react81.useState)(
+    () => defaultSelectedTodoIds ?? (summary?.todos ?? []).flatMap(
+      (todo, index) => todo.done === true ? [todo.id ?? index] : []
+    )
+  );
+  const selectedTodos = todoControlled ? selectedTodoIds : innerTodos;
+  const toggleTodo = (id) => {
+    const next = selectedTodos.includes(id) ? selectedTodos.filter((item) => item !== id) : [...selectedTodos, id];
+    if (!todoControlled) setInnerTodos(next);
+    onTodoClick?.(id);
+    onTodoSelectionChange?.(next);
+  };
+  const shareControlled = shareSelectedKeys !== void 0;
+  const [innerShareKeys, setInnerShareKeys] = (0, import_react81.useState)(
+    () => defaultShareSelectedKeys ?? (shareOptions ?? []).map((option) => option.key)
+  );
+  const shareKeys = shareControlled ? shareSelectedKeys : innerShareKeys;
+  const commitShareKeys = (next) => {
+    if (!shareControlled) setInnerShareKeys(next);
+  };
+  const [selecting, setSelecting] = (0, import_react81.useState)(false);
+  const recSelControlled = selectedRecordingIds !== void 0;
+  const [innerSelectedRecs, setInnerSelectedRecs] = (0, import_react81.useState)(
+    () => defaultSelectedRecordingIds ?? []
+  );
+  const selectedRecs = recSelControlled ? selectedRecordingIds : innerSelectedRecs;
+  const commitSelectedRecs = (next) => {
+    if (!recSelControlled) setInnerSelectedRecs(next);
+    onRecordingSelectionChange?.(next);
+  };
+  const allRecordingIds = groups.flatMap((group) => group.items.map((item) => item.id));
+  const toggleRecordingSelect = (id) => {
+    commitSelectedRecs(
+      selectedRecs.includes(id) ? selectedRecs.filter((item) => item !== id) : [...selectedRecs, id]
+    );
+  };
+  const toggleSelectAll = () => {
+    commitSelectedRecs(
+      selectedRecs.length === allRecordingIds.length ? [] : allRecordingIds
+    );
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(
+    "div",
+    {
+      "data-slot": "recording-page",
+      className: cn("flex h-full w-full min-h-0 items-stretch", className),
+      style,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
+          RecordingList,
+          {
+            listTitle,
+            selectLabel,
+            selectDoneLabel,
+            selectAllLabel,
+            selectedCountText,
+            deleteLabel,
+            deleteConfirmTitle,
+            deleteConfirmText,
+            deleteCancelLabel,
+            deleteConfirmLabel,
+            selecting,
+            selectedRecordingIds: selectedRecs,
+            onEnterSelectMode: () => {
+              setSelecting(true);
+              onSelectClick?.();
+            },
+            onExitSelectMode: () => setSelecting(false),
+            onToggleRecordingSelect: toggleRecordingSelect,
+            onToggleSelectAll: toggleSelectAll,
+            onDeleteSelected: () => onDeleteRecordings?.(selectedRecs),
+            filters,
+            activeFilter,
+            onFilterChange: setActiveFilter,
+            processingText,
+            processingHint,
+            onProcessingClick,
+            newRecordingLabel,
+            onNewRecording,
+            groups,
+            activeRecordingId: activeRec,
+            onSelectRecording: setActiveRec,
+            listWidth,
+            emptyText
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
+          RecordingDetail,
+          {
+            title,
+            meta,
+            editLabel,
+            shareLabel,
+            shareOptions,
+            shareSelectedKeys: shareKeys,
+            sharePopoverTitle,
+            shareCancelLabel,
+            shareConfirmLabel,
+            shareDialogTitle,
+            shareLink,
+            shareCopyLinkLabel,
+            shareCopiedLabel,
+            shareMailLabel,
+            shareSystemLabel,
+            onShareSelectionCommit: commitShareKeys,
+            onShareConfirm,
+            onShareChannel,
+            onEdit,
+            onShare,
+            tabs,
+            activeTab,
+            onTabChange: setActiveTab,
+            transcriptTabKey,
+            segments,
+            speakers,
+            speakerDialogTitle,
+            speakerDialogHint,
+            speakerInputPlaceholder,
+            speakerApplyLabel,
+            onSpeakerChange,
+            summary,
+            summaryTabKey,
+            onMindmapAction,
+            onMaterialClick,
+            selectedTodoIds: selectedTodos,
+            onTodoToggle: toggleTodo,
+            onSummaryAction,
+            insight,
+            insightTabKey,
+            onPerspectiveEdit,
+            onPerspectiveApply,
+            onInsightAction,
+            memory,
+            memoryTabKey,
+            onMemoryAction,
+            translation,
+            translationTabKey,
+            onLanguageClick,
+            onLanguageChange,
+            onTranslationAction,
+            player,
+            onPlay,
+            onSkipBack,
+            onSkipForward
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/business/RuleConfig/index.tsx
+var import_lucide_react43 = require("lucide-react");
+var import_react82 = require("react");
+var import_jsx_runtime230 = require("react/jsx-runtime");
+var isBlank = (v) => v == null || String(v).trim() === "";
+function isValueMissing(condition) {
+  const { opt, value } = condition;
+  if (NO_VALUE_OPT.includes(opt)) return false;
+  if (opt === "BETWEEN") {
+    const [a, b] = normalizeBetweenValue(value);
+    return isBlank(a) || isBlank(b);
+  }
+  if (Array.isArray(value)) return value.length === 0 || value.every(isBlank);
+  return isBlank(value);
+}
+function getConditionIssue(condition) {
+  const missingValue = isValueMissing(condition);
+  const missingScore = condition.score == null || Number.isNaN(condition.score);
+  if (!missingValue && !missingScore) return null;
+  return { missingValue, missingScore };
+}
+var OPERATOR_VALUES = [
+  "GREATER",
+  "GREATER_EQUAL",
+  "LESS_EQUAL",
+  "LESS",
+  "EQUAL",
+  "IN",
+  "NOT_IN",
+  "UNEQUAL",
+  "LIKE",
+  "NULL",
+  "HASVAL",
+  "NOTNULL",
+  "BETWEEN"
+];
+var NUMERIC_OPT = [
+  "GREATER",
+  "LESS",
+  "LESS_EQUAL",
+  "GREATER_EQUAL",
+  "UNEQUAL"
+];
+var NO_VALUE_OPT = ["NULL", "HASVAL", "NOTNULL"];
+var MULTI_VALUE_OPT = ["IN", "NOT_IN"];
+var OPERATOR_LABELS2 = {
+  GREATER: "\u5927\u4E8E",
+  GREATER_EQUAL: "\u5927\u4E8E\u7B49\u4E8E",
+  LESS_EQUAL: "\u5C0F\u4E8E\u7B49\u4E8E",
+  LESS: "\u5C0F\u4E8E",
+  EQUAL: "\u7B49\u4E8E",
+  IN: "\u5305\u542B",
+  NOT_IN: "\u4E0D\u5305\u542B",
+  UNEQUAL: "\u4E0D\u7B49\u4E8E",
+  LIKE: "\u7C7B\u4F3C",
+  NULL: "\u4E3A\u7A7A",
+  HASVAL: "\u6709\u503C",
+  NOTNULL: "\u4E0D\u4E3A\u7A7A",
+  BETWEEN: "\u8303\u56F4"
+};
+function operatorLabel2(operator) {
+  return OPERATOR_LABELS2[operator] ?? operator;
+}
+var _key = 0;
+var nextKey = () => ++_key;
+var defaultCondition = () => ({ key: nextKey(), opt: "EQUAL" });
+function normalizeBetweenValue(value) {
+  if (Array.isArray(value)) return [value[0], value[1]];
+  if (typeof value === "string" && value.includes(",")) {
+    const [a, b] = value.split(",");
+    return [a?.trim(), b?.trim()];
+  }
+  if (value == null || value === "") return [void 0, void 0];
+  return [value, void 0];
+}
+function formatConditionValue2(condition) {
+  const { opt, value } = condition;
+  if (value == null) return "-";
+  if (opt === "BETWEEN") {
+    const [a, b] = normalizeBetweenValue(value);
+    return `${a ?? "-"} ~ ${b ?? "-"}`;
+  }
+  if (Array.isArray(value)) return value.join(", ");
+  return String(value);
+}
+function RuleConfig({ value, onChange, disabled, size = "middle" }) {
+  const rawConditions = value?.ruleConditions;
+  const conditions = (0, import_react82.useMemo)(() => {
+    if (!rawConditions?.length) return [defaultCondition()];
+    const seen = /* @__PURE__ */ new Set();
+    return rawConditions.map((c) => {
+      if (c.key != null && !seen.has(c.key)) {
+        seen.add(c.key);
+        return c;
+      }
+      const key = nextKey();
+      seen.add(key);
+      return { ...c, key };
+    });
+  }, [rawConditions]);
+  const initScore = value?.score ?? 1;
+  const [scoreText, setScoreText] = (0, import_react82.useState)(String(initScore));
+  const lastScoreRef = (0, import_react82.useRef)(value?.score);
+  (0, import_react82.useEffect)(() => {
+    if (value?.score === lastScoreRef.current) return;
+    lastScoreRef.current = value?.score;
+    setScoreText(value?.score == null ? "" : String(value.score));
+  }, [value?.score]);
+  const commitScore = (0, import_react82.useCallback)(
+    (score) => {
+      lastScoreRef.current = score;
+      onChange?.({ score, ruleConditions: conditions });
+    },
+    [onChange, conditions]
+  );
+  const normalizeScore = (n) => Math.min(1e3, Math.max(1, Math.round(n)));
+  const handleScoreTextChange = (text) => {
+    setScoreText(text);
+    if (text === "") return;
+    const n = Number(text);
+    if (Number.isFinite(n) && n >= 1 && n <= 1e3 && Number.isInteger(n)) {
+      commitScore(n);
+    }
+  };
+  const handleScoreBlur = () => {
+    const n = scoreText.trim() === "" ? NaN : Number(scoreText);
+    const next = Number.isFinite(n) ? normalizeScore(n) : 1;
+    setScoreText(String(next));
+    if (next !== lastScoreRef.current) commitScore(next);
+  };
+  const update = (0, import_react82.useCallback)(
+    (next, nextScore) => onChange?.({
+      score: nextScore ?? initScore,
+      ruleConditions: next
+    }),
+    [onChange, initScore]
+  );
+  const handleOptChange = (key, opt) => {
+    update(
+      conditions.map(
+        (c) => c.key === key ? { ...c, opt, value: opt === "BETWEEN" ? [] : void 0 } : c
+      )
+    );
+  };
+  const handleValueChange = (key, val) => {
+    update(conditions.map((c) => c.key === key ? { ...c, value: val } : c));
+  };
+  const handleScoreChange = (key, score) => {
+    update(
+      conditions.map((c) => c.key === key ? { ...c, score } : c)
+    );
+  };
+  const handleAdd = () => update([...conditions, defaultCondition()]);
+  const handleDelete = (key) => update(conditions.filter((c) => c.key !== key));
+  if (disabled) {
+    return /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { className: "space-y-2 text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { className: "flex items-center gap-2 pb-2 border-b", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("span", { className: "text-muted-foreground", children: "\u6743\u91CD" }),
+        /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("span", { className: "font-medium", children: initScore })
+      ] }),
+      conditions.map((condition) => /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("span", { children: operatorLabel2(condition.opt) }),
+        !NO_VALUE_OPT.includes(condition.opt) && /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("span", { className: "font-medium", children: formatConditionValue2(condition) }),
+        /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("span", { className: "text-muted-foreground", children: [
+          "\u8BC4\u5206: ",
+          condition.score ?? "-"
+        ] })
+      ] }, condition.key))
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { className: "flex items-center gap-1 pb-2 border-b gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("span", { className: "text-sm shrink-0", children: "\u6743\u91CD" }),
+      /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
+        Input,
+        {
+          type: "number",
+          className: cn("w-48", CONTROL_SIZE_BOX[size]),
+          min: 1,
+          max: 1e3,
+          step: 1,
+          value: scoreText,
+          disabled,
+          placeholder: "\u8BF7\u8F93\u5165\u6743\u91CD",
+          onChange: (e) => handleScoreTextChange(e.target.value),
+          onBlur: handleScoreBlur
+        }
+      )
     ] }),
-    conditions.map((condition) => /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+    conditions.map((condition) => /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
       ConditionRow2,
       {
         condition,
@@ -18636,7 +20303,7 @@ function RuleConfig({ value, onChange, disabled, size = "middle" }) {
       },
       condition.key
     )),
-    !disabled && /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
+    !disabled && /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
       Button,
       {
         type: "button",
@@ -18645,7 +20312,7 @@ function RuleConfig({ value, onChange, disabled, size = "middle" }) {
         className: "h-auto p-0 text-sm mt-1",
         onClick: handleAdd,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(import_lucide_react43.Plus, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(import_lucide_react43.Plus, { className: "h-3.5 w-3.5" }),
           "\u6DFB\u52A0\u6761\u4EF6"
         ]
       }
@@ -18666,9 +20333,9 @@ function ConditionRow2({
   const { opt, value, score } = condition;
   const missingValue = !disabled && !!issue?.missingValue;
   const missingScore = !disabled && !!issue?.missingScore;
-  return /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
         Select,
         {
           items: OPERATOR_VALUES.map((op) => ({
@@ -18679,23 +20346,23 @@ function ConditionRow2({
           onValueChange: (v) => onOptChange(v),
           disabled,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
               SelectTrigger,
               {
                 size: CONTROL_SIZE_SELECT_ATTR[size],
                 className: cn("w-36 shrink-0", CONTROL_SIZE_TRIGGER_TEXT[size]),
-                children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(SelectValue, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(SelectValue, {})
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(SelectContent, { children: OPERATOR_VALUES.map((op) => /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(SelectItem, { value: op, children: operatorLabel2(op) }, op)) })
+            /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(SelectContent, { children: OPERATOR_VALUES.map((op) => /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(SelectItem, { value: op, children: operatorLabel2(op) }, op)) })
           ]
         }
       ),
-      !NO_VALUE_OPT.includes(opt) && /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+      !NO_VALUE_OPT.includes(opt) && /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
         "div",
         {
           className: "w-[30%]" + (missingValue ? " [&_input]:border-destructive" : ""),
-          children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
             ValueInput,
             {
               opt,
@@ -18707,7 +20374,7 @@ function ConditionRow2({
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
         Input,
         {
           type: "number",
@@ -18725,7 +20392,7 @@ function ConditionRow2({
           )
         }
       ),
-      showDelete && !disabled && /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+      showDelete && !disabled && /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
         Button,
         {
           type: "button",
@@ -18733,11 +20400,11 @@ function ConditionRow2({
           size: "icon",
           className: "h-8 w-8 shrink-0 text-muted-foreground hover:text-destructive",
           onClick: onDelete,
-          children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(import_lucide_react43.Trash2, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(import_lucide_react43.Trash2, { className: "h-4 w-4" })
         }
       )
     ] }),
-    !disabled && issue && /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("p", { className: "text-xs text-destructive", children: [
+    !disabled && issue && /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("p", { className: "text-xs text-destructive", children: [
       missingValue ? "\u8BF7\u586B\u5199\u53D6\u503C" : null,
       missingScore ? "\u8BF7\u586B\u5199\u8BC4\u5206" : null
     ].filter(Boolean).join("\uFF1B") })
@@ -18749,8 +20416,8 @@ function ValueInput({ opt, value, disabled, size, onChange }) {
   }
   if (opt === "BETWEEN") {
     const [v1, v2] = normalizeBetweenValue(value);
-    return /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
         Input,
         {
           type: "number",
@@ -18760,8 +20427,8 @@ function ValueInput({ opt, value, disabled, size, onChange }) {
           onChange: (e) => onChange([e.target.valueAsNumber, v2])
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("span", { className: "text-muted-foreground text-sm shrink-0", children: "~" }),
-      /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("span", { className: "text-muted-foreground text-sm shrink-0", children: "~" }),
+      /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
         Input,
         {
           type: "number",
@@ -18774,7 +20441,7 @@ function ValueInput({ opt, value, disabled, size, onChange }) {
     ] });
   }
   if (MULTI_VALUE_OPT.includes(opt)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
       TagInput,
       {
         value: value ?? [],
@@ -18785,7 +20452,7 @@ function ValueInput({ opt, value, disabled, size, onChange }) {
     );
   }
   if (NUMERIC_OPT.includes(opt)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
       Input,
       {
         type: "number",
@@ -18796,7 +20463,7 @@ function ValueInput({ opt, value, disabled, size, onChange }) {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
     Input,
     {
       type: "text",
@@ -18813,7 +20480,7 @@ function TagInput({
   size,
   onChange
 }) {
-  const [input, setInput] = (0, import_react76.useState)("");
+  const [input, setInput] = (0, import_react82.useState)("");
   const addTag = () => {
     const tag = input.trim();
     if (tag && !value.includes(tag)) {
@@ -18822,7 +20489,7 @@ function TagInput({
     setInput("");
   };
   const removeTag = (tag) => onChange(value.filter((t) => t !== tag));
-  return /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
     "div",
     {
       className: cn(
@@ -18831,9 +20498,9 @@ function TagInput({
       ),
       children: [
         "      ",
-        value.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(Badge, { variant: "secondary", className: "gap-1 pr-1", children: [
+        value.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(Badge, { variant: "secondary", className: "gap-1 pr-1", children: [
           tag,
-          !disabled && /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+          !disabled && /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
             "button",
             {
               type: "button",
@@ -18843,7 +20510,7 @@ function TagInput({
             }
           )
         ] }, tag)),
-        !disabled && /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+        !disabled && /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
           "input",
           {
             className: "flex-1 min-w-16 bg-transparent outline-none placeholder:text-muted-foreground",
@@ -18864,8 +20531,8 @@ function TagInput({
 }
 
 // src/components/business/RuleExpression/index.tsx
-var import_react77 = require("react");
-var import_jsx_runtime220 = require("react/jsx-runtime");
+var import_react83 = require("react");
+var import_jsx_runtime231 = require("react/jsx-runtime");
 function trailingWord(text) {
   const m = text.match(/[\w一-龥]+$/u);
   return m ? m[0] : "";
@@ -19003,11 +20670,11 @@ function RuleExpression({
   id,
   className
 }) {
-  const editorRef = (0, import_react77.useRef)(null);
-  const [focused, setFocused] = (0, import_react77.useState)(false);
-  const [activeIndex, setActiveIndex] = (0, import_react77.useState)(0);
-  const [matchText, setMatchText] = (0, import_react77.useState)("");
-  const lastEmittedRef = (0, import_react77.useRef)(null);
+  const editorRef = (0, import_react83.useRef)(null);
+  const [focused, setFocused] = (0, import_react83.useState)(false);
+  const [activeIndex, setActiveIndex] = (0, import_react83.useState)(0);
+  const [matchText, setMatchText] = (0, import_react83.useState)("");
+  const lastEmittedRef = (0, import_react83.useRef)(null);
   const matched = matchText ? options.filter((o) => o.label.toLowerCase().includes(matchText.toLowerCase())) : [];
   const showSuggestions = focused && !disabled && matched.length > 0;
   const emitTokens = (tokens) => {
@@ -19052,7 +20719,7 @@ function RuleExpression({
       else ed.appendChild(document.createTextNode(t.text));
     }
   };
-  (0, import_react77.useLayoutEffect)(() => {
+  (0, import_react83.useLayoutEffect)(() => {
     const sig = JSON.stringify(value ?? null);
     if (sig !== lastEmittedRef.current) {
       rebuild(seedTokens(value, options));
@@ -19155,7 +20822,7 @@ function RuleExpression({
       e.preventDefault();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)(
     "div",
     {
       className: cn("relative", className),
@@ -19165,7 +20832,7 @@ function RuleExpression({
         }
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
           "div",
           {
             ref: editorRef,
@@ -19201,13 +20868,13 @@ function RuleExpression({
             }
           }
         ),
-        showSuggestions && /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+        showSuggestions && /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
           "ul",
           {
             role: "list",
             className: "absolute left-0 top-full z-50 mt-1 max-h-60 w-full overflow-auto rounded-md border bg-popover p-1 shadow-md",
             onMouseDown: (e) => e.preventDefault(),
-            children: matched.map((opt, index) => /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+            children: matched.map((opt, index) => /* @__PURE__ */ (0, import_jsx_runtime231.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
               "button",
               {
                 type: "button",
@@ -19228,8 +20895,8 @@ function RuleExpression({
 }
 
 // src/components/business/ScriptEditor/index.tsx
-var import_react78 = require("react");
-var import_jsx_runtime221 = require("react/jsx-runtime");
+var import_react84 = require("react");
+var import_jsx_runtime232 = require("react/jsx-runtime");
 function escapeHtml(text) {
   return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
@@ -19296,12 +20963,12 @@ function ScriptEditor({
   height = 160,
   className
 }) {
-  const containerRef = (0, import_react78.useRef)(null);
-  const editorRef = (0, import_react78.useRef)(null);
-  const onChangeRef = (0, import_react78.useRef)(onChange);
+  const containerRef = (0, import_react84.useRef)(null);
+  const editorRef = (0, import_react84.useRef)(null);
+  const onChangeRef = (0, import_react84.useRef)(onChange);
   onChangeRef.current = onChange;
-  const [isEmpty2, setIsEmpty] = (0, import_react78.useState)(!value);
-  (0, import_react78.useEffect)(() => {
+  const [isEmpty2, setIsEmpty] = (0, import_react84.useState)(!value);
+  (0, import_react84.useEffect)(() => {
     let disposed = false;
     (async () => {
       const ace = await import("ace-builds");
@@ -19339,7 +21006,7 @@ function ScriptEditor({
       editorRef.current = null;
     };
   }, []);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     const editor = editorRef.current;
     if (!editor) return;
     const next = value ?? "";
@@ -19348,15 +21015,15 @@ function ScriptEditor({
       setIsEmpty(next === "");
     }
   }, [value]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     editorRef.current?.setOptions({
       enableBasicAutocompletion: [buildScriptCompletions(functions, variables)]
     });
   }, [functions, variables]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     editorRef.current?.setReadOnly(readonly ?? false);
   }, [readonly]);
-  return /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(
     "div",
     {
       className: cn(
@@ -19365,15 +21032,15 @@ function ScriptEditor({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("div", { ref: containerRef, id, style: { height }, className: "w-full" }),
-        isEmpty2 && placeholder && /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("div", { className: "absolute top-0 left-0 px-3 py-2 text-sm text-muted-foreground pointer-events-none z-10", children: placeholder })
+        /* @__PURE__ */ (0, import_jsx_runtime232.jsx)("div", { ref: containerRef, id, style: { height }, className: "w-full" }),
+        isEmpty2 && placeholder && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)("div", { className: "absolute top-0 left-0 px-3 py-2 text-sm text-muted-foreground pointer-events-none z-10", children: placeholder })
       ]
     }
   );
 }
 
 // src/components/business/SiteFooter/index.tsx
-var import_jsx_runtime222 = require("react/jsx-runtime");
+var import_jsx_runtime233 = require("react/jsx-runtime");
 function SiteFooter({
   brand,
   groups,
@@ -19385,7 +21052,7 @@ function SiteFooter({
 }) {
   const renderLink = (link) => {
     if (link.href) {
-      return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
         Link2,
         {
           href: link.href,
@@ -19394,7 +21061,7 @@ function SiteFooter({
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
       "button",
       {
         type: "button",
@@ -19411,22 +21078,22 @@ function SiteFooter({
   if (!hasBrand && !hasGroups && !hasBottom) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(
     "footer",
     {
       "data-slot": "site-footer",
       className: cn("border-t bg-muted/40", className),
       style,
       children: [
-        hasBrand || hasGroups ? /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(
+        hasBrand || hasGroups ? /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(
           "div",
           {
             "data-slot": "site-footer-main",
             className: "mx-auto flex w-full max-w-6xl flex-col gap-8 px-6 py-10 md:flex-row md:justify-between",
             children: [
-              hasBrand ? /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { "data-slot": "site-footer-brand", className: "flex max-w-xs flex-col gap-3", children: [
-                brand.logo || brand.name ? /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  brand.logo ? /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
+              hasBrand ? /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)("div", { "data-slot": "site-footer-brand", className: "flex max-w-xs flex-col gap-3", children: [
+                brand.logo || brand.name ? /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  brand.logo ? /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
                     "img",
                     {
                       src: brand.logo,
@@ -19434,23 +21101,23 @@ function SiteFooter({
                       className: "size-8 rounded-md object-contain"
                     }
                   ) : null,
-                  brand.name ? /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("span", { className: "text-base font-semibold", children: brand.name }) : null
+                  brand.name ? /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("span", { className: "text-base font-semibold", children: brand.name }) : null
                 ] }) : null,
-                brand.description ? /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("p", { className: "text-sm leading-relaxed text-muted-foreground", children: brand.description }) : null
+                brand.description ? /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("p", { className: "text-sm leading-relaxed text-muted-foreground", children: brand.description }) : null
               ] }) : null,
-              hasGroups ? /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
+              hasGroups ? /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
                 "div",
                 {
                   "data-slot": "site-footer-groups",
                   className: "grid flex-1 grid-cols-2 gap-8 sm:grid-cols-3 md:justify-items-end",
-                  children: groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(
+                  children: groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(
                     "div",
                     {
                       "data-slot": "site-footer-group",
                       className: "flex min-w-24 flex-col gap-3",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("span", { className: "text-sm font-medium", children: group.title }),
-                        /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("div", { className: "flex flex-col gap-2", children: group.links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("div", { children: renderLink(link) }, link.text)) })
+                        /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("span", { className: "text-sm font-medium", children: group.title }),
+                        /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("div", { className: "flex flex-col gap-2", children: group.links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("div", { children: renderLink(link) }, link.text)) })
                       ]
                     },
                     group.title
@@ -19460,9 +21127,9 @@ function SiteFooter({
             ]
           }
         ) : null,
-        hasBottom ? /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("div", { "data-slot": "site-footer-bottom", className: "border-t", children: /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className: "mx-auto flex w-full max-w-6xl flex-col items-center gap-2 px-6 py-4 text-xs text-muted-foreground sm:flex-row sm:justify-between", children: [
-          copyright ? /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("span", { children: copyright }) : /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("span", {}),
-          bottomLinks && bottomLinks.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("div", { "data-slot": "site-footer-bottom-links", className: "flex items-center gap-4", children: bottomLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("div", { children: renderLink(link) }, link.text)) }) : null
+        hasBottom ? /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("div", { "data-slot": "site-footer-bottom", className: "border-t", children: /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)("div", { className: "mx-auto flex w-full max-w-6xl flex-col items-center gap-2 px-6 py-4 text-xs text-muted-foreground sm:flex-row sm:justify-between", children: [
+          copyright ? /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("span", { children: copyright }) : /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("span", {}),
+          bottomLinks && bottomLinks.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("div", { "data-slot": "site-footer-bottom-links", className: "flex items-center gap-4", children: bottomLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("div", { children: renderLink(link) }, link.text)) }) : null
         ] }) }) : null
       ]
     }
@@ -19642,6 +21309,7 @@ var builtinComponents = {
   Login,
   EntityCard,
   CardList,
+  RecordingPage,
   SiteFooter,
   // 业务表单类组件（value/onChange 受控；DSL 用 props.value + events.onChange 读写 ${event}）
   SearchableSelect,
@@ -19781,6 +21449,7 @@ function createComponentRegistry() {
   RadioGroup,
   RailTooltip,
   Rate,
+  RecordingPage,
   Resizable,
   Result,
   RichText,