@orbit-work/ui 0.1.2 → 0.1.3

package/dist/index.js

@@ -7,23 +7,28 @@ import {
 import {
   BUILTIN_ORBITWORK_SKINS,
   DEFAULT_ORBITWORK_SKIN_ID,
+  TENANT_THEME_COLOR_KEYS
+} from "./chunk-KTNWR3H5.js";
+import {
+  applyUnifiedTheme,
+  localizedCopy,
+  mergeUnifiedTheme,
+  removeUnifiedTheme
+} from "./chunk-ZXMHCL6D.js";
+import {
   HEX_COLOR,
   ORBITWORK_FONT_SCALES,
-  ORBITWORK_SKIN_CSS_VARIABLES,
-  TENANT_THEME_COLOR_KEYS,
   assertKnownKeys,
   ds2ContrastRatio,
-  fontScaleTokens,
   hasOrbitworkSkinChatBackground,
   isOrbitworkFontScale,
   isRecord,
-  normalizeOrbitworkSkinPublicPartStyles,
   orbitworkSkinChatBackgroundMaskColor,
   orbitworkSkinImageCssValue,
   parseOrbitworkSkin,
   resolveOrbitworkFontScale,
   resolveOrbitworkSkinChatBackgroundMask
-} from "./chunk-S3R5QFO4.js";
+} from "./chunk-LSGO6AQR.js";
 import {
   BROWSER_ANNOTATION_POPUP_STYLES,
   BROWSER_ANNOTATION_PROPERTY_DEFS
@@ -26717,7 +26722,7 @@ function DesktopAboutSettingsView({
       className: "flex flex-col items-center py-10 text-center text-[color:var(--ow-text)]",
       "aria-labelledby": "desktop-about-product-name",
       children: [
-        /* @__PURE__ */ jsx152("img", { "data-ow-part": "logo", src: logoSrc, alt: "", className: "size-16" }),
+        /* @__PURE__ */ jsx152("img", { "data-ow-part": "logo", src: logoSrc, alt: "", className: "size-16 object-contain" }),
         /* @__PURE__ */ jsx152(
           "h2",
           {
@@ -28453,7 +28458,7 @@ function DesktopConnectorCardView({
 }
 
 // src/theme/core/tenantTheme.ts
-var ROOT_KEYS = /* @__PURE__ */ new Set(["name", "logo", "favicon", "modes", "typography", "branding"]);
+var ROOT_KEYS = /* @__PURE__ */ new Set(["name", "logo", "loginKV", "favicon", "modes", "typography", "branding"]);
 var MODE_KEYS = /* @__PURE__ */ new Set(["light", "dark"]);
 var COLOR_KEYS = new Set(TENANT_THEME_COLOR_KEYS);
 var TYPOGRAPHY_KEYS = /* @__PURE__ */ new Set(["fontSans", "fontMono"]);
@@ -28559,6 +28564,7 @@ function parseTenantTheme(input) {
     assertKnownKeys(input, ROOT_KEYS, "\u79DF\u6237\u4E3B\u9898");
     const name = parseLimitedText(input.name, "name", LENGTH_LIMITS.name, true);
     const logo = parseAsset(input.logo, "logo", true);
+    const loginKV = parseAsset(input.loginKV, "loginKV", false);
     const favicon = parseAsset(input.favicon, "favicon", false);
     if (!isRecord(input.modes)) throw new Error("modes \u5FC5\u987B\u662F\u5BF9\u8C61");
     assertKnownKeys(input.modes, MODE_KEYS, "modes");
@@ -28578,6 +28584,7 @@ function parseTenantTheme(input) {
       theme: {
         name,
         logo,
+        ...loginKV !== void 0 ? { loginKV } : {},
         ...favicon !== void 0 ? { favicon } : {},
         modes: { ...light ? { light } : {}, ...dark ? { dark } : {} },
         typography: { fontSans: fontSans.trim(), fontMono: fontMono.trim() },
@@ -28589,228 +28596,8 @@ function parseTenantTheme(input) {
   }
 }
 
-// src/theme/core/unifiedTheme.ts
-var TENANT_TOKEN_MAP = {
-  bg: "--ow-bg",
-  surface: "--ow-surface",
-  surface2: "--ow-surface-2",
-  text: "--ow-text",
-  text2: "--ow-text-2",
-  text3: "--ow-text-3",
-  border: "--ow-border",
-  borderStrong: "--ow-border-strong"
-};
-function tenantTokens(theme, mode) {
-  const colors = theme?.modes[mode];
-  if (!colors) return {};
-  return Object.fromEntries(
-    Object.entries(TENANT_TOKEN_MAP).map(([key, token]) => [token, colors[key]])
-  );
-}
-function skinTokens(skin, mode) {
-  const values = skin?.modes[mode];
-  if (!values) return {};
-  const tokens = {};
-  for (const [rawKey, value] of Object.entries(values)) {
-    const key = rawKey;
-    const property = ORBITWORK_SKIN_CSS_VARIABLES[key];
-    if (!property || !value) continue;
-    if (key === "chatBackgroundImage") {
-      const image = orbitworkSkinImageCssValue(value);
-      if (image) tokens[property] = image;
-      continue;
-    }
-    if (key === "chatBackgroundMaskColor") {
-      const mask = resolveOrbitworkSkinChatBackgroundMask(value);
-      tokens[property] = mask.color;
-      tokens["--ow-chat-bg-mask-start-opacity"] = `${mask.startOpacity}%`;
-      tokens["--ow-chat-bg-mask-end-opacity"] = `${mask.endOpacity}%`;
-      continue;
-    }
-    if (key === "chatBackgroundOverlay" && values.chatBackgroundMaskColor) continue;
-    tokens[property] = value;
-  }
-  return tokens;
-}
-function localeCandidates(locale) {
-  let canonical = "en-US";
-  try {
-    canonical = Intl.getCanonicalLocales(locale)[0] ?? "en-US";
-  } catch {
-  }
-  const language = canonical.split("-")[0] ?? "en";
-  return [.../* @__PURE__ */ new Set([canonical, language, "en-US"])];
-}
-function localizedCopy(source, locale) {
-  if (!source) return void 0;
-  for (const candidate of localeCandidates(locale)) {
-    if (source[candidate]) return source[candidate];
-  }
-  return void 0;
-}
-function mergeUnifiedTheme(brand, tenant, userSkin, mode, locale = "en-US", appearanceOverlaySkin = null, fontScalePreference = null) {
-  const chatBackgroundImage = appearanceOverlaySkin?.modes[mode]?.chatBackgroundImage ?? userSkin?.modes[mode]?.chatBackgroundImage;
-  const tokens = {
-    ...brand?.modes[mode] ?? {},
-    ...tenantTokens(tenant, mode),
-    ...skinTokens(userSkin, mode),
-    ...skinTokens(appearanceOverlaySkin, mode),
-    ...fontScaleTokens(resolveOrbitworkFontScale(fontScalePreference, userSkin?.fontScale))
-  };
-  const typography = tenant?.typography ?? brand?.typography;
-  if (typography) {
-    tokens["--ow-font-sans"] = typography.fontSans;
-    tokens["--ow-font-mono"] = typography.fontMono;
-  }
-  const brandCopy = localizedCopy(brand?.branding, locale);
-  const tenantCopy = localizedCopy(tenant?.branding, locale);
-  const copy = tenantCopy ? { ...brandCopy ?? {}, ...tenantCopy } : brandCopy ?? null;
-  const logo = tenant?.logo || brand?.logo;
-  const favicon = tenant?.favicon || brand?.favicon;
-  const branding = copy ? {
-    ...copy,
-    ...logo ? { logo } : {},
-    ...favicon ? { favicon } : {}
-  } : null;
-  return {
-    mode,
-    tokens,
-    branding,
-    skin: userSkin?.modes[mode] || appearanceOverlaySkin?.modes[mode] ? {
-      id: userSkin?.id ?? appearanceOverlaySkin?.id ?? "default",
-      ...userSkin?.contributes?.publicPartStyles ? { publicPartStyles: userSkin.contributes.publicPartStyles } : {},
-      ...chatBackgroundImage ? { chatBackgroundImage } : {},
-      hasChatBackgroundImage: Boolean(chatBackgroundImage),
-      hasUserBubbleStyle: Boolean(
-        userSkin?.modes[mode]?.userBubbleBackground || userSkin?.modes[mode]?.userBubbleForeground || userSkin?.modes[mode]?.userBubbleBorder
-      )
-    } : null,
-    sources: {
-      brand: brand?.id ?? null,
-      tenant: tenant?.name ?? null,
-      user: userSkin?.id ?? null
-    }
-  };
-}
-
 // src/theme/providers/ThemeProvider.tsx
 import { createContext as createContext5, useCallback as useCallback40, useContext as useContext5, useEffect as useEffect37, useMemo as useMemo12, useState as useState61 } from "react";
-
-// src/theme/utils/themeApplier.ts
-var managedProperties = /* @__PURE__ */ new WeakMap();
-var managedPublicPartStyles = /* @__PURE__ */ new WeakMap();
-var managedPublicPartScopes = /* @__PURE__ */ new WeakMap();
-var managedChatBackgroundImages = /* @__PURE__ */ new WeakMap();
-var nextPublicPartScope = 0;
-var CHAT_BACKGROUND_IMAGE_PROPERTY = "--ow-chat-bg-image";
-function applyUnifiedTheme(theme, target = document.documentElement) {
-  const previous = managedProperties.get(target) ?? /* @__PURE__ */ new Set();
-  const next = new Set(Object.keys(theme.tokens));
-  for (const property of previous) {
-    if (!next.has(property)) target.style.removeProperty(property);
-  }
-  for (const [property, value] of Object.entries(theme.tokens)) {
-    if (value === void 0) continue;
-    const appliedValue = property === CHAT_BACKGROUND_IMAGE_PROPERTY && theme.skin?.chatBackgroundImage ? chatBackgroundImageCssValue(target, theme.skin.chatBackgroundImage, value) : value;
-    target.style.setProperty(property, appliedValue);
-  }
-  if (!next.has(CHAT_BACKGROUND_IMAGE_PROPERTY) || !theme.skin?.chatBackgroundImage) {
-    releaseChatBackgroundImage(target);
-  }
-  managedProperties.set(target, next);
-  setOptionalAttribute(target, "data-ow-brand-theme", theme.sources.brand);
-  setOptionalAttribute(target, "data-tenant-theme", theme.sources.tenant);
-  setOptionalAttribute(target, "data-ow-skin", theme.skin?.id ?? null);
-  if (theme.skin?.hasChatBackgroundImage) target.setAttribute("data-desktop-background-image", "");
-  else target.removeAttribute("data-desktop-background-image");
-  if (theme.skin?.hasUserBubbleStyle) target.setAttribute("data-chat-user-bubble-skin", "");
-  else target.removeAttribute("data-chat-user-bubble-skin");
-  const targetDocument = target.ownerDocument ?? (typeof document === "undefined" ? null : document);
-  if (targetDocument) applyPublicPartStyles(target, targetDocument, theme.skin);
-}
-function removeUnifiedTheme(target = document.documentElement) {
-  for (const property of managedProperties.get(target) ?? []) target.style.removeProperty(property);
-  managedProperties.delete(target);
-  releaseChatBackgroundImage(target);
-  target.removeAttribute("data-ow-brand-theme");
-  target.removeAttribute("data-tenant-theme");
-  target.removeAttribute("data-ow-skin");
-  target.removeAttribute("data-desktop-background-image");
-  target.removeAttribute("data-chat-user-bubble-skin");
-  removePublicPartStyles(target);
-}
-function chatBackgroundImageCssValue(target, dataUrl, fallback) {
-  const current = managedChatBackgroundImages.get(target);
-  if (current?.dataUrl === dataUrl) return `url("${current.objectUrl}")`;
-  const separator = dataUrl.indexOf(",");
-  const header = separator >= 0 ? dataUrl.slice(0, separator) : "";
-  if (!/^data:image\/(?:png|jpeg|webp);base64$/i.test(header)) {
-    releaseChatBackgroundImage(target);
-    return fallback;
-  }
-  try {
-    const binary = globalThis.atob(dataUrl.slice(separator + 1));
-    const bytes = new Uint8Array(binary.length);
-    for (let index = 0; index < binary.length; index += 1) bytes[index] = binary.charCodeAt(index);
-    const objectUrl = globalThis.URL.createObjectURL(new Blob([bytes], { type: header.slice(5, -7) }));
-    releaseChatBackgroundImage(target);
-    managedChatBackgroundImages.set(target, { dataUrl, objectUrl });
-    return `url("${objectUrl}")`;
-  } catch {
-    releaseChatBackgroundImage(target);
-    return fallback;
-  }
-}
-function releaseChatBackgroundImage(target) {
-  const current = managedChatBackgroundImages.get(target);
-  if (!current) return;
-  globalThis.URL.revokeObjectURL(current.objectUrl);
-  managedChatBackgroundImages.delete(target);
-}
-function setOptionalAttribute(target, name, value) {
-  if (value) target.setAttribute(name, value);
-  else target.removeAttribute(name);
-}
-function removePublicPartStyles(target) {
-  managedPublicPartStyles.get(target)?.remove();
-  managedPublicPartStyles.delete(target);
-  target.removeAttribute("data-ow-skin-scope");
-}
-function applyPublicPartStyles(target, document2, skin) {
-  const previous = managedPublicPartStyles.get(target);
-  if (!skin?.publicPartStyles) {
-    removePublicPartStyles(target);
-    return;
-  }
-  let normalized;
-  try {
-    normalized = normalizeOrbitworkSkinPublicPartStyles(skin.publicPartStyles);
-  } catch (error) {
-    console.error("[theme] rejected invalid public-part styles at apply time:", error);
-    removePublicPartStyles(target);
-    return;
-  }
-  let scopeId = managedPublicPartScopes.get(target);
-  if (!scopeId) {
-    scopeId = `ow-skin-${++nextPublicPartScope}`;
-    managedPublicPartScopes.set(target, scopeId);
-  }
-  target.setAttribute("data-ow-skin-scope", scopeId);
-  const scope = `[data-ow-skin-scope="${scopeId}"]`;
-  const scopedCss = normalized.replace(/([^{}]+)\{/g, (_match, selector) => {
-    const selectors = selector.split(",").map((item) => `${scope} ${item.trim()}`).join(", ");
-    return `${selectors} {`;
-  });
-  const style = previous ?? document2.createElement("style");
-  style.setAttribute("data-ow-skin-style", scopeId);
-  style.textContent = scopedCss;
-  if (!previous) {
-    managedPublicPartStyles.set(target, style);
-    document2.head.appendChild(style);
-  }
-}
-
-// src/theme/providers/ThemeProvider.tsx
 import { jsx as jsx157 } from "react/jsx-runtime";
 var STORAGE_KEY = "ow-theme";
 var SKIN_STORAGE_KEY = "ow-skin-id";
@@ -28885,7 +28672,7 @@ function ThemeProvider({
   const builtinSkins = BUILTIN_ORBITWORK_SKINS;
   const skins = useMemo12(() => [...BUILTIN_ORBITWORK_SKINS, ...customSkins], [customSkins]);
   const activeSkin = tryOnSkin ?? skin;
-  const fontScale = resolveOrbitworkFontScale(fontScalePreference, activeSkin?.fontScale);
+  const fontScale = resolveOrbitworkFontScale(fontScalePreference, activeSkin?.fontScale ?? brandTheme?.fontScale);
   const unifiedTheme = useMemo12(
     () => mergeUnifiedTheme(
       brandTheme,
@@ -30336,6 +30123,7 @@ function DesktopConnectorDetailView({
 import { Fragment as Fragment52, jsx as jsx167, jsxs as jsxs138 } from "react/jsx-runtime";
 function DesktopHomeView({
   title = void 0,
+  brandLogoSrc,
   backdrop,
   capsules,
   mounts,
@@ -30358,7 +30146,15 @@ function DesktopHomeView({
         ),
         children: [
           /* @__PURE__ */ jsxs138("div", { "data-slot": "desktop-home-hero", className: "flex items-center gap-[14px]", children: [
-            /* @__PURE__ */ jsx167(OrbitworkMark, { variant: "auto", size: 34 }),
+            brandLogoSrc ? /* @__PURE__ */ jsx167(
+              "img",
+              {
+                "data-ow-part": "brand-logo",
+                src: brandLogoSrc,
+                alt: "",
+                className: "h-[34px] w-[34px] object-contain"
+              }
+            ) : /* @__PURE__ */ jsx167(OrbitworkMark, { variant: "auto", size: 34 }),
             /* @__PURE__ */ jsx167(
               "h1",
               {
@@ -30462,7 +30258,7 @@ function defaultLoginLabels(t) {
   };
 }
 var LOGIN_PANE = "flex w-full max-w-[320px] flex-col";
-var LOGIN_MARK = "mx-auto mb-10 block w-[46px] [aspect-ratio:73.4/45.3]";
+var LOGIN_MARK = "mx-auto mb-10 block h-[46px] w-[46px] object-contain";
 var LOGIN_HEADING = "mb-3 text-center font-[family-name:var(--ow-font-sans)] text-ow-fs-title font-bold text-[color:var(--ow-text)]";
 var LOGIN_SUBTITLE = "mx-auto mb-8 max-w-[320px] text-pretty text-center font-[family-name:var(--ow-font-sans)] text-ow-fs-ui font-normal leading-[1.6] text-[color:var(--ow-text-3)]";
 var LOGIN_LINK = "cursor-pointer rounded-[var(--ow-radius-xs)] border-0 bg-transparent p-0 font-[family-name:var(--ow-font-sans)] text-ow-fs-body-sm font-normal leading-none text-[color:var(--ow-link)] transition-[color] duration-[var(--ow-dur-1)] ease-[var(--ow-ease-beacon)] hover:text-[color:var(--ow-link-hover)] hover:underline active:text-[color:var(--ow-link-hover)] focus-visible:[outline:var(--ow-focus-ring-w)_solid_var(--ow-focus-ring)] focus-visible:outline-offset-[var(--ow-focus-ring-offset)]";
@@ -32857,6 +32653,7 @@ var SidebarShell = forwardRef92(function SidebarShell2({
 import { Fragment as Fragment57, jsx as jsx179, jsxs as jsxs150 } from "react/jsx-runtime";
 function DesktopSidebarView(props) {
   const { t } = useUiLocale();
+  const { branding } = useBranding();
   const { projects } = props;
   const projectsLabel = props.projectsLabel ?? t("sidebar.projects");
   const { isImeEnter, onCompositionStart, onCompositionEnd } = useImeAwareEnter();
@@ -33065,7 +32862,25 @@ function DesktopSidebarView(props) {
           {
             "data-ow-part": "brand",
             className: cn("flex items-center gap-1.5 px-[9px] pb-5", props.platform === "windows" && "mt-2"),
-            children: /* @__PURE__ */ jsx179(OrbitworkLockup, { theme: "auto", size: 20 })
+            children: props.brandLogoSrc ? /* @__PURE__ */ jsxs150(Fragment57, { children: [
+              /* @__PURE__ */ jsx179(
+                "img",
+                {
+                  "data-ow-part": "brand-logo",
+                  src: props.brandLogoSrc,
+                  alt: "",
+                  className: "h-5 w-5 flex-none object-contain"
+                }
+              ),
+              branding?.productName ? /* @__PURE__ */ jsx179(
+                "span",
+                {
+                  "data-ow-part": "brand-name",
+                  className: "truncate font-[family-name:var(--ow-font-display,'Space_Grotesk',sans-serif)] text-[20px] font-medium leading-none tracking-[-0.01em] text-[color:var(--ow-text)]",
+                  children: branding.productName
+                }
+              ) : null
+            ] }) : /* @__PURE__ */ jsx179(OrbitworkLockup, { theme: "auto", size: 20 })
           }
         ),
         /* @__PURE__ */ jsxs150("nav", { "data-ow-part": "navigation", className: "flex flex-col gap-0.5", children: [
@@ -37549,9 +37364,28 @@ function PdfPreviewDialog({
   );
 }
 
+// src/components/domain/preview/BrandPreviewScope.tsx
+import { useLayoutEffect as useLayoutEffect9, useMemo as useMemo16, useRef as useRef48 } from "react";
+import { jsx as jsx202 } from "react/jsx-runtime";
+function BrandPreviewScope({ brandTheme, mode, locale = "zh-CN", className, children }) {
+  const rootRef = useRef48(null);
+  const unified = useMemo16(() => mergeUnifiedTheme(brandTheme, null, null, mode, locale), [brandTheme, mode, locale]);
+  useLayoutEffect9(() => {
+    const el = rootRef.current;
+    if (!el) return;
+    applyUnifiedTheme(unified, el);
+    return () => removeUnifiedTheme(el);
+  }, [unified]);
+  const brandingValue = useMemo16(
+    () => ({ branding: unified.branding, tenantLoading: false, tenantError: null }),
+    [unified]
+  );
+  return /* @__PURE__ */ jsx202(BrandingContext.Provider, { value: brandingValue, children: /* @__PURE__ */ jsx202("div", { ref: rootRef, className: cn("ow-ui-scope", className), "data-theme": mode, children }) });
+}
+
 // src/components/domain/skills/McpServerListView/index.tsx
 import { useState as useState84 } from "react";
-import { jsx as jsx202, jsxs as jsxs171 } from "react/jsx-runtime";
+import { jsx as jsx203, jsxs as jsxs171 } from "react/jsx-runtime";
 var PAGE_SIZE2 = 8;
 var MCP_LIST_CLASS = "flex flex-col gap-2";
 var MCP_ROW_CLASS = "grid grid-cols-[28px_38px_1fr_auto] items-start gap-2 rounded-[var(--ow-radius-lg)] border border-[color:var(--ow-border)] bg-[var(--ow-bg)] p-3.5";
@@ -37566,7 +37400,7 @@ function McpServerListView({
 }) {
   const { t } = useUiLocale();
   if (loading && servers.length === 0) {
-    return /* @__PURE__ */ jsx202(
+    return /* @__PURE__ */ jsx203(
       "div",
       {
         "data-slot": "mcp-server-list",
@@ -37574,13 +37408,13 @@ function McpServerListView({
         "aria-busy": "true",
         "aria-label": t("interface.loadingMcpConfiguration59237"),
         children: [0, 1, 2].map((index) => /* @__PURE__ */ jsxs171("div", { className: MCP_ROW_CLASS, "data-slot": "mcp-server-row", "data-ow-state": "loading", children: [
-          /* @__PURE__ */ jsx202("span", {}),
-          /* @__PURE__ */ jsx202(Skeleton, { variant: "block", width: 38, height: 38, radius: "var(--ow-radius-md)" }),
+          /* @__PURE__ */ jsx203("span", {}),
+          /* @__PURE__ */ jsx203(Skeleton, { variant: "block", width: 38, height: 38, radius: "var(--ow-radius-md)" }),
           /* @__PURE__ */ jsxs171("div", { "data-ow-part": "body", children: [
-            /* @__PURE__ */ jsx202(Skeleton, { variant: "line", width: "42%", height: 13 }),
-            /* @__PURE__ */ jsx202(Skeleton, { variant: "line", width: "66%", height: 11 })
+            /* @__PURE__ */ jsx203(Skeleton, { variant: "line", width: "42%", height: 13 }),
+            /* @__PURE__ */ jsx203(Skeleton, { variant: "line", width: "66%", height: 11 })
           ] }),
-          /* @__PURE__ */ jsx202("span", {})
+          /* @__PURE__ */ jsx203("span", {})
         ] }, index))
       }
     );
@@ -37595,7 +37429,7 @@ function McpServerListView({
          正上方 40px，用不着再在正文里指一次路。本件也没有 onAdd 之类的回调，凭空造一个
          新接口只为渲一枚重复的钮不划算。
          副句因此只承担「接进来会怎样」这一件事，并收在 440 量度内一行放得下。 */
-      /* @__PURE__ */ jsx202(
+      /* @__PURE__ */ jsx203(
         EmptyState,
         {
           size: "page",
@@ -37608,8 +37442,8 @@ function McpServerListView({
   const totalPages = Math.max(1, Math.ceil(servers.length / PAGE_SIZE2));
   const currentPage = Math.min(page, totalPages);
   return /* @__PURE__ */ jsxs171("div", { "data-slot": "mcp-server-list", className: MCP_LIST_CLASS, children: [
-    servers.slice((currentPage - 1) * PAGE_SIZE2, currentPage * PAGE_SIZE2).map((server) => /* @__PURE__ */ jsx202(McpServerRow, { server, onRefresh, onCopy, onRemove }, server.id)),
-    totalPages > 1 && /* @__PURE__ */ jsx202(Pagination, { current: currentPage, total: servers.length, pageSize: PAGE_SIZE2, onChange: onPageChange })
+    servers.slice((currentPage - 1) * PAGE_SIZE2, currentPage * PAGE_SIZE2).map((server) => /* @__PURE__ */ jsx203(McpServerRow, { server, onRefresh, onCopy, onRemove }, server.id)),
+    totalPages > 1 && /* @__PURE__ */ jsx203(Pagination, { current: currentPage, total: servers.length, pageSize: PAGE_SIZE2, onChange: onPageChange })
   ] });
 }
 function McpServerRow({
@@ -37650,7 +37484,7 @@ function McpServerRow({
       "data-ow-state": [expanded && "expanded", busy && "busy"].filter(Boolean).join(" ") || void 0,
       className: cn(MCP_ROW_CLASS, expanded && "bg-[var(--ow-surface)]"),
       children: [
-        /* @__PURE__ */ jsx202(
+        /* @__PURE__ */ jsx203(
           Button,
           {
             variant: "ghost",
@@ -37664,23 +37498,23 @@ function McpServerRow({
             "aria-label": expanded ? t("interface.collapseMcpDetails0a7b3") : t("interface.expandMcpDetails7b820"),
             "aria-expanded": hasDetails ? expanded : void 0,
             onClick: () => setExpanded((value) => !value),
-            children: /* @__PURE__ */ jsx202(ChevRight, {})
+            children: /* @__PURE__ */ jsx203(ChevRight, {})
           }
         ),
-        /* @__PURE__ */ jsx202(
+        /* @__PURE__ */ jsx203(
           "span",
           {
             "data-ow-part": "icon",
             "data-ow-kind": server.type,
             className: "inline-flex h-[38px] w-[38px] items-center justify-center rounded-[var(--ow-radius-md)] bg-[var(--ow-surface-2)] text-[color:var(--ow-text-2)] [&_svg]:h-4 [&_svg]:w-4",
-            children: server.type === "stdio" ? /* @__PURE__ */ jsx202(Terminal, {}) : /* @__PURE__ */ jsx202(Globe, {})
+            children: server.type === "stdio" ? /* @__PURE__ */ jsx203(Terminal, {}) : /* @__PURE__ */ jsx203(Globe, {})
           }
         ),
         /* @__PURE__ */ jsxs171("div", { "data-ow-part": "body", className: "flex min-w-0 flex-col gap-1.5", children: [
           /* @__PURE__ */ jsxs171("div", { "data-ow-part": "title", className: "flex min-w-0 items-center gap-2", children: [
-            /* @__PURE__ */ jsx202("b", { className: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap text-ow-fs-ui font-semibold leading-[1.25] text-[color:var(--ow-text)]", children: server.displayName || server.id }),
-            /* @__PURE__ */ jsx202(Tag, { size: "sm", variant: "default", shape: "square", children: server.type === "stdio" ? "STDIO" : "HTTP" }),
-            /* @__PURE__ */ jsx202(Chip, { dot: chipToneOf(statusTone), label: statusLabel, description: server.statusText })
+            /* @__PURE__ */ jsx203("b", { className: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap text-ow-fs-ui font-semibold leading-[1.25] text-[color:var(--ow-text)]", children: server.displayName || server.id }),
+            /* @__PURE__ */ jsx203(Tag, { size: "sm", variant: "default", shape: "square", children: server.type === "stdio" ? "STDIO" : "HTTP" }),
+            /* @__PURE__ */ jsx203(Chip, { dot: chipToneOf(statusTone), label: statusLabel, description: server.statusText })
           ] }),
           hasDetails && expanded && /* @__PURE__ */ jsxs171(
             "div",
@@ -37688,7 +37522,7 @@ function McpServerRow({
               "data-ow-part": "details",
               className: "mt-1 rounded-[var(--ow-radius-md)] border border-[color:var(--ow-border-strong)] bg-[var(--ow-bg)] px-3 py-2.5 text-[color:var(--ow-text-2)]",
               children: [
-                /* @__PURE__ */ jsx202(
+                /* @__PURE__ */ jsx203(
                   "div",
                   {
                     "data-ow-part": "summary",
@@ -37696,7 +37530,7 @@ function McpServerRow({
                     children: server.summary || "-"
                   }
                 ),
-                server.toolNames.length > 0 && /* @__PURE__ */ jsx202(
+                server.toolNames.length > 0 && /* @__PURE__ */ jsx203(
                   "div",
                   {
                     "data-ow-part": "tools",
@@ -37708,12 +37542,12 @@ function McpServerRow({
                   t("interface.suggestedActionaba23"),
                   " "
                 ] }),
-                /* @__PURE__ */ jsx202("p", { className: "m-0 text-ow-fs-body-sm leading-[1.45] text-[color:var(--ow-error)]", children: server.errorSummary ?? t("interface.thisMcpServerHasNotReturned72d88") })
+                /* @__PURE__ */ jsx203("p", { className: "m-0 text-ow-fs-body-sm leading-[1.45] text-[color:var(--ow-error)]", children: server.errorSummary ?? t("interface.thisMcpServerHasNotReturned72d88") })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsx202("div", { "data-ow-part": "actions", className: "flex items-start gap-1.5", children: /* @__PURE__ */ jsx202(
+        /* @__PURE__ */ jsx203("div", { "data-ow-part": "actions", className: "flex items-start gap-1.5", children: /* @__PURE__ */ jsx203(
           RowOverflowMenu,
           {
             disabled: busy,
@@ -37722,20 +37556,20 @@ function McpServerRow({
               {
                 key: "reconnect",
                 label: reconnecting ? t("interface.reconnecting90fd6") : t("interface.reconnect7dcec"),
-                icon: /* @__PURE__ */ jsx202(Refresh, {})
+                icon: /* @__PURE__ */ jsx203(Refresh, {})
               },
               ...hasDetails ? [
                 {
                   key: "copy",
                   label: t("interface.copyErrorSummarybfc73"),
-                  icon: /* @__PURE__ */ jsx202(Terminal, {}),
+                  icon: /* @__PURE__ */ jsx203(Terminal, {}),
                   confirmsInPlace: true
                 }
               ] : [],
               {
                 key: "remove",
                 label: removing ? t("sidebar.deleting") : t("common.delete"),
-                icon: /* @__PURE__ */ jsx202(Trash, {}),
+                icon: /* @__PURE__ */ jsx203(Trash, {}),
                 danger: true
               }
             ],
@@ -37780,7 +37614,7 @@ function statusLabelOf(server) {
 }
 
 // src/components/domain/skills/SkillCardView/index.tsx
-import { jsx as jsx203 } from "react/jsx-runtime";
+import { jsx as jsx204 } from "react/jsx-runtime";
 function SkillCardView({
   name,
   desc,
@@ -37801,14 +37635,14 @@ function SkillCardView({
   const { t } = useUiLocale();
   const label = actionLabel ?? (installing ? outdated ? t("common.updating") : t("common.installing") : outdated ? t("common.update") : installed ? t("common.use") : t("common.install"));
   const status = installing ? "installing" : !installed ? void 0 : outdated ? "update" : "installed";
-  return /* @__PURE__ */ jsx203(
+  return /* @__PURE__ */ jsx204(
     DesktopCatalogCardView,
     {
       avatar,
       name,
       version: showVersion ? version : void 0,
       status,
-      badge: mine ? /* @__PURE__ */ jsx203(StatusTag, { status: "mine" }) : void 0,
+      badge: mine ? /* @__PURE__ */ jsx204(StatusTag, { status: "mine" }) : void 0,
       description: desc,
       metaItems,
       actionLabel: label,
@@ -37822,7 +37656,7 @@ function SkillCardView({
 }
 
 // src/components/domain/skills/SkillDetailPanelView/index.tsx
-import { jsx as jsx204, jsxs as jsxs172 } from "react/jsx-runtime";
+import { jsx as jsx205, jsxs as jsxs172 } from "react/jsx-runtime";
 function SkillDetailPanelView({
   avatar,
   name,
@@ -37863,27 +37697,27 @@ function SkillDetailPanelView({
       backLabel,
       onBack,
       children: [
-        authorization && /* @__PURE__ */ jsx204(DesktopDetailSection, { title: t("permissions.authorize"), children: authorization }),
-        /* @__PURE__ */ jsx204(DesktopDetailSection, { title: t("interface.instructionsbee77"), children: loading ? /* @__PURE__ */ jsxs172(
+        authorization && /* @__PURE__ */ jsx205(DesktopDetailSection, { title: t("permissions.authorize"), children: authorization }),
+        /* @__PURE__ */ jsx205(DesktopDetailSection, { title: t("interface.instructionsbee77"), children: loading ? /* @__PURE__ */ jsxs172(
           "div",
           {
             "data-ow-part": "loading",
             role: "status",
             className: "flex items-center gap-2 py-4 text-ow-fs-ui leading-[1.5] text-[color:var(--ow-text-3)]",
             children: [
-              /* @__PURE__ */ jsx204(Spinner, { size: "md" }),
-              /* @__PURE__ */ jsx204("span", { children: loadingText })
+              /* @__PURE__ */ jsx205(Spinner, { size: "md" }),
+              /* @__PURE__ */ jsx205("span", { children: loadingText })
             ]
           }
-        ) : error ? /* @__PURE__ */ jsx204(
+        ) : error ? /* @__PURE__ */ jsx205(
           InlineMessage,
           {
             variant: "error",
             detail: errorDetail,
-            action: onRetry && /* @__PURE__ */ jsx204(Button, { variant: "secondary", size: "sm", onClick: onRetry, children: t("common.retry") }),
+            action: onRetry && /* @__PURE__ */ jsx205(Button, { variant: "secondary", size: "sm", onClick: onRetry, children: t("common.retry") }),
             children: error
           }
-        ) : docContent ? /* @__PURE__ */ jsx204(
+        ) : docContent ? /* @__PURE__ */ jsx205(
           "div",
           {
             "data-ow-part": "document",
@@ -37894,7 +37728,7 @@ function SkillDetailPanelView({
           /* A5-B4：`markSize={32}` 这条逃生舱撤掉——文档区是详情页里的整栏内容位，
               md 档的 40 就是给这种块内空态定的；单独调一个 32 只会让全库多一个「差不多
               但不一样」的体量。空态仍跟随正文左对齐，不做居中处理。 */
-          /* @__PURE__ */ jsx204(EmptyState, { className: "items-start py-4 text-left", message: emptyText })
+          /* @__PURE__ */ jsx205(EmptyState, { className: "items-start py-4 text-left", message: emptyText })
         ) })
       ]
     }
@@ -37903,7 +37737,7 @@ function SkillDetailPanelView({
 
 // src/components/domain/skills/SkillDetailView/index.tsx
 import { useState as useState85 } from "react";
-import { Fragment as Fragment71, jsx as jsx205, jsxs as jsxs173 } from "react/jsx-runtime";
+import { Fragment as Fragment71, jsx as jsx206, jsxs as jsxs173 } from "react/jsx-runtime";
 function SkillDetailView(props) {
   const { t } = useUiLocale();
   const [confirmUninstall, setConfirmUninstall] = useState85(false);
@@ -37912,14 +37746,14 @@ function SkillDetailView(props) {
     outdated: props.outdated,
     installing: props.installing
   });
-  const actions = /* @__PURE__ */ jsx205(
+  const actions = /* @__PURE__ */ jsx206(
     DesktopAgentDetailActions,
     {
       installed: props.installed,
       outdated: props.outdated,
       installing: props.installing,
       primaryLabel: props.actionLabel ?? t("interface.useSkillaabba"),
-      primaryIcon: props.actionIcon ?? /* @__PURE__ */ jsx205(Sparkles, {}),
+      primaryIcon: props.actionIcon ?? /* @__PURE__ */ jsx206(Sparkles, {}),
       primaryVisible: Boolean(props.onUse),
       primaryDisabled: props.actionDisabled,
       onInstall: props.onInstall,
@@ -37927,12 +37761,12 @@ function SkillDetailView(props) {
       onPrimaryAction: () => props.onUse?.(),
       menuItems: [
         ...props.menuItems ?? [],
-        ...props.onOpenDir ? [{ key: "openDir", label: t("interface.openFolder031c1"), icon: /* @__PURE__ */ jsx205(Folder, {}) }] : [],
+        ...props.onOpenDir ? [{ key: "openDir", label: t("interface.openFolder031c1"), icon: /* @__PURE__ */ jsx206(Folder, {}) }] : [],
         ...props.onUninstall ? [
           {
             key: "uninstall",
             label: t("common.uninstall"),
-            icon: /* @__PURE__ */ jsx205(Trash, {}),
+            icon: /* @__PURE__ */ jsx206(Trash, {}),
             danger: true,
             disabled: props.installing
           }
@@ -37946,7 +37780,7 @@ function SkillDetailView(props) {
     }
   );
   return /* @__PURE__ */ jsxs173(Fragment71, { children: [
-    /* @__PURE__ */ jsx205(
+    /* @__PURE__ */ jsx206(
       SkillDetailPanelView,
       {
         avatar: props.avatar,
@@ -37954,7 +37788,7 @@ function SkillDetailView(props) {
         author: props.author,
         version: props.version,
         updatedAt: props.updatedAt,
-        status: installStatus && /* @__PURE__ */ jsx205(StatusTag, { status: installStatus }),
+        status: installStatus && /* @__PURE__ */ jsx206(StatusTag, { status: installStatus }),
         badge: props.badge,
         brief: props.brief,
         authorization: props.authorization,
@@ -37970,7 +37804,7 @@ function SkillDetailView(props) {
         actions
       }
     ),
-    confirmUninstall && props.onUninstall && /* @__PURE__ */ jsx205(
+    confirmUninstall && props.onUninstall && /* @__PURE__ */ jsx206(
       UninstallConfirmDialog,
       {
         title: t("interface.uninstallSkill053a6"),
@@ -37986,34 +37820,34 @@ function SkillDetailView(props) {
 }
 
 // src/components/domain/skills/SkillImportDialogView/index.tsx
-import { Fragment as Fragment72, jsx as jsx206, jsxs as jsxs174 } from "react/jsx-runtime";
+import { Fragment as Fragment72, jsx as jsx207, jsxs as jsxs174 } from "react/jsx-runtime";
 function Reading({ value }) {
-  return /* @__PURE__ */ jsx206("span", { className: "font-[family-name:var(--ow-font-mono)] tabular-nums text-[color:var(--ow-text-2)]", children: value });
+  return /* @__PURE__ */ jsx207("span", { className: "font-[family-name:var(--ow-font-mono)] tabular-nums text-[color:var(--ow-text-2)]", children: value });
 }
 function SkillImportDialogView(props) {
   const { t } = useUiLocale();
-  return /* @__PURE__ */ jsx206(
+  return /* @__PURE__ */ jsx207(
     Dialog,
     {
       open: true,
       width: 520,
-      icon: /* @__PURE__ */ jsx206(Sparkles, {}),
+      icon: /* @__PURE__ */ jsx207(Sparkles, {}),
       iconTone: "info",
       title: t("interface.importSkillsb58e5"),
       subtitle: t("interface.importZipTarGzOrTgz9bc0e"),
       onClose: props.onClose,
       actions: null,
-      children: /* @__PURE__ */ jsx206(
+      children: /* @__PURE__ */ jsx207(
         EmptyState,
         {
           markSize: 36,
           message: t("interface.eachSkillRootMustContainSkill21cb0"),
           action: /* @__PURE__ */ jsxs174("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsxs174(Button, { variant: "secondary", icon: /* @__PURE__ */ jsx206(Paperclip, {}), onClick: props.onInstallArchive, children: [
+            /* @__PURE__ */ jsxs174(Button, { variant: "secondary", icon: /* @__PURE__ */ jsx207(Paperclip, {}), onClick: props.onInstallArchive, children: [
               t("interface.chooseArchiveb19d9"),
               " "
             ] }),
-            /* @__PURE__ */ jsxs174(Button, { variant: "secondary", icon: /* @__PURE__ */ jsx206(Folder, {}), onClick: props.onInstallDirectory, children: [
+            /* @__PURE__ */ jsxs174(Button, { variant: "secondary", icon: /* @__PURE__ */ jsx207(Folder, {}), onClick: props.onInstallDirectory, children: [
               t("interface.chooseFoldered358"),
               " "
             ] })
@@ -38025,32 +37859,32 @@ function SkillImportDialogView(props) {
 }
 function SkillImportResultDialogView(props) {
   const { t } = useUiLocale();
-  return /* @__PURE__ */ jsx206(
+  return /* @__PURE__ */ jsx207(
     Dialog,
     {
       open: true,
       width: 520,
-      icon: /* @__PURE__ */ jsx206(Sparkles, {}),
+      icon: /* @__PURE__ */ jsx207(Sparkles, {}),
       iconTone: "info",
       title: t("interface.importResults74740"),
       subtitle: /* @__PURE__ */ jsxs174(Fragment72, { children: [
         t("common.success"),
         " ",
-        /* @__PURE__ */ jsx206(Reading, { value: props.summary.success }),
+        /* @__PURE__ */ jsx207(Reading, { value: props.summary.success }),
         " ",
         t("interface.itemsFailed1d550"),
-        /* @__PURE__ */ jsx206(Reading, { value: props.summary.failed }),
+        /* @__PURE__ */ jsx207(Reading, { value: props.summary.failed }),
         " ",
         t("interface.itemsSkippedebee7"),
         " ",
-        /* @__PURE__ */ jsx206(Reading, { value: props.summary.skipped }),
+        /* @__PURE__ */ jsx207(Reading, { value: props.summary.skipped }),
         " ",
         t("interface.itemsf7b2a"),
         " "
       ] }),
       onClose: props.onClose,
-      actions: /* @__PURE__ */ jsx206(Button, { variant: "primary", onClick: props.onClose, children: t("common.done") }),
-      children: /* @__PURE__ */ jsx206(
+      actions: /* @__PURE__ */ jsx207(Button, { variant: "primary", onClick: props.onClose, children: t("common.done") }),
+      children: /* @__PURE__ */ jsx207(
         "div",
         {
           "data-ow-part": "result-list",
@@ -38062,7 +37896,7 @@ function SkillImportResultDialogView(props) {
               "data-ow-state": item.status,
               className: "flex flex-col gap-1 p-3 bg-ow-surface-2 [border-radius:var(--ow-radius-control)]",
               children: [
-                /* @__PURE__ */ jsx206(
+                /* @__PURE__ */ jsx207(
                   "span",
                   {
                     "data-ow-part": "status",
@@ -38075,7 +37909,7 @@ function SkillImportResultDialogView(props) {
                     children: skillImportStatusLabel(item.status)
                   }
                 ),
-                /* @__PURE__ */ jsx206(
+                /* @__PURE__ */ jsx207(
                   "span",
                   {
                     "data-ow-part": "name",
@@ -38083,7 +37917,7 @@ function SkillImportResultDialogView(props) {
                     children: item.name ?? item.sourceName
                   }
                 ),
-                item.reason && /* @__PURE__ */ jsx206(
+                item.reason && /* @__PURE__ */ jsx207(
                   "span",
                   {
                     "data-ow-part": "reason",
@@ -38108,7 +37942,7 @@ function skillImportStatusLabel(status) {
 
 // src/components/domain/tasks/ScheduledTaskCardView/index.tsx
 import { useState as useState86 } from "react";
-import { Fragment as Fragment73, jsx as jsx207, jsxs as jsxs175 } from "react/jsx-runtime";
+import { Fragment as Fragment73, jsx as jsx208, jsxs as jsxs175 } from "react/jsx-runtime";
 var STATUS_FALLBACK_LABEL = {
   running: "\u8FD0\u884C\u4E2D",
   done: "\u4E0A\u6B21\u6210\u529F",
@@ -38167,14 +38001,14 @@ function ScheduledTaskCardView({
                 STATUS_DOT_CLASS[task.status.key]
               ),
               children: [
-                task.status.key === "running" && /* @__PURE__ */ jsx207(BeaconSpinner, { size: 16 }),
-                task.status.key === "done" && /* @__PURE__ */ jsx207(Check, {}),
-                task.status.key === "paused" && /* @__PURE__ */ jsx207(Pause, {}),
-                task.status.key === "failed" && /* @__PURE__ */ jsx207(Close, {})
+                task.status.key === "running" && /* @__PURE__ */ jsx208(BeaconSpinner, { size: 16 }),
+                task.status.key === "done" && /* @__PURE__ */ jsx208(Check, {}),
+                task.status.key === "paused" && /* @__PURE__ */ jsx208(Pause, {}),
+                task.status.key === "failed" && /* @__PURE__ */ jsx208(Close, {})
               ]
             }
           ),
-          /* @__PURE__ */ jsx207(
+          /* @__PURE__ */ jsx208(
             "span",
             {
               "data-ow-part": "name",
@@ -38185,7 +38019,7 @@ function ScheduledTaskCardView({
               children: task.name || t("common.untitledTask")
             }
           ),
-          /* @__PURE__ */ jsx207(
+          /* @__PURE__ */ jsx208(
             "span",
             {
               "data-ow-part": "frequency",
@@ -38194,7 +38028,7 @@ function ScheduledTaskCardView({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx207(
+        /* @__PURE__ */ jsx208(
           "div",
           {
             "data-ow-part": "prompt",
@@ -38217,15 +38051,15 @@ function ScheduledTaskCardView({
                   "data-ow-part": "next-run",
                   className: "inline-flex items-center gap-1 font-[family-name:var(--ow-font-mono)] tabular-nums [&_svg]:size-4",
                   children: [
-                    /* @__PURE__ */ jsx207(Clock, {}),
+                    /* @__PURE__ */ jsx208(Clock, {}),
                     " ",
                     task.nextLabel
                   ]
                 }
               ),
               statusLabel && /* @__PURE__ */ jsxs175(Fragment73, { children: [
-                /* @__PURE__ */ jsx207("span", { "data-ow-part": "separator", children: "\xB7" }),
-                /* @__PURE__ */ jsx207(
+                /* @__PURE__ */ jsx208("span", { "data-ow-part": "separator", children: "\xB7" }),
+                /* @__PURE__ */ jsx208(
                   "span",
                   {
                     "data-ow-part": "status-label",
@@ -38235,8 +38069,8 @@ function ScheduledTaskCardView({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx207("span", { "data-ow-part": "spacer", className: "flex-1" }),
-              /* @__PURE__ */ jsx207(ScheduledTaskCardMenu, { paused: task.paused, onEdit, onToggle, onDelete })
+              /* @__PURE__ */ jsx208("span", { "data-ow-part": "spacer", className: "flex-1" }),
+              /* @__PURE__ */ jsx208(ScheduledTaskCardMenu, { paused: task.paused, onEdit, onToggle, onDelete })
             ]
           }
         )
@@ -38260,27 +38094,27 @@ function ScheduledTaskCardMenu({
       void onToggle().finally(() => setToggling(false));
     }
   };
-  return /* @__PURE__ */ jsx207(
+  return /* @__PURE__ */ jsx208(
     "span",
     {
       "data-ow-part": "menu",
       className: "inline-flex",
       onClick: (event) => event.stopPropagation(),
       onKeyDown: (event) => event.stopPropagation(),
-      children: /* @__PURE__ */ jsx207(
+      children: /* @__PURE__ */ jsx208(
         RowOverflowMenu,
         {
           width: 180,
           disabled: toggling,
           ariaLabel: t("common.moreActions"),
           items: [
-            { key: "edit", label: t("plugins.editConfig"), icon: /* @__PURE__ */ jsx207(Edit, {}) },
+            { key: "edit", label: t("plugins.editConfig"), icon: /* @__PURE__ */ jsx208(Edit, {}) },
             {
               key: "toggle",
               label: toggling ? t("common.updating") : paused ? t("interface.resumeSchedule8280b") : t("interface.pauseSchedule49447"),
-              icon: paused ? /* @__PURE__ */ jsx207(Play, {}) : /* @__PURE__ */ jsx207(Pause, {})
+              icon: paused ? /* @__PURE__ */ jsx208(Play, {}) : /* @__PURE__ */ jsx208(Pause, {})
             },
-            { key: "delete", label: t("sidebar.deleteTask"), icon: /* @__PURE__ */ jsx207(Trash, {}), danger: true }
+            { key: "delete", label: t("sidebar.deleteTask"), icon: /* @__PURE__ */ jsx208(Trash, {}), danger: true }
           ],
           onSelect: select
         }
@@ -38290,7 +38124,7 @@ function ScheduledTaskCardMenu({
 }
 
 // src/components/domain/tasks/ScheduledTaskDeleteDialog/index.tsx
-import { Fragment as Fragment74, jsx as jsx208, jsxs as jsxs176 } from "react/jsx-runtime";
+import { Fragment as Fragment74, jsx as jsx209, jsxs as jsxs176 } from "react/jsx-runtime";
 function ScheduledTaskDeleteDialog({
   taskName,
   deleting = false,
@@ -38304,15 +38138,15 @@ function ScheduledTaskDeleteDialog({
     {
       open: true,
       variant: "danger",
-      icon: /* @__PURE__ */ jsx208(Trash, {}),
+      icon: /* @__PURE__ */ jsx209(Trash, {}),
       title: t("interface.deleteScheduledTaskcbbfd"),
       closable: false,
       closeOnOverlayClick: !deleting,
       closeOnEscape: !deleting,
       onClose: onCancel,
       actions: /* @__PURE__ */ jsxs176(Fragment74, { children: [
-        /* @__PURE__ */ jsx208(Button, { variant: "secondary", type: "button", disabled: deleting, onClick: onCancel, children: t("common.cancel") }),
-        /* @__PURE__ */ jsx208(Button, { variant: "danger", type: "button", loading: deleting, disabled: deleting, onClick: onConfirm, children: deleting ? t("sidebar.deleting") : t("common.delete") })
+        /* @__PURE__ */ jsx209(Button, { variant: "secondary", type: "button", disabled: deleting, onClick: onCancel, children: t("common.cancel") }),
+        /* @__PURE__ */ jsx209(Button, { variant: "danger", type: "button", loading: deleting, disabled: deleting, onClick: onConfirm, children: deleting ? t("sidebar.deleting") : t("common.delete") })
       ] }),
       children: [
         /* @__PURE__ */ jsxs176("p", { className: "m-0", children: [
@@ -38321,14 +38155,14 @@ function ScheduledTaskDeleteDialog({
           t("interface.itsScheduleAndRunHistoryWill906a8"),
           " "
         ] }),
-        error && /* @__PURE__ */ jsx208("div", { "data-ow-part": "error", className: "mt-3", children: /* @__PURE__ */ jsx208(InlineMessage, { variant: "error", children: error }) })
+        error && /* @__PURE__ */ jsx209("div", { "data-ow-part": "error", className: "mt-3", children: /* @__PURE__ */ jsx209(InlineMessage, { variant: "error", children: error }) })
       ]
     }
   );
 }
 
 // src/components/domain/tasks/ScheduledTaskDetailView/index.tsx
-import { Fragment as Fragment75, jsx as jsx209, jsxs as jsxs177 } from "react/jsx-runtime";
+import { Fragment as Fragment75, jsx as jsx210, jsxs as jsxs177 } from "react/jsx-runtime";
 var DETAIL_STATUS_CLASS = {
   running: "bg-[var(--ow-info-tint)] text-[color:var(--ow-info-on-tint)]",
   done: "bg-[var(--ow-success-tint)] text-[color:var(--ow-success-on-tint)]",
@@ -38371,30 +38205,30 @@ function ScheduledTaskDetailView({
         className: "relative flex shrink-0 items-center justify-between px-7 pb-3.5 pt-[18px]",
         children: [
           /* @__PURE__ */ jsxs177("div", { "data-ow-part": "header-title", className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx209(BackButton, { label: t("interface.backToScheduledTasksa35cf"), onClick: onBack }),
+            /* @__PURE__ */ jsx210(BackButton, { label: t("interface.backToScheduledTasksa35cf"), onClick: onBack }),
             /* @__PURE__ */ jsxs177("div", { children: [
-              /* @__PURE__ */ jsx209("div", { "data-ow-part": "title", className: "text-ow-fs-ui font-semibold leading-[1.2] text-[color:var(--ow-text)]", children: task.name }),
+              /* @__PURE__ */ jsx210("div", { "data-ow-part": "title", className: "text-ow-fs-ui font-semibold leading-[1.2] text-[color:var(--ow-text)]", children: task.name }),
               /* @__PURE__ */ jsxs177(
                 "div",
                 {
                   "data-ow-part": "subtitle",
                   className: "mt-2 text-ow-fs-body-sm font-normal leading-[1.3] text-[color:var(--ow-text-3)]",
                   children: [
-                    /* @__PURE__ */ jsx209("span", { className: "font-[family-name:var(--ow-font-mono)] tabular-nums", children: task.scheduleLabel }),
+                    /* @__PURE__ */ jsx210("span", { className: "font-[family-name:var(--ow-font-mono)] tabular-nums", children: task.scheduleLabel }),
                     " \xB7 ",
                     task.statusLabel,
                     " \xB7 \u4E0B\u6B21 ",
-                    /* @__PURE__ */ jsx209("span", { className: "font-[family-name:var(--ow-font-mono)] tabular-nums", children: task.nextRunLabel })
+                    /* @__PURE__ */ jsx210("span", { className: "font-[family-name:var(--ow-font-mono)] tabular-nums", children: task.nextRunLabel })
                   ]
                 }
               )
             ] })
           ] }),
           /* @__PURE__ */ jsxs177("div", { "data-ow-part": "header-actions", className: "ml-auto flex gap-2 [&_[data-slot=button]_svg]:size-4", children: [
-            /* @__PURE__ */ jsx209(Button, { variant: "primary", icon: runningNow ? void 0 : /* @__PURE__ */ jsx209(Play, {}), onClick: onRunNow, disabled: runningNow, children: runningNow ? t("interface.running666b4") : t("interface.runNow9a428") }),
-            /* @__PURE__ */ jsx209(Button, { variant: "secondary", icon: /* @__PURE__ */ jsx209(Edit, {}), onClick: onEdit, children: t("common.edit") }),
-            /* @__PURE__ */ jsx209(Button, { variant: "secondary", icon: task.paused ? /* @__PURE__ */ jsx209(Play, {}) : /* @__PURE__ */ jsx209(Pause, {}), onClick: onToggle, children: task.paused ? t("interface.enabled4e9c") : t("interface.pause13044") }),
-            /* @__PURE__ */ jsx209(Button, { variant: "danger", icon: /* @__PURE__ */ jsx209(Trash, {}), onClick: onDelete, children: t("common.delete") })
+            /* @__PURE__ */ jsx210(Button, { variant: "primary", icon: runningNow ? void 0 : /* @__PURE__ */ jsx210(Play, {}), onClick: onRunNow, disabled: runningNow, children: runningNow ? t("interface.running666b4") : t("interface.runNow9a428") }),
+            /* @__PURE__ */ jsx210(Button, { variant: "secondary", icon: /* @__PURE__ */ jsx210(Edit, {}), onClick: onEdit, children: t("common.edit") }),
+            /* @__PURE__ */ jsx210(Button, { variant: "secondary", icon: task.paused ? /* @__PURE__ */ jsx210(Play, {}) : /* @__PURE__ */ jsx210(Pause, {}), onClick: onToggle, children: task.paused ? t("interface.enabled4e9c") : t("interface.pause13044") }),
+            /* @__PURE__ */ jsx210(Button, { variant: "danger", icon: /* @__PURE__ */ jsx210(Trash, {}), onClick: onDelete, children: t("common.delete") })
           ] })
         ]
       }
@@ -38407,10 +38241,10 @@ function ScheduledTaskDetailView({
           className: "rounded-[var(--ow-radius-card)] border border-[color:var(--ow-border)] bg-[var(--ow-bg)] p-[14px]",
           children: [
             /* @__PURE__ */ jsxs177("div", { "data-ow-part": "summary-grid", className: "grid grid-cols-2 gap-x-6 gap-y-4", children: [
-              /* @__PURE__ */ jsx209(DetailField, { label: t("interface.repeatFrequency335a3"), value: task.scheduleLabel, mono: true }),
-              /* @__PURE__ */ jsx209(DetailField, { label: t("interface.nextRun37307"), value: task.nextRunLabel, mono: true }),
+              /* @__PURE__ */ jsx210(DetailField, { label: t("interface.repeatFrequency335a3"), value: task.scheduleLabel, mono: true }),
+              /* @__PURE__ */ jsx210(DetailField, { label: t("interface.nextRun37307"), value: task.nextRunLabel, mono: true }),
               /* @__PURE__ */ jsxs177("div", { "data-slot": "scheduled-task-detail-field", children: [
-                /* @__PURE__ */ jsx209(
+                /* @__PURE__ */ jsx210(
                   "div",
                   {
                     "data-ow-part": "label",
@@ -38418,7 +38252,7 @@ function ScheduledTaskDetailView({
                     children: t("common.status")
                   }
                 ),
-                /* @__PURE__ */ jsx209("div", { "data-ow-part": "value", className: "text-ow-fs-ui font-medium leading-[1.4] text-[color:var(--ow-text)]", children: /* @__PURE__ */ jsxs177(
+                /* @__PURE__ */ jsx210("div", { "data-ow-part": "value", className: "text-ow-fs-ui font-medium leading-[1.4] text-[color:var(--ow-text)]", children: /* @__PURE__ */ jsxs177(
                   "span",
                   {
                     "data-ow-part": "status",
@@ -38428,15 +38262,15 @@ function ScheduledTaskDetailView({
                       DETAIL_STATUS_CLASS[task.statusKey]
                     ),
                     children: [
-                      task.statusKey === "running" && /* @__PURE__ */ jsx209(BeaconSpinner, { size: 12 }),
+                      task.statusKey === "running" && /* @__PURE__ */ jsx210(BeaconSpinner, { size: 12 }),
                       task.statusLabel
                     ]
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ jsx209(DetailField, { label: t("interface.modelf86c1"), value: task.modelName }),
-              /* @__PURE__ */ jsx209(DetailField, { label: t("interface.project82b62"), value: task.projectName }),
-              task.notifyTargetLabel && /* @__PURE__ */ jsx209(DetailField, { label: t("interface.notifyOnCompletion8fde2"), value: task.notifyTargetLabel })
+              /* @__PURE__ */ jsx210(DetailField, { label: t("interface.modelf86c1"), value: task.modelName }),
+              /* @__PURE__ */ jsx210(DetailField, { label: t("interface.project82b62"), value: task.projectName }),
+              task.notifyTargetLabel && /* @__PURE__ */ jsx210(DetailField, { label: t("interface.notifyOnCompletion8fde2"), value: task.notifyTargetLabel })
             ] }),
             task.promptPreview && /* @__PURE__ */ jsxs177("div", { "data-slot": "scheduled-task-prompt", className: "mt-4 border-t border-[color:var(--ow-border)] pt-4", children: [
               /* @__PURE__ */ jsxs177(
@@ -38450,7 +38284,7 @@ function ScheduledTaskDetailView({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx209(
+              /* @__PURE__ */ jsx210(
                 "div",
                 {
                   "data-ow-part": "content",
@@ -38490,7 +38324,7 @@ function ScheduledTaskDetailView({
              ＋ surface 底 ＋ 居中一句，无母题无钮；原型 template.dc.html L1841）——它替的是
              一张列表卡的位置，所以要占住那块面，而不是在空气里摆一枚母题。
              文案同步换成原型那句：说清「恢复之后会怎样」，不是「尚未运行」这种状态读数。 */
-          /* @__PURE__ */ jsx209(EmptyState, { variant: "card", message: t("interface.noRunsYetResumeTheSchedule55236") })
+          /* @__PURE__ */ jsx210(EmptyState, { variant: "card", message: t("interface.noRunsYetResumeTheSchedule55236") })
         ) : /* @__PURE__ */ jsxs177(
           "div",
           {
@@ -38510,7 +38344,7 @@ function ScheduledTaskDetailView({
                         "#",
                         run.turnLabel
                       ] }),
-                      /* @__PURE__ */ jsx209(
+                      /* @__PURE__ */ jsx210(
                         "span",
                         {
                           "data-ow-part": "run-status-icon",
@@ -38519,7 +38353,7 @@ function ScheduledTaskDetailView({
                             "inline-flex size-5 items-center justify-center rounded-[var(--ow-radius-pill)] [&_svg]:size-3",
                             RUN_STATUS_DOT_CLASS[run.statusKey]
                           ),
-                          children: run.statusKey === "running" ? /* @__PURE__ */ jsx209(BeaconSpinner, { size: 13 }) : run.statusKey === "done" ? /* @__PURE__ */ jsx209(Check, {}) : run.statusKey === "failed" ? /* @__PURE__ */ jsx209(Close, {}) : null
+                          children: run.statusKey === "running" ? /* @__PURE__ */ jsx210(BeaconSpinner, { size: 13 }) : run.statusKey === "done" ? /* @__PURE__ */ jsx210(Check, {}) : run.statusKey === "failed" ? /* @__PURE__ */ jsx210(Close, {}) : null
                         }
                       )
                     ] }),
@@ -38531,7 +38365,7 @@ function ScheduledTaskDetailView({
                           className: "flex items-center gap-2 font-[family-name:var(--ow-font-mono)] text-ow-fs-body-sm font-medium leading-[1.3] text-[color:var(--ow-text)] tabular-nums",
                           children: [
                             run.when,
-                            /* @__PURE__ */ jsx209(
+                            /* @__PURE__ */ jsx210(
                               "span",
                               {
                                 "data-ow-part": "run-status-label",
@@ -38546,7 +38380,7 @@ function ScheduledTaskDetailView({
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsx209(
+                      /* @__PURE__ */ jsx210(
                         "div",
                         {
                           "data-ow-part": "run-summary",
@@ -38555,12 +38389,12 @@ function ScheduledTaskDetailView({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsx209(
+                    /* @__PURE__ */ jsx210(
                       "div",
                       {
                         "data-ow-part": "run-trailing",
                         className: "inline-flex shrink-0 items-center gap-2 text-[color:var(--ow-text-3)]",
-                        children: /* @__PURE__ */ jsx209(ChevRight, { className: "size-[15px]" })
+                        children: /* @__PURE__ */ jsx210(ChevRight, { className: "size-[15px]" })
                       }
                     )
                   ]
@@ -38588,12 +38422,12 @@ function ScheduledTaskDetailView({
                     hasMoreRuns && /* §6/§10：原来是 variant="unstyled" ＋ 手接旧共享 btn 段——绕开 Button 变体
                        就等于绕开 hover/press/focus-visible/disabled 全套状态。改 ghost 正规变体
                        （中性文字钮，28 高在 §7 控件高表内，状态全集由原语自带）。 */
-                    /* @__PURE__ */ jsx209(Button, { variant: "ghost", size: "sm", disabled: loadingMoreRuns, onClick: onLoadMoreRuns, children: loadingMoreRuns ? /* @__PURE__ */ jsxs177(Fragment75, { children: [
-                      /* @__PURE__ */ jsx209(BeaconSpinner, { size: 13 }),
+                    /* @__PURE__ */ jsx210(Button, { variant: "ghost", size: "sm", disabled: loadingMoreRuns, onClick: onLoadMoreRuns, children: loadingMoreRuns ? /* @__PURE__ */ jsxs177(Fragment75, { children: [
+                      /* @__PURE__ */ jsx210(BeaconSpinner, { size: 13 }),
                       " ",
                       t("common.loading")
                     ] }) : /* @__PURE__ */ jsxs177(Fragment75, { children: [
-                      /* @__PURE__ */ jsx209(ChevDown, {}),
+                      /* @__PURE__ */ jsx210(ChevDown, {}),
                       " ",
                       t("common.loadMore")
                     ] }) })
@@ -38613,7 +38447,7 @@ function DetailField({
   mono = false
 }) {
   return /* @__PURE__ */ jsxs177("div", { "data-slot": "scheduled-task-detail-field", children: [
-    /* @__PURE__ */ jsx209(
+    /* @__PURE__ */ jsx210(
       "div",
       {
         "data-ow-part": "label",
@@ -38621,7 +38455,7 @@ function DetailField({
         children: label
       }
     ),
-    /* @__PURE__ */ jsx209(
+    /* @__PURE__ */ jsx210(
       "div",
       {
         "data-ow-part": "value",
@@ -38636,7 +38470,7 @@ function DetailField({
 }
 
 // src/components/domain/tasks/ScheduledTasksSpaceView/index.tsx
-import { jsx as jsx210, jsxs as jsxs178 } from "react/jsx-runtime";
+import { jsx as jsx211, jsxs as jsxs178 } from "react/jsx-runtime";
 function ScheduledTasksSpaceView({
   totalCount,
   loading,
@@ -38649,23 +38483,23 @@ function ScheduledTasksSpaceView({
 }) {
   const { t } = useUiLocale();
   return /* @__PURE__ */ jsxs178("div", { "data-slot": "scheduled-tasks-space", className: "relative flex h-full min-h-0 flex-col", children: [
-    /* @__PURE__ */ jsx210(
+    /* @__PURE__ */ jsx211(
       PageHead,
       {
         eyebrow: t("interface.automation90e4e"),
         title: t("common.scheduledTasks"),
         description: t("interface.tasksThatRunOnASchedule2b9c2"),
         meta: `${totalCount} \u4E2A\u4EFB\u52A1`,
-        actions: /* @__PURE__ */ jsx210(Button, { variant: "primary", icon: /* @__PURE__ */ jsx210(Plus, {}), onClick: onCreate, children: t("common.newTask") })
+        actions: /* @__PURE__ */ jsx211(Button, { variant: "primary", icon: /* @__PURE__ */ jsx211(Plus, {}), onClick: onCreate, children: t("common.newTask") })
       }
     ),
     /* @__PURE__ */ jsxs178("div", { "data-ow-part": "scroll", className: "ow-scrollbar min-h-0 flex-1 overflow-y-auto px-7 pb-7 pt-5", children: [
-      error && hasTasks && /* @__PURE__ */ jsx210("div", { "data-ow-part": "error", children: /* @__PURE__ */ jsxs178(
+      error && hasTasks && /* @__PURE__ */ jsx211("div", { "data-ow-part": "error", children: /* @__PURE__ */ jsxs178(
         InlineMessage,
         {
           variant: "error",
           detail: error,
-          action: /* @__PURE__ */ jsx210(Button, { variant: "secondary", size: "sm", onClick: onRetry, children: t("common.retry") }),
+          action: /* @__PURE__ */ jsx211(Button, { variant: "secondary", size: "sm", onClick: onRetry, children: t("common.retry") }),
           children: [
             t("interface.couldNotRefreshScheduledTasks17ce8"),
             " "
@@ -38683,17 +38517,17 @@ function ScheduledTasksSpaceView({
             "aria-live": "polite",
             className: "flex items-center justify-center gap-2 py-24 text-ow-fs-ui font-normal leading-[1.5] text-[color:var(--ow-text-2)]",
             children: [
-              /* @__PURE__ */ jsx210(BeaconSpinner, { size: 16 }),
-              /* @__PURE__ */ jsx210("span", { children: t("interface.loadingScheduledTaskseb09f") })
+              /* @__PURE__ */ jsx211(BeaconSpinner, { size: 16 }),
+              /* @__PURE__ */ jsx211("span", { children: t("interface.loadingScheduledTaskseb09f") })
             ]
           }
         )
-      ) : error && !hasTasks ? /* @__PURE__ */ jsx210("div", { "data-ow-part": "error", className: "mx-auto my-6 max-w-[560px]", children: /* @__PURE__ */ jsxs178(
+      ) : error && !hasTasks ? /* @__PURE__ */ jsx211("div", { "data-ow-part": "error", className: "mx-auto my-6 max-w-[560px]", children: /* @__PURE__ */ jsxs178(
         InlineMessage,
         {
           variant: "error",
           detail: error,
-          action: /* @__PURE__ */ jsx210(Button, { variant: "secondary", onClick: onRetry, children: t("common.retry") }),
+          action: /* @__PURE__ */ jsx211(Button, { variant: "secondary", onClick: onRetry, children: t("common.retry") }),
           children: [
             t("interface.couldNotLoadScheduledTasks12c21"),
             " "
@@ -38705,7 +38539,7 @@ function ScheduledTasksSpaceView({
            （原型 template.dc.html L1771–1780）。此前是 md 档单句，三件信息塌成一行。
            §4：空态第二入口与页头「新建任务」是同一动作同一形制——primary 实底主钮，
            与页头钮成对出现；CTA 不带图标，图标只留给页头钮（原型空态钮即无图标）。 */
-        /* @__PURE__ */ jsx210(
+        /* @__PURE__ */ jsx211(
           EmptyState,
           {
             size: "page",
@@ -38716,7 +38550,7 @@ function ScheduledTasksSpaceView({
             onAction: onCreate
           }
         )
-      ) : /* @__PURE__ */ jsx210(
+      ) : /* @__PURE__ */ jsx211(
         "div",
         {
           "data-ow-part": "grid",
@@ -38762,6 +38596,7 @@ export {
   Brain,
   Branch,
   BranchDivider,
+  BrandPreviewScope,
   BrowserAnnotationPopupView,
   BrowserDeviceToolbarView,
   BrowserFindBarView,