@qijenchen/design-system 0.1.0-beta.130 → 0.1.0-beta.131

package/dist/components/AgentPanel/agent-fab.d.ts

@@ -5,13 +5,13 @@
  * - 40 圓 = --field-height-lg 於 lg 密度(uiSize.spec.md「lg 密度」表);圓形 iconOnly。
  * - 面 = bg-surface-raised + --elevation-200(elevation.spec.md 配對規則;不寫死白色)。
  * - 外框 = AI 觸發鈕特調:錐形(環向)漸層描邊 2px(整數寬+環向漸層=正圓對稱;
- *   spec「FAB」節)。配色兩極取標誌兩緞帶家族(藍 258 / 土耳其藍 196 — 品牌資產常數,
- *   同 AgentLogo 漸層停駐;2026-09-02 對定稿標誌覆核:兩極各落於藍 252-268 /
- *   青 190-210 家族內 ✓)。
+ *   spec「FAB」節)。配色兩極 = AgentLogo 兩緞帶家族代表色 AGENT_BRAND(藍 254 / 紫 300;
+ *   單一數值來源在 agent-logo.tsx,本檔只 import — 2026-09-02 藍→紫改色時收斂)。
  * - 內置 24 標誌(AgentLogo 簡化檔自動生效)。
  * - 動畫:待機=靜止(=標誌 still 態,2026-09-02 全家族統一);有新訊=招喚態
- *   (標誌本體蓄勢,漣漪由邊框光圈代位:35% 拍點自邊框射出 r 21→27、寬 2.5、.35→0);
- *   懸停=陰影升一級+微放大;皆 --motion-duration-overlay 過場。
+ *   (標誌本體蓄勢,漣漪由邊框光圈代位:0–35% 貼邊聚亮 → 35% 呼氣起點自邊框射出 r 21→27、
+ *   寬 2.5、.35→0 → 90% 散盡 → 靜止空拍;與標誌同 dur / 同 keyTimes / 同 swell→settle,
+ *   同一 commit 掛載 → 同相);懸停=陰影升一級+微放大;皆 --motion-duration-overlay 過場。
  * - 減動作:光圈屬常駐位移 loop → prefers-reduced-motion 全停(標誌內部自回靜止)。
  */
 import * as React from 'react';

package/dist/components/AgentPanel/agent-fab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-fab.d.ts","sourceRoot":"","sources":["../../../src/components/AgentPanel/agent-fab.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACvE,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,QAAA,MAAM,QAAQ,yFA6Eb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"agent-fab.d.ts","sourceRoot":"","sources":["../../../src/components/AgentPanel/agent-fab.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACvE,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,QAAA,MAAM,QAAQ,yFAoFb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/AgentPanel/agent-logo.d.ts

@@ -3,16 +3,43 @@
  *
  * ── 消費的 SSOT ──
  * - 造型:user 提供之黃金比例莫比烏斯 SVG 定稿(內橢圓長短軸比 φ=1.618、軸角 121.717°;
- *   agent-panel.spec.md「AgentLogo」節)。漸層停駐色=品牌資產常數(色相落於 DS 藍 252-268 /
- *   土耳其藍 190-210 家族;資產內嵌 oklch,非 semantic token — 詳 spec 同節)。
+ *   agent-panel.spec.md「AgentLogo」節)。漸層停駐色=品牌資產常數(色相落於 DS 藍 252-266 /
+ *   紫 294-304 家族,對應 primitives blue-6 258 / purple-6 294;資產內嵌 oklch,非 semantic
+ *   token — 詳 spec 同節;2026-09-02 user 拍板由藍→土耳其藍改為藍→紫)。
  * - 狀態動畫:agent-panel.spec.md「AgentLogo」節(靜止/招喚/思考;一息 3s 家族;
- *   2026-09-02 拍板:待機一律靜止,併入 still,無獨立呼吸態)。
- * - 緩動:--motion-easing-swell / --motion-easing-settle(tokens/motion/motion.css)。
- *   SMIL keySplines 不能吃 CSS var,以下常數為 token 值的逐字鏡像,改 token 必同步此處。
+ *   2026-09-02 拍板:待機一律靜止,併入 still,無獨立呼吸態)。呼吸包絡=吸 35% / 呼至 85% /
+ *   85–100% 靜止空拍(靜息 I:E ≈ 1:2 + 呼氣末停頓;spec「AgentLogo」節引用來源)。
+ * - 緩動:--motion-easing-swell / --motion-easing-settle / --motion-easing-exit
+ *   (tokens/motion/motion.css)。SMIL keySplines 不能吃 CSS var,以下常數為 token 值的逐字鏡像,
+ *   改 token 必同步此處。
+ * - 狀態切換:新狀態 0.15s 淡入(--motion-duration-overlay;agent-panel.css `.agent-logo-enter`)。
  * - 減動作:互動觸發必可停(WCAG 2.3.3);常駐 loop 全停 → 一律回靜止
  *   (agent-panel.spec.md「轉場與減動作」)。
  */
 import * as React from 'react';
+import './agent-panel.css';
+/** 一息 3 秒(標誌狀態動畫家族共用節拍;文字微光 2s 另計 — spec「動畫總表」)。 @internal */
+export declare const BREATH_DUR = "3s";
+/** = var(--motion-easing-swell) 的 SMIL 鏡像(吸氣 / 所有「起」)。 @internal */
+export declare const SWELL = "0.4 0.14 0.3 1";
+/** = var(--motion-easing-settle) 的 SMIL 鏡像(呼氣 / 所有「收」)。 @internal */
+export declare const SETTLE = "0.2 0 0.38 0.9";
+/** 呼吸包絡:0 靜 → 35% 吸頂 → 85% 回落到底 → 100% 靜止空拍(本體 / 疊層 / 洞形變共用)。 @internal */
+export declare const BREATH_KEYTIMES = "0;.35;.85;1";
+/** @internal */
+export declare const BREATH_SPLINES = "0.4 0.14 0.3 1;0.2 0 0.38 0.9;0 0 1 1";
+/** 呼出去的波:0–35% 貼邊聚亮(吸)→ 35–90% 離體擴散(呼,比本體多 0.15s 餘韻)→ 90–100% 靜。 @internal */
+export declare const RIPPLE_KEYTIMES = "0;.35;.9;1";
+/** @internal */
+export declare const RIPPLE_SPLINES = "0.4 0.14 0.3 1;0.2 0 0.38 0.9;0 0 1 1";
+/**
+ * 品牌資產代表色(兩緞帶家族;FAB 環與光圈消費同一組 → repo 內唯一數值來源)。
+ * @internal AgentPanel 家族內部共用。
+ */
+export declare const AGENT_BRAND: {
+    readonly blue: "oklch(.72 .16 254)";
+    readonly purple: "oklch(.70 .17 300)";
+};
 /** 狀態:still 靜止(=待機)/ attract 招喚 / think 思考(=回覆中)。 */
 export type AgentLogoState = 'still' | 'attract' | 'think';
 export interface AgentLogoProps extends React.SVGAttributes<SVGSVGElement> {
@@ -35,6 +62,14 @@ export interface AgentLogoProps extends React.SVGAttributes<SVGSVGElement> {
  * @internal AgentPanel 家族內部共用(AgentFab 光圈同一策略)。
  */
 export declare function usePrefersReducedMotion(): boolean;
+/**
+ * SMIL `begin="0s"` 以文件時間軸為基準:狀態切換時才掛上的動畫會被視為早已開始
+ * (加速段直接凍在終點、呼吸從半途起跑)。改 `begin="indefinite"` + 掛載當下 beginElement():
+ * 每次進入狀態都從靜止起跑第一口氣;同一 commit 內掛上的多個動畫(標誌本體 / FAB 光圈)
+ * 拿到同一個文件時間 → 同相。
+ * @internal AgentPanel 家族內部共用。
+ */
+export declare function useBeginAnimationsOnMount(ref: React.RefObject<SVGSVGElement | null>, key: string): void;
 declare const AgentLogo: React.ForwardRefExoticComponent<AgentLogoProps & React.RefAttributes<SVGSVGElement>>;
 export { AgentLogo };
 //# sourceMappingURL=agent-logo.d.ts.map

package/dist/components/AgentPanel/agent-logo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-logo.d.ts","sourceRoot":"","sources":["../../../src/components/AgentPanel/agent-logo.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgE9B,qDAAqD;AACrD,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAE1D,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IACxE,yBAAyB;IACzB,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,CAAA;IACvC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,YAUtC;AAwGD,QAAA,MAAM,SAAS,sFAsMd,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"agent-logo.d.ts","sourceRoot":"","sources":["../../../src/components/AgentPanel/agent-logo.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,mBAAmB,CAAA;AAE1B,8DAA8D;AAC9D,eAAO,MAAM,UAAU,OAAO,CAAA;AAC9B,oEAAoE;AACpE,eAAO,MAAM,KAAK,mBAAmB,CAAA;AACrC,qEAAqE;AACrE,eAAO,MAAM,MAAM,mBAAmB,CAAA;AAKtC,2EAA2E;AAC3E,eAAO,MAAM,eAAe,gBAAgB,CAAA;AAC5C,gBAAgB;AAChB,eAAO,MAAM,cAAc,0CAA+B,CAAA;AAC1D,8EAA8E;AAC9E,eAAO,MAAM,eAAe,eAAe,CAAA;AAC3C,gBAAgB;AAChB,eAAO,MAAM,cAAc,0CAA+B,CAAA;AAE1D;;;GAGG;AACH,eAAO,MAAM,WAAW;;;CAGd,CAAA;AA0DV,qDAAqD;AACrD,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAE1D,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IACxE,yBAAyB;IACzB,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,CAAA;IACvC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,YAUtC;AAED;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,EAAE,GAAG,EAAE,MAAM,QAQhG;AAwID,QAAA,MAAM,SAAS,sFAmMd,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/components/AgentPanel/agent-logo.js

@@ -1,50 +1,57 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../lib/utils.js";
+/* empty css */
 const BREATH_DUR = "3s";
 const SWELL = "0.4 0.14 0.3 1";
 const SETTLE = "0.2 0 0.38 0.9";
-const D_TURQ = "M 635.006,98.806 A 505.300,505.300 0 0 1 732.146,1099.915 C 566.063,1098.281 425.041,927.384 417.637,778.287 A 349.828,216.206 121.717474 1 0 885.536,308.027 C 847.485,198.771 746.887,109.003 635.006,98.806 Z";
+const EXIT = "0.3 0 1 1";
+const HOLD = "0 0 1 1";
+const BREATH_KEYTIMES = "0;.35;.85;1";
+const BREATH_SPLINES = `${SWELL};${SETTLE};${HOLD}`;
+const RIPPLE_KEYTIMES = "0;.35;.9;1";
+const RIPPLE_SPLINES = `${SWELL};${SETTLE};${HOLD}`;
+const D_PURPLE = "M 635.006,98.806 A 505.300,505.300 0 0 1 732.146,1099.915 C 566.063,1098.281 425.041,927.384 417.637,778.287 A 349.828,216.206 121.717474 1 0 885.536,308.027 C 847.485,198.771 746.887,109.003 635.006,98.806 Z";
 const D_BLUE = "M 635.006,98.806 A 505.300,505.300 0 1 0 732.146,1099.915 C 566.063,1098.281 425.041,927.384 417.637,778.287 A 349.828,216.206 121.717474 0 1 885.536,308.027 C 847.485,198.771 746.887,109.003 635.006,98.806 Z";
-const D_TURQ_ROUND = "M 635.006,98.806 A 505.300,505.300 0 0 1 732.146,1099.915 C 566.063,1098.281 425.041,927.384 419.706,711.508 A 283.017,283.017 121.717474 1 0 862.379,370.696 C 847.485,198.771 746.887,109.003 635.006,98.806 Z";
+const D_PURPLE_ROUND = "M 635.006,98.806 A 505.300,505.300 0 0 1 732.146,1099.915 C 566.063,1098.281 425.041,927.384 419.706,711.508 A 283.017,283.017 121.717474 1 0 862.379,370.696 C 847.485,198.771 746.887,109.003 635.006,98.806 Z";
 const D_BLUE_ROUND = "M 635.006,98.806 A 505.300,505.300 0 1 0 732.146,1099.915 C 566.063,1098.281 425.041,927.384 419.706,711.508 A 283.017,283.017 121.717474 0 1 862.379,370.696 C 847.485,198.771 746.887,109.003 635.006,98.806 Z";
 const BLUE_SURFACE = [
-  [0, "oklch(.72 .15 252)"],
-  [0.28, "oklch(.64 .19 255)"],
-  [0.58, "oklch(.55 .21 260)"],
-  [0.82, "oklch(.42 .21 265)"],
-  [1, "oklch(.35 .19 268)"]
+  [0, "oklch(.76 .13 252)"],
+  [0.28, "oklch(.68 .17 255)"],
+  [0.58, "oklch(.58 .21 258)"],
+  [0.82, "oklch(.46 .21 262)"],
+  [1, "oklch(.38 .19 266)"]
 ];
-const TURQ_SURFACE = [
-  [0, "oklch(.82 .12 190)"],
-  [0.3, "oklch(.76 .12 194)"],
-  [0.58, "oklch(.66 .13 199)"],
-  [0.82, "oklch(.52 .12 205)"],
-  [1, "oklch(.44 .11 210)"]
+const PURPLE_SURFACE = [
+  [0, "oklch(.82 .09 294)"],
+  [0.3, "oklch(.74 .14 297)"],
+  [0.58, "oklch(.64 .18 300)"],
+  [0.82, "oklch(.52 .20 302)"],
+  [1, "oklch(.44 .19 304)"]
 ];
-const TURQ_UNDERSIDE = [
-  [0, "oklch(.28 .08 210)", 0.82],
-  [0.34, "oklch(.30 .08 208)", 0.47],
-  [0.74, "oklch(.30 .08 208)", 0]
+const PURPLE_UNDERSIDE = [
+  [0, "oklch(.28 .10 302)", 0.82],
+  [0.34, "oklch(.30 .10 300)", 0.47],
+  [0.74, "oklch(.30 .10 300)", 0]
 ];
 const BLUE_LIFT = [
-  [0, "oklch(.85 .07 235)", 0.3],
-  [0.48, "oklch(.85 .07 235)", 0.1],
-  [1, "oklch(.85 .07 235)", 0]
+  [0, "oklch(.86 .06 252)", 0.3],
+  [0.48, "oklch(.86 .06 252)", 0.1],
+  [1, "oklch(.86 .06 252)", 0]
 ];
 const BLUE_SIMPLE = [
-  [0, "oklch(.72 .15 252)"],
-  [1, "oklch(.35 .19 268)"]
+  [0, "oklch(.76 .13 252)"],
+  [1, "oklch(.38 .19 266)"]
 ];
-const TURQ_SIMPLE = [
-  [0, "oklch(.82 .12 190)"],
-  [1, "oklch(.44 .11 210)"]
+const PURPLE_SIMPLE = [
+  [0, "oklch(.82 .09 294)"],
+  [1, "oklch(.44 .19 304)"]
 ];
 const WAVE_STOPS = [
-  [0, "oklch(.60 .18 250)", 0.5],
-  [0.55, "oklch(.63 .15 220)", 0.44],
-  [0.8, "oklch(.66 .12 196)", 0.34],
-  [1, "oklch(.66 .12 196)", 0]
+  [0, "oklch(.62 .19 254)", 0.5],
+  [0.55, "oklch(.64 .18 278)", 0.44],
+  [0.8, "oklch(.66 .17 300)", 0.34],
+  [1, "oklch(.66 .17 300)", 0]
 ];
 function usePrefersReducedMotion() {
   const [reduced, setReduced] = React.useState(false);
@@ -57,6 +64,15 @@ function usePrefersReducedMotion() {
   }, []);
   return reduced;
 }
+function useBeginAnimationsOnMount(ref, key) {
+  React.useLayoutEffect(() => {
+    const root = ref.current;
+    if (!root) return;
+    root.querySelectorAll("[data-begin-on-mount]").forEach((el) => {
+      if (typeof el.beginElement === "function") el.beginElement();
+    });
+  }, [ref, key]);
+}
 function GradientStops({ stops }) {
   return /* @__PURE__ */ jsx(Fragment, { children: stops.map(([offset, color, opacity]) => /* @__PURE__ */ jsx(
     "stop",
@@ -68,77 +84,92 @@ function GradientStops({ stops }) {
     offset
   )) });
 }
-function GradientCounterSpin() {
+function SpinPair({
+  id,
+  attributeName,
+  from,
+  mid,
+  end
+}) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "animateTransform",
       {
-        attributeName: "gradientTransform",
+        id,
+        attributeName,
         type: "rotate",
-        values: "0 627 627;-90 627 627",
+        values: `${from};${mid}`,
         dur: "0.3s",
-        begin: "0s",
+        begin: "indefinite",
+        "data-begin-on-mount": "",
         fill: "freeze",
         calcMode: "spline",
         keyTimes: "0;1",
-        keySplines: "0.6 0 1 1"
+        keySplines: EXIT
       }
     ),
     /* @__PURE__ */ jsx(
       "animateTransform",
       {
-        attributeName: "gradientTransform",
+        attributeName,
         type: "rotate",
-        values: "-90 627 627;-450 627 627",
+        values: `${mid};${end}`,
         dur: "0.6s",
-        begin: "0.3s",
+        begin: `${id}.end`,
         repeatCount: "indefinite"
       }
     )
   ] });
 }
+function GradientCounterSpin({ id }) {
+  return /* @__PURE__ */ jsx(SpinPair, { id, attributeName: "gradientTransform", from: "0 627 627", mid: "-90 627 627", end: "-450 627 627" });
+}
 function HoleMorph({ from, round }) {
   return /* @__PURE__ */ jsx(
     "animate",
     {
       attributeName: "d",
-      values: `${from};${round};${from}`,
-      keyTimes: "0;.5;1",
+      values: `${from};${round};${from};${from}`,
+      keyTimes: BREATH_KEYTIMES,
       dur: "6s",
+      begin: "indefinite",
+      "data-begin-on-mount": "",
       repeatCount: "indefinite",
       calcMode: "spline",
-      keySplines: `${SWELL};${SETTLE}`
+      keySplines: BREATH_SPLINES
     }
   );
 }
 function LogoBody({ ids, simplified, morph }) {
-  const turqMorph = morph ? /* @__PURE__ */ jsx(HoleMorph, { from: D_TURQ, round: D_TURQ_ROUND }) : null;
+  const purpleMorph = morph ? /* @__PURE__ */ jsx(HoleMorph, { from: D_PURPLE, round: D_PURPLE_ROUND }) : null;
   const blueMorph = morph ? /* @__PURE__ */ jsx(HoleMorph, { from: D_BLUE, round: D_BLUE_ROUND }) : null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: D_TURQ, fill: `url(#${ids.turq})`, children: turqMorph }),
-    !simplified && /* @__PURE__ */ jsx("path", { d: D_TURQ, fill: `url(#${ids.under})`, children: turqMorph }),
+    /* @__PURE__ */ jsx("path", { d: D_PURPLE, fill: `url(#${ids.purple})`, children: purpleMorph }),
+    !simplified && /* @__PURE__ */ jsx("path", { d: D_PURPLE, fill: `url(#${ids.under})`, children: purpleMorph }),
     /* @__PURE__ */ jsx("path", { d: D_BLUE, fill: `url(#${ids.blue})`, children: blueMorph }),
     !simplified && /* @__PURE__ */ jsx("path", { d: D_BLUE, fill: `url(#${ids.lift})`, children: blueMorph })
   ] });
 }
-function InhaleOverlay({ morph, dur, keyTimes }) {
-  const turqMorph = morph ? /* @__PURE__ */ jsx(HoleMorph, { from: D_TURQ, round: D_TURQ_ROUND }) : null;
+function InhaleOverlay({ morph, dur }) {
+  const purpleMorph = morph ? /* @__PURE__ */ jsx(HoleMorph, { from: D_PURPLE, round: D_PURPLE_ROUND }) : null;
   const blueMorph = morph ? /* @__PURE__ */ jsx(HoleMorph, { from: D_BLUE, round: D_BLUE_ROUND }) : null;
   return /* @__PURE__ */ jsxs("g", { opacity: "0", pointerEvents: "none", children: [
     /* @__PURE__ */ jsx(
       "animate",
       {
         attributeName: "opacity",
-        values: "0;.14;0",
-        keyTimes,
+        values: "0;.14;0;0",
+        keyTimes: BREATH_KEYTIMES,
         dur,
+        begin: "indefinite",
+        "data-begin-on-mount": "",
         repeatCount: "indefinite",
         calcMode: "spline",
-        keySplines: `${SWELL};${SETTLE}`
+        keySplines: BREATH_SPLINES
       }
     ),
     /* @__PURE__ */ jsx("path", { d: D_BLUE, fill: "#fff", children: blueMorph }),
-    /* @__PURE__ */ jsx("path", { d: D_TURQ, fill: "#fff", children: turqMorph })
+    /* @__PURE__ */ jsx("path", { d: D_PURPLE, fill: "#fff", children: purpleMorph })
   ] });
 }
 const AgentLogo = React.forwardRef(
@@ -156,13 +187,19 @@ const AgentLogo = React.forwardRef(
     const reduced = usePrefersReducedMotion();
     const simplified = detail === "simplified" || detail === "auto" && size <= 24;
     const effectiveState = reduced ? "still" : state;
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current);
+    useBeginAnimationsOnMount(innerRef, `${effectiveState}:${simplified}:${ripple}`);
     const ids = {
       blue: `${uid}bs`,
-      turq: `${uid}ts`,
-      under: `${uid}tu`,
+      purple: `${uid}ps`,
+      under: `${uid}pu`,
       lift: `${uid}bl`,
       wave: `${uid}wg`,
-      mask: `${uid}wm`
+      mask: `${uid}wm`,
+      spinBlue: `${uid}sb`,
+      spinPurple: `${uid}sp`,
+      spinBody: `${uid}sr`
     };
     const isThink = effectiveState === "think";
     const isAttract = effectiveState === "attract";
@@ -178,22 +215,22 @@ const AgentLogo = React.forwardRef(
           y2: "110",
           children: [
             /* @__PURE__ */ jsx(GradientStops, { stops: simplified ? BLUE_SIMPLE : BLUE_SURFACE }),
-            isThink && /* @__PURE__ */ jsx(GradientCounterSpin, {})
+            isThink && /* @__PURE__ */ jsx(GradientCounterSpin, { id: ids.spinBlue })
           ]
         }
       ),
       /* @__PURE__ */ jsxs(
         "linearGradient",
         {
-          id: ids.turq,
+          id: ids.purple,
           gradientUnits: "userSpaceOnUse",
           x1: "990",
           y1: "145",
           x2: "650",
           y2: "1090",
           children: [
-            /* @__PURE__ */ jsx(GradientStops, { stops: simplified ? TURQ_SIMPLE : TURQ_SURFACE }),
-            isThink && /* @__PURE__ */ jsx(GradientCounterSpin, {})
+            /* @__PURE__ */ jsx(GradientStops, { stops: simplified ? PURPLE_SIMPLE : PURPLE_SURFACE }),
+            isThink && /* @__PURE__ */ jsx(GradientCounterSpin, { id: ids.spinPurple })
           ]
         }
       ),
@@ -206,7 +243,7 @@ const AgentLogo = React.forwardRef(
             cx: "490",
             cy: "815",
             r: "520",
-            children: /* @__PURE__ */ jsx(GradientStops, { stops: TURQ_UNDERSIDE })
+            children: /* @__PURE__ */ jsx(GradientStops, { stops: PURPLE_UNDERSIDE })
           }
         ),
         /* @__PURE__ */ jsx(
@@ -233,34 +270,10 @@ const AgentLogo = React.forwardRef(
     let content;
     if (isThink) {
       content = /* @__PURE__ */ jsx("g", { transform: "translate(627 627)", children: /* @__PURE__ */ jsxs("g", { children: [
-        /* @__PURE__ */ jsx(
-          "animateTransform",
-          {
-            attributeName: "transform",
-            type: "rotate",
-            values: "0;90",
-            dur: "0.3s",
-            begin: "0s",
-            fill: "freeze",
-            calcMode: "spline",
-            keyTimes: "0;1",
-            keySplines: "0.6 0 1 1"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "animateTransform",
-          {
-            attributeName: "transform",
-            type: "rotate",
-            values: "90;450",
-            dur: "0.6s",
-            begin: "0.3s",
-            repeatCount: "indefinite"
-          }
-        ),
+        /* @__PURE__ */ jsx(SpinPair, { id: ids.spinBody, attributeName: "transform", from: "0", mid: "90", end: "450" }),
         /* @__PURE__ */ jsxs("g", { transform: "translate(-627 -627)", children: [
           body,
-          /* @__PURE__ */ jsx(InhaleOverlay, { morph: true, dur: "6s", keyTimes: "0;.5;1" })
+          /* @__PURE__ */ jsx(InhaleOverlay, { morph: true, dur: "6s" })
         ] })
       ] }) });
     } else if (isAttract) {
@@ -270,24 +283,28 @@ const AgentLogo = React.forwardRef(
             "animate",
             {
               attributeName: "r",
-              values: "560;560;830",
-              keyTimes: "0;.35;1",
+              values: "560;560;830;830",
+              keyTimes: RIPPLE_KEYTIMES,
               dur: BREATH_DUR,
+              begin: "indefinite",
+              "data-begin-on-mount": "",
               repeatCount: "indefinite",
               calcMode: "spline",
-              keySplines: `0 0 1 1;${SETTLE}`
+              keySplines: `${HOLD};${SETTLE};${HOLD}`
             }
           ),
           /* @__PURE__ */ jsx(
             "animate",
             {
               attributeName: "opacity",
-              values: "0;1;0",
-              keyTimes: "0;.35;1",
+              values: "0;1;0;0",
+              keyTimes: RIPPLE_KEYTIMES,
               dur: BREATH_DUR,
+              begin: "indefinite",
+              "data-begin-on-mount": "",
               repeatCount: "indefinite",
               calcMode: "spline",
-              keySplines: `0 0 1 1;${SETTLE}`
+              keySplines: RIPPLE_SPLINES
             }
           )
         ] }) }),
@@ -297,17 +314,19 @@ const AgentLogo = React.forwardRef(
             {
               attributeName: "transform",
               type: "scale",
-              values: "1;1.07;1",
-              keyTimes: "0;.35;1",
+              values: "1;1.07;1;1",
+              keyTimes: BREATH_KEYTIMES,
               dur: BREATH_DUR,
+              begin: "indefinite",
+              "data-begin-on-mount": "",
               repeatCount: "indefinite",
               calcMode: "spline",
-              keySplines: `${SWELL};${SETTLE}`
+              keySplines: BREATH_SPLINES
             }
           ),
           /* @__PURE__ */ jsxs("g", { transform: "translate(-627 -627)", children: [
             body,
-            /* @__PURE__ */ jsx(InhaleOverlay, { morph: false, dur: BREATH_DUR, keyTimes: "0;.35;1" })
+            /* @__PURE__ */ jsx(InhaleOverlay, { morph: false, dur: BREATH_DUR })
           ] })
         ] }) })
       ] });
@@ -317,7 +336,7 @@ const AgentLogo = React.forwardRef(
     return /* @__PURE__ */ jsxs(
       "svg",
       {
-        ref,
+        ref: innerRef,
         width: size,
         height: size,
         viewBox: "0 0 1254 1254",
@@ -330,7 +349,7 @@ const AgentLogo = React.forwardRef(
         ...props,
         children: [
           defs,
-          content
+          /* @__PURE__ */ jsx("g", { className: "agent-logo-enter", children: content }, effectiveState)
         ]
       }
     );
@@ -339,6 +358,14 @@ const AgentLogo = React.forwardRef(
 AgentLogo.displayName = "AgentLogo";
 export {
   AgentLogo,
+  BREATH_DUR,
+  BREATH_KEYTIMES,
+  BREATH_SPLINES,
+  RIPPLE_KEYTIMES,
+  RIPPLE_SPLINES,
+  SETTLE,
+  SWELL,
+  useBeginAnimationsOnMount,
   usePrefersReducedMotion
 };
 //# sourceMappingURL=agent-logo.js.map

package/dist/components/AgentPanel/agent-logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"agent-logo.js","sources":["../../../src/components/AgentPanel/agent-logo.tsx"],"sourcesContent":["/**\n * AgentLogo — 智慧代理標誌與狀態動畫(AgentPanel 家族附屬資產)。\n *\n * ── 消費的 SSOT ──\n * - 造型:user 提供之黃金比例莫比烏斯 SVG 定稿(內橢圓長短軸比 φ=1.618、軸角 121.717°;\n *   agent-panel.spec.md「AgentLogo」節)。漸層停駐色=品牌資產常數(色相落於 DS 藍 252-268 /\n *   土耳其藍 190-210 家族;資產內嵌 oklch,非 semantic token — 詳 spec 同節)。\n * - 狀態動畫:agent-panel.spec.md「AgentLogo」節(靜止/招喚/思考;一息 3s 家族;\n *   2026-09-02 拍板:待機一律靜止,併入 still,無獨立呼吸態)。\n * - 緩動:--motion-easing-swell / --motion-easing-settle(tokens/motion/motion.css)。\n *   SMIL keySplines 不能吃 CSS var,以下常數為 token 值的逐字鏡像,改 token 必同步此處。\n * - 減動作:互動觸發必可停(WCAG 2.3.3);常駐 loop 全停 → 一律回靜止\n *   (agent-panel.spec.md「轉場與減動作」)。\n */\nimport * as React from 'react'\nimport { cn } from '@/lib/utils'\n\n/** 一息 3 秒(標誌狀態動畫家族共用節拍;文字微光 2s 另計 — spec「動畫總表」)。 */\nconst BREATH_DUR = '3s'\n/** = var(--motion-easing-swell) 的 SMIL 鏡像。 */\nconst SWELL = '0.4 0.14 0.3 1'\n/** = var(--motion-easing-settle) 的 SMIL 鏡像。 */\nconst SETTLE = '0.2 0 0.38 0.9'\n\n/* ── 幾何(user 定稿 SVG 逐字;viewBox 0 0 1254 1254,圓心 627) ── */\nconst D_TURQ =\n  'M 635.006,98.806 A 505.300,505.300 0 0 1 732.146,1099.915 C 566.063,1098.281 425.041,927.384 417.637,778.287 A 349.828,216.206 121.717474 1 0 885.536,308.027 C 847.485,198.771 746.887,109.003 635.006,98.806 Z'\nconst D_BLUE =\n  'M 635.006,98.806 A 505.300,505.300 0 1 0 732.146,1099.915 C 566.063,1098.281 425.041,927.384 417.637,778.287 A 349.828,216.206 121.717474 0 1 885.536,308.027 C 847.485,198.771 746.887,109.003 635.006,98.806 Z'\n/** 負空間呼吸(思考態):洞由橢圓變正圓的形變終點(弧端點重參數化,指令結構與原路徑同構)。 */\nconst D_TURQ_ROUND =\n  'M 635.006,98.806 A 505.300,505.300 0 0 1 732.146,1099.915 C 566.063,1098.281 425.041,927.384 419.706,711.508 A 283.017,283.017 121.717474 1 0 862.379,370.696 C 847.485,198.771 746.887,109.003 635.006,98.806 Z'\nconst D_BLUE_ROUND =\n  'M 635.006,98.806 A 505.300,505.300 0 1 0 732.146,1099.915 C 566.063,1098.281 425.041,927.384 419.706,711.508 A 283.017,283.017 121.717474 0 1 862.379,370.696 C 847.485,198.771 746.887,109.003 635.006,98.806 Z'\n\ntype Stop = readonly [number, string, number?]\n/* 完整版(>24):五停駐雙緞帶 + 底面陰影 + 提亮(原稿逐層保留)。 */\nconst BLUE_SURFACE: readonly Stop[] = [\n  [0, 'oklch(.72 .15 252)'],\n  [0.28, 'oklch(.64 .19 255)'],\n  [0.58, 'oklch(.55 .21 260)'],\n  [0.82, 'oklch(.42 .21 265)'],\n  [1, 'oklch(.35 .19 268)'],\n]\nconst TURQ_SURFACE: readonly Stop[] = [\n  [0, 'oklch(.82 .12 190)'],\n  [0.3, 'oklch(.76 .12 194)'],\n  [0.58, 'oklch(.66 .13 199)'],\n  [0.82, 'oklch(.52 .12 205)'],\n  [1, 'oklch(.44 .11 210)'],\n]\nconst TURQ_UNDERSIDE: readonly Stop[] = [\n  [0, 'oklch(.28 .08 210)', 0.82],\n  [0.34, 'oklch(.30 .08 208)', 0.47],\n  [0.74, 'oklch(.30 .08 208)', 0],\n]\nconst BLUE_LIFT: readonly Stop[] = [\n  [0, 'oklch(.85 .07 235)', 0.3],\n  [0.48, 'oklch(.85 .07 235)', 0.1],\n  [1, 'oklch(.85 .07 235)', 0],\n]\n/* 簡化版(≤24):去陰影提亮、兩停駐高對比(圖標光學校正慣例;取五停駐頭尾)。 */\nconst BLUE_SIMPLE: readonly Stop[] = [\n  [0, 'oklch(.72 .15 252)'],\n  [1, 'oklch(.35 .19 268)'],\n]\nconst TURQ_SIMPLE: readonly Stop[] = [\n  [0, 'oklch(.82 .12 190)'],\n  [1, 'oklch(.44 .11 210)'],\n]\n/* 招喚漣漪:雙色放射盤(內藍→過渡→青→邊緣透明;波色呼應本體兩緞帶色相家族)。 */\nconst WAVE_STOPS: readonly Stop[] = [\n  [0, 'oklch(.60 .18 250)', 0.5],\n  [0.55, 'oklch(.63 .15 220)', 0.44],\n  [0.8, 'oklch(.66 .12 196)', 0.34],\n  [1, 'oklch(.66 .12 196)', 0],\n]\n\n/** 狀態:still 靜止(=待機)/ attract 招喚 / think 思考(=回覆中)。 */\nexport type AgentLogoState = 'still' | 'attract' | 'think'\n\nexport interface AgentLogoProps extends React.SVGAttributes<SVGSVGElement> {\n  /** 動態狀態;預設 still(靜止)。 */\n  state?: AgentLogoState\n  /** 邊長 px;預設 24。≤24 自動切簡化造型(detail=\"auto\")。 */\n  size?: number\n  /** 造型細節檔;auto = size ≤ 24 用簡化版(去陰影提亮、兩停駐高對比)。 */\n  detail?: 'auto' | 'full' | 'simplified'\n  /**\n   * 招喚態漣漪;預設 true。AgentFab 置 false(按鈕內放不下漣漪,由邊框光圈代位 —\n   * spec「FAB」節),本體蓄勢(脹 1.07+吸氣微亮)不變。\n   */\n  ripple?: boolean\n  /** 無障礙名稱;裝飾用途可省略(將標 aria-hidden)。 */\n  label?: string\n}\n\n/**\n * 常駐 loop 遵 prefers-reduced-motion 全停(嚴於 WCAG 2.3.3 條文)。\n * @internal AgentPanel 家族內部共用(AgentFab 光圈同一策略)。\n */\nexport function usePrefersReducedMotion() {\n  const [reduced, setReduced] = React.useState(false)\n  React.useEffect(() => {\n    const query = window.matchMedia('(prefers-reduced-motion: reduce)')\n    setReduced(query.matches)\n    const onChange = (event: MediaQueryListEvent) => setReduced(event.matches)\n    query.addEventListener('change', onChange)\n    return () => query.removeEventListener('change', onChange)\n  }, [])\n  return reduced\n}\n\nfunction GradientStops({ stops }: { stops: readonly Stop[] }) {\n  return (\n    <>\n      {stops.map(([offset, color, opacity]) => (\n        <stop\n          key={offset}\n          offset={offset}\n          stopColor={color}\n          {...(opacity !== undefined ? { stopOpacity: opacity } : {})}\n        />\n      ))}\n    </>\n  )\n}\n\n/** 思考態:色場定錨於畫布 — 漸層以本體旋轉的同構逆轉實現「幾何流過色場」。 */\nfunction GradientCounterSpin() {\n  return (\n    <>\n      <animateTransform\n        attributeName=\"gradientTransform\"\n        type=\"rotate\"\n        values=\"0 627 627;-90 627 627\"\n        dur=\"0.3s\"\n        begin=\"0s\"\n        fill=\"freeze\"\n        calcMode=\"spline\"\n        keyTimes=\"0;1\"\n        keySplines=\"0.6 0 1 1\"\n      />\n      <animateTransform\n        attributeName=\"gradientTransform\"\n        type=\"rotate\"\n        values=\"-90 627 627;-450 627 627\"\n        dur=\"0.6s\"\n        begin=\"0.3s\"\n        repeatCount=\"indefinite\"\n      />\n    </>\n  )\n}\n\n/** 思考態負空間呼吸:洞橢圓↔正圓,6s 一輪(吸 swell / 吐 settle)。 */\nfunction HoleMorph({ from, round }: { from: string; round: string }) {\n  return (\n    <animate\n      attributeName=\"d\"\n      values={`${from};${round};${from}`}\n      keyTimes=\"0;.5;1\"\n      dur=\"6s\"\n      repeatCount=\"indefinite\"\n      calcMode=\"spline\"\n      keySplines={`${SWELL};${SETTLE}`}\n    />\n  )\n}\n\ninterface BodyProps {\n  ids: Record<'blue' | 'turq' | 'under' | 'lift', string>\n  simplified: boolean\n  morph: boolean\n}\n\n/** 本體雙緞帶(完整=4 層;簡化=2 層);morph=true 時掛負空間形變。 */\nfunction LogoBody({ ids, simplified, morph }: BodyProps) {\n  const turqMorph = morph ? <HoleMorph from={D_TURQ} round={D_TURQ_ROUND} /> : null\n  const blueMorph = morph ? <HoleMorph from={D_BLUE} round={D_BLUE_ROUND} /> : null\n  return (\n    <>\n      <path d={D_TURQ} fill={`url(#${ids.turq})`}>{turqMorph}</path>\n      {!simplified && (\n        <path d={D_TURQ} fill={`url(#${ids.under})`}>{turqMorph}</path>\n      )}\n      <path d={D_BLUE} fill={`url(#${ids.blue})`}>{blueMorph}</path>\n      {!simplified && (\n        <path d={D_BLUE} fill={`url(#${ids.lift})`}>{blueMorph}</path>\n      )}\n    </>\n  )\n}\n\n/** 吸氣微亮:白色疊層 0→14%→0(招喚與思考同一套語言;思考與 6s 圓化同拍)。 */\nfunction InhaleOverlay({ morph, dur, keyTimes }: { morph: boolean; dur: string; keyTimes: string }) {\n  const turqMorph = morph ? <HoleMorph from={D_TURQ} round={D_TURQ_ROUND} /> : null\n  const blueMorph = morph ? <HoleMorph from={D_BLUE} round={D_BLUE_ROUND} /> : null\n  return (\n    <g opacity=\"0\" pointerEvents=\"none\">\n      <animate\n        attributeName=\"opacity\"\n        values=\"0;.14;0\"\n        keyTimes={keyTimes}\n        dur={dur}\n        repeatCount=\"indefinite\"\n        calcMode=\"spline\"\n        keySplines={`${SWELL};${SETTLE}`}\n      />\n      <path d={D_BLUE} fill=\"#fff\">{blueMorph}</path>\n      <path d={D_TURQ} fill=\"#fff\">{turqMorph}</path>\n    </g>\n  )\n}\n\nconst AgentLogo = React.forwardRef<SVGSVGElement, AgentLogoProps>(\n  (\n    {\n      state = 'still',\n      size = 24,\n      detail = 'auto',\n      ripple = true,\n      label,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const uid = React.useId().replace(/[^a-zA-Z0-9]/g, '')\n    const reduced = usePrefersReducedMotion()\n    const simplified = detail === 'simplified' || (detail === 'auto' && size <= 24)\n    /** 減動作:常駐 loop 全停,一律回靜止。 */\n    const effectiveState: AgentLogoState = reduced ? 'still' : state\n    const ids = {\n      blue: `${uid}bs`,\n      turq: `${uid}ts`,\n      under: `${uid}tu`,\n      lift: `${uid}bl`,\n      wave: `${uid}wg`,\n      mask: `${uid}wm`,\n    }\n    const isThink = effectiveState === 'think'\n    const isAttract = effectiveState === 'attract'\n\n    const defs = (\n      <defs>\n        <linearGradient\n          id={ids.blue}\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"390\"\n          y1=\"1055\"\n          x2=\"770\"\n          y2=\"110\"\n        >\n          <GradientStops stops={simplified ? BLUE_SIMPLE : BLUE_SURFACE} />\n          {isThink && <GradientCounterSpin />}\n        </linearGradient>\n        <linearGradient\n          id={ids.turq}\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"990\"\n          y1=\"145\"\n          x2=\"650\"\n          y2=\"1090\"\n        >\n          <GradientStops stops={simplified ? TURQ_SIMPLE : TURQ_SURFACE} />\n          {isThink && <GradientCounterSpin />}\n        </linearGradient>\n        {!simplified && (\n          <>\n            <radialGradient\n              id={ids.under}\n              gradientUnits=\"userSpaceOnUse\"\n              cx=\"490\"\n              cy=\"815\"\n              r=\"520\"\n            >\n              <GradientStops stops={TURQ_UNDERSIDE} />\n            </radialGradient>\n            <radialGradient\n              id={ids.lift}\n              gradientUnits=\"userSpaceOnUse\"\n              cx=\"350\"\n              cy=\"930\"\n              r=\"510\"\n            >\n              <GradientStops stops={BLUE_LIFT} />\n            </radialGradient>\n          </>\n        )}\n        {isAttract && ripple && (\n          <>\n            <radialGradient id={ids.wave}>\n              <GradientStops stops={WAVE_STOPS} />\n            </radialGradient>\n            <mask id={ids.mask} maskUnits=\"userSpaceOnUse\" x=\"-600\" y=\"-600\" width=\"2454\" height=\"2454\">\n              <rect x=\"-600\" y=\"-600\" width=\"2454\" height=\"2454\" fill=\"#fff\" />\n              <circle cx=\"627\" cy=\"627\" r=\"512\" fill=\"#000\" />\n            </mask>\n          </>\n        )}\n      </defs>\n    )\n\n    const body = <LogoBody ids={ids} simplified={simplified} morph={isThink} />\n\n    let content: React.ReactNode\n    if (isThink) {\n      // 兩段旋轉:啟動加速 0.3s(ease-in)→ 等速 0.6s/圈(linear=轉圈慣例);\n      // 平移座標系內旋轉不得帶圓心(帶了=轉心位移兩倍遠)。結束減速由狀態切換的\n      // 0.15s 淡出承接(SMIL loop 無終點,減速檔屬 state-exit,spec「AgentLogo」節)。\n      content = (\n        <g transform=\"translate(627 627)\">\n          <g>\n            <animateTransform\n              attributeName=\"transform\"\n              type=\"rotate\"\n              values=\"0;90\"\n              dur=\"0.3s\"\n              begin=\"0s\"\n              fill=\"freeze\"\n              calcMode=\"spline\"\n              keyTimes=\"0;1\"\n              keySplines=\"0.6 0 1 1\"\n            />\n            <animateTransform\n              attributeName=\"transform\"\n              type=\"rotate\"\n              values=\"90;450\"\n              dur=\"0.6s\"\n              begin=\"0.3s\"\n              repeatCount=\"indefinite\"\n            />\n            <g transform=\"translate(-627 -627)\">\n              {body}\n              <InhaleOverlay morph dur=\"6s\" keyTimes=\"0;.5;1\" />\n            </g>\n          </g>\n        </g>\n      )\n    } else if (isAttract) {\n      // 招喚:蓄勢(本體脹 1.07 + 吸氣微亮)→ 35% 拍點波離體、本體回落同拍。\n      content = (\n        <>\n          {ripple && (\n          <g mask={`url(#${ids.mask})`}>\n            <circle cx=\"627\" cy=\"627\" r=\"560\" fill={`url(#${ids.wave})`} opacity=\"0\">\n              <animate\n                attributeName=\"r\"\n                values=\"560;560;830\"\n                keyTimes=\"0;.35;1\"\n                dur={BREATH_DUR}\n                repeatCount=\"indefinite\"\n                calcMode=\"spline\"\n                keySplines={`0 0 1 1;${SETTLE}`}\n              />\n              <animate\n                attributeName=\"opacity\"\n                values=\"0;1;0\"\n                keyTimes=\"0;.35;1\"\n                dur={BREATH_DUR}\n                repeatCount=\"indefinite\"\n                calcMode=\"spline\"\n                keySplines={`0 0 1 1;${SETTLE}`}\n              />\n            </circle>\n          </g>\n          )}\n          <g transform=\"translate(627 627)\">\n            <g>\n              <animateTransform\n                attributeName=\"transform\"\n                type=\"scale\"\n                values=\"1;1.07;1\"\n                keyTimes=\"0;.35;1\"\n                dur={BREATH_DUR}\n                repeatCount=\"indefinite\"\n                calcMode=\"spline\"\n                keySplines={`${SWELL};${SETTLE}`}\n              />\n              <g transform=\"translate(-627 -627)\">\n                {body}\n                <InhaleOverlay morph={false} dur={BREATH_DUR} keyTimes=\"0;.35;1\" />\n              </g>\n            </g>\n          </g>\n        </>\n      )\n    } else {\n      content = body\n    }\n\n    return (\n      <svg\n        ref={ref}\n        width={size}\n        height={size}\n        viewBox=\"0 0 1254 1254\"\n        className={cn('shrink-0', className)}\n        // 招喚波以透明度收尾,溢出視窗屬設計(波暈散出標誌框外)。\n        style={{ overflow: isAttract && ripple ? 'visible' : undefined, ...style }}\n        role={label ? 'img' : undefined}\n        aria-label={label}\n        aria-hidden={label ? undefined : true}\n        data-state={effectiveState}\n        {...props}\n      >\n        {defs}\n        {content}\n      </svg>\n    )\n  },\n)\nAgentLogo.displayName = 'AgentLogo'\n\nexport { AgentLogo }\n"],"names":[],"mappings":";;;AAkBA,MAAM,aAAa;AAEnB,MAAM,QAAQ;AAEd,MAAM,SAAS;AAGf,MAAM,SACJ;AACF,MAAM,SACJ;AAEF,MAAM,eACJ;AACF,MAAM,eACJ;AAIF,MAAM,eAAgC;AAAA,EACpC,CAAC,GAAG,oBAAoB;AAAA,EACxB,CAAC,MAAM,oBAAoB;AAAA,EAC3B,CAAC,MAAM,oBAAoB;AAAA,EAC3B,CAAC,MAAM,oBAAoB;AAAA,EAC3B,CAAC,GAAG,oBAAoB;AAC1B;AACA,MAAM,eAAgC;AAAA,EACpC,CAAC,GAAG,oBAAoB;AAAA,EACxB,CAAC,KAAK,oBAAoB;AAAA,EAC1B,CAAC,MAAM,oBAAoB;AAAA,EAC3B,CAAC,MAAM,oBAAoB;AAAA,EAC3B,CAAC,GAAG,oBAAoB;AAC1B;AACA,MAAM,iBAAkC;AAAA,EACtC,CAAC,GAAG,sBAAsB,IAAI;AAAA,EAC9B,CAAC,MAAM,sBAAsB,IAAI;AAAA,EACjC,CAAC,MAAM,sBAAsB,CAAC;AAChC;AACA,MAAM,YAA6B;AAAA,EACjC,CAAC,GAAG,sBAAsB,GAAG;AAAA,EAC7B,CAAC,MAAM,sBAAsB,GAAG;AAAA,EAChC,CAAC,GAAG,sBAAsB,CAAC;AAC7B;AAEA,MAAM,cAA+B;AAAA,EACnC,CAAC,GAAG,oBAAoB;AAAA,EACxB,CAAC,GAAG,oBAAoB;AAC1B;AACA,MAAM,cAA+B;AAAA,EACnC,CAAC,GAAG,oBAAoB;AAAA,EACxB,CAAC,GAAG,oBAAoB;AAC1B;AAEA,MAAM,aAA8B;AAAA,EAClC,CAAC,GAAG,sBAAsB,GAAG;AAAA,EAC7B,CAAC,MAAM,sBAAsB,IAAI;AAAA,EACjC,CAAC,KAAK,sBAAsB,IAAI;AAAA,EAChC,CAAC,GAAG,sBAAsB,CAAC;AAC7B;AAyBO,SAAS,0BAA0B;AACxC,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,KAAK;AAClD,QAAM,UAAU,MAAM;AACpB,UAAM,QAAQ,OAAO,WAAW,kCAAkC;AAClE,eAAW,MAAM,OAAO;AACxB,UAAM,WAAW,CAAC,UAA+B,WAAW,MAAM,OAAO;AACzE,UAAM,iBAAiB,UAAU,QAAQ;AACzC,WAAO,MAAM,MAAM,oBAAoB,UAAU,QAAQ;AAAA,EAC3D,GAAG,CAAA,CAAE;AACL,SAAO;AACT;AAEA,SAAS,cAAc,EAAE,SAAqC;AAC5D,SACE,oBAAA,UAAA,EACG,gBAAM,IAAI,CAAC,CAAC,QAAQ,OAAO,OAAO,MACjC;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC;AAAA,MACA,WAAW;AAAA,MACV,GAAI,YAAY,SAAY,EAAE,aAAa,QAAA,IAAY,CAAA;AAAA,IAAC;AAAA,IAHpD;AAAA,EAAA,CAKR,GACH;AAEJ;AAGA,SAAS,sBAAsB;AAC7B,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAc;AAAA,QACd,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,OAAM;AAAA,QACN,MAAK;AAAA,QACL,UAAS;AAAA,QACT,UAAS;AAAA,QACT,YAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAEb;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAc;AAAA,QACd,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,OAAM;AAAA,QACN,aAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACF;AAEJ;AAGA,SAAS,UAAU,EAAE,MAAM,SAA0C;AACnE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,QAAQ,GAAG,IAAI,IAAI,KAAK,IAAI,IAAI;AAAA,MAChC,UAAS;AAAA,MACT,KAAI;AAAA,MACJ,aAAY;AAAA,MACZ,UAAS;AAAA,MACT,YAAY,GAAG,KAAK,IAAI,MAAM;AAAA,IAAA;AAAA,EAAA;AAGpC;AASA,SAAS,SAAS,EAAE,KAAK,YAAY,SAAoB;AACvD,QAAM,YAAY,QAAQ,oBAAC,WAAA,EAAU,MAAM,QAAQ,OAAO,cAAc,IAAK;AAC7E,QAAM,YAAY,QAAQ,oBAAC,WAAA,EAAU,MAAM,QAAQ,OAAO,cAAc,IAAK;AAC7E,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAK,GAAG,QAAQ,MAAM,QAAQ,IAAI,IAAI,KAAM,UAAA,UAAA,CAAU;AAAA,IACtD,CAAC,cACA,oBAAC,QAAA,EAAK,GAAG,QAAQ,MAAM,QAAQ,IAAI,KAAK,KAAM,UAAA,UAAA,CAAU;AAAA,IAE1D,oBAAC,UAAK,GAAG,QAAQ,MAAM,QAAQ,IAAI,IAAI,KAAM,UAAA,UAAA,CAAU;AAAA,IACtD,CAAC,cACA,oBAAC,QAAA,EAAK,GAAG,QAAQ,MAAM,QAAQ,IAAI,IAAI,KAAM,UAAA,UAAA,CAAU;AAAA,EAAA,GAE3D;AAEJ;AAGA,SAAS,cAAc,EAAE,OAAO,KAAK,YAA+D;AAClG,QAAM,YAAY,QAAQ,oBAAC,WAAA,EAAU,MAAM,QAAQ,OAAO,cAAc,IAAK;AAC7E,QAAM,YAAY,QAAQ,oBAAC,WAAA,EAAU,MAAM,QAAQ,OAAO,cAAc,IAAK;AAC7E,SACE,qBAAC,KAAA,EAAE,SAAQ,KAAI,eAAc,QAC3B,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAc;AAAA,QACd,QAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,aAAY;AAAA,QACZ,UAAS;AAAA,QACT,YAAY,GAAG,KAAK,IAAI,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,wBAE/B,QAAA,EAAK,GAAG,QAAQ,MAAK,QAAQ,UAAA,WAAU;AAAA,wBACvC,QAAA,EAAK,GAAG,QAAQ,MAAK,QAAQ,UAAA,UAAA,CAAU;AAAA,EAAA,GAC1C;AAEJ;AAEA,MAAM,YAAY,MAAM;AAAA,EACtB,CACE;AAAA,IACE,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,MAAM,MAAM,MAAA,EAAQ,QAAQ,iBAAiB,EAAE;AACrD,UAAM,UAAU,wBAAA;AAChB,UAAM,aAAa,WAAW,gBAAiB,WAAW,UAAU,QAAQ;AAE5E,UAAM,iBAAiC,UAAU,UAAU;AAC3D,UAAM,MAAM;AAAA,MACV,MAAM,GAAG,GAAG;AAAA,MACZ,MAAM,GAAG,GAAG;AAAA,MACZ,OAAO,GAAG,GAAG;AAAA,MACb,MAAM,GAAG,GAAG;AAAA,MACZ,MAAM,GAAG,GAAG;AAAA,MACZ,MAAM,GAAG,GAAG;AAAA,IAAA;AAEd,UAAM,UAAU,mBAAmB;AACnC,UAAM,YAAY,mBAAmB;AAErC,UAAM,4BACH,QAAA,EACC,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI,IAAI;AAAA,UACR,eAAc;AAAA,UACd,IAAG;AAAA,UACH,IAAG;AAAA,UACH,IAAG;AAAA,UACH,IAAG;AAAA,UAEH,UAAA;AAAA,YAAA,oBAAC,eAAA,EAAc,OAAO,aAAa,cAAc,cAAc;AAAA,YAC9D,+BAAY,qBAAA,CAAA,CAAoB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEnC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI,IAAI;AAAA,UACR,eAAc;AAAA,UACd,IAAG;AAAA,UACH,IAAG;AAAA,UACH,IAAG;AAAA,UACH,IAAG;AAAA,UAEH,UAAA;AAAA,YAAA,oBAAC,eAAA,EAAc,OAAO,aAAa,cAAc,cAAc;AAAA,YAC9D,+BAAY,qBAAA,CAAA,CAAoB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAElC,CAAC,cACA,qBAAA,UAAA,EACE,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,IAAI;AAAA,YACR,eAAc;AAAA,YACd,IAAG;AAAA,YACH,IAAG;AAAA,YACH,GAAE;AAAA,YAEF,UAAA,oBAAC,eAAA,EAAc,OAAO,eAAA,CAAgB;AAAA,UAAA;AAAA,QAAA;AAAA,QAExC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,IAAI;AAAA,YACR,eAAc;AAAA,YACd,IAAG;AAAA,YACH,IAAG;AAAA,YACH,GAAE;AAAA,YAEF,UAAA,oBAAC,eAAA,EAAc,OAAO,UAAA,CAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACnC,GACF;AAAA,MAED,aAAa,UACZ,qBAAA,UAAA,EACE,UAAA;AAAA,QAAA,oBAAC,kBAAA,EAAe,IAAI,IAAI,MACtB,8BAAC,eAAA,EAAc,OAAO,YAAY,EAAA,CACpC;AAAA,QACA,qBAAC,QAAA,EAAK,IAAI,IAAI,MAAM,WAAU,kBAAiB,GAAE,QAAO,GAAE,QAAO,OAAM,QAAO,QAAO,QACnF,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,GAAE,QAAO,GAAE,QAAO,OAAM,QAAO,QAAO,QAAO,MAAK,OAAA,CAAO;AAAA,UAC/D,oBAAC,YAAO,IAAG,OAAM,IAAG,OAAM,GAAE,OAAM,MAAK,OAAA,CAAO;AAAA,QAAA,EAAA,CAChD;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GAEJ;AAGF,UAAM,OAAO,oBAAC,UAAA,EAAS,KAAU,YAAwB,OAAO,SAAS;AAEzE,QAAI;AACJ,QAAI,SAAS;AAIX,gBACE,oBAAC,KAAA,EAAE,WAAU,sBACX,+BAAC,KAAA,EACC,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAc;AAAA,YACd,MAAK;AAAA,YACL,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,OAAM;AAAA,YACN,MAAK;AAAA,YACL,UAAS;AAAA,YACT,UAAS;AAAA,YACT,YAAW;AAAA,UAAA;AAAA,QAAA;AAAA,QAEb;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAc;AAAA,YACd,MAAK;AAAA,YACL,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,OAAM;AAAA,YACN,aAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAEd,qBAAC,KAAA,EAAE,WAAU,wBACV,UAAA;AAAA,UAAA;AAAA,8BACA,eAAA,EAAc,OAAK,MAAC,KAAI,MAAK,UAAS,SAAA,CAAS;AAAA,QAAA,EAAA,CAClD;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,IAEJ,WAAW,WAAW;AAEpB,gBACE,qBAAA,UAAA,EACG,UAAA;AAAA,QAAA,UACD,oBAAC,OAAE,MAAM,QAAQ,IAAI,IAAI,KACvB,+BAAC,UAAA,EAAO,IAAG,OAAM,IAAG,OAAM,GAAE,OAAM,MAAM,QAAQ,IAAI,IAAI,KAAK,SAAQ,KACnE,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAc;AAAA,cACd,QAAO;AAAA,cACP,UAAS;AAAA,cACT,KAAK;AAAA,cACL,aAAY;AAAA,cACZ,UAAS;AAAA,cACT,YAAY,WAAW,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAE/B;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAc;AAAA,cACd,QAAO;AAAA,cACP,UAAS;AAAA,cACT,KAAK;AAAA,cACL,aAAY;AAAA,cACZ,UAAS;AAAA,cACT,YAAY,WAAW,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QAC/B,EAAA,CACF,EAAA,CACF;AAAA,QAEA,oBAAC,KAAA,EAAE,WAAU,sBACX,+BAAC,KAAA,EACC,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAc;AAAA,cACd,MAAK;AAAA,cACL,QAAO;AAAA,cACP,UAAS;AAAA,cACT,KAAK;AAAA,cACL,aAAY;AAAA,cACZ,UAAS;AAAA,cACT,YAAY,GAAG,KAAK,IAAI,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAEhC,qBAAC,KAAA,EAAE,WAAU,wBACV,UAAA;AAAA,YAAA;AAAA,gCACA,eAAA,EAAc,OAAO,OAAO,KAAK,YAAY,UAAS,UAAA,CAAU;AAAA,UAAA,EAAA,CACnE;AAAA,QAAA,EAAA,CACF,EAAA,CACF;AAAA,MAAA,GACF;AAAA,IAEJ,OAAO;AACL,gBAAU;AAAA,IACZ;AAEA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAQ;AAAA,QACR,WAAW,GAAG,YAAY,SAAS;AAAA,QAEnC,OAAO,EAAE,UAAU,aAAa,SAAS,YAAY,QAAW,GAAG,MAAA;AAAA,QACnE,MAAM,QAAQ,QAAQ;AAAA,QACtB,cAAY;AAAA,QACZ,eAAa,QAAQ,SAAY;AAAA,QACjC,cAAY;AAAA,QACX,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AACA,UAAU,cAAc;"}
+{"version":3,"file":"agent-logo.js","sources":["../../../src/components/AgentPanel/agent-logo.tsx"],"sourcesContent":["/**\n * AgentLogo — 智慧代理標誌與狀態動畫(AgentPanel 家族附屬資產)。\n *\n * ── 消費的 SSOT ──\n * - 造型:user 提供之黃金比例莫比烏斯 SVG 定稿(內橢圓長短軸比 φ=1.618、軸角 121.717°;\n *   agent-panel.spec.md「AgentLogo」節)。漸層停駐色=品牌資產常數(色相落於 DS 藍 252-266 /\n *   紫 294-304 家族,對應 primitives blue-6 258 / purple-6 294;資產內嵌 oklch,非 semantic\n *   token — 詳 spec 同節;2026-09-02 user 拍板由藍→土耳其藍改為藍→紫)。\n * - 狀態動畫:agent-panel.spec.md「AgentLogo」節(靜止/招喚/思考;一息 3s 家族;\n *   2026-09-02 拍板:待機一律靜止,併入 still,無獨立呼吸態)。呼吸包絡=吸 35% / 呼至 85% /\n *   85–100% 靜止空拍(靜息 I:E ≈ 1:2 + 呼氣末停頓;spec「AgentLogo」節引用來源)。\n * - 緩動:--motion-easing-swell / --motion-easing-settle / --motion-easing-exit\n *   (tokens/motion/motion.css)。SMIL keySplines 不能吃 CSS var,以下常數為 token 值的逐字鏡像,\n *   改 token 必同步此處。\n * - 狀態切換:新狀態 0.15s 淡入(--motion-duration-overlay;agent-panel.css `.agent-logo-enter`)。\n * - 減動作:互動觸發必可停(WCAG 2.3.3);常駐 loop 全停 → 一律回靜止\n *   (agent-panel.spec.md「轉場與減動作」)。\n */\nimport * as React from 'react'\nimport { cn } from '@/lib/utils'\nimport './agent-panel.css'\n\n/** 一息 3 秒(標誌狀態動畫家族共用節拍;文字微光 2s 另計 — spec「動畫總表」)。 @internal */\nexport const BREATH_DUR = '3s'\n/** = var(--motion-easing-swell) 的 SMIL 鏡像(吸氣 / 所有「起」)。 @internal */\nexport const SWELL = '0.4 0.14 0.3 1'\n/** = var(--motion-easing-settle) 的 SMIL 鏡像(呼氣 / 所有「收」)。 @internal */\nexport const SETTLE = '0.2 0 0.38 0.9'\n/** = var(--motion-easing-exit) 的 SMIL 鏡像(加速起步)。 */\nconst EXIT = '0.3 0 1 1'\n/** 靜止空拍(值不變,曲線無意義,填線性)。 */\nconst HOLD = '0 0 1 1'\n/** 呼吸包絡:0 靜 → 35% 吸頂 → 85% 回落到底 → 100% 靜止空拍(本體 / 疊層 / 洞形變共用)。 @internal */\nexport const BREATH_KEYTIMES = '0;.35;.85;1'\n/** @internal */\nexport const BREATH_SPLINES = `${SWELL};${SETTLE};${HOLD}`\n/** 呼出去的波:0–35% 貼邊聚亮(吸)→ 35–90% 離體擴散(呼,比本體多 0.15s 餘韻)→ 90–100% 靜。 @internal */\nexport const RIPPLE_KEYTIMES = '0;.35;.9;1'\n/** @internal */\nexport const RIPPLE_SPLINES = `${SWELL};${SETTLE};${HOLD}`\n\n/**\n * 品牌資產代表色(兩緞帶家族;FAB 環與光圈消費同一組 → repo 內唯一數值來源)。\n * @internal AgentPanel 家族內部共用。\n */\nexport const AGENT_BRAND = {\n  blue: 'oklch(.72 .16 254)',\n  purple: 'oklch(.70 .17 300)',\n} as const\n\n/* ── 幾何(user 定稿 SVG 逐字;viewBox 0 0 1254 1254,圓心 627) ── */\nconst D_PURPLE =\n  'M 635.006,98.806 A 505.300,505.300 0 0 1 732.146,1099.915 C 566.063,1098.281 425.041,927.384 417.637,778.287 A 349.828,216.206 121.717474 1 0 885.536,308.027 C 847.485,198.771 746.887,109.003 635.006,98.806 Z'\nconst D_BLUE =\n  'M 635.006,98.806 A 505.300,505.300 0 1 0 732.146,1099.915 C 566.063,1098.281 425.041,927.384 417.637,778.287 A 349.828,216.206 121.717474 0 1 885.536,308.027 C 847.485,198.771 746.887,109.003 635.006,98.806 Z'\n/** 負空間呼吸(思考態):洞由橢圓變正圓的形變終點(弧端點重參數化,指令結構與原路徑同構)。 */\nconst D_PURPLE_ROUND =\n  'M 635.006,98.806 A 505.300,505.300 0 0 1 732.146,1099.915 C 566.063,1098.281 425.041,927.384 419.706,711.508 A 283.017,283.017 121.717474 1 0 862.379,370.696 C 847.485,198.771 746.887,109.003 635.006,98.806 Z'\nconst D_BLUE_ROUND =\n  'M 635.006,98.806 A 505.300,505.300 0 1 0 732.146,1099.915 C 566.063,1098.281 425.041,927.384 419.706,711.508 A 283.017,283.017 121.717474 0 1 862.379,370.696 C 847.485,198.771 746.887,109.003 635.006,98.806 Z'\n\ntype Stop = readonly [number, string, number?]\n/* 完整版(>24):五停駐雙緞帶 + 底面陰影 + 提亮(原稿逐層保留)。\n * 藍緞帶 252→266、紫緞帶 294→304:明度各跨 .38、彩度中段峰值貼 sRGB 色域上限不越界;\n * 兩緞帶最近處相距 ≥38°,24px 簡化檔仍分得開(2026-09-02 配色研究候選 C)。 */\nconst BLUE_SURFACE: readonly Stop[] = [\n  [0, 'oklch(.76 .13 252)'],\n  [0.28, 'oklch(.68 .17 255)'],\n  [0.58, 'oklch(.58 .21 258)'],\n  [0.82, 'oklch(.46 .21 262)'],\n  [1, 'oklch(.38 .19 266)'],\n]\nconst PURPLE_SURFACE: readonly Stop[] = [\n  [0, 'oklch(.82 .09 294)'],\n  [0.3, 'oklch(.74 .14 297)'],\n  [0.58, 'oklch(.64 .18 300)'],\n  [0.82, 'oklch(.52 .20 302)'],\n  [1, 'oklch(.44 .19 304)'],\n]\nconst PURPLE_UNDERSIDE: readonly Stop[] = [\n  [0, 'oklch(.28 .10 302)', 0.82],\n  [0.34, 'oklch(.30 .10 300)', 0.47],\n  [0.74, 'oklch(.30 .10 300)', 0],\n]\nconst BLUE_LIFT: readonly Stop[] = [\n  [0, 'oklch(.86 .06 252)', 0.3],\n  [0.48, 'oklch(.86 .06 252)', 0.1],\n  [1, 'oklch(.86 .06 252)', 0],\n]\n/* 簡化版(≤24):去陰影提亮、兩停駐高對比(圖標光學校正慣例;取五停駐頭尾)。 */\nconst BLUE_SIMPLE: readonly Stop[] = [\n  [0, 'oklch(.76 .13 252)'],\n  [1, 'oklch(.38 .19 266)'],\n]\nconst PURPLE_SIMPLE: readonly Stop[] = [\n  [0, 'oklch(.82 .09 294)'],\n  [1, 'oklch(.44 .19 304)'],\n]\n/* 招喚漣漪:雙色放射盤(內藍→靛過渡→紫→邊緣透明;波色呼應本體兩緞帶色相家族,中段 278 為兩極中點)。 */\nconst WAVE_STOPS: readonly Stop[] = [\n  [0, 'oklch(.62 .19 254)', 0.5],\n  [0.55, 'oklch(.64 .18 278)', 0.44],\n  [0.8, 'oklch(.66 .17 300)', 0.34],\n  [1, 'oklch(.66 .17 300)', 0],\n]\n\n/** 狀態:still 靜止(=待機)/ attract 招喚 / think 思考(=回覆中)。 */\nexport type AgentLogoState = 'still' | 'attract' | 'think'\n\nexport interface AgentLogoProps extends React.SVGAttributes<SVGSVGElement> {\n  /** 動態狀態;預設 still(靜止)。 */\n  state?: AgentLogoState\n  /** 邊長 px;預設 24。≤24 自動切簡化造型(detail=\"auto\")。 */\n  size?: number\n  /** 造型細節檔;auto = size ≤ 24 用簡化版(去陰影提亮、兩停駐高對比)。 */\n  detail?: 'auto' | 'full' | 'simplified'\n  /**\n   * 招喚態漣漪;預設 true。AgentFab 置 false(按鈕內放不下漣漪,由邊框光圈代位 —\n   * spec「FAB」節),本體蓄勢(脹 1.07+吸氣微亮)不變。\n   */\n  ripple?: boolean\n  /** 無障礙名稱;裝飾用途可省略(將標 aria-hidden)。 */\n  label?: string\n}\n\n/**\n * 常駐 loop 遵 prefers-reduced-motion 全停(嚴於 WCAG 2.3.3 條文)。\n * @internal AgentPanel 家族內部共用(AgentFab 光圈同一策略)。\n */\nexport function usePrefersReducedMotion() {\n  const [reduced, setReduced] = React.useState(false)\n  React.useEffect(() => {\n    const query = window.matchMedia('(prefers-reduced-motion: reduce)')\n    setReduced(query.matches)\n    const onChange = (event: MediaQueryListEvent) => setReduced(event.matches)\n    query.addEventListener('change', onChange)\n    return () => query.removeEventListener('change', onChange)\n  }, [])\n  return reduced\n}\n\n/**\n * SMIL `begin=\"0s\"` 以文件時間軸為基準:狀態切換時才掛上的動畫會被視為早已開始\n * (加速段直接凍在終點、呼吸從半途起跑)。改 `begin=\"indefinite\"` + 掛載當下 beginElement():\n * 每次進入狀態都從靜止起跑第一口氣;同一 commit 內掛上的多個動畫(標誌本體 / FAB 光圈)\n * 拿到同一個文件時間 → 同相。\n * @internal AgentPanel 家族內部共用。\n */\nexport function useBeginAnimationsOnMount(ref: React.RefObject<SVGSVGElement | null>, key: string) {\n  React.useLayoutEffect(() => {\n    const root = ref.current\n    if (!root) return\n    root.querySelectorAll<SVGAnimateElement>('[data-begin-on-mount]').forEach((el) => {\n      if (typeof el.beginElement === 'function') el.beginElement()\n    })\n  }, [ref, key])\n}\n\nfunction GradientStops({ stops }: { stops: readonly Stop[] }) {\n  return (\n    <>\n      {stops.map(([offset, color, opacity]) => (\n        <stop\n          key={offset}\n          offset={offset}\n          stopColor={color}\n          {...(opacity !== undefined ? { stopOpacity: opacity } : {})}\n        />\n      ))}\n    </>\n  )\n}\n\n/**\n * 兩段旋轉:啟動加速 0.3s(= 一息/10,exit 曲線)→ 等速 0.6s/圈(= 一息/5,linear=轉圈慣例)。\n * 加速段 begin=indefinite 由掛載觸發;等速段以 syncbase `<id>.end` 銜接,保證每次進入都從 0° 起步。\n */\nfunction SpinPair({\n  id,\n  attributeName,\n  from,\n  mid,\n  end,\n}: {\n  id: string\n  attributeName: 'transform' | 'gradientTransform'\n  from: string\n  mid: string\n  end: string\n}) {\n  return (\n    <>\n      <animateTransform\n        id={id}\n        attributeName={attributeName}\n        type=\"rotate\"\n        values={`${from};${mid}`}\n        dur=\"0.3s\"\n        begin=\"indefinite\"\n        data-begin-on-mount=\"\"\n        fill=\"freeze\"\n        calcMode=\"spline\"\n        keyTimes=\"0;1\"\n        keySplines={EXIT}\n      />\n      <animateTransform\n        attributeName={attributeName}\n        type=\"rotate\"\n        values={`${mid};${end}`}\n        dur=\"0.6s\"\n        begin={`${id}.end`}\n        repeatCount=\"indefinite\"\n      />\n    </>\n  )\n}\n\n/** 思考態:色場定錨於畫布 — 漸層以本體旋轉的同構逆轉實現「幾何流過色場」。 */\nfunction GradientCounterSpin({ id }: { id: string }) {\n  return (\n    <SpinPair id={id} attributeName=\"gradientTransform\" from=\"0 627 627\" mid=\"-90 627 627\" end=\"-450 627 627\" />\n  )\n}\n\n/** 思考態負空間呼吸:洞橢圓↔正圓,6s(=2 息)一輪,同一條呼吸包絡(吸 35% / 呼至 85% / 靜)。 */\nfunction HoleMorph({ from, round }: { from: string; round: string }) {\n  return (\n    <animate\n      attributeName=\"d\"\n      values={`${from};${round};${from};${from}`}\n      keyTimes={BREATH_KEYTIMES}\n      dur=\"6s\"\n      begin=\"indefinite\"\n      data-begin-on-mount=\"\"\n      repeatCount=\"indefinite\"\n      calcMode=\"spline\"\n      keySplines={BREATH_SPLINES}\n    />\n  )\n}\n\ninterface BodyProps {\n  ids: Record<'blue' | 'purple' | 'under' | 'lift', string>\n  simplified: boolean\n  morph: boolean\n}\n\n/** 本體雙緞帶(完整=4 層;簡化=2 層);morph=true 時掛負空間形變。 */\nfunction LogoBody({ ids, simplified, morph }: BodyProps) {\n  const purpleMorph = morph ? <HoleMorph from={D_PURPLE} round={D_PURPLE_ROUND} /> : null\n  const blueMorph = morph ? <HoleMorph from={D_BLUE} round={D_BLUE_ROUND} /> : null\n  return (\n    <>\n      <path d={D_PURPLE} fill={`url(#${ids.purple})`}>{purpleMorph}</path>\n      {!simplified && (\n        <path d={D_PURPLE} fill={`url(#${ids.under})`}>{purpleMorph}</path>\n      )}\n      <path d={D_BLUE} fill={`url(#${ids.blue})`}>{blueMorph}</path>\n      {!simplified && (\n        <path d={D_BLUE} fill={`url(#${ids.lift})`}>{blueMorph}</path>\n      )}\n    </>\n  )\n}\n\n/**\n * 吸氣微亮:白色疊層 0→14%→0(吸氣亮、呼氣暗;Apple Watch Breathe「脹=吸氣」同向)。\n * 招喚與思考同一套語言、同一條呼吸包絡(思考與 6s 圓化同拍)。亮度包絡取代透明度包絡:\n * 本體不透明度恆 1(白面上變淡=像停用;spec「禁止事項」)。\n */\nfunction InhaleOverlay({ morph, dur }: { morph: boolean; dur: string }) {\n  const purpleMorph = morph ? <HoleMorph from={D_PURPLE} round={D_PURPLE_ROUND} /> : null\n  const blueMorph = morph ? <HoleMorph from={D_BLUE} round={D_BLUE_ROUND} /> : null\n  return (\n    <g opacity=\"0\" pointerEvents=\"none\">\n      <animate\n        attributeName=\"opacity\"\n        values=\"0;.14;0;0\"\n        keyTimes={BREATH_KEYTIMES}\n        dur={dur}\n        begin=\"indefinite\"\n        data-begin-on-mount=\"\"\n        repeatCount=\"indefinite\"\n        calcMode=\"spline\"\n        keySplines={BREATH_SPLINES}\n      />\n      <path d={D_BLUE} fill=\"#fff\">{blueMorph}</path>\n      <path d={D_PURPLE} fill=\"#fff\">{purpleMorph}</path>\n    </g>\n  )\n}\n\nconst AgentLogo = React.forwardRef<SVGSVGElement, AgentLogoProps>(\n  (\n    {\n      state = 'still',\n      size = 24,\n      detail = 'auto',\n      ripple = true,\n      label,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const uid = React.useId().replace(/[^a-zA-Z0-9]/g, '')\n    const reduced = usePrefersReducedMotion()\n    const simplified = detail === 'simplified' || (detail === 'auto' && size <= 24)\n    /** 減動作:常駐 loop 全停,一律回靜止。 */\n    const effectiveState: AgentLogoState = reduced ? 'still' : state\n    const innerRef = React.useRef<SVGSVGElement | null>(null)\n    React.useImperativeHandle(ref, () => innerRef.current as SVGSVGElement)\n    useBeginAnimationsOnMount(innerRef, `${effectiveState}:${simplified}:${ripple}`)\n    const ids = {\n      blue: `${uid}bs`,\n      purple: `${uid}ps`,\n      under: `${uid}pu`,\n      lift: `${uid}bl`,\n      wave: `${uid}wg`,\n      mask: `${uid}wm`,\n      spinBlue: `${uid}sb`,\n      spinPurple: `${uid}sp`,\n      spinBody: `${uid}sr`,\n    }\n    const isThink = effectiveState === 'think'\n    const isAttract = effectiveState === 'attract'\n\n    const defs = (\n      <defs>\n        <linearGradient\n          id={ids.blue}\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"390\"\n          y1=\"1055\"\n          x2=\"770\"\n          y2=\"110\"\n        >\n          <GradientStops stops={simplified ? BLUE_SIMPLE : BLUE_SURFACE} />\n          {isThink && <GradientCounterSpin id={ids.spinBlue} />}\n        </linearGradient>\n        <linearGradient\n          id={ids.purple}\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"990\"\n          y1=\"145\"\n          x2=\"650\"\n          y2=\"1090\"\n        >\n          <GradientStops stops={simplified ? PURPLE_SIMPLE : PURPLE_SURFACE} />\n          {isThink && <GradientCounterSpin id={ids.spinPurple} />}\n        </linearGradient>\n        {!simplified && (\n          <>\n            <radialGradient\n              id={ids.under}\n              gradientUnits=\"userSpaceOnUse\"\n              cx=\"490\"\n              cy=\"815\"\n              r=\"520\"\n            >\n              <GradientStops stops={PURPLE_UNDERSIDE} />\n            </radialGradient>\n            <radialGradient\n              id={ids.lift}\n              gradientUnits=\"userSpaceOnUse\"\n              cx=\"350\"\n              cy=\"930\"\n              r=\"510\"\n            >\n              <GradientStops stops={BLUE_LIFT} />\n            </radialGradient>\n          </>\n        )}\n        {isAttract && ripple && (\n          <>\n            <radialGradient id={ids.wave}>\n              <GradientStops stops={WAVE_STOPS} />\n            </radialGradient>\n            <mask id={ids.mask} maskUnits=\"userSpaceOnUse\" x=\"-600\" y=\"-600\" width=\"2454\" height=\"2454\">\n              <rect x=\"-600\" y=\"-600\" width=\"2454\" height=\"2454\" fill=\"#fff\" />\n              <circle cx=\"627\" cy=\"627\" r=\"512\" fill=\"#000\" />\n            </mask>\n          </>\n        )}\n      </defs>\n    )\n\n    const body = <LogoBody ids={ids} simplified={simplified} morph={isThink} />\n\n    let content: React.ReactNode\n    if (isThink) {\n      // 平移座標系內旋轉不得帶圓心(帶了=轉心位移兩倍遠)。結束無減速檔:SMIL loop 無終點,\n      // 由狀態切換的 0.15s 淡入承接(spec「AgentLogo」節)。\n      content = (\n        <g transform=\"translate(627 627)\">\n          <g>\n            <SpinPair id={ids.spinBody} attributeName=\"transform\" from=\"0\" mid=\"90\" end=\"450\" />\n            <g transform=\"translate(-627 -627)\">\n              {body}\n              <InhaleOverlay morph dur=\"6s\" />\n            </g>\n          </g>\n        </g>\n      )\n    } else if (isAttract) {\n      // 招喚:蓄勢(本體脹 1.07 + 吸氣微亮,波貼邊聚亮)→ 35% 呼氣起點波離體 → 85% 本體到底\n      // → 90% 餘暈散盡 → 靜止空拍。\n      content = (\n        <>\n          {ripple && (\n            <g mask={`url(#${ids.mask})`}>\n              <circle cx=\"627\" cy=\"627\" r=\"560\" fill={`url(#${ids.wave})`} opacity=\"0\">\n                <animate\n                  attributeName=\"r\"\n                  values=\"560;560;830;830\"\n                  keyTimes={RIPPLE_KEYTIMES}\n                  dur={BREATH_DUR}\n                  begin=\"indefinite\"\n                  data-begin-on-mount=\"\"\n                  repeatCount=\"indefinite\"\n                  calcMode=\"spline\"\n                  keySplines={`${HOLD};${SETTLE};${HOLD}`}\n                />\n                <animate\n                  attributeName=\"opacity\"\n                  values=\"0;1;0;0\"\n                  keyTimes={RIPPLE_KEYTIMES}\n                  dur={BREATH_DUR}\n                  begin=\"indefinite\"\n                  data-begin-on-mount=\"\"\n                  repeatCount=\"indefinite\"\n                  calcMode=\"spline\"\n                  keySplines={RIPPLE_SPLINES}\n                />\n              </circle>\n            </g>\n          )}\n          <g transform=\"translate(627 627)\">\n            <g>\n              <animateTransform\n                attributeName=\"transform\"\n                type=\"scale\"\n                values=\"1;1.07;1;1\"\n                keyTimes={BREATH_KEYTIMES}\n                dur={BREATH_DUR}\n                begin=\"indefinite\"\n                data-begin-on-mount=\"\"\n                repeatCount=\"indefinite\"\n                calcMode=\"spline\"\n                keySplines={BREATH_SPLINES}\n              />\n              <g transform=\"translate(-627 -627)\">\n                {body}\n                <InhaleOverlay morph={false} dur={BREATH_DUR} />\n              </g>\n            </g>\n          </g>\n        </>\n      )\n    } else {\n      content = body\n    }\n\n    return (\n      <svg\n        ref={innerRef}\n        width={size}\n        height={size}\n        viewBox=\"0 0 1254 1254\"\n        className={cn('shrink-0', className)}\n        // 招喚波以透明度收尾,溢出視窗屬設計(波暈散出標誌框外)。\n        style={{ overflow: isAttract && ripple ? 'visible' : undefined, ...style }}\n        role={label ? 'img' : undefined}\n        aria-label={label}\n        aria-hidden={label ? undefined : true}\n        data-state={effectiveState}\n        {...props}\n      >\n        {defs}\n        {/* 狀態切換:key 重建 + 0.15s 淡入(僅 opacity,不碰 transform 屬性),禁跳切。 */}\n        <g key={effectiveState} className=\"agent-logo-enter\">\n          {content}\n        </g>\n      </svg>\n    )\n  },\n)\nAgentLogo.displayName = 'AgentLogo'\n\nexport { AgentLogo }\n"],"names":[],"mappings":"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"}