@pactor-app/blocks 0.0.0-stage → 1.44.0

package/dist/index.js

@@ -0,0 +1,4581 @@
+// src/index.ts
+import { Registry } from "@pactor-app/core";
+
+// src/components/Login/index.tsx
+import { useI18n } from "@pactor-app/runtime";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/Login/index.tsx
+import { Button } from "@pactor-app/ui/components";
+import { Card } from "@pactor-app/ui/components";
+import { Field } from "@pactor-app/ui/components";
+import { Form } from "@pactor-app/ui/components";
+import { Input } from "@pactor-app/ui/components";
+import { Link } from "@pactor-app/ui/components";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function DefaultIllustration({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "data-slot": "login-default-illustration",
+      viewBox: "0 0 320 180",
+      role: "img",
+      "aria-hidden": "true",
+      className: cn("text-primary", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "24",
+            y: "96",
+            width: "88",
+            height: "60",
+            rx: "10",
+            fill: "currentColor",
+            opacity: "0.16"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "120",
+            y: "60",
+            width: "88",
+            height: "96",
+            rx: "10",
+            fill: "currentColor",
+            opacity: "0.28"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "216",
+            y: "24",
+            width: "80",
+            height: "132",
+            rx: "10",
+            fill: "currentColor",
+            opacity: "0.4"
+          }
+        ),
+        /* @__PURE__ */ jsx("circle", { cx: "68", cy: "52", r: "26", fill: "currentColor", opacity: "0.2" }),
+        /* @__PURE__ */ jsx("circle", { cx: "248", cy: "140", r: "14", fill: "currentColor", opacity: "0.55" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M40 156 C 90 116, 130 150, 180 118 S 260 96, 300 128",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "3",
+            strokeLinecap: "round",
+            opacity: "0.5"
+          }
+        )
+      ]
+    }
+  );
+}
+var BRAND_PANEL_BG = "bg-muted bg-linear-to-br from-primary/15 via-muted to-primary/5 dark:from-primary/25 dark:to-primary/10";
+function BgDecor({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "login-bg-decor",
+      "aria-hidden": "true",
+      className: cn(
+        "pointer-events-none absolute inset-0 overflow-hidden",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute -right-24 -top-24 size-96 rounded-full bg-primary/8" }),
+        /* @__PURE__ */ jsx("div", { className: "absolute -left-32 bottom-0 size-80 rounded-full bg-primary/5" }),
+        /* @__PURE__ */ jsx("div", { className: "absolute right-10 top-1/3 size-40 rounded-full border-[12px] border-primary/10" }),
+        /* @__PURE__ */ jsx("div", { className: "absolute left-1/4 top-16 h-40 w-64 opacity-35 [background-image:radial-gradient(var(--primary)_1.2px,transparent_1.2px)] [background-size:18px_18px]" }),
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            className: "absolute bottom-0 left-0 w-full text-primary",
+            viewBox: "0 0 1440 320",
+            preserveAspectRatio: "none",
+            children: [
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: "M0,224 C240,160 480,288 720,240 C960,192 1200,96 1440,160",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeOpacity: "0.12",
+                  strokeWidth: "2"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: "M0,256 C240,192 480,320 720,272 C960,224 1200,128 1440,192 L1440,320 L0,320 Z",
+                  fill: "currentColor",
+                  fillOpacity: "0.05"
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function Login({
+  layout = "split",
+  brandSide = "left",
+  brandRatio = 0.5,
+  authVariant = "card",
+  brandPanelBackground = true,
+  decor = true,
+  brand,
+  title,
+  subtitle,
+  usernameLabel,
+  usernamePlaceholder,
+  passwordLabel,
+  passwordPlaceholder,
+  submitText,
+  registerLink,
+  forgotLink,
+  footer,
+  children,
+  className,
+  style,
+  onSubmit,
+  onRegisterClick,
+  onForgotClick
+}) {
+  const { t } = useI18n();
+  const brandIdentity = brand && (brand.logo || brand.name) ? /* @__PURE__ */ jsxs("div", { "data-slot": "login-brand-identity", className: "flex items-center gap-2", children: [
+    brand.logo ? /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: brand.logo,
+        alt: brand.name ?? "",
+        className: "size-7 rounded-md"
+      }
+    ) : null,
+    brand.name ? /* @__PURE__ */ jsx("span", { className: "text-base font-semibold", children: brand.name }) : null
+  ] }) : null;
+  const brandVisual = (alignRight = false) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex w-full flex-col gap-4", alignRight && "text-right"),
+      children: [
+        brand?.title ? /* @__PURE__ */ jsx("h2", { className: "text-3xl font-bold leading-tight tracking-tight", children: brand.title }) : null,
+        brand?.description ? /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: cn(
+              "max-w-md text-sm text-muted-foreground",
+              alignRight && "ml-auto"
+            ),
+            children: brand.description
+          }
+        ) : null,
+        brand?.illustration ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: brand.illustration,
+            alt: "",
+            className: cn(
+              "mt-4 w-full max-w-lg rounded-lg object-cover",
+              alignRight && "self-end"
+            )
+          }
+        ) : brand?.illustration === "" ? null : /* @__PURE__ */ jsx(
+          DefaultIllustration,
+          {
+            className: cn("mt-4 w-full max-w-md", alignRight && "self-end")
+          }
+        )
+      ]
+    }
+  );
+  const renderAuxLink = (link, onClick) => {
+    if (!link) return null;
+    if (link.href) {
+      return /* @__PURE__ */ jsx(Link, { href: link.href, text: link.text, className: "text-sm" });
+    }
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "text-sm text-primary underline-offset-4 hover:underline",
+        onClick,
+        children: link.text
+      }
+    );
+  };
+  const authContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-6 flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: title ?? t("pactor.login.title") }),
+      subtitle ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: subtitle }) : null
+    ] }),
+    children ?? /* @__PURE__ */ jsxs(Form, { name: "login", className: "flex flex-col gap-2", onSubmit, children: [
+      /* @__PURE__ */ jsx(Field, { label: usernameLabel ?? t("pactor.login.username"), required: true, children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          name: "username",
+          size: "large",
+          placeholder: usernamePlaceholder ?? t("pactor.login.usernamePlaceholder"),
+          rules: [
+            { required: true, message: t("pactor.login.usernameRequired") }
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { label: passwordLabel ?? t("pactor.login.password"), required: true, children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          name: "password",
+          type: "password",
+          size: "large",
+          placeholder: passwordPlaceholder ?? t("pactor.login.passwordPlaceholder"),
+          rules: [
+            { required: true, message: t("pactor.login.passwordRequired") }
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          submit: true,
+          variant: "primary",
+          size: "large",
+          text: submitText ?? t("pactor.login.submit"),
+          className: "mt-2 w-full"
+        }
+      ) })
+    ] }),
+    registerLink || forgotLink ? /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-center justify-between gap-4", children: [
+      renderAuxLink(registerLink, onRegisterClick),
+      renderAuxLink(forgotLink, onForgotClick)
+    ] }) : null
+  ] });
+  const authBox = (variant) => {
+    if (variant === "plain") {
+      return /* @__PURE__ */ jsx("div", { className: "w-full max-w-[360px]", children: authContent });
+    }
+    if (variant === "float") {
+      return /* @__PURE__ */ jsx(Card, { className: "w-full max-w-[440px] p-4 shadow-xl md:p-6", children: authContent });
+    }
+    return /* @__PURE__ */ jsx(Card, { className: "w-full max-w-[400px] p-2 md:p-4", children: authContent });
+  };
+  const footerBar = footer ? /* @__PURE__ */ jsx("footer", { className: "p-4 text-center text-xs text-muted-foreground", children: footer }) : null;
+  const brandPanel = (extraClass, withIdentity = true) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative hidden flex-col overflow-hidden p-10 md:flex",
+        brandPanelBackground && BRAND_PANEL_BG,
+        extraClass
+      ),
+      children: [
+        decor ? /* @__PURE__ */ jsx(BgDecor, {}) : null,
+        /* @__PURE__ */ jsxs("div", { className: "relative flex h-full flex-col justify-between", children: [
+          withIdentity ? brandIdentity : null,
+          brandVisual(),
+          /* @__PURE__ */ jsx("div", {})
+        ] })
+      ]
+    }
+  );
+  const authColumn = (variant, identityAlways = false) => /* @__PURE__ */ jsxs("div", { className: "flex min-h-svh flex-col bg-linear-to-b from-primary/5 via-background to-background dark:from-primary/10", children: [
+    brandIdentity ? /* @__PURE__ */ jsx("div", { className: cn("p-6", !identityAlways && "md:hidden"), children: brandIdentity }) : null,
+    /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-center p-6", children: authBox(variant) }),
+    footerBar
+  ] });
+  const brandCard = (widthClass, alignRight = false) => /* @__PURE__ */ jsx(Card, { className: cn("w-full", widthClass, BRAND_PANEL_BG), children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "login-brand-card-content",
+      className: cn("flex flex-col gap-6", alignRight && "text-right"),
+      children: [
+        brandIdentity ? /* @__PURE__ */ jsx("div", { className: cn(alignRight && "flex justify-end"), children: brandIdentity }) : null,
+        brandVisual(alignRight)
+      ]
+    }
+  ) });
+  const overlapAuthCard = /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "z-10 w-full max-w-[400px]",
+        brandSide === "left" ? "md:-ml-24" : "md:-mr-24"
+      ),
+      children: /* @__PURE__ */ jsx(Card, { className: "p-2 shadow-xl md:p-4", children: authContent })
+    }
+  );
+  const backdropBrandColumn = /* @__PURE__ */ jsxs("div", { className: "relative hidden flex-col justify-between p-10 md:flex", children: [
+    brandIdentity,
+    brandVisual(),
+    /* @__PURE__ */ jsx("div", {})
+  ] });
+  const backdropAuthColumn = /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-svh flex-col", children: [
+    brandIdentity ? /* @__PURE__ */ jsx("div", { className: "p-6 md:hidden", children: brandIdentity }) : null,
+    /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsx(Card, { className: "w-full max-w-[400px] p-2 shadow-xl md:p-4", children: authContent }) }),
+    footerBar
+  ] });
+  if (layout === "centered") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "login",
+        "data-layout": layout,
+        className: cn(
+          "relative flex min-h-svh w-full flex-col overflow-hidden bg-background bg-linear-to-b from-primary/10 via-background to-background dark:from-primary/15",
+          className
+        ),
+        style,
+        children: [
+          decor ? /* @__PURE__ */ jsx(BgDecor, {}) : null,
+          /* @__PURE__ */ jsxs("div", { className: "relative flex flex-1 flex-col items-center justify-center gap-6 p-6", children: [
+            brandIdentity,
+            authBox(authVariant)
+          ] }),
+          footerBar
+        ]
+      }
+    );
+  }
+  if (layout === "brand-card") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "login",
+        "data-layout": layout,
+        "data-brand-side": brandSide,
+        className: cn(
+          "relative flex min-h-svh w-full flex-col overflow-hidden bg-background p-6 md:p-10",
+          className
+        ),
+        style,
+        children: [
+          decor ? /* @__PURE__ */ jsx(BgDecor, {}) : null,
+          /* @__PURE__ */ jsx("div", { className: "relative flex flex-1 flex-col items-center gap-6 md:flex-row md:gap-10", children: brandSide === "left" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            brandCard("md:w-[45%]"),
+            /* @__PURE__ */ jsx("div", { className: "flex w-full flex-1 justify-center", children: authBox("plain") })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "flex w-full flex-1 justify-center", children: authBox("plain") }),
+            brandCard("md:w-[45%]")
+          ] }) }),
+          footerBar
+        ]
+      }
+    );
+  }
+  if (layout === "overlap") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "login",
+        "data-layout": layout,
+        "data-brand-side": brandSide,
+        className: cn(
+          "relative flex min-h-svh w-full flex-col overflow-hidden bg-background p-6 md:p-10",
+          className
+        ),
+        style,
+        children: [
+          decor ? /* @__PURE__ */ jsx(BgDecor, {}) : null,
+          /* @__PURE__ */ jsx("div", { className: "relative flex flex-1 flex-col items-center justify-center gap-6 md:flex-row md:items-center md:gap-0", children: brandSide === "left" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            brandCard("md:w-[52%]"),
+            overlapAuthCard
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            overlapAuthCard,
+            brandCard("md:w-[52%]", true)
+          ] }) }),
+          footerBar
+        ]
+      }
+    );
+  }
+  if (layout === "backdrop") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "login",
+        "data-layout": layout,
+        "data-brand-side": brandSide,
+        className: cn(
+          "relative grid min-h-svh w-full overflow-hidden bg-linear-to-br from-primary/20 via-accent to-primary/10 md:grid-cols-2 dark:from-primary/25 dark:to-primary/15",
+          className
+        ),
+        style,
+        children: [
+          decor ? /* @__PURE__ */ jsx(BgDecor, {}) : null,
+          brandSide === "left" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            backdropBrandColumn,
+            backdropAuthColumn
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            backdropAuthColumn,
+            backdropBrandColumn
+          ] })
+        ]
+      }
+    );
+  }
+  const ratio = Math.min(Math.max(brandRatio, 0.2), 0.8);
+  const rootStyle = {
+    "--login-grid": `minmax(0, ${ratio}fr) minmax(0, ${1 - ratio}fr)`,
+    ...style
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "login",
+      "data-layout": layout,
+      "data-brand-side": brandSide,
+      className: cn(
+        "grid min-h-svh w-full bg-background md:[grid-template-columns:var(--login-grid)]",
+        className
+      ),
+      style: rootStyle,
+      children: brandSide === "left" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        brandPanel(),
+        authColumn(authVariant)
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        authColumn(authVariant, true),
+        brandPanel("order-last", false)
+      ] })
+    }
+  );
+}
+
+// src/components/EntityCard/index.tsx
+import { Button as Button2 } from "@pactor-app/ui/components";
+import { Card as Card2 } from "@pactor-app/ui/components";
+import { Icon } from "@pactor-app/ui/components";
+import { Tag } from "@pactor-app/ui/components";
+import { Text } from "@pactor-app/ui/components";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function EntityCard({
+  icon,
+  logo,
+  title,
+  subtitle,
+  tags,
+  description,
+  meta,
+  actions,
+  footerBackground = true,
+  hoverable,
+  className,
+  contentClassName,
+  style,
+  onClick,
+  onAction
+}) {
+  return /* @__PURE__ */ jsx2(
+    Card2,
+    {
+      hoverable,
+      className,
+      contentClassName,
+      style,
+      onClick,
+      children: /* @__PURE__ */ jsxs2("div", { "data-slot": "entity-card", className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxs2("div", { "data-slot": "entity-card-header", className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 items-center gap-2", children: [
+            logo ? /* @__PURE__ */ jsx2("img", { src: logo, alt: title ?? "", className: "size-9 shrink-0 rounded-md" }) : icon ? /* @__PURE__ */ jsx2("span", { className: "flex size-9 shrink-0 items-center justify-center rounded-md bg-muted", children: /* @__PURE__ */ jsx2(Icon, { name: icon }) }) : null,
+            title || subtitle ? /* @__PURE__ */ jsxs2("span", { className: "flex min-w-0 flex-col gap-0.5", children: [
+              title ? /* @__PURE__ */ jsx2(Text, { text: title, strong: true, className: "truncate" }) : null,
+              subtitle ? /* @__PURE__ */ jsx2(Text, { text: subtitle, type: "secondary", size: "small" }) : null
+            ] }) : null
+          ] }),
+          tags?.length ? /* @__PURE__ */ jsx2("span", { className: "flex shrink-0 items-center gap-1", children: tags.map((tag, i) => /* @__PURE__ */ jsx2(Tag, { text: tag.text, color: tag.color }, `${tag.text}-${i}`)) }) : null
+        ] }),
+        description || meta ? /* @__PURE__ */ jsxs2("div", { "data-slot": "entity-card-body", className: "flex items-center justify-between gap-4", children: [
+          description ? /* @__PURE__ */ jsx2(
+            Text,
+            {
+              text: description,
+              type: "secondary",
+              size: "small",
+              className: "line-clamp-2",
+              style: { minHeight: 32 }
+            }
+          ) : null,
+          meta ? /* @__PURE__ */ jsx2(Text, { text: meta, type: "secondary", size: "small", className: "shrink-0" }) : null
+        ] }) : null,
+        actions?.length ? /* @__PURE__ */ jsx2(
+          "div",
+          {
+            "data-slot": "entity-card-footer",
+            className: cn(
+              "mt-1 flex items-center justify-end gap-1",
+              footerBackground && "-mx-4 -mb-4 rounded-b-lg bg-muted px-4 py-2"
+            ),
+            onClick: (event) => event.stopPropagation(),
+            children: actions.map((action, index) => /* @__PURE__ */ jsx2(
+              Button2,
+              {
+                text: action.text,
+                variant: action.variant,
+                danger: action.danger,
+                onClick: () => onAction?.({ key: action.key ?? action.text, text: action.text, index })
+              },
+              `${action.key ?? action.text}-${index}`
+            ))
+          }
+        ) : null
+      ] })
+    }
+  );
+}
+
+// src/components/CardList/index.tsx
+import { useI18n as useI18n2 } from "@pactor-app/runtime";
+import { Card as Card3 } from "@pactor-app/ui/components";
+import { Empty } from "@pactor-app/ui/components";
+import { Icon as Icon2 } from "@pactor-app/ui/components";
+import { Text as Text2 } from "@pactor-app/ui/components";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function CardList({
+  items,
+  columns = 3,
+  gap = 16,
+  createText,
+  createIcon = "plus",
+  hoverable,
+  showCount,
+  emptyText,
+  className,
+  style,
+  onItemClick,
+  onItemAction,
+  onCreateClick
+}) {
+  const { t } = useI18n2();
+  const list = items ?? [];
+  return /* @__PURE__ */ jsxs3("div", { "data-slot": "card-list", className: cn("flex flex-col gap-3", className), style, children: [
+    list.length === 0 && !createText ? /* @__PURE__ */ jsx3(Empty, { title: emptyText ?? t("pactor.table.empty") }) : /* @__PURE__ */ jsxs3(
+      "div",
+      {
+        "data-slot": "card-list-grid",
+        className: "grid",
+        style: { gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`, gap },
+        children: [
+          createText ? /* @__PURE__ */ jsxs3(
+            Card3,
+            {
+              hoverable: true,
+              className: "h-full border-dashed",
+              contentClassName: "flex flex-1 flex-col items-center justify-center gap-2",
+              onClick: onCreateClick,
+              children: [
+                /* @__PURE__ */ jsx3(Icon2, { name: createIcon, size: "lg", className: "text-muted-foreground" }),
+                /* @__PURE__ */ jsx3(Text2, { text: createText, type: "secondary" })
+              ]
+            }
+          ) : null,
+          list.map((item, index) => /* @__PURE__ */ jsx3(
+            EntityCard,
+            {
+              icon: item.icon,
+              logo: item.logo,
+              title: item.title,
+              subtitle: item.subtitle,
+              tags: item.tags,
+              description: item.description,
+              meta: item.meta,
+              actions: item.actions,
+              hoverable,
+              onClick: onItemClick ? () => onItemClick({ item, index }) : void 0,
+              onAction: onItemAction ? ({ key, text }) => onItemAction({ key, text, item, index }) : void 0
+            },
+            index
+          ))
+        ]
+      }
+    ),
+    showCount ? /* @__PURE__ */ jsx3(
+      Text2,
+      {
+        text: t("pactor.cardList.total", { count: list.length }),
+        type: "secondary",
+        size: "small"
+      }
+    ) : null
+  ] });
+}
+
+// src/components/RecordingPage/index.tsx
+import { useState as useState6 } from "react";
+
+// src/components/RecordingPage/detail.tsx
+import { useRenderer } from "@pactor-app/runtime";
+import { isValidElement, useEffect, useRef, useState as useState4 } from "react";
+import { Avatar as Avatar4 } from "@pactor-app/ui/components";
+import { Badge } from "@pactor-app/ui/components";
+import { Button as Button11 } from "@pactor-app/ui/components";
+import { Icon as Icon7 } from "@pactor-app/ui/components";
+import { Progress } from "@pactor-app/ui/components";
+import { Text as Text7 } from "@pactor-app/ui/components";
+
+// src/components/RecordingPage/insight.tsx
+import { useState } from "react";
+import { Avatar } from "@pactor-app/ui/components";
+import { Button as Button4 } from "@pactor-app/ui/components";
+import { Icon as Icon3 } from "@pactor-app/ui/components";
+import { Text as Text3 } from "@pactor-app/ui/components";
+
+// src/components/RecordingPage/perspective-dialog.tsx
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogTitle
+} from "@pactor-app/ui/ui";
+import { Button as Button3 } from "@pactor-app/ui/components";
+import { Textarea } from "@pactor-app/ui/components";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function RecordingPerspectiveDialog({
+  open,
+  title,
+  hint,
+  value,
+  placeholder,
+  cancelLabel,
+  confirmLabel,
+  onChange,
+  onCancel,
+  onConfirm
+}) {
+  return /* @__PURE__ */ jsx4(
+    Dialog,
+    {
+      open,
+      onOpenChange: (next) => {
+        if (!next) onCancel();
+      },
+      children: /* @__PURE__ */ jsxs4(
+        DialogContent,
+        {
+          "data-slot": "recording-perspective-dialog",
+          className: "gap-4 sm:max-w-xl",
+          children: [
+            /* @__PURE__ */ jsx4(DialogTitle, { children: title }),
+            hint !== void 0 ? /* @__PURE__ */ jsx4(DialogDescription, { children: hint }) : null,
+            /* @__PURE__ */ jsx4(
+              Textarea,
+              {
+                value,
+                placeholder,
+                rows: 4,
+                onChange
+              }
+            ),
+            /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-end gap-2", children: [
+              /* @__PURE__ */ jsx4(Button3, { text: cancelLabel, onClick: onCancel }),
+              /* @__PURE__ */ jsx4(Button3, { text: confirmLabel, variant: "primary", onClick: onConfirm })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/RecordingPage/insight.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function RecordingInsightView({
+  insight,
+  onPerspectiveEdit,
+  onPerspectiveApply,
+  onInsightAction
+}) {
+  const [dialogOpen, setDialogOpen] = useState(false);
+  const inputControlled = insight.perspectiveInput !== void 0;
+  const [innerInput, setInnerInput] = useState(insight.defaultPerspectiveInput);
+  const committedInput = inputControlled ? insight.perspectiveInput : innerInput;
+  const [draftInput, setDraftInput] = useState(committedInput);
+  const openDialog = () => {
+    setDraftInput(committedInput);
+    setDialogOpen(true);
+  };
+  const confirmDialog = () => {
+    if (!inputControlled) setInnerInput(draftInput);
+    onPerspectiveApply?.(draftInput ?? "");
+    setDialogOpen(false);
+  };
+  return /* @__PURE__ */ jsxs5("div", { "data-slot": "recording-insight", className: "flex flex-col gap-6", children: [
+    insight.perspectiveTitle !== void 0 ? /* @__PURE__ */ jsxs5(
+      "section",
+      {
+        "data-slot": "recording-insight-perspective",
+        className: "flex flex-col gap-2 rounded-lg bg-success/10 p-4",
+        children: [
+          /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 items-center gap-2", children: [
+              /* @__PURE__ */ jsx5(Icon3, { name: "user", size: 16, className: "shrink-0 text-muted-foreground" }),
+              /* @__PURE__ */ jsx5(Text3, { text: insight.perspectiveTitle, strong: true, className: "truncate" })
+            ] }),
+            insight.perspectiveActionLabel !== void 0 ? /* @__PURE__ */ jsx5(
+              Button4,
+              {
+                text: insight.perspectiveActionLabel,
+                variant: "link",
+                size: "small",
+                className: "text-success",
+                onClick: () => {
+                  onPerspectiveEdit?.();
+                  openDialog();
+                }
+              }
+            ) : null
+          ] }),
+          insight.perspectiveHint !== void 0 ? /* @__PURE__ */ jsx5(Text3, { text: insight.perspectiveHint, size: "small", type: "secondary" }) : null
+        ]
+      }
+    ) : null,
+    insight.basics !== void 0 ? /* @__PURE__ */ jsxs5("section", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx5(Text3, { text: insight.basicsTitle ?? "\u57FA\u7840\u4FE1\u606F", strong: true, size: "large" }),
+      /* @__PURE__ */ jsx5(Text3, { text: insight.basics })
+    ] }) : null,
+    insight.chapters !== void 0 && insight.chapters.length > 0 ? /* @__PURE__ */ jsxs5("section", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx5(Text3, { text: insight.chaptersTitle ?? "\u7AE0\u8282\u901F\u89C8\u4E0E\u89E3\u8BFB", strong: true, size: "large" }),
+      insight.chapters.map((chapter, index) => /* @__PURE__ */ jsxs5(
+        "div",
+        {
+          "data-slot": "recording-insight-chapter",
+          className: "flex flex-col gap-2 rounded-lg border border-border p-4",
+          children: [
+            /* @__PURE__ */ jsxs5("div", { className: "flex items-baseline gap-2", children: [
+              chapter.time !== void 0 ? /* @__PURE__ */ jsx5(Text3, { text: chapter.time, size: "small", type: "secondary" }) : null,
+              /* @__PURE__ */ jsx5(Text3, { text: chapter.title, strong: true, size: "small" })
+            ] }),
+            /* @__PURE__ */ jsx5(Text3, { text: chapter.content, size: "small" })
+          ]
+        },
+        chapter.time ?? index
+      ))
+    ] }) : null,
+    insight.viewpoints !== void 0 && insight.viewpoints.length > 0 ? /* @__PURE__ */ jsxs5("section", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx5(Text3, { text: insight.viewpointsTitle ?? "\u89C2\u70B9\u5206\u6790", strong: true, size: "large" }),
+      insight.viewpoints.map((viewpoint, index) => /* @__PURE__ */ jsxs5(
+        "div",
+        {
+          "data-slot": "recording-insight-viewpoint",
+          className: "flex flex-col gap-2 rounded-lg border border-border p-4",
+          children: [
+            /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx5(Avatar, { fallback: viewpoint.avatarText ?? viewpoint.speaker.charAt(0) }),
+                /* @__PURE__ */ jsx5(Text3, { text: viewpoint.speaker, strong: true, size: "small" })
+              ] }),
+              viewpoint.tag !== "" ? /* @__PURE__ */ jsx5(Text3, { text: viewpoint.tag ?? "\u81EA\u52A8\u8BC6\u522B", size: "small", type: "secondary" }) : null
+            ] }),
+            /* @__PURE__ */ jsxs5("p", { className: "text-sm", children: [
+              viewpoint.label !== void 0 ? /* @__PURE__ */ jsxs5("strong", { children: [
+                viewpoint.label,
+                "\uFF1A"
+              ] }) : null,
+              viewpoint.content
+            ] })
+          ]
+        },
+        viewpoint.speaker ?? index
+      ))
+    ] }) : null,
+    insight.actions !== void 0 && insight.actions.length > 0 ? /* @__PURE__ */ jsx5("div", { "data-slot": "recording-insight-actions", className: "flex items-center gap-1", children: insight.actions.map((action) => /* @__PURE__ */ jsx5(
+      Button4,
+      {
+        icon: action.icon,
+        variant: "text",
+        size: "small",
+        onClick: () => onInsightAction?.(action.key)
+      },
+      action.key
+    )) }) : null,
+    /* @__PURE__ */ jsx5(
+      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
+      }
+    )
+  ] });
+}
+
+// src/components/RecordingPage/memory.tsx
+import { Button as Button5 } from "@pactor-app/ui/components";
+import { Text as Text4 } from "@pactor-app/ui/components";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function RecordingMemoryView({ memory, onMemoryAction }) {
+  return /* @__PURE__ */ jsxs6("div", { "data-slot": "recording-memory", className: "flex flex-col gap-6", children: [
+    (memory.groups ?? []).map((group, groupIndex) => /* @__PURE__ */ jsxs6("section", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx6(Text4, { text: `${group.label} \xB7 ${group.items.length}`, strong: true, size: "large" }),
+      group.items.map((item, index) => /* @__PURE__ */ jsxs6(
+        "div",
+        {
+          "data-slot": "recording-memory-item",
+          className: "flex flex-col gap-2 rounded-lg border border-border p-4",
+          children: [
+            /* @__PURE__ */ jsx6(Text4, { text: item.title, strong: true, size: "small" }),
+            /* @__PURE__ */ jsx6(Text4, { text: item.content, size: "small" })
+          ]
+        },
+        index
+      ))
+    ] }, group.key ?? group.label ?? groupIndex)),
+    memory.actions !== void 0 && memory.actions.length > 0 ? /* @__PURE__ */ jsx6("div", { "data-slot": "recording-memory-actions", className: "flex items-center gap-1", children: memory.actions.map((action) => /* @__PURE__ */ jsx6(
+      Button5,
+      {
+        icon: action.icon,
+        variant: "text",
+        size: "small",
+        onClick: () => onMemoryAction?.(action.key)
+      },
+      action.key
+    )) }) : null
+  ] });
+}
+
+// src/components/RecordingPage/share.tsx
+import { useState as useState2 } from "react";
+import {
+  Dialog as Dialog2,
+  DialogContent as DialogContent2,
+  DialogTitle as DialogTitle2
+} from "@pactor-app/ui/ui";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "@pactor-app/ui/ui";
+import { Button as Button6 } from "@pactor-app/ui/components";
+import { Icon as Icon4 } from "@pactor-app/ui/components";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs7 } from "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 {
+  }
+}
+function RecordingShare({
+  shareLabel,
+  options,
+  selectedKeys,
+  popoverTitle,
+  cancelLabel,
+  confirmLabel,
+  dialogTitle,
+  link,
+  copyLinkLabel,
+  copiedLabel,
+  mailLabel,
+  systemLabel,
+  onShare,
+  onSelectionCommit,
+  onShareConfirm,
+  onShareChannel
+}) {
+  const [popoverOpen, setPopoverOpen] = useState2(false);
+  const [dialogOpen, setDialogOpen] = useState2(false);
+  const [draftKeys, setDraftKeys] = useState2(selectedKeys);
+  const [copied, setCopied] = useState2(false);
+  const copyLink = () => {
+    if (link !== void 0) {
+      copyText(link);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1500);
+    }
+    onShareChannel?.("copyLink");
+  };
+  const openPopover = (next) => {
+    if (next) {
+      setDraftKeys(selectedKeys);
+      onShare?.();
+    }
+    setPopoverOpen(next);
+  };
+  const toggleOption = (option) => {
+    if (option.disabled === true) return;
+    setDraftKeys(
+      (prev) => prev.includes(option.key) ? prev.filter((key) => key !== option.key) : [...prev, option.key]
+    );
+  };
+  const confirm = () => {
+    const next = options.filter((option) => draftKeys.includes(option.key)).map((option) => option.key);
+    onSelectionCommit(next);
+    onShareConfirm?.(next);
+    setPopoverOpen(false);
+    setDialogOpen(true);
+  };
+  const trigger = /* @__PURE__ */ jsx7(Button6, { text: shareLabel, size: "small" });
+  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
+    /* @__PURE__ */ jsxs7(Popover, { open: popoverOpen, onOpenChange: openPopover, children: [
+      /* @__PURE__ */ jsx7(
+        PopoverTrigger,
+        {
+          nativeButton: false,
+          render: /* @__PURE__ */ jsx7("span", { "data-slot": "recording-share-trigger", className: "inline-flex" }),
+          children: trigger
+        }
+      ),
+      /* @__PURE__ */ jsxs7(
+        PopoverContent,
+        {
+          align: "end",
+          sideOffset: 8,
+          className: "w-64 p-0",
+          "data-slot": "recording-share-popover",
+          children: [
+            /* @__PURE__ */ jsx7("div", { className: "px-4 pt-4 pb-2 text-sm font-semibold", children: popoverTitle }),
+            /* @__PURE__ */ jsx7("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__ */ jsxs7(
+                "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__ */ jsx7(
+                      "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__ */ jsx7(Icon4, { name: "check", size: 12 }) : null
+                      }
+                    ),
+                    option.label
+                  ]
+                },
+                option.key
+              );
+            }) }),
+            /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-end gap-2 border-t border-border px-4 py-3", children: [
+              /* @__PURE__ */ jsx7(Button6, { text: cancelLabel, variant: "text", onClick: () => setPopoverOpen(false) }),
+              /* @__PURE__ */ jsx7(Button6, { text: confirmLabel, variant: "primary", onClick: confirm })
+            ] })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx7(Dialog2, { open: dialogOpen, onOpenChange: setDialogOpen, children: /* @__PURE__ */ jsxs7(DialogContent2, { "data-slot": "recording-share-dialog", className: "gap-4 sm:max-w-xl", children: [
+      /* @__PURE__ */ jsx7(DialogTitle2, { children: dialogTitle }),
+      link !== void 0 ? /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between gap-3 rounded-lg border border-border px-4 py-3", children: [
+        /* @__PURE__ */ jsx7("span", { className: "min-w-0 flex-1 truncate text-sm", children: link }),
+        /* @__PURE__ */ jsx7(
+          Button6,
+          {
+            text: copied ? copiedLabel : copyLinkLabel,
+            variant: "link",
+            size: "small",
+            onClick: copyLink
+          }
+        )
+      ] }) : null,
+      /* @__PURE__ */ jsxs7("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsx7(
+          Button6,
+          {
+            text: mailLabel,
+            icon: "mail",
+            className: "h-12",
+            onClick: () => onShareChannel?.("mail")
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          Button6,
+          {
+            text: systemLabel,
+            icon: "share",
+            className: "h-12",
+            onClick: () => onShareChannel?.("system")
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+
+// src/components/RecordingPage/speaker-dialog.tsx
+import {
+  Dialog as Dialog3,
+  DialogContent as DialogContent3,
+  DialogDescription as DialogDescription2,
+  DialogTitle as DialogTitle3
+} from "@pactor-app/ui/ui";
+import { Avatar as Avatar2 } from "@pactor-app/ui/components";
+import { Button as Button7 } from "@pactor-app/ui/components";
+import { Input as Input2 } from "@pactor-app/ui/components";
+import { jsx as jsx8, jsxs as jsxs8 } from "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__ */ jsx8(
+    Dialog3,
+    {
+      open,
+      onOpenChange: (next) => {
+        if (!next) onCancel();
+      },
+      children: /* @__PURE__ */ jsxs8(
+        DialogContent3,
+        {
+          "data-slot": "recording-speaker-dialog",
+          className: "gap-4 sm:max-w-xl",
+          children: [
+            /* @__PURE__ */ jsx8(DialogTitle3, { children: title }),
+            hint !== void 0 ? /* @__PURE__ */ jsx8(DialogDescription2, { children: hint }) : null,
+            speakers.length > 0 ? /* @__PURE__ */ jsx8("div", { className: "flex flex-col divide-y divide-border", children: speakers.map((speaker, index) => {
+              const selected = index === selectedIndex;
+              return /* @__PURE__ */ jsxs8(
+                "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__ */ jsx8(Avatar2, { fallback: speaker.avatarText ?? speaker.name.charAt(0) }),
+                    /* @__PURE__ */ jsxs8("span", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
+                      /* @__PURE__ */ jsx8("span", { className: "text-sm font-medium", children: speaker.name }),
+                      speaker.role !== void 0 ? /* @__PURE__ */ jsx8("span", { className: "truncate text-sm text-muted-foreground", children: speaker.role }) : null
+                    ] }),
+                    speaker.tag !== void 0 ? /* @__PURE__ */ jsx8("span", { className: "shrink-0 text-sm text-muted-foreground", children: speaker.tag }) : null
+                  ]
+                },
+                `${speaker.name}-${index}`
+              );
+            }) }) : null,
+            /* @__PURE__ */ jsx8(
+              Input2,
+              {
+                value: customName,
+                placeholder: inputPlaceholder,
+                onChange: onInputName
+              }
+            ),
+            /* @__PURE__ */ jsx8("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx8(
+              Button7,
+              {
+                text: applyLabel,
+                variant: "primary",
+                disabled: !canApply,
+                onClick: onConfirm
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/RecordingPage/summary.tsx
+import { Button as Button8 } from "@pactor-app/ui/components";
+import { Icon as Icon5 } from "@pactor-app/ui/components";
+import { Table } from "@pactor-app/ui/components";
+import { Text as Text5 } from "@pactor-app/ui/components";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+function MindmapPill({ label, center }) {
+  return /* @__PURE__ */ jsx9(
+    "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__ */ jsx9("div", { className: "h-px w-10 shrink-0", style: { background: "var(--border)" } });
+function RecordingSummaryView({
+  summary,
+  onMindmapAction,
+  onMaterialClick,
+  selectedTodoIds,
+  onTodoToggle,
+  onSummaryAction
+}) {
+  return /* @__PURE__ */ jsxs9("div", { "data-slot": "recording-summary", className: "flex flex-col gap-6", children: [
+    summary.mindmap ? /* @__PURE__ */ jsxs9("section", { className: "rounded-lg border border-border", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between px-4 py-3", children: [
+        /* @__PURE__ */ jsx9(Text5, { text: summary.mindmapTitle ?? "\u601D\u7EF4\u5BFC\u56FE", strong: true }),
+        summary.mindmapActionLabel !== void 0 ? /* @__PURE__ */ jsx9(
+          Button8,
+          {
+            text: summary.mindmapActionLabel,
+            variant: "link",
+            size: "small",
+            className: "text-success",
+            onClick: () => onMindmapAction?.()
+          }
+        ) : null
+      ] }),
+      /* @__PURE__ */ jsxs9("div", { className: "mx-4 mb-4 flex items-center justify-center rounded-lg bg-muted p-8", children: [
+        /* @__PURE__ */ jsx9("div", { className: "flex flex-col items-start gap-2", children: (summary.mindmap.left ?? []).map((node) => /* @__PURE__ */ jsx9(MindmapPill, { label: node }, node)) }),
+        mindmapLine,
+        /* @__PURE__ */ jsx9(MindmapPill, { label: summary.mindmap.center, center: true }),
+        mindmapLine,
+        /* @__PURE__ */ jsx9("div", { className: "flex flex-col items-start gap-2", children: (summary.mindmap.right ?? []).map((node) => /* @__PURE__ */ jsx9(MindmapPill, { label: node }, node)) })
+      ] })
+    ] }) : null,
+    summary.overview !== void 0 ? /* @__PURE__ */ jsxs9("section", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx9(
+        Text5,
+        {
+          text: summary.overviewTitle ?? "\u4F1A\u8BAE\u6982\u51B5",
+          strong: true,
+          size: "large"
+        }
+      ),
+      /* @__PURE__ */ jsx9("div", { className: "rounded-lg bg-muted p-4", children: /* @__PURE__ */ jsx9(Text5, { text: summary.overview }) })
+    ] }) : null,
+    summary.topics !== void 0 && summary.topics.length > 0 ? /* @__PURE__ */ jsxs9("section", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx9(Text5, { text: summary.topicsTitle ?? "\u4E3B\u8981\u8BAE\u9898", strong: true, size: "large" }),
+      /* @__PURE__ */ jsx9(
+        "div",
+        {
+          className: "grid gap-3",
+          style: { gridTemplateColumns: "1fr 1fr" },
+          children: summary.topics.map((topic, index) => /* @__PURE__ */ jsxs9(
+            "div",
+            {
+              className: "flex flex-col gap-2 rounded-lg border border-border p-4",
+              children: [
+                /* @__PURE__ */ jsx9(Text5, { text: topic.title, strong: true, size: "small" }),
+                /* @__PURE__ */ jsx9(Text5, { text: topic.content, size: "small" })
+              ]
+            },
+            index
+          ))
+        }
+      )
+    ] }) : null,
+    summary.conclusions !== void 0 && summary.conclusions.length > 0 ? /* @__PURE__ */ jsxs9("section", { className: "rounded-lg border border-border p-4", children: [
+      /* @__PURE__ */ jsx9(
+        Text5,
+        {
+          text: summary.conclusionsTitle ?? "\u8BC4\u5BA1\u7ED3\u8BBA\u4E0E\u540E\u7EED\u5B89\u6392",
+          strong: true,
+          size: "small"
+        }
+      ),
+      /* @__PURE__ */ jsx9(
+        Table,
+        {
+          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__ */ jsxs9("section", { className: "flex flex-col gap-2 rounded-lg border border-border p-4", children: [
+      /* @__PURE__ */ jsx9(Text5, { text: summary.followUpTitle, strong: true, size: "small" }),
+      /* @__PURE__ */ jsx9(Text5, { text: summary.followUp, size: "small" })
+    ] }) : null,
+    summary.materials !== void 0 && summary.materials.length > 0 ? /* @__PURE__ */ jsxs9("section", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx9(
+        Text5,
+        {
+          text: summary.materialsTitle ?? "\u76F8\u5173\u6750\u6599",
+          strong: true,
+          size: "large"
+        }
+      ),
+      /* @__PURE__ */ jsx9("div", { className: "flex flex-col divide-y divide-border rounded-lg border border-border", children: summary.materials.map((material, index) => /* @__PURE__ */ jsxs9(
+        "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__ */ jsx9(
+              Icon5,
+              {
+                name: material.icon ?? "file-text",
+                size: 16,
+                className: "text-muted-foreground"
+              }
+            ),
+            /* @__PURE__ */ jsx9(
+              Text5,
+              {
+                text: material.title,
+                size: "small",
+                className: "min-w-0 flex-1 truncate"
+              }
+            ),
+            /* @__PURE__ */ jsx9(
+              Text5,
+              {
+                text: material.meta,
+                size: "small",
+                type: "secondary",
+                className: "shrink-0"
+              }
+            ),
+            /* @__PURE__ */ jsx9(
+              Icon5,
+              {
+                name: "chevron-right",
+                size: 14,
+                className: "text-muted-foreground"
+              }
+            )
+          ]
+        },
+        material.id ?? index
+      )) })
+    ] }) : null,
+    summary.todos !== void 0 && summary.todos.length > 0 ? /* @__PURE__ */ jsxs9("section", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx9(Text5, { text: summary.todosTitle ?? "\u5F85\u529E\u4E8B\u9879", strong: true, size: "large" }),
+      /* @__PURE__ */ jsx9("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__ */ jsxs9(
+          "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__ */ jsx9(
+                Icon5,
+                {
+                  name: "check-circle",
+                  size: 16,
+                  className: "shrink-0 text-success"
+                }
+              ) : /* @__PURE__ */ jsx9(
+                "span",
+                {
+                  className: "shrink-0 rounded-full border border-border",
+                  style: { width: 16, height: 16 }
+                }
+              ),
+              /* @__PURE__ */ jsx9(
+                Text5,
+                {
+                  text: todo.title,
+                  size: "small",
+                  className: "min-w-0 flex-1 truncate"
+                }
+              ),
+              /* @__PURE__ */ jsx9(
+                Text5,
+                {
+                  text: todo.owner,
+                  size: "small",
+                  type: "secondary",
+                  className: "shrink-0"
+                }
+              )
+            ]
+          },
+          todoId
+        );
+      }) })
+    ] }) : null,
+    summary.actions !== void 0 && summary.actions.length > 0 ? /* @__PURE__ */ jsx9(
+      "div",
+      {
+        "data-slot": "recording-summary-actions",
+        className: "flex items-center gap-1",
+        children: summary.actions.map((action) => /* @__PURE__ */ jsx9(
+          Button8,
+          {
+            icon: action.icon,
+            variant: "text",
+            size: "small",
+            onClick: () => onSummaryAction?.(action.key)
+          },
+          action.key
+        ))
+      }
+    ) : null
+  ] });
+}
+
+// src/components/RecordingPage/translation.tsx
+import { useState as useState3 } from "react";
+import { Avatar as Avatar3 } from "@pactor-app/ui/components";
+import { Button as Button10 } from "@pactor-app/ui/components";
+import { Icon as Icon6 } from "@pactor-app/ui/components";
+import { Text as Text6 } from "@pactor-app/ui/components";
+
+// src/components/RecordingPage/language-dialog.tsx
+import {
+  Dialog as Dialog4,
+  DialogContent as DialogContent4,
+  DialogTitle as DialogTitle4
+} from "@pactor-app/ui/ui";
+import { Button as Button9 } from "@pactor-app/ui/components";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+function LanguageOptionItem({
+  option,
+  selected,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsxs10(
+    "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__ */ jsx10(
+          "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__ */ jsx10("span", { className: "h-2 w-2 rounded-full bg-primary" }) : null
+          }
+        ),
+        /* @__PURE__ */ jsx10("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__ */ jsxs10("div", { className: "flex min-w-0 flex-col gap-2", children: [
+    /* @__PURE__ */ jsx10("span", { className: "text-sm font-medium", children: columnTitle }),
+    /* @__PURE__ */ jsx10("div", { className: "flex flex-col divide-y divide-border", children: options.map((option) => /* @__PURE__ */ jsx10(
+      LanguageOptionItem,
+      {
+        option,
+        selected: option.key === value,
+        onSelect
+      },
+      option.key
+    )) })
+  ] });
+  return /* @__PURE__ */ jsx10(
+    Dialog4,
+    {
+      open,
+      onOpenChange: (next) => {
+        if (!next) onCancel();
+      },
+      children: /* @__PURE__ */ jsxs10(
+        DialogContent4,
+        {
+          "data-slot": "recording-language-dialog",
+          className: "gap-6 sm:max-w-xl",
+          children: [
+            /* @__PURE__ */ jsx10(DialogTitle4, { children: title }),
+            /* @__PURE__ */ jsxs10("div", { className: "grid grid-cols-2 gap-6", children: [
+              renderColumn(sourceTitle, sourceLanguages, source, onSelectSource),
+              renderColumn(targetTitle, targetLanguages, target, onSelectTarget)
+            ] }),
+            /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-end gap-2", children: [
+              /* @__PURE__ */ jsx10(Button9, { text: cancelLabel, onClick: onCancel }),
+              /* @__PURE__ */ jsx10(Button9, { text: confirmLabel, variant: "primary", onClick: onConfirm })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/RecordingPage/translation.tsx
+import { jsx as jsx11, jsxs as jsxs11 } from "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] = useState3(false);
+  const sourceControlled = translation.sourceLanguage !== void 0;
+  const targetControlled = translation.targetLanguage !== void 0;
+  const [innerSource, setInnerSource] = useState3(
+    translation.defaultSourceLanguage ?? sourceLanguages[0]?.key
+  );
+  const [innerTarget, setInnerTarget] = useState3(
+    translation.defaultTargetLanguage ?? targetLanguages[0]?.key
+  );
+  const committedSource = sourceControlled ? translation.sourceLanguage : innerSource;
+  const committedTarget = targetControlled ? translation.targetLanguage : innerTarget;
+  const [draftSource, setDraftSource] = useState3(committedSource);
+  const [draftTarget, setDraftTarget] = useState3(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__ */ jsxs11("div", { "data-slot": "recording-translation", className: "flex flex-col gap-4", children: [
+    translation.languageLabel !== void 0 ? /* @__PURE__ */ jsx11("div", { children: /* @__PURE__ */ jsxs11(
+      "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__ */ jsx11(Icon6, { name: "globe", size: 14 }),
+          translation.languageLabel,
+          /* @__PURE__ */ jsx11(Icon6, { name: "chevron-down", size: 14, className: "text-muted-foreground" })
+        ]
+      }
+    ) }) : null,
+    /* @__PURE__ */ jsx11("div", { className: "flex flex-col divide-y divide-border", children: (translation.segments ?? []).map((segment, index) => /* @__PURE__ */ jsxs11(
+      "div",
+      {
+        "data-slot": "recording-translation-segment",
+        className: "grid gap-4 py-4",
+        style: { gridTemplateColumns: "1fr 1fr" },
+        children: [
+          /* @__PURE__ */ jsxs11("div", { className: "flex min-w-0 flex-col gap-3", children: [
+            /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx11(Avatar3, { fallback: segment.avatarText ?? segment.speaker?.charAt(0) ?? "?" }),
+              /* @__PURE__ */ jsx11(Text6, { text: segment.speaker, strong: true, size: "small" })
+            ] }),
+            /* @__PURE__ */ jsx11(Text6, { text: segment.source })
+          ] }),
+          /* @__PURE__ */ jsxs11("div", { className: "flex min-w-0 flex-col gap-3", children: [
+            /* @__PURE__ */ jsx11(Text6, { text: translation.targetLabel ?? "\u8BD1\u6587", strong: true, size: "small" }),
+            /* @__PURE__ */ jsx11(Text6, { text: segment.target })
+          ] })
+        ]
+      },
+      index
+    )) }),
+    translation.actions !== void 0 && translation.actions.length > 0 ? /* @__PURE__ */ jsx11("div", { "data-slot": "recording-translation-actions", className: "flex items-center gap-1", children: translation.actions.map((action) => /* @__PURE__ */ jsx11(
+      Button10,
+      {
+        icon: action.icon,
+        variant: "text",
+        size: "small",
+        onClick: () => onTranslationAction?.(action.key)
+      },
+      action.key
+    )) }) : null,
+    dialogEnabled ? /* @__PURE__ */ jsx11(
+      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/RecordingPage/detail.tsx
+import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+function TranscriptSegment({
+  segment,
+  speaker,
+  onRename
+}) {
+  return /* @__PURE__ */ jsxs12("div", { "data-slot": "recording-segment", className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx12(Avatar4, { fallback: segment.avatarText ?? speaker?.charAt(0) ?? "?" }),
+        /* @__PURE__ */ jsx12(Text7, { text: speaker, strong: true, size: "small" }),
+        /* @__PURE__ */ jsx12(
+          "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__ */ jsx12(Icon7, { name: "pencil", size: 14 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+        segment.marked ? /* @__PURE__ */ jsx12(Badge, { text: "\u2691 \u5DF2\u6807\u8BB0", variant: "outline" }) : null,
+        /* @__PURE__ */ jsx12(Text7, { text: segment.time, size: "small", type: "secondary" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx12(Text7, { 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 } = useRenderer();
+  const renderSlot = (slot) => isValidElement(slot) || typeof slot !== "object" || slot === null ? slot : renderChildren([slot]);
+  const activeTabItem = tabs.find((tab) => tab.key === activeTab);
+  const [renameIndex, setRenameIndex] = useState4(null);
+  const [draftSpeakerIndex, setDraftSpeakerIndex] = useState4(-1);
+  const [draftSpeakerName, setDraftSpeakerName] = useState4("");
+  const [speakerOverrides, setSpeakerOverrides] = useState4({});
+  const speakerSignature = useRef("");
+  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__ */ jsxs12("div", { "data-slot": "recording-page-detail", className: "flex h-full min-w-0 flex-1 flex-col", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "flex shrink-0 items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsxs12("div", { className: "flex min-w-0 flex-col gap-1", children: [
+        /* @__PURE__ */ jsx12(Text7, { text: title, strong: true, size: "large", className: "truncate" }),
+        meta !== void 0 ? /* @__PURE__ */ jsx12(Text7, { text: meta, size: "small", type: "secondary" }) : null
+      ] }),
+      /* @__PURE__ */ jsxs12("div", { className: "flex shrink-0 items-center gap-3", children: [
+        editLabel !== void 0 ? /* @__PURE__ */ jsx12(Button11, { text: editLabel, variant: "link", size: "small", onClick: () => onEdit?.() }) : null,
+        shareLabel !== void 0 ? shareOptions.length > 0 ? /* @__PURE__ */ jsx12(
+          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__ */ jsx12(Button11, { text: shareLabel, size: "small", onClick: () => onShare?.() }) : null
+      ] })
+    ] }),
+    tabs.length > 0 ? /* @__PURE__ */ jsxs12(Fragment3, { children: [
+      /* @__PURE__ */ jsx12("div", { "data-slot": "recording-page-tabs", className: "flex shrink-0 px-6 pt-3", children: /* @__PURE__ */ jsx12("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__ */ jsx12(
+          "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__ */ jsx12(
+        "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__ */ jsx12("div", { className: "flex flex-col gap-6", children: segments.map((segment, index) => /* @__PURE__ */ jsx12(
+            TranscriptSegment,
+            {
+              segment,
+              speaker: displaySpeaker(index),
+              onRename: () => openRename(index)
+            },
+            segment.time ?? index
+          )) }) : activeTabItem?.key === summaryTabKey && summary !== void 0 ? /* @__PURE__ */ jsx12(
+            RecordingSummaryView,
+            {
+              summary,
+              onMindmapAction,
+              onMaterialClick,
+              selectedTodoIds,
+              onTodoToggle,
+              onSummaryAction
+            }
+          ) : activeTabItem?.key === insightTabKey && insight !== void 0 ? /* @__PURE__ */ jsx12(
+            RecordingInsightView,
+            {
+              insight,
+              onPerspectiveEdit,
+              onPerspectiveApply,
+              onInsightAction
+            }
+          ) : activeTabItem?.key === memoryTabKey && memory !== void 0 ? /* @__PURE__ */ jsx12(RecordingMemoryView, { memory, onMemoryAction }) : activeTabItem?.key === translationTabKey && translation !== void 0 ? /* @__PURE__ */ jsx12(
+            RecordingTranslationView,
+            {
+              translation,
+              onLanguageClick,
+              onLanguageChange,
+              onTranslationAction
+            }
+          ) : null
+        }
+      )
+    ] }) : null,
+    player !== void 0 ? /* @__PURE__ */ jsxs12(
+      "div",
+      {
+        "data-slot": "recording-page-player",
+        className: "flex shrink-0 items-center gap-3 border-t border-border px-6 py-3",
+        children: [
+          /* @__PURE__ */ jsx12(Button11, { icon: "rotate-ccw", variant: "text", onClick: () => onSkipBack?.() }),
+          /* @__PURE__ */ jsx12(
+            Button11,
+            {
+              icon: "play",
+              style: { borderRadius: 999 },
+              onClick: () => onPlay?.()
+            }
+          ),
+          /* @__PURE__ */ jsx12(Button11, { icon: "rotate-cw", variant: "text", onClick: () => onSkipForward?.() }),
+          /* @__PURE__ */ jsx12(Text7, { text: player.currentTime, size: "small", type: "secondary" }),
+          /* @__PURE__ */ jsx12(Progress, { value: player.progress, style: { flex: 1 } }),
+          /* @__PURE__ */ jsx12(Text7, { text: player.totalTime, size: "small", type: "secondary" })
+        ]
+      }
+    ) : null,
+    /* @__PURE__ */ jsx12(
+      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/RecordingPage/list.tsx
+import { useState as useState5 } from "react";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle
+} from "@pactor-app/ui/ui";
+import { Button as Button12 } from "@pactor-app/ui/components";
+import { Empty as Empty2 } from "@pactor-app/ui/components";
+import { Icon as Icon8 } from "@pactor-app/ui/components";
+import { Text as Text8 } from "@pactor-app/ui/components";
+import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs13 } from "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] = useState5(false);
+  const renderRecordingItem = (item) => {
+    const active = !selecting && item.id === activeRecordingId;
+    const checked = selecting && selectedRecordingIds.includes(item.id);
+    return /* @__PURE__ */ jsxs13(
+      "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__ */ jsx13(
+            "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__ */ jsx13(Icon8, { name: "check", size: 12 }) : null
+            }
+          ) : /* @__PURE__ */ jsx13(Icon8, { name: item.icon ?? "audio-lines", size: 18, className: "mt-0.5 shrink-0" }),
+          /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+            /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ jsx13(
+                Text8,
+                {
+                  text: item.title,
+                  size: "small",
+                  strong: active || checked,
+                  className: "min-w-0 truncate"
+                }
+              ),
+              item.status !== void 0 ? /* @__PURE__ */ jsx13(
+                Text8,
+                {
+                  text: item.status,
+                  size: "small",
+                  type: item.statusType ?? "secondary",
+                  className: "shrink-0"
+                }
+              ) : null
+            ] }),
+            /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ jsx13(Text8, { text: item.time, size: "small", type: "secondary" }),
+              /* @__PURE__ */ jsx13(Text8, { text: item.duration, size: "small", type: "secondary" })
+            ] })
+          ] })
+        ]
+      },
+      item.id
+    );
+  };
+  return /* @__PURE__ */ jsxs13(
+    "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__ */ jsxs13("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx13(Text8, { text: listTitle, strong: true, size: "large" }),
+          selecting ? /* @__PURE__ */ jsx13(
+            Button12,
+            {
+              text: selectDoneLabel ?? "\u5B8C\u6210",
+              variant: "link",
+              size: "small",
+              onClick: () => onExitSelectMode?.()
+            }
+          ) : selectLabel !== void 0 ? /* @__PURE__ */ jsx13(Button12, { text: selectLabel, variant: "link", size: "small", onClick: () => onEnterSelectMode?.() }) : null
+        ] }),
+        selecting ? /* @__PURE__ */ jsxs13(
+          "div",
+          {
+            "data-slot": "recording-page-selection-bar",
+            className: "flex items-center justify-between",
+            children: [
+              /* @__PURE__ */ jsx13(
+                Text8,
+                {
+                  text: (selectedCountText ?? "\u5DF2\u9009 {count} \u6761").replace(
+                    "{count}",
+                    String(selectedRecordingIds.length)
+                  ),
+                  size: "small",
+                  type: "secondary"
+                }
+              ),
+              /* @__PURE__ */ jsx13(
+                Button12,
+                {
+                  text: selectAllLabel ?? "\u5168\u9009",
+                  variant: "link",
+                  size: "small",
+                  onClick: () => onToggleSelectAll?.()
+                }
+              )
+            ]
+          }
+        ) : null,
+        !selecting && filters.length > 0 ? /* @__PURE__ */ jsx13("div", { "data-slot": "recording-page-filters", className: "flex gap-2", children: filters.map((filter) => {
+          const active = filter.key === activeFilter;
+          return /* @__PURE__ */ jsx13(
+            "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__ */ jsxs13(
+          "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__ */ jsx13(Icon8, { name: "audio-lines", size: 18 }),
+              /* @__PURE__ */ jsxs13("div", { className: "flex flex-1 flex-col", children: [
+                /* @__PURE__ */ jsx13(Text8, { text: processingText, size: "small", strong: true }),
+                processingHint !== void 0 ? /* @__PURE__ */ jsx13(Text8, { text: processingHint, size: "small", type: "secondary" }) : null
+              ] }),
+              /* @__PURE__ */ jsx13(Icon8, { name: "chevron-right", size: 16, className: "text-muted-foreground" })
+            ]
+          }
+        ) : null,
+        !selecting && newRecordingLabel !== null && newRecordingLabel !== void 0 ? /* @__PURE__ */ jsx13(
+          Button12,
+          {
+            text: newRecordingLabel,
+            icon: "mic",
+            variant: "primary",
+            className: "w-full",
+            onClick: () => onNewRecording?.()
+          }
+        ) : null,
+        /* @__PURE__ */ jsx13(
+          "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__ */ jsx13(Empty2, { title: emptyText }) : groups.map((group, groupIndex) => /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsx13(Text8, { text: group.label, size: "small", type: "secondary", className: "px-1" }),
+              group.items.map(renderRecordingItem)
+            ] }, group.key ?? group.label ?? groupIndex))
+          }
+        ),
+        selecting ? /* @__PURE__ */ jsxs13(Fragment4, { children: [
+          /* @__PURE__ */ jsx13(
+            Button12,
+            {
+              text: deleteLabel ?? "\u5220\u9664",
+              variant: "primary",
+              danger: true,
+              className: "w-full shrink-0",
+              onClick: () => setDeleteConfirmOpen(true)
+            }
+          ),
+          /* @__PURE__ */ jsx13(AlertDialog, { open: deleteConfirmOpen, onOpenChange: setDeleteConfirmOpen, children: /* @__PURE__ */ jsxs13(AlertDialogContent, { "data-slot": "recording-delete-confirm", children: [
+            /* @__PURE__ */ jsxs13(AlertDialogHeader, { children: [
+              /* @__PURE__ */ jsx13(AlertDialogTitle, { children: deleteConfirmTitle ?? "\u5220\u9664\u5F55\u97F3" }),
+              /* @__PURE__ */ jsx13(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__ */ jsxs13(AlertDialogFooter, { children: [
+              /* @__PURE__ */ jsx13(AlertDialogCancel, { children: deleteCancelLabel ?? "\u53D6\u6D88" }),
+              /* @__PURE__ */ jsx13(
+                AlertDialogAction,
+                {
+                  variant: "destructive",
+                  onClick: () => onDeleteSelected?.(),
+                  children: deleteConfirmLabel ?? "\u5220\u9664"
+                }
+              )
+            ] })
+          ] }) })
+        ] }) : null
+      ]
+    }
+  );
+}
+
+// src/components/RecordingPage/index.tsx
+import { jsx as jsx14, jsxs as jsxs14 } from "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] = useState6(
+    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] = useState6(defaultActiveRecordingId);
+  const activeRec = recControlled ? activeRecordingId : innerRec;
+  const setActiveRec = (next) => {
+    if (!recControlled) setInnerRec(next);
+    onSelectRecording?.(next);
+  };
+  const tabControlled = activeTabKey !== void 0;
+  const [innerTab, setInnerTab] = useState6(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] = useState6(
+    () => 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] = useState6(
+    () => defaultShareSelectedKeys ?? (shareOptions ?? []).map((option) => option.key)
+  );
+  const shareKeys = shareControlled ? shareSelectedKeys : innerShareKeys;
+  const commitShareKeys = (next) => {
+    if (!shareControlled) setInnerShareKeys(next);
+  };
+  const [selecting, setSelecting] = useState6(false);
+  const recSelControlled = selectedRecordingIds !== void 0;
+  const [innerSelectedRecs, setInnerSelectedRecs] = useState6(
+    () => 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__ */ jsxs14(
+    "div",
+    {
+      "data-slot": "recording-page",
+      className: cn("flex h-full w-full min-h-0 items-stretch", className),
+      style,
+      children: [
+        /* @__PURE__ */ jsx14(
+          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__ */ jsx14(
+          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/SiteFooter/index.tsx
+import { Link as Link2 } from "@pactor-app/ui/components";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+function SiteFooter({
+  brand,
+  groups,
+  copyright,
+  bottomLinks,
+  onLinkClick,
+  className,
+  style
+}) {
+  const renderLink = (link) => {
+    if (link.href) {
+      return /* @__PURE__ */ jsx15(
+        Link2,
+        {
+          href: link.href,
+          text: link.text,
+          className: "text-sm text-muted-foreground transition-colors hover:text-foreground"
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx15(
+      "button",
+      {
+        type: "button",
+        "data-slot": "site-footer-link",
+        className: "text-left text-sm text-muted-foreground transition-colors hover:text-foreground",
+        onClick: () => onLinkClick?.({ key: link.text, text: link.text }),
+        children: link.text
+      }
+    );
+  };
+  const hasBrand = Boolean(brand && (brand.logo || brand.name || brand.description));
+  const hasGroups = Boolean(groups && groups.length > 0);
+  const hasBottom = Boolean(copyright || bottomLinks && bottomLinks.length > 0);
+  if (!hasBrand && !hasGroups && !hasBottom) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs15(
+    "footer",
+    {
+      "data-slot": "site-footer",
+      className: cn("border-t bg-muted/40", className),
+      style,
+      children: [
+        hasBrand || hasGroups ? /* @__PURE__ */ jsxs15(
+          "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__ */ jsxs15("div", { "data-slot": "site-footer-brand", className: "flex max-w-xs flex-col gap-3", children: [
+                brand.logo || brand.name ? /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
+                  brand.logo ? /* @__PURE__ */ jsx15(
+                    "img",
+                    {
+                      src: brand.logo,
+                      alt: brand.name ?? "",
+                      className: "size-8 rounded-md object-contain"
+                    }
+                  ) : null,
+                  brand.name ? /* @__PURE__ */ jsx15("span", { className: "text-base font-semibold", children: brand.name }) : null
+                ] }) : null,
+                brand.description ? /* @__PURE__ */ jsx15("p", { className: "text-sm leading-relaxed text-muted-foreground", children: brand.description }) : null
+              ] }) : null,
+              hasGroups ? /* @__PURE__ */ jsx15(
+                "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__ */ jsxs15(
+                    "div",
+                    {
+                      "data-slot": "site-footer-group",
+                      className: "flex min-w-24 flex-col gap-3",
+                      children: [
+                        /* @__PURE__ */ jsx15("span", { className: "text-sm font-medium", children: group.title }),
+                        /* @__PURE__ */ jsx15("div", { className: "flex flex-col gap-2", children: group.links.map((link) => /* @__PURE__ */ jsx15("div", { children: renderLink(link) }, link.text)) })
+                      ]
+                    },
+                    group.title
+                  ))
+                }
+              ) : null
+            ]
+          }
+        ) : null,
+        hasBottom ? /* @__PURE__ */ jsx15("div", { "data-slot": "site-footer-bottom", className: "border-t", children: /* @__PURE__ */ jsxs15("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__ */ jsx15("span", { children: copyright }) : /* @__PURE__ */ jsx15("span", {}),
+          bottomLinks && bottomLinks.length > 0 ? /* @__PURE__ */ jsx15("div", { "data-slot": "site-footer-bottom-links", className: "flex items-center gap-4", children: bottomLinks.map((link) => /* @__PURE__ */ jsx15("div", { children: renderLink(link) }, link.text)) }) : null
+        ] }) }) : null
+      ]
+    }
+  );
+}
+
+// src/components/FieldCondition/index.tsx
+import { Plus, X as X2 } from "lucide-react";
+import { useCallback, useMemo as useMemo2 } from "react";
+import { Button as Button13 } from "@pactor-app/ui/ui";
+import { Input as Input3 } from "@pactor-app/ui/ui";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@pactor-app/ui/ui";
+import { DatePicker } from "@pactor-app/ui/components";
+import {
+  CONTROL_SIZE_BOX,
+  CONTROL_SIZE_SELECT_ATTR,
+  CONTROL_SIZE_TRIGGER_TEXT
+} from "@pactor-app/ui/components";
+
+// src/components/internal/SearchableSelect/index.tsx
+import { Check, ChevronsUpDown, X } from "lucide-react";
+import * as React from "react";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList
+} from "@pactor-app/ui/ui";
+import {
+  Popover as Popover2,
+  PopoverContent as PopoverContent2,
+  PopoverTrigger as PopoverTrigger2
+} from "@pactor-app/ui/ui";
+import { ClearHoverButton } from "@pactor-app/ui/components";
+import { CONTROL_SIZE_BOX_GROW } from "@pactor-app/ui/components";
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+var DEFAULT_PLACEHOLDER = "\u8BF7\u9009\u62E9";
+var DEFAULT_SEARCH_PLACEHOLDER = "\u641C\u7D22\u2026";
+var DEFAULT_EMPTY_TEXT = "\u65E0\u5339\u914D\u7ED3\u679C";
+var NO_OPTIONS_TEXT = "\u65E0\u9009\u9879";
+function SearchableSelect({
+  value,
+  onChange,
+  options,
+  placeholder,
+  searchPlaceholder,
+  emptyText,
+  disabled = false,
+  allowClear = true,
+  size = "middle",
+  className,
+  id,
+  showSearch,
+  multiple = false,
+  fullOptionText = false,
+  listClassName
+}) {
+  const resolvedPlaceholder = placeholder ?? DEFAULT_PLACEHOLDER;
+  const resolvedSearchPlaceholder = searchPlaceholder ?? DEFAULT_SEARCH_PLACEHOLDER;
+  const resolvedEmptyText = emptyText ?? DEFAULT_EMPTY_TEXT;
+  const [open, setOpen] = React.useState(false);
+  const shouldShowSearch = showSearch ?? options.length > 8;
+  const selectedValues = multiple ? Array.isArray(value) ? value : value ? [value] : [] : [];
+  const selectedLabel = React.useMemo(
+    () => !multiple ? options.find((opt) => opt.value === value)?.label : void 0,
+    [options, value, multiple]
+  );
+  const handleSelect = (optValue) => {
+    if (!multiple) {
+      onChange?.(optValue);
+      setOpen(false);
+      return;
+    }
+    const next = selectedValues.includes(optValue) ? selectedValues.filter((v) => v !== optValue) : [...selectedValues, optValue];
+    onChange?.(next);
+  };
+  const handleRemove = (e, optValue) => {
+    e.stopPropagation();
+    onChange?.(selectedValues.filter((v) => v !== optValue));
+  };
+  return /* @__PURE__ */ jsxs16(Popover2, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxs16(
+      PopoverTrigger2,
+      {
+        id,
+        type: "button",
+        role: "combobox",
+        "aria-expanded": open,
+        disabled,
+        className: cn(
+          "group border-input bg-background ring-offset-background flex min-h-9 w-full items-center justify-between rounded-md border px-3 py-2 text-sm",
+          "placeholder:text-muted-foreground min-w-32",
+          "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          CONTROL_SIZE_BOX_GROW[size],
+          multiple && "flex-wrap gap-1",
+          className
+        ),
+        children: [
+          multiple ? selectedValues.length > 0 ? /* @__PURE__ */ jsx16("div", { className: "flex flex-wrap gap-1 flex-1", children: selectedValues.map((v) => {
+            const label = options.find((o) => o.value === v)?.label ?? v;
+            return /* @__PURE__ */ jsxs16(
+              "span",
+              {
+                className: "inline-flex items-center gap-1 rounded bg-muted px-2 py-0.5 text-xs font-medium",
+                children: [
+                  label,
+                  /* @__PURE__ */ jsx16(
+                    X,
+                    {
+                      className: "h-3 w-3 cursor-pointer opacity-60 hover:opacity-100",
+                      onClick: (e) => handleRemove(e, v)
+                    }
+                  )
+                ]
+              },
+              v
+            );
+          }) }) : /* @__PURE__ */ jsx16("span", { className: "text-muted-foreground flex-1 text-left", children: resolvedPlaceholder }) : /* @__PURE__ */ jsx16("span", { className: cn("truncate", !selectedLabel && "text-muted-foreground"), children: selectedLabel || resolvedPlaceholder }),
+          allowClear && !multiple && !disabled && value !== void 0 && value !== "" ? /* @__PURE__ */ jsx16(
+            ClearHoverButton,
+            {
+              label: "clear-selection",
+              className: "ml-2 rounded-sm opacity-50 hover:opacity-100",
+              onClear: () => onChange?.("")
+            }
+          ) : null,
+          /* @__PURE__ */ jsx16(
+            ChevronsUpDown,
+            {
+              className: cn(
+                "ml-2 h-4 w-4 shrink-0 opacity-50",
+                allowClear && !multiple && !disabled && value !== void 0 && value !== "" && "group-hover:hidden"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx16(
+      PopoverContent2,
+      {
+        className: cn(
+          "p-0",
+          // Base UI Positioner 在定位元素上暴露 --anchor-width（原 Radix 的
+          // --radix-popover-trigger-width 在 Base UI 下不存在，会退化为 auto 宽度）
+          fullOptionText ? "w-auto min-w-(--anchor-width)" : "w-(--anchor-width)"
+        ),
+        align: "start",
+        onWheel: (e) => e.stopPropagation(),
+        onTouchMove: (e) => e.stopPropagation(),
+        children: /* @__PURE__ */ jsxs16(Command, { value: !multiple ? selectedLabel : void 0, children: [
+          shouldShowSearch && /* @__PURE__ */ jsx16(CommandInput, { placeholder: resolvedSearchPlaceholder }),
+          /* @__PURE__ */ jsxs16(CommandList, { className: listClassName, children: [
+            /* @__PURE__ */ jsx16(CommandEmpty, { children: options.length === 0 ? NO_OPTIONS_TEXT : resolvedEmptyText }),
+            /* @__PURE__ */ jsx16(CommandGroup, { children: options.map((opt) => {
+              const isSelected = multiple ? selectedValues.includes(opt.value) : value === opt.value;
+              return /* @__PURE__ */ jsxs16(
+                CommandItem,
+                {
+                  value: opt.label,
+                  onSelect: () => handleSelect(opt.value),
+                  className: "flex items-center justify-between",
+                  children: [
+                    /* @__PURE__ */ jsx16("span", { className: cn(fullOptionText ? "whitespace-normal" : "truncate"), children: opt.label }),
+                    /* @__PURE__ */ jsx16(
+                      Check,
+                      {
+                        className: cn(
+                          "ml-2 h-4 w-4 shrink-0",
+                          isSelected ? "opacity-100" : "opacity-0"
+                        )
+                      }
+                    )
+                  ]
+                },
+                opt.value
+              );
+            }) })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+
+// src/components/FieldCondition/index.tsx
+import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+var OPERATORS = [
+  { value: "EQUAL", valueTypes: ["NUMBER", "STRING", "DATE"] },
+  { value: "GREATER", valueTypes: ["NUMBER", "DATE"] },
+  { value: "GREATER_EQUAL", valueTypes: ["NUMBER", "DATE"] },
+  { value: "LESS", valueTypes: ["NUMBER", "DATE"] },
+  { value: "LESS_EQUAL", valueTypes: ["NUMBER", "DATE"] },
+  { value: "UNEQUAL", valueTypes: ["NUMBER", "STRING", "DATE"] },
+  { value: "BETWEEN", valueTypes: ["NUMBER", "DATE"] },
+  { value: "HASVAL", valueTypes: "ALL" },
+  { value: "NOHASVAL", valueTypes: "ALL" },
+  { value: "TRUE", valueTypes: ["BOOLEAN"] },
+  { value: "FALSE", valueTypes: ["BOOLEAN"] },
+  { value: "IN", valueTypes: ["NUMBER", "STRING"] },
+  { value: "NOT_IN", valueTypes: ["NUMBER", "STRING"] }
+];
+var NO_VALUE_OPERATORS = ["HASVAL", "NOHASVAL", "TRUE", "FALSE"];
+var OPERATOR_LABELS = {
+  EQUAL: "\u7B49\u4E8E",
+  GREATER: "\u5927\u4E8E",
+  GREATER_EQUAL: "\u5927\u4E8E\u7B49\u4E8E",
+  LESS: "\u5C0F\u4E8E",
+  LESS_EQUAL: "\u5C0F\u4E8E\u7B49\u4E8E",
+  UNEQUAL: "\u4E0D\u7B49\u4E8E",
+  BETWEEN: "\u8303\u56F4",
+  HASVAL: "\u6709\u503C",
+  NOHASVAL: "\u65E0\u503C",
+  TRUE: "\u4E3A\u771F",
+  FALSE: "\u4E3A\u5047",
+  IN: "\u5305\u542B",
+  NOT_IN: "\u4E0D\u5305\u542B"
+};
+function operatorLabel(operator) {
+  return OPERATOR_LABELS[operator] ?? operator;
+}
+function getOperatorsByFieldType(fieldType) {
+  return OPERATORS.filter(
+    (op) => !fieldType || op.valueTypes === "ALL" || op.valueTypes.includes(fieldType)
+  );
+}
+function isNoValueOperator(operator) {
+  return !!operator && NO_VALUE_OPERATORS.includes(operator);
+}
+var OPERATOR_STATEMENTS = {
+  EQUAL: "${field} == ${value}",
+  GREATER: "${field} > ${value}",
+  GREATER_EQUAL: "${field} >= ${value}",
+  LESS: "${field} < ${value}",
+  LESS_EQUAL: "${field} <= ${value}",
+  UNEQUAL: "${field} != ${value}",
+  BETWEEN: "${field} BETWEEN ${v1} AND ${v2}",
+  HASVAL: "${field} HASVAL",
+  NOHASVAL: "${field} NOHASVAL",
+  TRUE: "${field} == TRUE",
+  FALSE: "${field} == FALSE",
+  IN: "${field} IN (${value})",
+  NOT_IN: "${field} NOT IN (${value})"
+};
+function formatConditionValue(item) {
+  const isString = item.field.dataType === "STRING";
+  const quote = (v) => isString ? `'${v}'` : String(v);
+  if (item.term.value === "IN" || item.term.value === "NOT_IN") {
+    return String(item.value ?? "").split(",").map((s) => s.trim()).filter(Boolean).map(quote).join(", ");
+  }
+  return quote(item.value ?? "");
+}
+function itemToStatement(item) {
+  const fieldCode = item.field?.value;
+  const termValue = item.term?.value;
+  const statement = termValue ? OPERATOR_STATEMENTS[termValue] : void 0;
+  if (!fieldCode || !statement) return null;
+  if (termValue === "BETWEEN") {
+    const arr = Array.isArray(item.value) ? item.value : [];
+    const isString = item.field.dataType === "STRING";
+    const quote = (v) => isString ? `'${v ?? ""}'` : String(v ?? "");
+    return statement.replace("${field}", fieldCode).replace("${v1}", quote(arr[0])).replace("${v2}", quote(arr[1]));
+  }
+  let result = statement.replace("${field}", fieldCode);
+  if (!isNoValueOperator(termValue)) {
+    result = result.replace("${value}", formatConditionValue(item));
+  }
+  return result;
+}
+function conditionToStatement(value) {
+  if (!value?.children?.length) return "";
+  const groupParts = value.children.map((group) => {
+    const joiner = group.relation === "AND" ? " && " : " || ";
+    const parts = group.children.map(itemToStatement).filter((s) => !!s);
+    if (!parts.length) return "";
+    const joined = parts.join(joiner);
+    return parts.length > 1 ? `(${joined})` : joined;
+  }).filter(Boolean);
+  return groupParts.join(value.relation === "AND" ? " && " : " || ");
+}
+function splitByJoiner(expr, joiner) {
+  const parts = [];
+  const token = ` ${joiner} `;
+  let depth = 0;
+  let quote = null;
+  let current = "";
+  for (let i = 0; i < expr.length; i++) {
+    const ch = expr[i];
+    if (quote) {
+      current += ch;
+      if (ch === quote) quote = null;
+      continue;
+    }
+    if (ch === "'" || ch === '"') {
+      quote = ch;
+      current += ch;
+      continue;
+    }
+    if (ch === "(") depth++;
+    if (ch === ")") depth--;
+    if (depth === 0 && expr.startsWith(token, i)) {
+      parts.push(current);
+      current = "";
+      i += token.length - 1;
+      continue;
+    }
+    current += ch;
+  }
+  parts.push(current);
+  return parts.map((s) => s.trim()).filter(Boolean);
+}
+function isWrappedByOuterParens(s) {
+  if (!s.startsWith("(") || !s.endsWith(")")) return false;
+  let depth = 0;
+  let quote = null;
+  for (let i = 0; i < s.length; i++) {
+    const ch = s[i];
+    if (quote) {
+      if (ch === quote) quote = null;
+      continue;
+    }
+    if (ch === "'" || ch === '"') {
+      quote = ch;
+      continue;
+    }
+    if (ch === "(") depth++;
+    if (ch === ")") {
+      depth--;
+      if (depth === 0 && i < s.length - 1) return false;
+    }
+  }
+  return depth === 0;
+}
+function unquote(v) {
+  const t = v.trim();
+  if (t.length >= 2 && (t.startsWith("'") && t.endsWith("'") || t.startsWith('"') && t.endsWith('"'))) {
+    return t.slice(1, -1);
+  }
+  return t;
+}
+var COMPARE_OPERATOR_MAP = {
+  "==": "EQUAL",
+  "!=": "UNEQUAL",
+  ">": "GREATER",
+  ">=": "GREATER_EQUAL",
+  "<": "LESS",
+  "<=": "LESS_EQUAL"
+};
+function parseAtom(atom, fields) {
+  const s = atom.trim();
+  if (!s) return null;
+  const fieldInfo = (code) => {
+    const f = fields?.find((x) => x.featureCode === code);
+    return { value: code, label: f?.featureName, dataType: f?.fieldType };
+  };
+  let m = s.match(/^([\w.]+)\s+BETWEEN\s+(.+?)\s+AND\s+(.+)$/i);
+  if (m) {
+    return {
+      field: fieldInfo(m[1]),
+      term: { value: "BETWEEN" },
+      value: [unquote(m[2]), unquote(m[3])]
+    };
+  }
+  m = s.match(/^([\w.]+)\s+(NOT\s+IN|IN)\s*\((.*)\)\s*$/i);
+  if (m) {
+    const vals = m[3].split(",").map((v) => unquote(v)).filter((v) => v !== "");
+    return {
+      field: fieldInfo(m[1]),
+      term: { value: m[2].toUpperCase().replace(/\s+/g, "_") },
+      value: vals.join(", ")
+    };
+  }
+  m = s.match(/^([\w.]+)\s*(==|!=|>=|<=|>|<)\s*(.+)$/);
+  if (m) {
+    const raw = m[3].trim();
+    const val = unquote(raw);
+    if (m[2] === "==" && raw === val && (val === "TRUE" || val === "FALSE")) {
+      return { field: fieldInfo(m[1]), term: { value: val }, value: void 0 };
+    }
+    return {
+      field: fieldInfo(m[1]),
+      term: { value: COMPARE_OPERATOR_MAP[m[2]] },
+      value: val
+    };
+  }
+  m = s.match(/^([\w.]+)\s+(HASVAL|NOHASVAL)\s*$/i);
+  if (m) {
+    return {
+      field: fieldInfo(m[1]),
+      term: { value: m[2].toUpperCase() },
+      value: void 0
+    };
+  }
+  return null;
+}
+function statementToCondition(statement, fields) {
+  const trimmed = statement?.trim();
+  if (!trimmed) return null;
+  const stripOuterParens = (s) => {
+    const t = s.trim();
+    return isWrappedByOuterParens(t) ? t.slice(1, -1).trim() : t;
+  };
+  const toGroup = (relation, parts) => {
+    if (parts.some(
+      (s) => splitByJoiner(s, "&&").length > 1 || splitByJoiner(s, "||").length > 1
+    )) {
+      return null;
+    }
+    const items = parts.map((s) => parseAtom(s, fields));
+    if (items.length === 0 || items.some((it) => !it)) return null;
+    return {
+      relation,
+      children: [{ relation, children: items }]
+    };
+  };
+  const orParts = splitByJoiner(trimmed, "||");
+  if (orParts.length > 1) {
+    return toGroup("OR", orParts.map(stripOuterParens));
+  }
+  const inner = stripOuterParens(trimmed);
+  const innerOr = splitByJoiner(inner, "||");
+  if (innerOr.length > 1) return toGroup("OR", innerOr);
+  return toGroup("AND", splitByJoiner(inner, "&&"));
+}
+var defaultItem = () => ({ field: {}, term: {} });
+var defaultGroup = () => ({
+  relation: "AND",
+  children: [defaultItem()]
+});
+function defaultFieldConditionValue() {
+  return { relation: "OR", children: [defaultGroup()] };
+}
+var toggleRelation = (r) => r === "AND" ? "OR" : "AND";
+function FieldCondition({
+  value,
+  onChange,
+  fields = [],
+  disabled,
+  size = "middle"
+}) {
+  const data = useMemo2(
+    () => value?.children?.length ? value : defaultFieldConditionValue(),
+    [value]
+  );
+  const group = data.children[0];
+  const updateGroup = useCallback(
+    (nextGroup) => onChange?.({ ...data, children: [nextGroup] }),
+    [data, onChange]
+  );
+  const updateItem = (itemIndex, patch) => {
+    updateGroup({
+      ...group,
+      children: group.children.map(
+        (item, ii) => ii === itemIndex ? { ...item, ...patch } : item
+      )
+    });
+  };
+  const fieldOptions = fields.map((f) => ({
+    value: f.featureCode,
+    label: f.featureName
+  }));
+  return /* @__PURE__ */ jsxs17("div", { className: "w-full", children: [
+    /* @__PURE__ */ jsxs17("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx17(
+        RelationButton,
+        {
+          relation: group.relation,
+          visible: group.children.length > 1,
+          disabled,
+          onToggle: () => updateGroup({ ...group, relation: toggleRelation(group.relation) })
+        }
+      ),
+      /* @__PURE__ */ jsx17("div", { className: "flex-1 space-y-2", children: group.children.map((item, itemIndex) => /* @__PURE__ */ jsx17(
+        ConditionRow,
+        {
+          item,
+          fields: fieldOptions,
+          rawFields: fields,
+          disabled,
+          size,
+          fieldPlaceholder: "\u9009\u62E9\u5B57\u6BB5",
+          operatorLabel,
+          inputPlaceholder: "\u8BF7\u8F93\u5165\u503C",
+          showDelete: group.children.length > 1,
+          onChange: (patch) => updateItem(itemIndex, patch),
+          onDelete: () => updateGroup({
+            ...group,
+            children: group.children.filter((_, ii) => ii !== itemIndex)
+          })
+        },
+        itemIndex
+      )) })
+    ] }),
+    !disabled && /* @__PURE__ */ jsxs17(
+      Button13,
+      {
+        type: "button",
+        variant: "link",
+        size: "sm",
+        className: "h-auto p-0 ml-10 mt-2 text-sm",
+        onClick: () => updateGroup({ ...group, children: [...group.children, defaultItem()] }),
+        children: [
+          /* @__PURE__ */ jsx17(Plus, { className: "h-3.5 w-3.5" }),
+          "\u6DFB\u52A0\u6761\u4EF6"
+        ]
+      }
+    )
+  ] });
+}
+function RelationButton({
+  relation,
+  visible = true,
+  disabled,
+  onToggle
+}) {
+  if (!visible) return /* @__PURE__ */ jsx17("div", { className: "w-8 shrink-0" });
+  return /* @__PURE__ */ jsx17(
+    "button",
+    {
+      type: "button",
+      disabled,
+      onClick: onToggle,
+      className: cn(
+        "w-8 shrink-0 self-center rounded px-1 py-0.5 text-xs font-medium",
+        disabled ? "cursor-not-allowed" : "cursor-pointer",
+        // 语义色走皮肤令牌（AND=信息蓝 / OR=警示橙），随宿主主题明暗自适应
+        relation === "AND" ? "bg-info/10 text-info" : "bg-warning/10 text-warning"
+      ),
+      children: relation === "AND" ? "\u4E14" : "\u6216"
+    }
+  );
+}
+function ConditionRow({
+  item,
+  fields,
+  rawFields,
+  disabled,
+  size,
+  fieldPlaceholder,
+  operatorLabel: operatorLabel3,
+  inputPlaceholder,
+  showDelete,
+  onChange,
+  onDelete
+}) {
+  const dataType = item.field.dataType;
+  const termValue = item.term.value;
+  const operators = getOperatorsByFieldType(dataType);
+  return /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx17(
+      SearchableSelect,
+      {
+        value: item.field.value || void 0,
+        onChange: (v) => {
+          const raw = rawFields.find((f) => f.featureCode === v);
+          onChange({
+            field: raw ? { value: raw.featureCode, label: raw.featureName, dataType: raw.fieldType } : { value: v },
+            term: {},
+            value: void 0
+          });
+        },
+        options: fields,
+        placeholder: fieldPlaceholder,
+        disabled,
+        size,
+        fullOptionText: true,
+        className: "w-36"
+      }
+    ),
+    /* @__PURE__ */ jsxs17(
+      Select,
+      {
+        items: operators.map((op) => ({
+          value: op.value,
+          label: operatorLabel3(op.value)
+        })),
+        value: termValue ?? null,
+        disabled: disabled || !dataType,
+        onValueChange: (v) => {
+          if (v == null) return;
+          const resetValue = v === "BETWEEN" || isNoValueOperator(v) || isNoValueOperator(termValue);
+          onChange({
+            term: { value: v, label: operatorLabel3(v) },
+            value: resetValue ? void 0 : item.value
+          });
+        },
+        children: [
+          /* @__PURE__ */ jsx17(
+            SelectTrigger,
+            {
+              size: CONTROL_SIZE_SELECT_ATTR[size],
+              className: cn("w-28 shrink-0", CONTROL_SIZE_TRIGGER_TEXT[size]),
+              children: /* @__PURE__ */ jsx17(SelectValue, { placeholder: "\u8BF7\u9009\u62E9" })
+            }
+          ),
+          /* @__PURE__ */ jsx17(SelectContent, { children: operators.map((op) => /* @__PURE__ */ jsx17(SelectItem, { value: op.value, children: operatorLabel3(op.value) }, op.value)) })
+        ]
+      }
+    ),
+    dataType && termValue && !isNoValueOperator(termValue) && /* @__PURE__ */ jsx17(
+      ConditionValueInput,
+      {
+        dataType,
+        termValue,
+        value: item.value,
+        disabled,
+        size,
+        placeholder: inputPlaceholder,
+        onChange: (v) => onChange({ value: v })
+      }
+    ),
+    showDelete && !disabled && /* @__PURE__ */ jsx17(
+      "button",
+      {
+        type: "button",
+        "aria-label": "delete-condition",
+        className: "text-muted-foreground hover:text-destructive",
+        onClick: onDelete,
+        children: /* @__PURE__ */ jsx17(X2, { className: "h-4 w-4" })
+      }
+    )
+  ] });
+}
+function ConditionValueInput({
+  dataType,
+  termValue,
+  value,
+  disabled,
+  size,
+  placeholder,
+  onChange
+}) {
+  const inputType = dataType === "NUMBER" ? "number" : "text";
+  if (termValue === "BETWEEN") {
+    const arr = Array.isArray(value) ? value : [];
+    if (dataType === "DATE") {
+      return /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx17(
+          DatePicker,
+          {
+            value: typeof arr[0] === "string" && arr[0] ? arr[0] : void 0,
+            disabled,
+            size,
+            placeholder,
+            className: "w-32",
+            onChange: (v) => onChange([v, arr[1] ?? ""])
+          }
+        ),
+        /* @__PURE__ */ jsx17("span", { className: "text-xs text-muted-foreground", children: "~" }),
+        /* @__PURE__ */ jsx17(
+          DatePicker,
+          {
+            value: typeof arr[1] === "string" && arr[1] ? arr[1] : void 0,
+            disabled,
+            size,
+            placeholder,
+            className: "w-32",
+            onChange: (v) => onChange([arr[0] ?? "", v])
+          }
+        )
+      ] });
+    }
+    return /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx17(
+        Input3,
+        {
+          type: inputType,
+          className: cn("w-28", CONTROL_SIZE_BOX[size]),
+          value: arr[0] ?? "",
+          disabled,
+          placeholder,
+          "aria-label": "between-min",
+          onChange: (e) => onChange([e.target.value, arr[1] ?? ""])
+        }
+      ),
+      /* @__PURE__ */ jsx17("span", { className: "text-xs text-muted-foreground", children: "~" }),
+      /* @__PURE__ */ jsx17(
+        Input3,
+        {
+          type: inputType,
+          className: cn("w-28", CONTROL_SIZE_BOX[size]),
+          value: arr[1] ?? "",
+          disabled,
+          placeholder,
+          "aria-label": "between-max",
+          onChange: (e) => onChange([arr[0] ?? "", e.target.value])
+        }
+      )
+    ] });
+  }
+  if (dataType === "DATE") {
+    return /* @__PURE__ */ jsx17(
+      DatePicker,
+      {
+        value: typeof value === "string" && value ? value : void 0,
+        disabled,
+        size,
+        placeholder,
+        className: "w-36",
+        onChange: (v) => onChange(v ?? "")
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx17(
+    Input3,
+    {
+      type: inputType,
+      className: cn("w-36", CONTROL_SIZE_BOX[size]),
+      value: value ?? "",
+      disabled,
+      placeholder,
+      "aria-label": "condition-value",
+      onChange: (e) => onChange(e.target.value)
+    }
+  );
+}
+
+// src/components/ExpressionEditor/index.tsx
+import { useEffect as useEffect2, useMemo as useMemo3, useRef as useRef2, useState as useState8 } from "react";
+import { Button as Button14 } from "@pactor-app/ui/ui";
+import { Input as Input4 } from "@pactor-app/ui/ui";
+import { Label } from "@pactor-app/ui/ui";
+import { Textarea as Textarea2 } from "@pactor-app/ui/ui";
+import {
+  CONTROL_SIZE_BOX as CONTROL_SIZE_BOX2,
+  CONTROL_SIZE_BOX_GROW as CONTROL_SIZE_BOX_GROW2
+} from "@pactor-app/ui/components";
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+var TEXT = {
+  /** 头部进入编辑态的按钮文案 */
+  edit: "\u7F16\u8F91",
+  cancel: "\u53D6\u6D88",
+  confirm: "\u786E\u5B9A",
+  /** validation 未配置 message 时的兜底提示 */
+  invalidFormat: "\u8F93\u5165\u683C\u5F0F\u4E0D\u6B63\u786E"
+};
+function resolveI18nText(value, locale) {
+  if (value === null || value === void 0) return "";
+  if (typeof value === "string") return value;
+  if (typeof value === "number" || typeof value === "boolean") {
+    return String(value);
+  }
+  if (typeof value === "object") {
+    const lang = (locale || "zh").toLowerCase();
+    const candidates = lang.startsWith("zh") ? ["zh-CN", "zh_CN", "zh", "en-US", "en_US", "en"] : ["en-US", "en_US", "en", "zh-CN", "zh_CN", "zh"];
+    for (const key of candidates) {
+      if (value[key]) return String(value[key]);
+    }
+    const first = Object.values(value).find((v) => v);
+    return first ? String(first) : "";
+  }
+  return String(value);
+}
+var PLACEHOLDER_RE = /\$\{(\w+)\}|\{\{(\w+)\}\}/g;
+function parseTemplateSegments(template, mapping) {
+  const segments = [];
+  const re = new RegExp(PLACEHOLDER_RE.source, "g");
+  let lastIndex = 0;
+  let match;
+  while ((match = re.exec(template)) !== null) {
+    const key = match[1] ?? match[2];
+    const config = mapping?.[key];
+    if (!config) continue;
+    if (match.index > lastIndex) {
+      segments.push({ type: "text", text: template.slice(lastIndex, match.index) });
+    }
+    segments.push({ type: "field", key, config });
+    lastIndex = match.index + match[0].length;
+  }
+  if (lastIndex < template.length) {
+    segments.push({ type: "text", text: template.slice(lastIndex) });
+  }
+  return segments;
+}
+function coerceMappingValue(raw, type) {
+  if (type !== "number") return raw ?? "";
+  if (raw === "" || raw === void 0 || raw === null) return "";
+  const num = Number(raw);
+  return Number.isFinite(num) ? num : raw;
+}
+function composeExpression(template, values, mapping) {
+  return template.replace(
+    new RegExp(PLACEHOLDER_RE.source, "g"),
+    (raw, dollarKey, braceKey) => {
+      const key = dollarKey ?? braceKey;
+      return mapping?.[key] ? String(values[key] ?? "") : raw;
+    }
+  );
+}
+function buildDefaultValues(mapping) {
+  const values = {};
+  for (const [key, config] of Object.entries(mapping ?? {})) {
+    values[key] = coerceMappingValue(config.default ?? "", config.type);
+  }
+  return values;
+}
+function validateMappingValue(value, config, fallbackMessage) {
+  const isEmpty = value === "" || value === void 0 || value === null;
+  if (config.required && isEmpty) {
+    return config.validation?.message ?? fallbackMessage;
+  }
+  const pattern = config.validation?.pattern;
+  if (!pattern) return null;
+  if (isEmpty) return null;
+  if (typeof value === "number" && Number.isNaN(value)) return null;
+  return new RegExp(pattern).test(String(value)) ? null : config.validation?.message ?? fallbackMessage;
+}
+function escapeRegExp(text) {
+  return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function parseExpressionValues(template, value, mapping) {
+  if (!value) return null;
+  const segments = parseTemplateSegments(template, mapping);
+  const keys = [];
+  const pattern = segments.map((seg) => {
+    if (seg.type === "text") return escapeRegExp(seg.text);
+    keys.push(seg.key);
+    return "(.*?)";
+  }).join("");
+  const match = value.match(new RegExp(`^${pattern}$`));
+  if (!match) return null;
+  const values = {};
+  keys.forEach((key, i) => {
+    values[key] = coerceMappingValue(match[i + 1], mapping?.[key]?.type);
+  });
+  return values;
+}
+function resolveMappingOptions(config, optionSources, locale) {
+  const raw = config.options?.length ? config.options : config.optionSource ? optionSources?.[config.optionSource]?.options : null;
+  if (!raw?.length) return null;
+  return raw.map((opt) => ({
+    ...opt,
+    label: resolveI18nText(opt?.label, locale),
+    value: opt?.value
+  }));
+}
+function MappingSelect({
+  config,
+  optionSources,
+  value,
+  onChange,
+  disabled,
+  size,
+  fallbackLabel,
+  className,
+  viewOnly
+}) {
+  const options = resolveMappingOptions(config, optionSources) ?? [];
+  const displayOptions = useMemo3(() => {
+    if (!viewOnly || value === void 0 || value === null || value === "") {
+      return options;
+    }
+    return options.some((opt) => String(opt.value) === String(value)) ? options : [...options, { label: String(value), value: String(value) }];
+  }, [options, value, viewOnly]);
+  return /* @__PURE__ */ jsx18(
+    SearchableSelect,
+    {
+      value: value === "" ? void 0 : value,
+      onChange: (v) => onChange(v),
+      options: displayOptions,
+      placeholder: fallbackLabel,
+      disabled,
+      size,
+      showSearch: options.length > 10,
+      fullOptionText: true,
+      listClassName: "max-h-60 overflow-y-scroll",
+      className
+    }
+  );
+}
+function useMappingFieldOptions(config, optionSources) {
+  const entry = config.optionSource ? optionSources?.[config.optionSource] : null;
+  return useMemo3(() => {
+    const opts = config.options?.length ? config.options : entry?.options ?? [];
+    return {
+      loading: false,
+      fields: opts.map((o) => ({
+        featureCode: o.value,
+        featureName: o.label,
+        fieldType: o.fieldType
+      }))
+    };
+  }, [entry, config.options]);
+}
+function MappingFieldCondition({
+  config,
+  optionSources,
+  value,
+  onChange,
+  disabled,
+  size
+}) {
+  const { fields } = useMappingFieldOptions(config, optionSources);
+  const [condition, setCondition] = useState8(
+    () => (value ? statementToCondition(value, fields) : null) ?? defaultFieldConditionValue()
+  );
+  const touchedRef = useRef2(false);
+  useEffect2(() => {
+    if (touchedRef.current || !value) return;
+    const parsed = statementToCondition(value, fields);
+    if (parsed) setCondition(parsed);
+  }, [fields, value]);
+  return /* @__PURE__ */ jsx18(
+    FieldCondition,
+    {
+      value: condition,
+      fields,
+      disabled,
+      size,
+      onChange: (next) => {
+        touchedRef.current = true;
+        setCondition(next);
+        onChange(conditionToStatement(next));
+      }
+    }
+  );
+}
+function ExpressionEditor({
+  id,
+  value,
+  onChange,
+  valueTemplate,
+  valueMapping,
+  optionSources,
+  label,
+  required,
+  readonly,
+  viewOnly,
+  size = "middle",
+  className,
+  onValidityChange
+}) {
+  const labelOf = (seg) => resolveI18nText(seg.config.label) || seg.key;
+  const hintOf = (seg) => resolveI18nText(seg.config.placeholder) || labelOf(seg);
+  const segments = useMemo3(
+    () => parseTemplateSegments(valueTemplate, valueMapping),
+    [valueTemplate, valueMapping]
+  );
+  const fieldSegments = useMemo3(() => {
+    const seen = /* @__PURE__ */ new Set();
+    return segments.filter((seg) => {
+      if (seg.type !== "field" || seen.has(seg.key)) return false;
+      seen.add(seg.key);
+      return true;
+    });
+  }, [segments]);
+  const [values, setValues] = useState8(
+    () => (
+      // 外部已有值（编辑回显/AI 填充）时优先反向解析回控件
+      (value ? parseExpressionValues(valueTemplate, value, valueMapping) : null) ?? buildDefaultValues(valueMapping)
+    )
+  );
+  const composed = composeExpression(valueTemplate, values, valueMapping);
+  const [editing, setEditing] = useState8(false);
+  const [draft, setDraft] = useState8(values);
+  const [draftErrors, setDraftErrors] = useState8({});
+  const [text, setText] = useState8(composed);
+  const formValues = viewOnly ? values : draft;
+  const lastEmittedRef = useRef2(null);
+  const onChangeRef = useRef2(onChange);
+  onChangeRef.current = onChange;
+  const valuesRef = useRef2(values);
+  valuesRef.current = values;
+  const onValidityChangeRef = useRef2(onValidityChange);
+  onValidityChangeRef.current = onValidityChange;
+  useEffect2(() => {
+    onValidityChangeRef.current?.(editing && Object.keys(draftErrors).length > 0);
+  }, [editing, draftErrors]);
+  useEffect2(() => {
+    if (viewOnly) return;
+    const initial = composeExpression(valueTemplate, values, valueMapping);
+    if (initial !== (value ?? "")) {
+      lastEmittedRef.current = initial;
+      onChangeRef.current?.(initial);
+    }
+  }, []);
+  useEffect2(() => {
+    if (!value) return;
+    const composed2 = composeExpression(valueTemplate, valuesRef.current, valueMapping);
+    if (value === composed2) return;
+    const parsed = parseExpressionValues(valueTemplate, value, valueMapping);
+    if (parsed) setValues(parsed);
+  }, [value, valueTemplate, valueMapping]);
+  useEffect2(() => {
+    if (value !== void 0 && value !== "") return;
+    const defaults = buildDefaultValues(valueMapping);
+    setValues((prev) => {
+      const same = Object.keys(defaults).every((k) => prev[k] === defaults[k]);
+      return same ? prev : defaults;
+    });
+  }, [value, valueMapping]);
+  useEffect2(() => {
+    if (value === void 0 || value === lastEmittedRef.current) return;
+    setText(value === "" ? composed : value);
+  }, [value, composed]);
+  const enterEdit = () => {
+    setDraft(valuesRef.current);
+    setDraftErrors({});
+    setEditing(true);
+  };
+  const handleConfirm = () => {
+    const nextErrors = {};
+    for (const seg of fieldSegments) {
+      const message = validateMappingValue(draft[seg.key], seg.config, TEXT.invalidFormat);
+      if (message) nextErrors[seg.key] = message;
+    }
+    setDraftErrors(nextErrors);
+    if (Object.keys(nextErrors).length > 0) return;
+    const next = composeExpression(valueTemplate, draft, valueMapping);
+    setValues(draft);
+    lastEmittedRef.current = next;
+    setText(next);
+    onChangeRef.current?.(next);
+    setEditing(false);
+  };
+  const handleCancel = () => {
+    setDraftErrors({});
+    setEditing(false);
+  };
+  const handleTextChange = (raw) => {
+    setText(raw);
+    lastEmittedRef.current = raw;
+    const parsed = parseExpressionValues(valueTemplate, raw, valueMapping);
+    if (parsed) setValues(parsed);
+    onChangeRef.current?.(raw);
+  };
+  const handleDraftChange = (key, raw) => {
+    const config = valueMapping?.[key];
+    const next = coerceMappingValue(raw, config?.type);
+    setDraft((prev) => ({
+      ...prev,
+      [key]: next
+    }));
+    if (config?.validation?.pattern) {
+      const message = validateMappingValue(next, config, TEXT.invalidFormat);
+      setDraftErrors((prev) => {
+        if (!message && !prev[key]) return prev;
+        const updated = { ...prev };
+        if (message) updated[key] = message;
+        else delete updated[key];
+        return updated;
+      });
+    }
+  };
+  if (!valueTemplate) return null;
+  return /* @__PURE__ */ jsxs18("div", { id, className: cn("w-full space-y-2", className), children: [
+    !viewOnly && /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between", children: [
+      label ? /* @__PURE__ */ jsxs18(Label, { children: [
+        label,
+        required && /* @__PURE__ */ jsx18("span", { className: "text-destructive ml-1", children: "*" })
+      ] }) : /* @__PURE__ */ jsx18("span", {}),
+      !readonly && !editing && /* @__PURE__ */ jsx18(
+        Button14,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          className: "h-6 px-2 text-xs",
+          onClick: enterEdit,
+          children: TEXT.edit
+        }
+      )
+    ] }),
+    editing || viewOnly ? /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-3 rounded-md border bg-background px-3 py-3", children: [
+      fieldSegments.map((seg) => seg.config.type === "fieldCondition" ? (
+        // fieldCondition：label 在上，组件在下（块级布局）
+        /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ jsx18("span", { className: "text-sm text-muted-foreground", children: labelOf(seg) }),
+          /* @__PURE__ */ jsx18(
+            MappingFieldCondition,
+            {
+              config: seg.config,
+              optionSources,
+              disabled: viewOnly,
+              size,
+              value: formValues[seg.key] === "" || formValues[seg.key] === void 0 ? void 0 : String(formValues[seg.key]),
+              onChange: (v) => handleDraftChange(seg.key, v)
+            }
+          ),
+          draftErrors[seg.key] && /* @__PURE__ */ jsx18("p", { className: "text-xs text-destructive", children: draftErrors[seg.key] })
+        ] }, seg.key)
+      ) : /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx18("span", { className: "w-24 shrink-0 text-sm text-muted-foreground truncate", children: labelOf(seg) }),
+        /* @__PURE__ */ jsxs18("div", { className: "flex-1", children: [
+          seg.config.type === "select" ? /* @__PURE__ */ jsx18(
+            MappingSelect,
+            {
+              config: seg.config,
+              optionSources,
+              disabled: viewOnly,
+              viewOnly,
+              size,
+              value: formValues[seg.key] === "" ? void 0 : String(formValues[seg.key]),
+              onChange: (v) => handleDraftChange(seg.key, v),
+              fallbackLabel: hintOf(seg)
+            }
+          ) : /* @__PURE__ */ jsx18(
+            Input4,
+            {
+              type: seg.config.type === "number" ? "number" : "text",
+              value: formValues[seg.key] ?? "",
+              onChange: (e) => handleDraftChange(seg.key, e.target.value),
+              disabled: viewOnly,
+              placeholder: hintOf(seg),
+              "aria-label": labelOf(seg),
+              className: cn(CONTROL_SIZE_BOX2[size], "w-full font-mono")
+            }
+          ),
+          draftErrors[seg.key] && /* @__PURE__ */ jsx18("p", { className: "mt-1 text-xs text-destructive", children: draftErrors[seg.key] })
+        ] })
+      ] }, seg.key)),
+      !viewOnly && /* @__PURE__ */ jsxs18("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ jsx18(
+          Button14,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            onClick: handleCancel,
+            children: TEXT.cancel
+          }
+        ),
+        /* @__PURE__ */ jsx18(Button14, { type: "button", size: "sm", onClick: handleConfirm, children: TEXT.confirm })
+      ] })
+    ] }) : (
+      // display：可直接编辑的表达式文本框；内容实时 emit，
+      // 能按模板解析时会映射回「编辑」表单的控件
+      /* @__PURE__ */ jsx18(
+        Textarea2,
+        {
+          value: text,
+          onChange: (e) => handleTextChange(e.target.value),
+          readOnly: readonly,
+          rows: 1,
+          className: cn(
+            CONTROL_SIZE_BOX_GROW2[size],
+            "w-full resize-none break-all bg-muted/30 font-mono [field-sizing:content]"
+          )
+        }
+      )
+    )
+  ] });
+}
+
+// src/components/RuleConfig/index.tsx
+import { Plus as Plus2, Trash2 } from "lucide-react";
+import { useCallback as useCallback2, useEffect as useEffect3, useMemo as useMemo4, useRef as useRef3, useState as useState9 } from "react";
+import { Badge as Badge2 } from "@pactor-app/ui/ui";
+import { Button as Button15 } from "@pactor-app/ui/ui";
+import { Input as Input5 } from "@pactor-app/ui/ui";
+import {
+  Select as Select2,
+  SelectContent as SelectContent2,
+  SelectItem as SelectItem2,
+  SelectTrigger as SelectTrigger2,
+  SelectValue as SelectValue2
+} from "@pactor-app/ui/ui";
+import {
+  CONTROL_SIZE_BOX as CONTROL_SIZE_BOX3,
+  CONTROL_SIZE_BOX_GROW as CONTROL_SIZE_BOX_GROW3,
+  CONTROL_SIZE_SELECT_ATTR as CONTROL_SIZE_SELECT_ATTR2,
+  CONTROL_SIZE_TRIGGER_TEXT as CONTROL_SIZE_TRIGGER_TEXT2
+} from "@pactor-app/ui/components";
+import { jsx as jsx19, jsxs as jsxs19 } from "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 = useMemo4(() => {
+    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] = useState9(String(initScore));
+  const lastScoreRef = useRef3(value?.score);
+  useEffect3(() => {
+    if (value?.score === lastScoreRef.current) return;
+    lastScoreRef.current = value?.score;
+    setScoreText(value?.score == null ? "" : String(value.score));
+  }, [value?.score]);
+  const commitScore = useCallback2(
+    (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 = useCallback2(
+    (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__ */ jsxs19("div", { className: "space-y-2 text-sm", children: [
+      /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2 pb-2 border-b", children: [
+        /* @__PURE__ */ jsx19("span", { className: "text-muted-foreground", children: "\u6743\u91CD" }),
+        /* @__PURE__ */ jsx19("span", { className: "font-medium", children: initScore })
+      ] }),
+      conditions.map((condition) => /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx19("span", { children: operatorLabel2(condition.opt) }),
+        !NO_VALUE_OPT.includes(condition.opt) && /* @__PURE__ */ jsx19("span", { className: "font-medium", children: formatConditionValue2(condition) }),
+        /* @__PURE__ */ jsxs19("span", { className: "text-muted-foreground", children: [
+          "\u8BC4\u5206: ",
+          condition.score ?? "-"
+        ] })
+      ] }, condition.key))
+    ] });
+  }
+  return /* @__PURE__ */ jsxs19("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-1 pb-2 border-b gap-2", children: [
+      /* @__PURE__ */ jsx19("span", { className: "text-sm shrink-0", children: "\u6743\u91CD" }),
+      /* @__PURE__ */ jsx19(
+        Input5,
+        {
+          type: "number",
+          className: cn("w-48", CONTROL_SIZE_BOX3[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__ */ jsx19(
+      ConditionRow2,
+      {
+        condition,
+        issue: getConditionIssue(condition),
+        showDelete: conditions.length > 1,
+        disabled,
+        size,
+        onOptChange: (opt) => handleOptChange(condition.key, opt),
+        onValueChange: (val) => handleValueChange(condition.key, val),
+        onScoreChange: (score) => handleScoreChange(condition.key, score),
+        onDelete: () => handleDelete(condition.key)
+      },
+      condition.key
+    )),
+    !disabled && /* @__PURE__ */ jsxs19(
+      Button15,
+      {
+        type: "button",
+        variant: "link",
+        size: "sm",
+        className: "h-auto p-0 text-sm mt-1",
+        onClick: handleAdd,
+        children: [
+          /* @__PURE__ */ jsx19(Plus2, { className: "h-3.5 w-3.5" }),
+          "\u6DFB\u52A0\u6761\u4EF6"
+        ]
+      }
+    )
+  ] });
+}
+function ConditionRow2({
+  condition,
+  issue,
+  showDelete,
+  disabled,
+  size,
+  onOptChange,
+  onValueChange,
+  onScoreChange,
+  onDelete
+}) {
+  const { opt, value, score } = condition;
+  const missingValue = !disabled && !!issue?.missingValue;
+  const missingScore = !disabled && !!issue?.missingScore;
+  return /* @__PURE__ */ jsxs19("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs19(
+        Select2,
+        {
+          items: OPERATOR_VALUES.map((op) => ({
+            value: op,
+            label: operatorLabel2(op)
+          })),
+          value: opt,
+          onValueChange: (v) => onOptChange(v),
+          disabled,
+          children: [
+            /* @__PURE__ */ jsx19(
+              SelectTrigger2,
+              {
+                size: CONTROL_SIZE_SELECT_ATTR2[size],
+                className: cn("w-36 shrink-0", CONTROL_SIZE_TRIGGER_TEXT2[size]),
+                children: /* @__PURE__ */ jsx19(SelectValue2, {})
+              }
+            ),
+            /* @__PURE__ */ jsx19(SelectContent2, { children: OPERATOR_VALUES.map((op) => /* @__PURE__ */ jsx19(SelectItem2, { value: op, children: operatorLabel2(op) }, op)) })
+          ]
+        }
+      ),
+      !NO_VALUE_OPT.includes(opt) && /* @__PURE__ */ jsx19(
+        "div",
+        {
+          className: "w-[30%]" + (missingValue ? " [&_input]:border-destructive" : ""),
+          children: /* @__PURE__ */ jsx19(
+            ValueInput,
+            {
+              opt,
+              value,
+              disabled,
+              size,
+              onChange: onValueChange
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx19(
+        Input5,
+        {
+          type: "number",
+          className: cn(
+            "w-24 shrink-0",
+            CONTROL_SIZE_BOX3[size],
+            missingScore && "border-destructive"
+          ),
+          placeholder: "\u8BC4\u5206",
+          value: score ?? "",
+          disabled,
+          "aria-invalid": missingScore || void 0,
+          onChange: (e) => onScoreChange(
+            e.target.value === "" ? void 0 : e.target.valueAsNumber
+          )
+        }
+      ),
+      showDelete && !disabled && /* @__PURE__ */ jsx19(
+        Button15,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          className: "h-8 w-8 shrink-0 text-muted-foreground hover:text-destructive",
+          onClick: onDelete,
+          children: /* @__PURE__ */ jsx19(Trash2, { className: "h-4 w-4" })
+        }
+      )
+    ] }),
+    !disabled && issue && /* @__PURE__ */ jsx19("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") })
+  ] });
+}
+function ValueInput({ opt, value, disabled, size, onChange }) {
+  if (NO_VALUE_OPT.includes(opt)) {
+    return null;
+  }
+  if (opt === "BETWEEN") {
+    const [v1, v2] = normalizeBetweenValue(value);
+    return /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx19(
+        Input5,
+        {
+          type: "number",
+          className: cn("flex-1", CONTROL_SIZE_BOX3[size]),
+          value: v1 ?? "",
+          disabled,
+          onChange: (e) => onChange([e.target.valueAsNumber, v2])
+        }
+      ),
+      /* @__PURE__ */ jsx19("span", { className: "text-muted-foreground text-sm shrink-0", children: "~" }),
+      /* @__PURE__ */ jsx19(
+        Input5,
+        {
+          type: "number",
+          className: cn("flex-1", CONTROL_SIZE_BOX3[size]),
+          value: v2 ?? "",
+          disabled,
+          onChange: (e) => onChange([v1, e.target.valueAsNumber])
+        }
+      )
+    ] });
+  }
+  if (MULTI_VALUE_OPT.includes(opt)) {
+    return /* @__PURE__ */ jsx19(
+      TagInput,
+      {
+        value: value ?? [],
+        disabled,
+        size,
+        onChange: (tags) => onChange(tags)
+      }
+    );
+  }
+  if (NUMERIC_OPT.includes(opt)) {
+    return /* @__PURE__ */ jsx19(
+      Input5,
+      {
+        type: "number",
+        className: CONTROL_SIZE_BOX3[size],
+        value: value ?? "",
+        disabled,
+        onChange: (e) => onChange(e.target.valueAsNumber)
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx19(
+    Input5,
+    {
+      type: "text",
+      className: CONTROL_SIZE_BOX3[size],
+      value: value ?? "",
+      disabled,
+      onChange: (e) => onChange(e.target.value)
+    }
+  );
+}
+function TagInput({
+  value,
+  disabled,
+  size,
+  onChange
+}) {
+  const [input, setInput] = useState9("");
+  const addTag = () => {
+    const tag = input.trim();
+    if (tag && !value.includes(tag)) {
+      onChange([...value, tag]);
+    }
+    setInput("");
+  };
+  const removeTag = (tag) => onChange(value.filter((t) => t !== tag));
+  return /* @__PURE__ */ jsxs19(
+    "div",
+    {
+      className: cn(
+        "flex flex-wrap items-center gap-1 min-h-9 rounded-md border bg-transparent px-3 py-1 text-sm",
+        CONTROL_SIZE_BOX_GROW3[size]
+      ),
+      children: [
+        "      ",
+        value.map((tag) => /* @__PURE__ */ jsxs19(Badge2, { variant: "secondary", className: "gap-1 pr-1", children: [
+          tag,
+          !disabled && /* @__PURE__ */ jsx19(
+            "button",
+            {
+              type: "button",
+              className: "text-muted-foreground hover:text-foreground",
+              onClick: () => removeTag(tag),
+              children: "\xD7"
+            }
+          )
+        ] }, tag)),
+        !disabled && /* @__PURE__ */ jsx19(
+          "input",
+          {
+            className: "flex-1 min-w-16 bg-transparent outline-none placeholder:text-muted-foreground",
+            value: input,
+            placeholder: "\u8F93\u5165\u540E\u6309 Enter",
+            onChange: (e) => setInput(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                e.preventDefault();
+                addTag();
+              }
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/RuleExpression/index.tsx
+import { useLayoutEffect, useRef as useRef4, useState as useState10 } from "react";
+import { CONTROL_SIZE_BOX_GROW as CONTROL_SIZE_BOX_GROW4 } from "@pactor-app/ui/components";
+import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
+function trailingWord(text) {
+  const m = text.match(/[\w一-龥]+$/u);
+  return m ? m[0] : "";
+}
+function labelSuffixLength(input, label) {
+  for (let len = Math.min(input.length, label.length); len > 0; len--) {
+    const suffix = input.slice(input.length - len);
+    if (label.includes(suffix)) return len;
+  }
+  return 0;
+}
+function serialize(tokens, fieldKey = "value") {
+  let out = "";
+  tokens.forEach((t, i) => {
+    if (t.type === "field") {
+      if (out && !out.endsWith(" ")) out += " ";
+      out += t[fieldKey];
+    } else {
+      if (i === tokens.length - 1) {
+        out += t.text;
+        return;
+      }
+      const text = t.text.trim();
+      if (!text) return;
+      if (out && !out.endsWith(" ")) out += " ";
+      out += `${text} `;
+    }
+  });
+  return out;
+}
+function seedTokens(value, options) {
+  if (!value) return [];
+  if (typeof value === "string") {
+    return value ? [{ type: "text", text: value }] : [];
+  }
+  const fields = (value.sourceField || []).map((v) => ({
+    type: "field",
+    value: String(v),
+    label: options.find((o) => o.value === String(v))?.label ?? String(v)
+  }));
+  const tokens = [];
+  let rest = value.expression ?? "";
+  for (const field of fields) {
+    const idx = rest.indexOf(field.value);
+    if (idx === -1) {
+      tokens.push(field);
+      continue;
+    }
+    const before = rest.slice(0, idx);
+    if (before) tokens.push({ type: "text", text: before });
+    tokens.push(field);
+    rest = rest.slice(idx + field.value.length);
+  }
+  if (rest) tokens.push({ type: "text", text: rest });
+  return tokens;
+}
+var X_SVG = '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>';
+function buildChip(field, disabled) {
+  const chip = document.createElement("span");
+  chip.contentEditable = "false";
+  chip.dataset.value = field.value;
+  chip.dataset.label = field.label;
+  chip.className = "mx-0.5 inline-flex items-center gap-1 rounded bg-muted px-2 py-0.5 align-middle text-xs font-medium";
+  const label = document.createElement("span");
+  label.textContent = field.label;
+  chip.appendChild(label);
+  if (!disabled) {
+    const btn = document.createElement("button");
+    btn.type = "button";
+    btn.dataset.remove = "true";
+    btn.setAttribute("aria-label", `remove-${field.value}`);
+    btn.className = "cursor-pointer opacity-60 hover:opacity-100";
+    btn.innerHTML = X_SVG;
+    chip.appendChild(btn);
+  }
+  return chip;
+}
+function parseEditor(root) {
+  const tokens = [];
+  const pushText = (text) => {
+    if (!text) return;
+    const last = tokens[tokens.length - 1];
+    if (last?.type === "text") last.text += text;
+    else tokens.push({ type: "text", text });
+  };
+  const walk = (node) => {
+    if (node.nodeType === Node.TEXT_NODE) {
+      pushText(node.textContent ?? "");
+      return;
+    }
+    if (!(node instanceof HTMLElement)) return;
+    if (node.dataset.value != null) {
+      tokens.push({
+        type: "field",
+        value: node.dataset.value,
+        label: node.dataset.label ?? node.dataset.value
+      });
+      return;
+    }
+    if (node.tagName === "BR") {
+      pushText("\n");
+      return;
+    }
+    node.childNodes.forEach(walk);
+    if (node.tagName === "DIV" || node.tagName === "P") pushText("\n");
+  };
+  root.childNodes.forEach(walk);
+  return tokens;
+}
+function setCaret(node, offset) {
+  const sel = window.getSelection();
+  if (!sel) return;
+  const range = document.createRange();
+  range.setStart(node, offset);
+  range.collapse(true);
+  sel.removeAllRanges();
+  sel.addRange(range);
+}
+function setCaretToEnd(el) {
+  const sel = window.getSelection();
+  if (!sel) return;
+  const range = document.createRange();
+  range.selectNodeContents(el);
+  range.collapse(false);
+  sel.removeAllRanges();
+  sel.addRange(range);
+}
+function RuleExpression({
+  options = [],
+  value,
+  onChange,
+  placeholder,
+  disabled,
+  size = "middle",
+  id,
+  className
+}) {
+  const editorRef = useRef4(null);
+  const [focused, setFocused] = useState10(false);
+  const [activeIndex, setActiveIndex] = useState10(0);
+  const [matchText, setMatchText] = useState10("");
+  const lastEmittedRef = useRef4(null);
+  const matched = matchText ? options.filter((o) => o.label.toLowerCase().includes(matchText.toLowerCase())) : [];
+  const showSuggestions = focused && !disabled && matched.length > 0;
+  const emitTokens = (tokens) => {
+    const out = {
+      expression: serialize(tokens),
+      expressionLabel: serialize(tokens, "label"),
+      sourceField: tokens.filter((t) => t.type === "field").map((t) => t.value)
+    };
+    lastEmittedRef.current = JSON.stringify(out);
+    onChange?.(out);
+  };
+  const caretBeforeText = () => {
+    const ed = editorRef.current;
+    const sel = window.getSelection();
+    if (!ed || !sel || !sel.rangeCount) return "";
+    const node = sel.anchorNode;
+    if (!node || !ed.contains(node)) return "";
+    if (node === ed) {
+      const prev = ed.childNodes[sel.anchorOffset - 1];
+      return prev?.nodeType === Node.TEXT_NODE ? prev.textContent ?? "" : "";
+    }
+    if (node.nodeType === Node.TEXT_NODE) {
+      return (node.textContent ?? "").slice(0, sel.anchorOffset);
+    }
+    return "";
+  };
+  const refreshSuggest = () => {
+    setMatchText(trailingWord(caretBeforeText()));
+  };
+  const syncFromDOM = () => {
+    const ed = editorRef.current;
+    if (!ed) return;
+    emitTokens(parseEditor(ed));
+    refreshSuggest();
+  };
+  const rebuild = (tokens) => {
+    const ed = editorRef.current;
+    if (!ed) return;
+    ed.textContent = "";
+    for (const t of tokens) {
+      if (t.type === "field") ed.appendChild(buildChip(t, disabled));
+      else ed.appendChild(document.createTextNode(t.text));
+    }
+  };
+  useLayoutEffect(() => {
+    const sig = JSON.stringify(value ?? null);
+    if (sig !== lastEmittedRef.current) {
+      rebuild(seedTokens(value, options));
+      lastEmittedRef.current = sig;
+      setMatchText("");
+    }
+  }, [value, options, disabled]);
+  const selectOption = (opt) => {
+    const ed = editorRef.current;
+    const sel = window.getSelection();
+    if (!ed || !sel || !sel.rangeCount) return;
+    let node = sel.anchorNode;
+    let offset = sel.anchorOffset;
+    if (!node || !ed.contains(node)) return;
+    if (node === ed) {
+      const tn = document.createTextNode("");
+      ed.insertBefore(tn, ed.childNodes[offset] ?? null);
+      node = tn;
+      offset = 0;
+    }
+    if (node.nodeType !== Node.TEXT_NODE) return;
+    const textNode = node;
+    const text = textNode.textContent ?? "";
+    const before = text.slice(0, offset);
+    const after = text.slice(offset);
+    const replaceLen = Math.max(
+      labelSuffixLength(before, opt.label),
+      trailingWord(before).length
+    );
+    textNode.textContent = before.slice(0, before.length - replaceLen);
+    const afterNode = document.createTextNode(after);
+    const chip = buildChip({ type: "field", label: opt.label, value: opt.value }, disabled);
+    ed.insertBefore(chip, textNode.nextSibling);
+    ed.insertBefore(afterNode, chip.nextSibling);
+    if (!textNode.textContent) ed.removeChild(textNode);
+    ed.focus();
+    setCaret(afterNode, 0);
+    setActiveIndex(0);
+    syncFromDOM();
+  };
+  const removeChip = (chip) => {
+    const ed = editorRef.current;
+    if (!ed) return;
+    const prev = chip.previousSibling;
+    const caretNode = prev && prev.nodeType === Node.TEXT_NODE ? prev : document.createTextNode("");
+    if (!caretNode.isConnected) ed.insertBefore(caretNode, chip);
+    const caretPos = caretNode.textContent?.length ?? 0;
+    ed.removeChild(chip);
+    ed.normalize();
+    ed.focus();
+    if (caretNode.isConnected) setCaret(caretNode, caretPos);
+    else setCaretToEnd(ed);
+    syncFromDOM();
+  };
+  const tryRemoveAdjacentChip = (dir) => {
+    const ed = editorRef.current;
+    const sel = window.getSelection();
+    if (!ed || !sel || !sel.rangeCount || !sel.isCollapsed) return false;
+    const node = sel.anchorNode;
+    if (!node || !ed.contains(node)) return false;
+    let target = null;
+    if (node === ed) {
+      target = dir === "before" ? ed.childNodes[sel.anchorOffset - 1] : ed.childNodes[sel.anchorOffset];
+    } else if (node.nodeType === Node.TEXT_NODE) {
+      const len = node.textContent?.length ?? 0;
+      const atEdge = dir === "before" ? sel.anchorOffset === 0 : sel.anchorOffset === len;
+      if (atEdge) {
+        target = dir === "before" ? node.previousSibling : node.nextSibling;
+      }
+    }
+    if (target instanceof HTMLElement && target.dataset.value != null) {
+      removeChip(target);
+      return true;
+    }
+    return false;
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "ArrowDown" && showSuggestions) {
+      e.preventDefault();
+      setActiveIndex((x) => (x + 1) % matched.length);
+      return;
+    }
+    if (e.key === "ArrowUp" && showSuggestions) {
+      e.preventDefault();
+      setActiveIndex((x) => (x - 1 + matched.length) % matched.length);
+      return;
+    }
+    if (e.key === "Enter") {
+      if (showSuggestions) {
+        e.preventDefault();
+        selectOption(matched[Math.min(activeIndex, matched.length - 1)]);
+      }
+      return;
+    }
+    if (e.key === "Backspace" && tryRemoveAdjacentChip("before")) {
+      e.preventDefault();
+      return;
+    }
+    if (e.key === "Delete" && tryRemoveAdjacentChip("after")) {
+      e.preventDefault();
+    }
+  };
+  return /* @__PURE__ */ jsxs20(
+    "div",
+    {
+      className: cn("relative", className),
+      onBlur: (e) => {
+        if (!e.currentTarget.contains(e.relatedTarget)) {
+          setFocused(false);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx20(
+          "div",
+          {
+            ref: editorRef,
+            id,
+            contentEditable: !disabled,
+            suppressContentEditableWarning: true,
+            role: "textbox",
+            "aria-multiline": "true",
+            "data-placeholder": placeholder,
+            className: cn(
+              "min-h-9 w-full whitespace-pre-wrap break-words rounded-md border border-input bg-background px-3 py-2 text-sm",
+              CONTROL_SIZE_BOX_GROW4[size],
+              "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+              "empty:before:pointer-events-none empty:before:text-muted-foreground empty:before:content-[attr(data-placeholder)]",
+              disabled && "cursor-not-allowed opacity-50"
+            ),
+            onFocus: () => {
+              setFocused(true);
+              refreshSuggest();
+            },
+            onInput: syncFromDOM,
+            onKeyDown: handleKeyDown,
+            onKeyUp: refreshSuggest,
+            onClick: (e) => {
+              const btn = e.target.closest?.("[data-remove]");
+              if (btn) {
+                e.preventDefault();
+                const chip = btn.closest("[data-value]");
+                if (chip instanceof HTMLElement) removeChip(chip);
+                return;
+              }
+              refreshSuggest();
+            }
+          }
+        ),
+        showSuggestions && /* @__PURE__ */ jsx20(
+          "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__ */ jsx20("li", { children: /* @__PURE__ */ jsx20(
+              "button",
+              {
+                type: "button",
+                className: cn(
+                  "w-full cursor-pointer rounded-sm px-2 py-1.5 text-left text-sm",
+                  index === activeIndex && "bg-accent"
+                ),
+                onMouseEnter: () => setActiveIndex(index),
+                onClick: () => selectOption(opt),
+                children: opt.label
+              }
+            ) }, opt.value))
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/ScriptEditor/index.tsx
+import { useEffect as useEffect4, useRef as useRef5, useState as useState11 } from "react";
+import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
+function escapeHtml(text) {
+  return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function buildFunctionSnippet(fn) {
+  const params = fn.parameters ?? [];
+  if (params.length === 0) return `${fn.name}()`;
+  const inner = params.map((p, i) => `\${${i + 1}:${p.name}}`).join(", ");
+  return `${fn.name}(${inner})`;
+}
+function buildFunctionDoc(fn) {
+  const parts = [];
+  if (fn.description) parts.push(`<p>${escapeHtml(fn.description)}</p>`);
+  const params = fn.parameters ?? [];
+  if (params.length > 0) {
+    const rows = params.map(
+      (p) => `<li><b>${escapeHtml(p.name)}</b>` + (p.type ? ` <i>${escapeHtml(p.type)}</i>` : "") + (p.description ? ` \u2014 ${escapeHtml(p.description)}` : "") + `</li>`
+    ).join("");
+    parts.push(`<ul>${rows}</ul>`);
+  }
+  return parts.join("");
+}
+function buildVariableDoc(variable) {
+  const parts = [];
+  if (variable.type) parts.push(`<p><i>${escapeHtml(variable.type)}</i></p>`);
+  if (variable.description) parts.push(`<p>${escapeHtml(variable.description)}</p>`);
+  return parts.join("");
+}
+function buildScriptCompletions(functions, variables) {
+  return {
+    getCompletions(_editor, _session, _position, _prefix, callback) {
+      const completions = [
+        ...(functions ?? []).map((fn) => ({
+          caption: fn.name,
+          snippet: buildFunctionSnippet(fn),
+          meta: "function",
+          docHTML: buildFunctionDoc(fn)
+        })),
+        ...(variables ?? []).map((v) => ({
+          caption: v.name,
+          value: v.name,
+          meta: "variable",
+          docHTML: buildVariableDoc(v)
+        }))
+      ];
+      callback(null, completions);
+    }
+  };
+}
+var MODE_LOADERS = {
+  python: () => Promise.all([
+    import("ace-builds/src-noconflict/mode-python"),
+    import("ace-builds/src-noconflict/snippets/python")
+  ])
+};
+function ScriptEditor({
+  id,
+  value,
+  onChange,
+  placeholder,
+  language = "python",
+  functions,
+  variables,
+  readonly,
+  height = 160,
+  className
+}) {
+  const containerRef = useRef5(null);
+  const editorRef = useRef5(null);
+  const onChangeRef = useRef5(onChange);
+  onChangeRef.current = onChange;
+  const [isEmpty, setIsEmpty] = useState11(!value);
+  useEffect4(() => {
+    let disposed = false;
+    (async () => {
+      const ace = await import("ace-builds");
+      await Promise.all([
+        import("ace-builds/src-noconflict/theme-textmate"),
+        import("ace-builds/src-noconflict/ext-language_tools"),
+        MODE_LOADERS[language]?.() ?? Promise.resolve()
+      ]);
+      if (disposed || !containerRef.current) return;
+      const editor = ace.edit(containerRef.current, {
+        value: value ?? "",
+        theme: "ace/theme/textmate",
+        mode: MODE_LOADERS[language] ? `ace/mode/${language}` : "ace/mode/text",
+        showPrintMargin: false,
+        highlightActiveLine: true,
+        tabSize: 4,
+        useSoftTabs: true,
+        readOnly: readonly ?? false,
+        enableBasicAutocompletion: [buildScriptCompletions(functions, variables)],
+        enableLiveAutocompletion: true,
+        enableSnippets: true
+      });
+      editor.session.setUseWorker(false);
+      editor.on("change", () => {
+        const current = editor.getValue();
+        setIsEmpty(current === "");
+        onChangeRef.current?.(current);
+      });
+      editorRef.current = editor;
+    })().catch(() => {
+    });
+    return () => {
+      disposed = true;
+      editorRef.current?.destroy();
+      editorRef.current = null;
+    };
+  }, []);
+  useEffect4(() => {
+    const editor = editorRef.current;
+    if (!editor) return;
+    const next = value ?? "";
+    if (editor.getValue() !== next) {
+      editor.setValue(next, -1);
+      setIsEmpty(next === "");
+    }
+  }, [value]);
+  useEffect4(() => {
+    editorRef.current?.setOptions({
+      enableBasicAutocompletion: [buildScriptCompletions(functions, variables)]
+    });
+  }, [functions, variables]);
+  useEffect4(() => {
+    editorRef.current?.setReadOnly(readonly ?? false);
+  }, [readonly]);
+  return /* @__PURE__ */ jsxs21(
+    "div",
+    {
+      className: cn(
+        "relative w-full rounded-md border bg-background overflow-hidden",
+        readonly && "bg-muted",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx21("div", { ref: containerRef, id, style: { height }, className: "w-full" }),
+        isEmpty && placeholder && /* @__PURE__ */ jsx21("div", { className: "absolute top-0 left-0 px-3 py-2 text-sm text-muted-foreground pointer-events-none z-10", children: placeholder })
+      ]
+    }
+  );
+}
+
+// src/index.ts
+var blockComponents = {
+  Login,
+  EntityCard,
+  CardList,
+  RecordingPage,
+  SiteFooter,
+  FieldCondition,
+  ExpressionEditor,
+  RuleConfig,
+  RuleExpression,
+  ScriptEditor
+};
+function registerBlockComponents(registry) {
+  for (const [type, component] of Object.entries(blockComponents)) {
+    registry.register(type, component);
+  }
+}
+function createBlockComponentRegistry() {
+  const registry = new Registry("ComponentRegistry");
+  registerBlockComponents(registry);
+  return registry;
+}
+export {
+  CardList,
+  EntityCard,
+  ExpressionEditor,
+  FieldCondition,
+  Login,
+  RecordingPage,
+  RuleConfig,
+  RuleExpression,
+  ScriptEditor,
+  SiteFooter,
+  blockComponents,
+  createBlockComponentRegistry,
+  registerBlockComponents
+};