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

package/dist/components/AccountMenu/account-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"account-menu.js","sources":["../../../src/components/AccountMenu/account-menu.tsx"],"sourcesContent":["/**\n * AccountMenu — 全域 chrome「自己的帳號入口」(24px avatar 觸發 + 帳號選單)\n *\n * ── 定位 ──\n * Primary-header 派 globalHeader 右側(desktop)/ mobile Sheet SidebarHeader 右側的\n * 帳號入口成品元件:點 avatar 開「個人資料 / 設定 / 登出」navigation 選單。\n * 是「自己」的入口,不是看「別人」的 ProfileCard(後者預設動作 Chat/通話,語義是聯絡某人)。\n * **Placement-agnostic**:哪個 mode 放哪裡是 consumer 職責,放置 canonical owner =\n * `../AppShell/app-shell.spec.md`「帳號入口(Account entry)放置 SSOT」(本元件不收 mode prop,\n * 不複製該 SSOT;consumer 讀 `useAppShell().layout` + `useSidebar().isMobile` 決定放置)。\n *\n * ── 實作基礎 ──\n * 消費:Avatar(raw size=24 trigger)+ DropdownMenu(Trigger asChild / Content / Group / Label / Item)\n * 對應 pattern:patterns/header-canonical(4.5 chrome header avatar SSOT)\n *\n * ── 消費的 SSOT ──\n * - components: [Avatar, DropdownMenu(DropdownMenuTrigger/Content/Group/Label/Item)]\n * - patterns: [header-canonical 4.5(chrome header avatar = raw `<Avatar size={24}>`,非 ItemAvatar)]\n * - tokens: [--chrome-header-avatar-size(JS 端 24 literal sync), --ring(focus-visible ring canonical)]\n * - spec refs: app-shell.spec.md「帳號入口(Account entry)放置 SSOT」/ header-canonical.spec.md 4.5\n *   / dropdown-menu.spec.md / profile-card.spec.md(近親分界:看別人 vs 自己)\n *\n * 升級歷程:2026-06-17 `AppShell/_demo-helpers.tsx` demo helper 誕生(user directive)→\n * 2026-07-30 F9 升 public:app-shell.spec.md + sidebar.spec.md 兩處 canonical 都 mandate\n * 消費本元件,「文件教得到、import 拿不到」= DT-EXPORT 斷鏈同款缺口(gen-component-indexes.mjs\n * 檔頭 anchor),npm consumer 被迫整包重造。世界級對照:Atlassian `@atlaskit/atlassian-navigation`\n * 出貨專門 `Profile` 元件作 top bar 帳號 trigger(ProfileProps = IconButtonProps,選單內容\n * composition;https://unpkg.com/@atlaskit/atlassian-navigation/dist/types/index.d.ts +\n * dist/types/components/Profile/types.d.ts);shadcn / Primer 走 DropdownMenu / ActionMenu\n * composition recipe(https://ui.shadcn.com/docs/components/dropdown-menu「An account switcher\n * dropdown triggered by an avatar」/ https://primer.style/components/action-menu)。本元件 =\n * Atlassian 專門元件 + shadcn canonical 內容組(Label(user)+ Groups)的收斂。\n */\nimport * as React from 'react'\nimport { User, Settings, LogOut } from 'lucide-react'\nimport { Avatar, type AvatarData } from '@/design-system/components/Avatar/avatar'\nimport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuGroup,\n} from '@/design-system/components/DropdownMenu/dropdown-menu'\n\n// ── Types ───────────────────────────────────────────────────────────────────\n\nexport interface AccountMenuUser {\n  /** 顯示名(選單 Label 區;alt 未傳時同時作 avatar alt fallback) */\n  name: string\n  /**\n   * Avatar 資料(消費既有 `AvatarData` type)。`hoverCard` 刻意排除:帳號入口是「自己」,\n   * 不掛 ProfileCard(per app-shell.spec.md 帳號入口 SSOT「不用 ProfileCard」);\n   * `alt` 可省,fallback `name`。\n   */\n  avatar?: Omit<AvatarData, 'hoverCard' | 'alt'> & { alt?: string }\n}\n\nexport interface AccountMenuProps {\n  /** 當前登入使用者 */\n  user: AccountMenuUser\n  /** 「個人資料」item handler(default 選單消費;命名對齊 `PersonData.onViewProfile` 既有 canonical) */\n  onViewProfile?: () => void\n  /** 「設定」item handler(default 選單消費) */\n  onOpenSettings?: () => void\n  /** 「登出」item handler(default 選單消費) */\n  onSignOut?: () => void\n  /**\n   * 取代 default 選單內容(自組 `DropdownMenuGroup` / `DropdownMenuItem`;i18n / 產品自訂項走這)。\n   * Identity Label(user.name)恆由本元件渲染於選單頂(對齊 shadcn account 例 Label(user)慣例);\n   * 傳入 children 時三個 default callback 不再消費。\n   */\n  children?: React.ReactNode\n  /** 選單對齊(轉傳 DropdownMenuContent `align`)。預設 `'end'`:右上入口靠右展開(demo baseline) */\n  align?: 'start' | 'center' | 'end'\n  /** Trigger aria-label(i18n override,對齊 Avatar `badgeAriaLabel` pattern)。預設「帳號與設定」 */\n  triggerAriaLabel?: string\n  /** 受控展開狀態(Radix passthrough) */\n  open?: boolean\n  /** 預設展開(uncontrolled,Radix passthrough)。Storybook OpenSnapshot(M15 visual-audit coverable)用 */\n  defaultOpen?: boolean\n  /** 展開狀態變更 callback(Radix passthrough) */\n  onOpenChange?: (open: boolean) => void\n  /**\n   * Trigger button 的非視覺 DOM attributes / event handlers。\n   * `children`、`type`、`aria-label`、`className`、`disabled` 由 AccountMenu canonical contract\n   * 擁有；分析與測試所需的 `data-*`、`aria-*`、事件可由此傳入。\n   */\n  triggerProps?: Omit<\n    React.ComponentPropsWithoutRef<'button'>,\n    'children' | 'type' | 'aria-label' | 'className' | 'disabled'\n  >\n}\n\n// ── AccountMenu ─────────────────────────────────────────────────────────────\n\nexport const AccountMenu = React.forwardRef<HTMLButtonElement, AccountMenuProps>(\n  ({\n    user,\n    onViewProfile,\n    onOpenSettings,\n    onSignOut,\n    children,\n    align = 'end',\n    triggerAriaLabel = '帳號與設定', // i18n-allow: spec 預設 aria-label(account-menu.spec.md),consumer 以同名 prop 覆蓋\n    open,\n    defaultOpen,\n    onOpenChange,\n    triggerProps,\n  }, ref) => {\n    // Dev-mode warning(對齊 ProfileCardDefaultActions dev-warn 先例):default 選單項沒接任何\n    // handler = item 點了永遠沒反應;production 必接 callback 或自組 children。\n    if (\n      process.env.NODE_ENV !== 'production' &&\n      !children &&\n      !onViewProfile &&\n      !onOpenSettings &&\n      !onSignOut\n    ) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        '[DS AccountMenu] default 選單項未接 onViewProfile/onOpenSettings/onSignOut——item 點擊無反應。請傳入 callback 或自組 children。'\n      )\n    }\n    const avatar = user.avatar ?? {}\n    return (\n      <DropdownMenu open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>\n        <DropdownMenuTrigger asChild>\n          {/* 互動感由 focus-visible ring 提供(無 hover bg,chrome 輕量 entry),不放大到 field height\n              — per app-shell.spec.md「Avatar 尺寸 + 邊距」+ header-canonical.spec.md 4.5 */}\n          {/* size-6 = Avatar 24 的幾何鎖:trigger 是 Radix 的 anchor box,沒鎖尺寸時 flex 預設\n              align-items: stretch 會把按鈕撐高(實測 min-h-32 容器 → 96px anchor → 選單視覺間距\n              44px,遠離 elevation.spec.md 的 8px canonical)。鎖死後 anchor ≡ avatar,任何容器\n              都維持 sideOffset=8 的視覺意圖;shrink-0 防壓縮對偶。user 2026-08-04 拍板。 */}\n          <button\n            {...triggerProps}\n            ref={ref}\n            type=\"button\"\n            aria-label={triggerAriaLabel}\n            className=\"flex size-6 shrink-0 items-center justify-center self-center rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1\"\n          >\n            {/* 24 per header-canonical.spec.md 4.5 chrome header avatar canonical(brand + account 同尺寸); sync with --chrome-header-avatar-size */}\n            <Avatar size={24} {...avatar} alt={avatar.alt ?? user.name} />\n          </button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align={align}>\n          {children ? (\n            <>\n              <DropdownMenuGroup>\n                <DropdownMenuLabel>{user.name}</DropdownMenuLabel>\n              </DropdownMenuGroup>\n              {children}\n            </>\n          ) : (\n            <>\n              {/* Default 選單集合 = app-shell.spec.md「入口開什麼」canonical(個人資料 / 設定 / 登出,\n                  登出獨立 group — 破壞性動作分區,對齊 GitHub / Gmail / Slack 帳號選單慣例) */}\n              <DropdownMenuGroup>\n                <DropdownMenuLabel>{user.name}</DropdownMenuLabel>\n                <DropdownMenuItem startIcon={User} onSelect={onViewProfile}>\n                  個人資料\n                </DropdownMenuItem>\n                <DropdownMenuItem startIcon={Settings} onSelect={onOpenSettings}>\n                  設定\n                </DropdownMenuItem>\n              </DropdownMenuGroup>\n              <DropdownMenuGroup>\n                <DropdownMenuItem startIcon={LogOut} onSelect={onSignOut}>\n                  登出\n                </DropdownMenuItem>\n              </DropdownMenuGroup>\n            </>\n          )}\n        </DropdownMenuContent>\n      </DropdownMenu>\n    )\n  },\n)\nAccountMenu.displayName = 'AccountMenu'\n\n// Story auto-compile metadata — F9 public 升級(2026-07-30)\n// Phase 2 fill needed: purpose descriptions + when rationale\nexport const accountMenuMeta = {\n  component: 'AccountMenu',\n  family: null, // composite(trigger = chrome header 24px avatar;浮層 = DropdownMenu Family 1 消費者)\n  variants: {},\n  sizes: {}, // trigger avatar 24px density-fixed(header-canonical.spec.md 4.5),無 size 軸 → 兩欄留空為 intentional\n  states: ['default', 'focus-visible'],\n  tokens: {\n    bg: [],\n    fg: [],\n    ring: ['--ring'], // trigger focus-visible ring canonical\n  },\n} as const\n"],"names":[],"mappings":";;;;;AAgGO,MAAM,cAAc,MAAM;AAAA,EAC/B,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,mBAAmB;AAAA;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GACC,QAAQ;AAGT,QACE,QAAQ,IAAI,aAAa,gBACzB,CAAC,YACD,CAAC,iBACD,CAAC,kBACD,CAAC,WACD;AAEA,cAAQ;AAAA,QACN;AAAA,MAAA;AAAA,IAEJ;AACA,UAAM,SAAS,KAAK,UAAU,CAAA;AAC9B,WACE,qBAAC,cAAA,EAAa,MAAY,aAA0B,cAClD,UAAA;AAAA,MAAA,oBAAC,qBAAA,EAAoB,SAAO,MAO1B,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ;AAAA,UACA,MAAK;AAAA,UACL,cAAY;AAAA,UACZ,WAAU;AAAA,UAGV,UAAA,oBAAC,QAAA,EAAO,MAAM,IAAK,GAAG,QAAQ,KAAK,OAAO,OAAO,KAAK,KAAA,CAAM;AAAA,QAAA;AAAA,MAAA,GAEhE;AAAA,MACA,oBAAC,qBAAA,EAAoB,OAClB,UAAA,WACC,qBAAA,UAAA,EACE,UAAA;AAAA,QAAA,oBAAC,mBAAA,EACC,UAAA,oBAAC,mBAAA,EAAmB,UAAA,KAAK,MAAK,GAChC;AAAA,QACC;AAAA,MAAA,EAAA,CACH,IAEA,qBAAA,UAAA,EAGE,UAAA;AAAA,QAAA,qBAAC,mBAAA,EACC,UAAA;AAAA,UAAA,oBAAC,mBAAA,EAAmB,eAAK,KAAA,CAAK;AAAA,8BAC7B,kBAAA,EAAiB,WAAW,MAAM,UAAU,eAAe,UAAA,QAE5D;AAAA,8BACC,kBAAA,EAAiB,WAAW,UAAU,UAAU,gBAAgB,UAAA,KAAA,CAEjE;AAAA,QAAA,GACF;AAAA,QACA,oBAAC,qBACC,UAAA,oBAAC,kBAAA,EAAiB,WAAW,QAAQ,UAAU,WAAW,UAAA,KAAA,CAE1D,EAAA,CACF;AAAA,MAAA,EAAA,CACF,EAAA,CAEJ;AAAA,IAAA,GACF;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;AAInB,MAAM,kBAAkB;AAAA,EAC7B,WAAW;AAAA,EACX,QAAQ;AAAA;AAAA,EACR,UAAU,CAAA;AAAA,EACV,OAAO,CAAA;AAAA;AAAA,EACP,QAAQ,CAAC,WAAW,eAAe;AAAA,EACnC,QAAQ;AAAA,IACN,IAAI,CAAA;AAAA,IACJ,IAAI,CAAA;AAAA,IACJ,MAAM,CAAC,QAAQ;AAAA;AAAA,EAAA;AAEnB;"}

package/dist/components/AccountMenu/index.d.ts

@@ -0,0 +1,2 @@
+export * from './account-menu';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/AccountMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AccountMenu/index.ts"],"names":[],"mappings":"AAIA,cAAc,gBAAgB,CAAA"}

package/dist/components/AccountMenu/index.js

@@ -0,0 +1,6 @@
+import { AccountMenu, accountMenuMeta } from "./account-menu.js";
+export {
+  AccountMenu,
+  accountMenuMeta
+};
+//# sourceMappingURL=index.js.map

package/dist/components/AccountMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,24 @@
+/**
+ * AgentFab — 智慧代理浮動開關鈕(AgentPanel 家族附屬資產)。
+ *
+ * ── 消費的 SSOT ──
+ * - 40 圓 = --field-height-lg 於 lg 密度(uiSize.spec.md「lg 密度」表);圓形 iconOnly。
+ * - 面 = bg-surface-raised + --elevation-200(elevation.spec.md 配對規則;不寫死白色)。
+ * - 外框 = AI 觸發鈕特調:錐形(環向)漸層描邊 2px(整數寬+環向漸層=正圓對稱;
+ *   spec「FAB」節)。配色兩極 = AgentLogo 兩緞帶家族代表色 AGENT_BRAND(藍 254 / 紫 300;
+ *   單一數值來源在 agent-logo.tsx,本檔只 import — 2026-09-02 藍→紫改色時收斂)。
+ * - 內置 24 標誌(AgentLogo 簡化檔自動生效)。
+ * - 動畫:待機=靜止(=標誌 still 態,2026-09-02 全家族統一);有新訊=招喚態
+ *   (標誌本體蓄勢,漣漪由邊框光圈代位: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';
+export interface AgentFabProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    /** 有新訊(招喚態):標誌蓄勢 + 邊框光圈呼出。 */
+    attention?: boolean;
+}
+declare const AgentFab: React.ForwardRefExoticComponent<AgentFabProps & React.RefAttributes<HTMLButtonElement>>;
+export { AgentFab };
+//# sourceMappingURL=agent-fab.d.ts.map

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

@@ -0,0 +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;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

@@ -0,0 +1,75 @@
+/**
+ * AgentLogo — 智慧代理標誌與狀態動畫(AgentPanel 家族附屬資產)。
+ *
+ * ── 消費的 SSOT ──
+ * - 造型:user 提供之黃金比例莫比烏斯 SVG 定稿(內橢圓長短軸比 φ=1.618、軸角 121.717°;
+ *   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,無獨立呼吸態)。呼吸包絡=吸 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> {
+    /** 動態狀態;預設 still(靜止)。 */
+    state?: AgentLogoState;
+    /** 邊長 px;預設 24。≤24 自動切簡化造型(detail="auto")。 */
+    size?: number;
+    /** 造型細節檔;auto = size ≤ 24 用簡化版(去陰影提亮、兩停駐高對比)。 */
+    detail?: 'auto' | 'full' | 'simplified';
+    /**
+     * 招喚態漣漪;預設 true。AgentFab 置 false(按鈕內放不下漣漪,由邊框光圈代位 —
+     * spec「FAB」節),本體蓄勢(脹 1.07+吸氣微亮)不變。
+     */
+    ripple?: boolean;
+    /** 無障礙名稱;裝飾用途可省略(將標 aria-hidden)。 */
+    label?: string;
+}
+/**
+ * 常駐 loop 遵 prefers-reduced-motion 全停(嚴於 WCAG 2.3.3 條文)。
+ * @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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,371 @@
+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 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_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(.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 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 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(.86 .06 252)", 0.3],
+  [0.48, "oklch(.86 .06 252)", 0.1],
+  [1, "oklch(.86 .06 252)", 0]
+];
+const BLUE_SIMPLE = [
+  [0, "oklch(.76 .13 252)"],
+  [1, "oklch(.38 .19 266)"]
+];
+const PURPLE_SIMPLE = [
+  [0, "oklch(.82 .09 294)"],
+  [1, "oklch(.44 .19 304)"]
+];
+const WAVE_STOPS = [
+  [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);
+  React.useEffect(() => {
+    const query = window.matchMedia("(prefers-reduced-motion: reduce)");
+    setReduced(query.matches);
+    const onChange = (event) => setReduced(event.matches);
+    query.addEventListener("change", onChange);
+    return () => query.removeEventListener("change", onChange);
+  }, []);
+  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",
+    {
+      offset,
+      stopColor: color,
+      ...opacity !== void 0 ? { stopOpacity: opacity } : {}
+    },
+    offset
+  )) });
+}
+function SpinPair({
+  id,
+  attributeName,
+  from,
+  mid,
+  end
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "animateTransform",
+      {
+        id,
+        attributeName,
+        type: "rotate",
+        values: `${from};${mid}`,
+        dur: "0.3s",
+        begin: "indefinite",
+        "data-begin-on-mount": "",
+        fill: "freeze",
+        calcMode: "spline",
+        keyTimes: "0;1",
+        keySplines: EXIT
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "animateTransform",
+      {
+        attributeName,
+        type: "rotate",
+        values: `${mid};${end}`,
+        dur: "0.6s",
+        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};${from}`,
+      keyTimes: BREATH_KEYTIMES,
+      dur: "6s",
+      begin: "indefinite",
+      "data-begin-on-mount": "",
+      repeatCount: "indefinite",
+      calcMode: "spline",
+      keySplines: BREATH_SPLINES
+    }
+  );
+}
+function LogoBody({ ids, simplified, morph }) {
+  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_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 }) {
+  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;0",
+        keyTimes: BREATH_KEYTIMES,
+        dur,
+        begin: "indefinite",
+        "data-begin-on-mount": "",
+        repeatCount: "indefinite",
+        calcMode: "spline",
+        keySplines: BREATH_SPLINES
+      }
+    ),
+    /* @__PURE__ */ jsx("path", { d: D_BLUE, fill: "#fff", children: blueMorph }),
+    /* @__PURE__ */ jsx("path", { d: D_PURPLE, fill: "#fff", children: purpleMorph })
+  ] });
+}
+const AgentLogo = React.forwardRef(
+  ({
+    state = "still",
+    size = 24,
+    detail = "auto",
+    ripple = true,
+    label,
+    className,
+    style,
+    ...props
+  }, ref) => {
+    const uid = React.useId().replace(/[^a-zA-Z0-9]/g, "");
+    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`,
+      purple: `${uid}ps`,
+      under: `${uid}pu`,
+      lift: `${uid}bl`,
+      wave: `${uid}wg`,
+      mask: `${uid}wm`,
+      spinBlue: `${uid}sb`,
+      spinPurple: `${uid}sp`,
+      spinBody: `${uid}sr`
+    };
+    const isThink = effectiveState === "think";
+    const isAttract = effectiveState === "attract";
+    const defs = /* @__PURE__ */ jsxs("defs", { children: [
+      /* @__PURE__ */ jsxs(
+        "linearGradient",
+        {
+          id: ids.blue,
+          gradientUnits: "userSpaceOnUse",
+          x1: "390",
+          y1: "1055",
+          x2: "770",
+          y2: "110",
+          children: [
+            /* @__PURE__ */ jsx(GradientStops, { stops: simplified ? BLUE_SIMPLE : BLUE_SURFACE }),
+            isThink && /* @__PURE__ */ jsx(GradientCounterSpin, { id: ids.spinBlue })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "linearGradient",
+        {
+          id: ids.purple,
+          gradientUnits: "userSpaceOnUse",
+          x1: "990",
+          y1: "145",
+          x2: "650",
+          y2: "1090",
+          children: [
+            /* @__PURE__ */ jsx(GradientStops, { stops: simplified ? PURPLE_SIMPLE : PURPLE_SURFACE }),
+            isThink && /* @__PURE__ */ jsx(GradientCounterSpin, { id: ids.spinPurple })
+          ]
+        }
+      ),
+      !simplified && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "radialGradient",
+          {
+            id: ids.under,
+            gradientUnits: "userSpaceOnUse",
+            cx: "490",
+            cy: "815",
+            r: "520",
+            children: /* @__PURE__ */ jsx(GradientStops, { stops: PURPLE_UNDERSIDE })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "radialGradient",
+          {
+            id: ids.lift,
+            gradientUnits: "userSpaceOnUse",
+            cx: "350",
+            cy: "930",
+            r: "510",
+            children: /* @__PURE__ */ jsx(GradientStops, { stops: BLUE_LIFT })
+          }
+        )
+      ] }),
+      isAttract && ripple && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("radialGradient", { id: ids.wave, children: /* @__PURE__ */ jsx(GradientStops, { stops: WAVE_STOPS }) }),
+        /* @__PURE__ */ jsxs("mask", { id: ids.mask, maskUnits: "userSpaceOnUse", x: "-600", y: "-600", width: "2454", height: "2454", children: [
+          /* @__PURE__ */ jsx("rect", { x: "-600", y: "-600", width: "2454", height: "2454", fill: "#fff" }),
+          /* @__PURE__ */ jsx("circle", { cx: "627", cy: "627", r: "512", fill: "#000" })
+        ] })
+      ] })
+    ] });
+    const body = /* @__PURE__ */ jsx(LogoBody, { ids, simplified, morph: isThink });
+    let content;
+    if (isThink) {
+      content = /* @__PURE__ */ jsx("g", { transform: "translate(627 627)", children: /* @__PURE__ */ jsxs("g", { children: [
+        /* @__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" })
+        ] })
+      ] }) });
+    } else if (isAttract) {
+      content = /* @__PURE__ */ jsxs(Fragment, { children: [
+        ripple && /* @__PURE__ */ jsx("g", { mask: `url(#${ids.mask})`, children: /* @__PURE__ */ jsxs("circle", { cx: "627", cy: "627", r: "560", fill: `url(#${ids.wave})`, opacity: "0", children: [
+          /* @__PURE__ */ jsx(
+            "animate",
+            {
+              attributeName: "r",
+              values: "560;560;830;830",
+              keyTimes: RIPPLE_KEYTIMES,
+              dur: BREATH_DUR,
+              begin: "indefinite",
+              "data-begin-on-mount": "",
+              repeatCount: "indefinite",
+              calcMode: "spline",
+              keySplines: `${HOLD};${SETTLE};${HOLD}`
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "animate",
+            {
+              attributeName: "opacity",
+              values: "0;1;0;0",
+              keyTimes: RIPPLE_KEYTIMES,
+              dur: BREATH_DUR,
+              begin: "indefinite",
+              "data-begin-on-mount": "",
+              repeatCount: "indefinite",
+              calcMode: "spline",
+              keySplines: RIPPLE_SPLINES
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx("g", { transform: "translate(627 627)", children: /* @__PURE__ */ jsxs("g", { children: [
+          /* @__PURE__ */ jsx(
+            "animateTransform",
+            {
+              attributeName: "transform",
+              type: "scale",
+              values: "1;1.07;1;1",
+              keyTimes: BREATH_KEYTIMES,
+              dur: BREATH_DUR,
+              begin: "indefinite",
+              "data-begin-on-mount": "",
+              repeatCount: "indefinite",
+              calcMode: "spline",
+              keySplines: BREATH_SPLINES
+            }
+          ),
+          /* @__PURE__ */ jsxs("g", { transform: "translate(-627 -627)", children: [
+            body,
+            /* @__PURE__ */ jsx(InhaleOverlay, { morph: false, dur: BREATH_DUR })
+          ] })
+        ] }) })
+      ] });
+    } else {
+      content = body;
+    }
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        ref: innerRef,
+        width: size,
+        height: size,
+        viewBox: "0 0 1254 1254",
+        className: cn("shrink-0", className),
+        style: { overflow: isAttract && ripple ? "visible" : void 0, ...style },
+        role: label ? "img" : void 0,
+        "aria-label": label,
+        "aria-hidden": label ? void 0 : true,
+        "data-state": effectiveState,
+        ...props,
+        children: [
+          defs,
+          /* @__PURE__ */ jsx("g", { className: "agent-logo-enter", children: content }, effectiveState)
+        ]
+      }
+    );
+  }
+);
+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

@@ -0,0 +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-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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"}