@aphrody/m3-ai 3.3.6 → 3.3.7

package/dist/index.js

@@ -1,5 +1,5 @@
 'use client';
-// packages/m3-ai/src/types.ts
+// m3/packages/m3-ai/src/types.ts
 var TASK_STATUS_ORDER = [
   "in_progress",
   "ready",
@@ -81,13 +81,13 @@ function pairTranscriptSteps(steps) {
   }
   return items;
 }
-// packages/m3-ai/src/ToolCall.tsx
+// m3/packages/m3-ai/src/ToolCall.tsx
 import { useId, useState as useState2 } from "react";
 import { clsx as clsx3 } from "clsx";
 import { AnimatePresence, motion } from "motion/react";
 import { Icon } from "@aphrody/m3-primitives";
 
-// packages/m3-ai/src/internal.tsx
+// m3/packages/m3-ai/src/internal.tsx
 import { m3Durations, m3Easings } from "@aphrody/m3-motion";
 import { clsx } from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -159,7 +159,7 @@ function StatusChip({
   });
 }
 
-// packages/m3-ai/src/McpAppCard.tsx
+// m3/packages/m3-ai/src/McpAppCard.tsx
 import { useState, useRef, useMemo } from "react";
 import { clsx as clsx2 } from "clsx";
 import { AppRenderer } from "@aphrody/mcp-ui";
@@ -327,7 +327,7 @@ var McpAppCard = ({
   });
 };
 
-// packages/m3-ai/src/ToolCall.tsx
+// m3/packages/m3-ai/src/ToolCall.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function firstArg(pair, keys) {
   for (const key of keys) {
@@ -956,15 +956,272 @@ function truncate(text, maxLen) {
     return text;
   return text.slice(0, maxLen) + "...";
 }
-// packages/m3-ai/src/Markdown.tsx
-import { Icon as Icon2 } from "@aphrody/m3-primitives";
-import { clsx as clsx4 } from "clsx";
+// m3/packages/m3-ai/src/Markdown.tsx
+import { clsx as clsx5 } from "clsx";
 import { forwardRef, isValidElement, useEffect, useRef as useRef2, useState as useState3 } from "react";
 import ReactMarkdown from "react-markdown";
 import rehypeRaw from "rehype-raw";
 import remarkGfm from "remark-gfm";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+
+// m3/packages/m3-ai/src/chatLabels.ts
+var chatLabelsEn = {
+  composerPlaceholder: "Ask something...",
+  send: "Send",
+  stop: "Stop",
+  openVoice: "Open Voice Input",
+  projects: "Projects",
+  models: "Models",
+  selectModel: "Select model...",
+  searchModels: "Search models...",
+  noModels: "No models found",
+  contextTokens: "{count} tokens",
+  copyMessage: "Copy Message",
+  copyStreamingMessage: "Copy Streaming Message",
+  dislike: "Dislike",
+  fork: "Fork",
+  assistantThinking: "Thinking",
+  copy: "Copy",
+  copyCode: "Copy code",
+  copied: "Copied!",
+  conversations: "Conversations",
+  newConversation: "New conversation",
+  searchConversations: "Search conversations",
+  noConversations: "No conversations yet",
+  noSearchResults: "No matching conversation",
+  untitledConversation: "Untitled conversation",
+  renameConversation: "Rename conversation",
+  deleteConversation: "Delete conversation",
+  modelUnavailable: "Model unavailable",
+  modelDownloading: "Downloading the model",
+  modelLoading: "Loading the model",
+  progressPercent: "{percent}%",
+  retry: "Retry",
+  sources: "Sources",
+  citation: "Source {n}",
+  openSource: "Open source",
+  refusalTitle: "Not established in the sources",
+  refusalBody: "The available sources do not support an answer to this question.",
+  memory: "Memory",
+  memoryEmpty: "No memories saved",
+  memoryLoading: "Loading memories",
+  deleteMemory: "Delete memory",
+  clearMemory: "Clear all memories",
+  clearMemoryConfirm: "Delete every saved memory? This cannot be undone.",
+  confirm: "Confirm",
+  cancel: "Cancel",
+  loading: "Loading",
+  errorGeneric: "Something went wrong"
+};
+var chatLabelsFr = {
+  composerPlaceholder: "Posez une question...",
+  send: "Envoyer",
+  stop: "Arrêter",
+  openVoice: "Saisie vocale",
+  projects: "Projets",
+  models: "Modèles",
+  selectModel: "Choisir un modèle...",
+  searchModels: "Rechercher un modèle...",
+  noModels: "Aucun modèle trouvé",
+  contextTokens: "{count} jetons",
+  copyMessage: "Copier le message",
+  copyStreamingMessage: "Copier le message en cours",
+  dislike: "Je n'aime pas",
+  fork: "Bifurquer à partir de ce tour",
+  assistantThinking: "Réflexion",
+  copy: "Copier",
+  copyCode: "Copier le code",
+  copied: "Copié !",
+  conversations: "Conversations",
+  newConversation: "Nouvelle conversation",
+  searchConversations: "Rechercher une conversation",
+  noConversations: "Aucune conversation pour l'instant",
+  noSearchResults: "Aucune conversation ne correspond",
+  untitledConversation: "Conversation sans titre",
+  renameConversation: "Renommer la conversation",
+  deleteConversation: "Supprimer la conversation",
+  modelUnavailable: "Modèle indisponible",
+  modelDownloading: "Téléchargement du modèle",
+  modelLoading: "Chargement du modèle",
+  progressPercent: "{percent} %",
+  retry: "Réessayer",
+  sources: "Sources",
+  citation: "Source {n}",
+  openSource: "Ouvrir la source",
+  refusalTitle: "Non établi dans les sources",
+  refusalBody: "Les sources disponibles ne permettent pas de répondre à cette question.",
+  memory: "Mémoire",
+  memoryEmpty: "Aucun souvenir enregistré",
+  memoryLoading: "Chargement des souvenirs",
+  deleteMemory: "Supprimer ce souvenir",
+  clearMemory: "Effacer tous les souvenirs",
+  clearMemoryConfirm: "Supprimer tous les souvenirs enregistrés ? Cette action est définitive.",
+  confirm: "Confirmer",
+  cancel: "Annuler",
+  loading: "Chargement",
+  errorGeneric: "Une erreur est survenue"
+};
+var chatLabelsJa = {
+  composerPlaceholder: "質問を入力...",
+  send: "送信",
+  stop: "停止",
+  openVoice: "音声入力",
+  projects: "プロジェクト",
+  models: "モデル",
+  selectModel: "モデルを選択...",
+  searchModels: "モデルを検索...",
+  noModels: "モデルが見つかりません",
+  contextTokens: "{count} トークン",
+  copyMessage: "メッセージをコピー",
+  copyStreamingMessage: "生成中のメッセージをコピー",
+  dislike: "低評価",
+  fork: "このターンから分岐",
+  assistantThinking: "思考中",
+  copy: "コピー",
+  copyCode: "コードをコピー",
+  copied: "コピーしました",
+  conversations: "会話",
+  newConversation: "新しい会話",
+  searchConversations: "会話を検索",
+  noConversations: "まだ会話はありません",
+  noSearchResults: "一致する会話はありません",
+  untitledConversation: "無題の会話",
+  renameConversation: "会話の名前を変更",
+  deleteConversation: "会話を削除",
+  modelUnavailable: "モデルを利用できません",
+  modelDownloading: "モデルをダウンロード中",
+  modelLoading: "モデルを読み込み中",
+  progressPercent: "{percent}%",
+  retry: "再試行",
+  sources: "出典",
+  citation: "出典 {n}",
+  openSource: "出典を開く",
+  refusalTitle: "出典では確認できません",
+  refusalBody: "利用できる出典では、この質問に回答できません。",
+  memory: "メモリー",
+  memoryEmpty: "保存されたメモリーはありません",
+  memoryLoading: "メモリーを読み込み中",
+  deleteMemory: "メモリーを削除",
+  clearMemory: "すべてのメモリーを消去",
+  clearMemoryConfirm: "保存されたすべてのメモリーを削除しますか？この操作は元に戻せません。",
+  confirm: "確認",
+  cancel: "キャンセル",
+  loading: "読み込み中",
+  errorGeneric: "エラーが発生しました"
+};
+var defaultChatLabels = chatLabelsEn;
+var chatLabelsByLang = { fr: chatLabelsFr, en: chatLabelsEn, ja: chatLabelsJa };
+function resolveChatLabels(partial, base = defaultChatLabels) {
+  if (!partial)
+    return base;
+  const out = { ...base };
+  for (const key of Object.keys(partial)) {
+    const value = partial[key];
+    if (typeof value === "string" && value.length > 0)
+      out[key] = value;
+  }
+  return out;
+}
+function formatLabel(template, values) {
+  return template.replace(/\{(\w+)\}/g, (match, name) => (name in values) ? String(values[name]) : match);
+}
+
+// m3/packages/m3-ai/src/chatIcons.tsx
+import { clsx as clsx4 } from "clsx";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var CHAT_ICON_PATHS = {
+  arrow_upward: [
+    "0 -960 960 960",
+    "M450-160v-526L202-438l-42-42 320-320 320 320-42 42-248-248v526h-60Z"
+  ],
+  auto_awesome_filled: [
+    "0 96 960 960",
+    "m772 421-43-100-104-46 104-45 43-95 43 95 104 45-104 46-43 100Zm0 595-43-96-104-45 104-45 43-101 43 101 104 45-104 45-43 96ZM333 862l-92-197-201-90 201-90 92-196 93 196 200 90-200 90-93 197Z"
+  ],
+  auto_awesome: [
+    "0 -960 960 960",
+    "m772-635-43-100-104-46 104-45 43-95 43 95 104 45-104 46-43 100Zm0 595-43-96-104-45 104-45 43-101 43 101 104 45-104 45-43 96ZM333-194l-92-197-201-90 201-90 92-196 93 196 200 90-200 90-93 197Zm0-148 48-96 98-43-98-43-48-96-47 96-99 43 99 43 47 96Zm0-139Z"
+  ],
+  call_split: [
+    "0 -960 960 960",
+    "M452-160v-306L220-698v123h-60v-225h225v60H263l249 249v331h-60Zm113-364-42-42 174-174H575v-60h225v225h-60v-123L565-524Z"
+  ],
+  check: ["0 -960 960 960", "M378-246 154-470l43-43 181 181 384-384 43 43-427 427Z"],
+  cloud_off: [
+    "0 -960 960 960",
+    "M818-56 703-171H248q-88 0-148-59T40-377q0-80 50.5-134T217-577q2-14 6.5-31.5T236-640L70-806l42-42L861-99l-43 43ZM248-231h397L285-591q-11 15-14.5 34t-3.5 37h-19q-62 0-105 39.5t-43 101q0 61.5 43 105T248-231Zm216-181Zm390 210-47-47q25-17 39-38t14-50q0-43-31-73.5T755-441h-67v-81q0-88-61-147.5T478.47-729q-28.47 0-60.97 9T358-691l-42-42q36-29 77.5-42.5T478-789q111 0 190.5 79T748-520v21q72-1 122 45t50 117q0 35-16.5 73.5T854-202ZM583-470Z"
+  ],
+  content_copy: [
+    "0 -960 960 960",
+    "M300-200q-24 0-42-18t-18-42v-560q0-24 18-42t42-18h440q24 0 42 18t18 42v560q0 24-18 42t-42 18H300Zm0-60h440v-560H300v560ZM180-80q-24 0-42-18t-18-42v-620h60v620h500v60H180Zm120-180v-560 560Z"
+  ],
+  delete: [
+    "0 -960 960 960",
+    "M261-120q-24.75 0-42.37-17.63Q201-155.25 201-180v-570h-41v-60h188v-30h264v30h188v60h-41v570q0 24-18 42t-42 18H261Zm438-630H261v570h438v-570ZM367-266h60v-399h-60v399Zm166 0h60v-399h-60v399ZM261-750v570-570Z"
+  ],
+  edit: [
+    "0 -960 960 960",
+    "M180-180h44l472-471-44-44-472 471v44Zm-60 60v-128l575-574q8-8 19-12.5t23-4.5q11 0 22 4.5t20 12.5l44 44q9 9 13 20t4 22q0 11-4.5 22.5T823-694L248-120H120Zm659-617-41-41 41 41Zm-105 64-22-22 44 44-22-22Z"
+  ],
+  edit_square: [
+    "0 -960 960 960",
+    "M180-120q-24 0-42-18t-18-42v-600q0-24 18-42t42-18h405l-60 60H180v600h600v-348l60-60v408q0 24-18 42t-42 18H180Zm300-360ZM360-360v-170l382-382q9-9 20-13t22-4q11 0 22.32 4.5Q817.63-920 827-911l83 84q8.61 8.96 13.3 19.78 4.7 10.83 4.7 22.02 0 11.2-4.5 22.7T910-742L530-360H360Zm508-425-84-84 84 84ZM420-420h85l253-253-43-42-43-42-252 251v86Zm295-295-43-42 43 42 43 42-43-42Z"
+  ],
+  expand_more: ["0 -960 960 960", "M480-345 240-585l43-43 197 198 197-197 43 43-240 239Z"],
+  info: [
+    "0 -960 960 960",
+    "M453-280h60v-240h-60v240Zm50.5-323.2q9.5-9.2 9.5-22.8 0-14.45-9.48-24.22-9.48-9.78-23.5-9.78t-23.52 9.78Q447-640.45 447-626q0 13.6 9.48 22.8 9.48 9.2 23.5 9.2t23.52-9.2ZM480.27-80q-82.74 0-155.5-31.5Q252-143 197.5-197.5t-86-127.34Q80-397.68 80-480.5t31.5-155.66Q143-709 197.5-763t127.34-85.5Q397.68-880 480.5-880t155.66 31.5Q709-817 763-763t85.5 127Q880-563 880-480.27q0 82.74-31.5 155.5Q817-252 763-197.68q-54 54.31-127 86Q563-80 480.27-80Zm.23-60Q622-140 721-239.5t99-241Q820-622 721.19-721T480-820q-141 0-240.5 98.81T140-480q0 141 99.5 240.5t241 99.5Zm-.5-340Z"
+  ],
+  mic: [
+    "0 -960 960 960",
+    "M408-453.92q-29-30.91-29-75.08v-251q0-41.67 29.44-70.83Q437.88-880 479.94-880t71.56 29.17Q581-821.67 581-780v251q0 44.17-29 75.08Q523-423 480-423t-72-30.92ZM480-651Zm-30 531v-136q-106-11-178-89t-72-184h60q0 91 64.29 153t155.5 62q91.21 0 155.71-62Q700-438 700-529h60q0 106-72 184t-178 89v136h-60Zm59.5-376.5Q521-510 521-529v-251q0-17-11.79-28.5T480-820q-17.42 0-29.21 11.5T439-780v251q0 19 11.5 32.5T480-483q18 0 29.5-13.5Z"
+  ],
+  open_in_new: [
+    "0 -960 960 960",
+    "M180-120q-24 0-42-18t-18-42v-600q0-24 18-42t42-18h279v60H180v600h600v-279h60v279q0 24-18 42t-42 18H180Zm202-219-42-43 398-398H519v-60h321v321h-60v-218L382-339Z"
+  ],
+  refresh: [
+    "0 -960 960 960",
+    "M480-160q-133 0-226.5-93.5T160-480q0-133 93.5-226.5T480-800q85 0 149 34.5T740-671v-129h60v254H546v-60h168q-38-60-97-97t-137-37q-109 0-184.5 75.5T220-480q0 109 75.5 184.5T480-220q83 0 152-47.5T728-393h62q-29 105-115 169t-195 64Z"
+  ],
+  search: [
+    "0 -960 960 960",
+    "M796-121 533-384q-30 26-70 40.5T378-329q-108 0-183-75t-75-181q0-106 75-181t182-75q106 0 180.5 75T632-585q0 43-14 83t-42 75l264 262-44 44ZM377-389q81 0 138-57.5T572-585q0-81-57-138.5T377-781q-82 0-139.5 57.5T180-585q0 81 57.5 138.5T377-389Z"
+  ],
+  stop_filled: ["0 -960 960 960", "M240-240v-480h480v480H240Z"],
+  stop: ["0 -960 960 960", "M300-660v360-360Zm-60 420v-480h480v480H240Zm60-60h360v-360H300v360Z"],
+  thumb_down: [
+    "0 -960 960 960",
+    "M242-840h444v512L408-40l-39-31q-6-5-9-14t-3-22v-10l45-211H103q-24 0-42-18t-18-42v-81.84q0-7.16-1.5-14.66T43-499l126-290q8.88-21.25 29.59-36.13Q219.31-840 242-840Zm384 60H229L103-481v93h373l-53 249 203-214v-427Zm0 427v-427 427Zm60 25v-60h133v-392H686v-60h193v512H686Z"
+  ]
+};
+var chatIconNames = Object.keys(CHAT_ICON_PATHS);
+function ChatIcon({ name, size = 24, className }) {
+  const [viewBox, d] = CHAT_ICON_PATHS[name];
+  return /* @__PURE__ */ jsx4("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox,
+    width: size,
+    height: size,
+    fill: "currentColor",
+    "aria-hidden": "true",
+    focusable: "false",
+    "data-m3-icon": name,
+    className: clsx4("m3-icon shrink-0", className),
+    children: /* @__PURE__ */ jsx4("path", {
+      d
+    })
+  });
+}
+
+// m3/packages/m3-ai/src/Markdown.tsx
+import { jsx as jsx5, jsxs as jsxs4, Fragment } from "react/jsx-runtime";
 "use client";
+function isExternalHref(href) {
+  if (!href)
+    return false;
+  return /^[a-z][a-z0-9+.-]*:/i.test(href) || href.startsWith("//");
+}
+var externalLinkProps = { target: "_blank", rel: "noopener noreferrer" };
 var bodyClass = {
   small: "text-body-small",
   medium: "text-body-medium",
@@ -1052,8 +1309,10 @@ function CodeBlock({
   onCopy,
   className,
   children,
+  labels,
   ...restProps
 }) {
+  const l = resolveChatLabels(labels);
   const { node: _node, ...props } = restProps;
   const [copied, setCopied] = useState3(false);
   const timeoutRef = useRef2(null);
@@ -1085,38 +1344,38 @@ function CodeBlock({
     }, 2000);
   };
   return /* @__PURE__ */ jsxs4("div", {
-    className: clsx4("my-3 overflow-hidden rounded-medium border border-outline-variant bg-surface-container-highest", className),
+    className: clsx5("my-3 overflow-hidden rounded-medium border border-outline-variant bg-surface-container-highest", className),
     ...props,
     children: [
       /* @__PURE__ */ jsxs4("div", {
         className: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-1.5",
         children: [
-          /* @__PURE__ */ jsx4("span", {
+          /* @__PURE__ */ jsx5("span", {
             className: "inline-flex items-center rounded-extra-small bg-surface-container-high px-2 py-0.5 text-label-small font-medium text-on-surface-variant border border-outline-variant/60",
             children: languageLabel
           }),
           /* @__PURE__ */ jsxs4("button", {
             type: "button",
             onClick: handleCopy,
-            className: clsx4("inline-flex items-center gap-1.5 rounded-small px-2 py-1 text-label-small font-medium transition-colors duration-200", copied ? "text-success" : "text-on-surface-variant hover:bg-on-surface/8 hover:text-on-surface active:bg-on-surface/12", "focus-visible:outline-2 focus-visible:outline-primary"),
-            "aria-label": copied ? "Copied" : "Copy code",
-            title: copied ? "Copied!" : "Copy code",
+            className: clsx5("inline-flex items-center gap-1.5 rounded-small px-2 py-1 text-label-small font-medium transition-colors duration-200", copied ? "text-success" : "text-on-surface-variant hover:bg-on-surface/8 hover:text-on-surface active:bg-on-surface/12", "focus-visible:outline-2 focus-visible:outline-primary"),
+            "aria-label": copied ? l.copied : l.copyCode,
+            title: copied ? l.copied : l.copyCode,
             children: [
-              /* @__PURE__ */ jsx4(Icon2, {
+              /* @__PURE__ */ jsx5(ChatIcon, {
                 name: copied ? "check" : "content_copy",
                 size: 16,
                 className: copied ? "text-success" : undefined
               }),
-              /* @__PURE__ */ jsx4("span", {
-                children: copied ? "Copied!" : "Copy"
+              /* @__PURE__ */ jsx5("span", {
+                children: copied ? l.copied : l.copy
               })
             ]
           })
         ]
       }),
-      /* @__PURE__ */ jsx4("pre", {
+      /* @__PURE__ */ jsx5("pre", {
         className: "overflow-x-auto p-3 font-code text-body-small text-on-surface bg-surface-container-highest [&_code]:bg-transparent [&_code]:p-0 [&_code]:text-[length:inherit]",
-        children: /* @__PURE__ */ jsx4("code", {
+        children: /* @__PURE__ */ jsx5("code", {
           className: rawLang ? `language-${rawLang}` : undefined,
           children: codeContent
         })
@@ -1205,14 +1464,14 @@ function formatSubSup(text) {
     const key = `${part}:${occurrence}`;
     if (part.startsWith("^")) {
       const val = part.startsWith("^{") && part.endsWith("}") ? part.slice(2, -1) : part.slice(1);
-      return /* @__PURE__ */ jsx4("sup", {
+      return /* @__PURE__ */ jsx5("sup", {
         className: "text-[0.75em] leading-none",
         children: val
       }, key);
     }
     if (part.startsWith("_")) {
       const val = part.startsWith("_{") && part.endsWith("}") ? part.slice(2, -1) : part.slice(1);
-      return /* @__PURE__ */ jsx4("sub", {
+      return /* @__PURE__ */ jsx5("sub", {
         className: "text-[0.75em] leading-none",
         children: val
       }, key);
@@ -1235,11 +1494,11 @@ function formatMathContent(math) {
       parts.push(/* @__PURE__ */ jsxs4("span", {
         className: "inline-flex flex-col items-center align-middle mx-1 text-center text-[0.85em] leading-none not-italic",
         children: [
-          /* @__PURE__ */ jsx4("span", {
+          /* @__PURE__ */ jsx5("span", {
             className: "border-b border-current px-0.5 pb-0.5",
             children: formatSubSup(num)
           }),
-          /* @__PURE__ */ jsx4("span", {
+          /* @__PURE__ */ jsx5("span", {
             className: "px-0.5 pt-0.5",
             children: formatSubSup(den)
           })
@@ -1256,15 +1515,15 @@ function formatMathContent(math) {
   return formatSubSup(text);
 }
 function InlineMath({ math, className, ...props }) {
-  return /* @__PURE__ */ jsx4("span", {
-    className: clsx4("inline-flex items-center px-1 font-serif italic font-medium text-primary", className),
+  return /* @__PURE__ */ jsx5("span", {
+    className: clsx5("inline-flex items-center px-1 font-serif italic font-medium text-primary", className),
     ...props,
     children: formatMathContent(math)
   });
 }
 function BlockMath({ math, className, ...props }) {
-  return /* @__PURE__ */ jsx4("div", {
-    className: clsx4("my-3 flex justify-center overflow-x-auto rounded-medium bg-surface-container-low/40 px-4 py-2 text-title-medium font-serif italic font-medium text-primary", className),
+  return /* @__PURE__ */ jsx5("div", {
+    className: clsx5("my-3 flex justify-center overflow-x-auto rounded-medium bg-surface-container-low/40 px-4 py-2 text-title-medium font-serif italic font-medium text-primary", className),
     ...props,
     children: formatMathContent(math)
   });
@@ -1359,118 +1618,133 @@ function transformMathTree(tree) {
 function remarkMathPlugin() {
   return transformMathTree;
 }
-function m3Components(size) {
+function m3Components(size, link = {}) {
   const body = bodyClass[size];
   return {
-    h1: ({ node: _node, className, children, ...props }) => /* @__PURE__ */ jsx4("h1", {
-      className: clsx4("mt-4 mb-2 text-headline-small text-on-surface first:mt-0", className),
+    h1: ({ node: _node, className, children, ...props }) => /* @__PURE__ */ jsx5("h1", {
+      className: clsx5("mt-4 mb-2 text-headline-small text-on-surface first:mt-0", className),
       ...props,
       children
     }),
-    h2: ({ node: _node, className, children, ...props }) => /* @__PURE__ */ jsx4("h2", {
-      className: clsx4("mt-4 mb-2 text-title-large text-on-surface first:mt-0", className),
+    h2: ({ node: _node, className, children, ...props }) => /* @__PURE__ */ jsx5("h2", {
+      className: clsx5("mt-4 mb-2 text-title-large text-on-surface first:mt-0", className),
       ...props,
       children
     }),
-    h3: ({ node: _node, className, children, ...props }) => /* @__PURE__ */ jsx4("h3", {
-      className: clsx4("mt-3 mb-1.5 text-title-medium text-on-surface first:mt-0", className),
+    h3: ({ node: _node, className, children, ...props }) => /* @__PURE__ */ jsx5("h3", {
+      className: clsx5("mt-3 mb-1.5 text-title-medium text-on-surface first:mt-0", className),
       ...props,
       children
     }),
-    h4: ({ node: _node, className, children, ...props }) => /* @__PURE__ */ jsx4("h4", {
-      className: clsx4("mt-3 mb-1 text-title-small text-on-surface first:mt-0", className),
+    h4: ({ node: _node, className, children, ...props }) => /* @__PURE__ */ jsx5("h4", {
+      className: clsx5("mt-3 mb-1 text-title-small text-on-surface first:mt-0", className),
       ...props,
       children
     }),
-    h5: ({ node: _node, className, children, ...props }) => /* @__PURE__ */ jsx4("h5", {
-      className: clsx4("mt-3 mb-1 text-title-small text-on-surface-variant first:mt-0", className),
+    h5: ({ node: _node, className, children, ...props }) => /* @__PURE__ */ jsx5("h5", {
+      className: clsx5("mt-3 mb-1 text-title-small text-on-surface-variant first:mt-0", className),
       ...props,
       children
     }),
-    h6: ({ node: _node, className, children, ...props }) => /* @__PURE__ */ jsx4("h6", {
-      className: clsx4("mt-3 mb-1 text-label-large text-on-surface-variant first:mt-0", className),
+    h6: ({ node: _node, className, children, ...props }) => /* @__PURE__ */ jsx5("h6", {
+      className: clsx5("mt-3 mb-1 text-label-large text-on-surface-variant first:mt-0", className),
       ...props,
       children
     }),
-    p: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx4("p", {
-      className: clsx4("my-2 first:mt-0 last:mb-0", body, className),
+    p: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx5("p", {
+      className: clsx5("my-2 first:mt-0 last:mb-0", body, className),
       ...props
     }),
-    a: ({ node: _node, className, children, ...props }) => /* @__PURE__ */ jsx4("a", {
-      className: clsx4("text-primary underline underline-offset-2 hover:decoration-2", "rounded-extra-small outline-none focus-visible:outline-3 focus-visible:outline-secondary focus-visible:outline-offset-2", className),
-      ...props,
-      children
-    }),
-    strong: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx4("strong", {
-      className: clsx4("font-semibold text-on-surface", className),
+    a: ({ node: _node, className, children, href, onClick, ...props }) => {
+      const external = isExternalHref(href);
+      if (link.renderLink)
+        return /* @__PURE__ */ jsx5(Fragment, {
+          children: link.renderLink({ href: href ?? "", children, external })
+        });
+      return /* @__PURE__ */ jsx5("a", {
+        className: clsx5("text-primary underline underline-offset-2 hover:decoration-2", "rounded-extra-small outline-none focus-visible:outline-3 focus-visible:outline-secondary focus-visible:outline-offset-2", className),
+        href,
+        ...external ? externalLinkProps : {},
+        onClick: (event) => {
+          onClick?.(event);
+          if (href)
+            link.onLinkClick?.(href, event);
+        },
+        ...props,
+        children
+      });
+    },
+    strong: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx5("strong", {
+      className: clsx5("font-semibold text-on-surface", className),
       ...props
     }),
-    ul: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx4("ul", {
-      className: clsx4("my-2 list-disc pl-6 marker:text-on-surface-variant", body, className),
+    ul: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx5("ul", {
+      className: clsx5("my-2 list-disc pl-6 marker:text-on-surface-variant", body, className),
       ...props
     }),
-    ol: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx4("ol", {
-      className: clsx4("my-2 list-decimal pl-6 marker:text-on-surface-variant", body, className),
+    ol: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx5("ol", {
+      className: clsx5("my-2 list-decimal pl-6 marker:text-on-surface-variant", body, className),
       ...props
     }),
-    li: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx4("li", {
-      className: clsx4("my-1", className),
+    li: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx5("li", {
+      className: clsx5("my-1", className),
       ...props
     }),
-    blockquote: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx4("blockquote", {
-      className: clsx4("my-3 border-l-4 border-outline-variant pl-4 text-on-surface-variant", className),
+    blockquote: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx5("blockquote", {
+      className: clsx5("my-3 border-l-4 border-outline-variant pl-4 text-on-surface-variant", className),
       ...props
     }),
-    code: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx4("code", {
-      className: clsx4("rounded-extra-small bg-surface-container-highest px-1 py-0.5 font-code text-[0.9em] text-on-surface", className),
+    code: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx5("code", {
+      className: clsx5("rounded-extra-small bg-surface-container-highest px-1 py-0.5 font-code text-[0.9em] text-on-surface", className),
       ...props
     }),
-    pre: ({ node: _node, children, className, style }) => /* @__PURE__ */ jsx4(CodeBlock, {
+    pre: ({ node: _node, children, className, style }) => /* @__PURE__ */ jsx5(CodeBlock, {
       className,
       style,
+      labels: link.labels,
       children
     }),
-    hr: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx4("hr", {
-      className: clsx4("my-4 border-outline-variant", className),
+    hr: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx5("hr", {
+      className: clsx5("my-4 border-outline-variant", className),
       ...props
     }),
-    table: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx4("div", {
+    table: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx5("div", {
       className: "my-3 overflow-x-auto rounded-small border border-outline-variant",
-      children: /* @__PURE__ */ jsx4("table", {
-        className: clsx4("w-full border-collapse", body, className),
+      children: /* @__PURE__ */ jsx5("table", {
+        className: clsx5("w-full border-collapse", body, className),
         ...props
       })
     }),
-    thead: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx4("thead", {
-      className: clsx4("bg-surface-container", className),
+    thead: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx5("thead", {
+      className: clsx5("bg-surface-container", className),
       ...props
     }),
-    th: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx4("th", {
-      className: clsx4("border-b border-outline-variant px-3 py-2 text-left text-title-small text-on-surface", className),
+    th: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx5("th", {
+      className: clsx5("border-b border-outline-variant px-3 py-2 text-left text-title-small text-on-surface", className),
       ...props
     }),
-    td: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx4("td", {
-      className: clsx4("border-t border-outline-variant px-3 py-2 text-on-surface", className),
+    td: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx5("td", {
+      className: clsx5("border-t border-outline-variant px-3 py-2 text-on-surface", className),
       ...props
     }),
-    img: ({ node: _node, className, alt, ...props }) => /* @__PURE__ */ jsx4("img", {
-      className: clsx4("my-2 max-w-full rounded-medium", className),
+    img: ({ node: _node, className, alt, ...props }) => /* @__PURE__ */ jsx5("img", {
+      className: clsx5("my-2 max-w-full rounded-medium", className),
       alt: alt ?? "",
       ...props
     }),
-    input: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx4("input", {
-      className: clsx4("mr-2 accent-primary", className),
+    input: ({ node: _node, className, ...props }) => /* @__PURE__ */ jsx5("input", {
+      className: clsx5("mr-2 accent-primary", className),
       ...props
     }),
     div: ({ node: _node, className, children, ...props }) => {
       if (className?.includes("math-block")) {
         const math = props["data-math"] ?? extractText(children);
-        return /* @__PURE__ */ jsx4(BlockMath, {
+        return /* @__PURE__ */ jsx5(BlockMath, {
           math,
           className
         });
       }
-      return /* @__PURE__ */ jsx4("div", {
+      return /* @__PURE__ */ jsx5("div", {
         className,
         ...props,
         children
@@ -1479,12 +1753,12 @@ function m3Components(size) {
     span: ({ node: _node, className, children, ...props }) => {
       if (className?.includes("math-inline")) {
         const math = props["data-math"] ?? extractText(children);
-        return /* @__PURE__ */ jsx4(InlineMath, {
+        return /* @__PURE__ */ jsx5(InlineMath, {
           math,
           className
         });
       }
-      return /* @__PURE__ */ jsx4("span", {
+      return /* @__PURE__ */ jsx5("span", {
         className,
         ...props,
         children
@@ -1492,23 +1766,219 @@ function m3Components(size) {
     }
   };
 }
-var Markdown = forwardRef(({ content, className, size = "medium", allowHtml = false }, ref) => {
-  return /* @__PURE__ */ jsx4("div", {
+var Markdown = forwardRef(({
+  content,
+  className,
+  size = "medium",
+  allowHtml = false,
+  components,
+  onLinkClick,
+  renderLink,
+  labels
+}, ref) => {
+  const base = m3Components(size, { onLinkClick, renderLink, labels });
+  return /* @__PURE__ */ jsx5("div", {
     ref,
-    className: clsx4("markdown min-w-0 text-on-surface", bodyClass[size], className),
-    children: /* @__PURE__ */ jsx4(ReactMarkdown, {
+    className: clsx5("markdown min-w-0 text-on-surface", bodyClass[size], className),
+    children: /* @__PURE__ */ jsx5(ReactMarkdown, {
       remarkPlugins: [remarkGfm, remarkMathPlugin],
       rehypePlugins: allowHtml ? [rehypeRaw] : undefined,
-      components: m3Components(size),
+      components: components ? { ...base, ...components } : base,
       children: content
     })
   });
 });
 Markdown.displayName = "Markdown";
-// packages/m3-ai/src/MessageBubble.tsx
+// m3/packages/m3-ai/src/MessageBubble.tsx
 import { CircleButton } from "@aphrody/m3-primitives";
-import { clsx as clsx5 } from "clsx";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { clsx as clsx7 } from "clsx";
+
+// m3/packages/m3-ai/src/citations.tsx
+import { clsx as clsx6 } from "clsx";
+import { useMemo as useMemo2 } from "react";
+import { jsx as jsx6, jsxs as jsxs5, Fragment as Fragment2 } from "react/jsx-runtime";
+"use client";
+var CITATION_HREF = "#citation-";
+var CODE_SPANS = /(```[\s\S]*?```|`[^`\n]*`)/;
+var MARKER = /(?<![\]\\!])\[(\d{1,4})\](?!\()/g;
+function linkCitationMarkers(content, citations) {
+  if (citations.length === 0)
+    return content;
+  const known = new Set(citations.map((citation) => citation.n));
+  return content.split(CODE_SPANS).map((part, index) => index % 2 === 1 ? part : part.replace(MARKER, (match, digits) => known.has(Number(digits)) ? `[\\[${digits}\\]](${CITATION_HREF}${digits})` : match)).join("");
+}
+function citedNumbers(content) {
+  const seen = [];
+  for (const part of content.split(CODE_SPANS).filter((_, index) => index % 2 === 0)) {
+    for (const match of part.matchAll(MARKER)) {
+      const n = Number(match[1]);
+      if (!seen.includes(n))
+        seen.push(n);
+    }
+  }
+  return seen;
+}
+function CitationChip({ citation, labels, onSelect, className }) {
+  const l = resolveChatLabels(labels);
+  const label = `${formatLabel(l.citation, { n: citation.n })}: ${citation.title}`;
+  const chipClass = clsx6("mx-0.5 inline-flex h-5 min-w-5 items-center justify-center rounded-small px-1 align-baseline", "bg-secondary-container text-label-small text-on-secondary-container no-underline", "transition-colors duration-200 ease-standard hover:bg-secondary-container/80", focusRing, className);
+  if (!onSelect && citation.url) {
+    return /* @__PURE__ */ jsx6("a", {
+      href: citation.url,
+      target: "_blank",
+      rel: "noreferrer noopener",
+      className: chipClass,
+      "aria-label": label,
+      title: citation.title,
+      children: citation.n
+    });
+  }
+  return /* @__PURE__ */ jsx6("button", {
+    type: "button",
+    className: chipClass,
+    "aria-label": label,
+    title: citation.title,
+    onClick: () => onSelect?.(citation),
+    children: citation.n
+  });
+}
+function citationComponents(citations, labels, onCitationSelect, onLinkClick) {
+  const byNumber = new Map(citations.map((citation) => [citation.n, citation]));
+  return {
+    a: ({ node: _node, href, children, onClick, ...props }) => {
+      if (href?.startsWith(CITATION_HREF)) {
+        const citation = byNumber.get(Number(href.slice(CITATION_HREF.length)));
+        if (citation)
+          return /* @__PURE__ */ jsx6(CitationChip, {
+            citation,
+            labels,
+            onSelect: onCitationSelect
+          });
+      }
+      return /* @__PURE__ */ jsx6("a", {
+        href,
+        ...isExternalHref(href) ? externalLinkProps : {},
+        onClick: (event) => {
+          onClick?.(event);
+          if (href)
+            onLinkClick?.(href, event);
+        },
+        className: clsx6("rounded-extra-small text-primary underline underline-offset-2 hover:decoration-2", focusRing),
+        ...props,
+        children
+      });
+    }
+  };
+}
+function CitedMarkdown({
+  content,
+  citations,
+  labels,
+  onCitationSelect,
+  onLinkClick,
+  size = "large",
+  className
+}) {
+  const components = useMemo2(() => citationComponents(citations, labels, onCitationSelect, onLinkClick), [citations, labels, onCitationSelect, onLinkClick]);
+  return /* @__PURE__ */ jsx6(Markdown, {
+    content: linkCitationMarkers(content, citations),
+    components,
+    labels,
+    size,
+    className
+  });
+}
+function CitationList({ citations, labels, onSelect, className }) {
+  if (citations.length === 0)
+    return null;
+  const l = resolveChatLabels(labels);
+  const sorted = [...citations];
+  sorted.sort((a, b) => a.n - b.n);
+  return /* @__PURE__ */ jsxs5("section", {
+    "aria-label": l.sources,
+    className: clsx6("m3-citation-list mt-2 rounded-medium bg-surface-container-low py-2", className),
+    children: [
+      /* @__PURE__ */ jsx6("h3", {
+        className: "px-4 pb-1 text-label-large text-on-surface-variant",
+        children: l.sources
+      }),
+      /* @__PURE__ */ jsx6("ol", {
+        className: "m-0 list-none p-0",
+        children: sorted.map((citation) => {
+          const body = /* @__PURE__ */ jsxs5(Fragment2, {
+            children: [
+              /* @__PURE__ */ jsx6("span", {
+                className: "flex size-6 shrink-0 items-center justify-center rounded-small bg-secondary-container text-label-small text-on-secondary-container",
+                children: citation.n
+              }),
+              /* @__PURE__ */ jsx6("span", {
+                className: "min-w-0 flex-1 truncate text-body-medium text-on-surface",
+                children: citation.title
+              }),
+              citation.url || onSelect ? /* @__PURE__ */ jsx6(ChatIcon, {
+                name: "open_in_new",
+                size: 18,
+                className: "text-on-surface-variant"
+              }) : null
+            ]
+          });
+          const rowClass = clsx6("flex min-h-12 w-full items-center gap-3 px-4 py-1 text-left", "transition-colors duration-200 ease-standard hover:bg-on-surface/8", focusRing, "focus-visible:outline-offset-[-3px]");
+          const name = `${formatLabel(l.citation, { n: citation.n })}: ${citation.title}`;
+          return /* @__PURE__ */ jsx6("li", {
+            id: `citation-${citation.n}`,
+            children: onSelect ? /* @__PURE__ */ jsx6("button", {
+              type: "button",
+              className: rowClass,
+              "aria-label": name,
+              onClick: () => onSelect(citation),
+              children: body
+            }) : citation.url ? /* @__PURE__ */ jsx6("a", {
+              href: citation.url,
+              target: "_blank",
+              rel: "noreferrer noopener",
+              className: rowClass,
+              "aria-label": `${name} (${l.openSource})`,
+              children: body
+            }) : /* @__PURE__ */ jsx6("div", {
+              className: "flex min-h-12 items-center gap-3 px-4 py-1",
+              children: body
+            })
+          }, `${citation.n}-${citation.id ?? citation.title}`);
+        })
+      })
+    ]
+  });
+}
+function RefusalNotice({ labels, detail, className }) {
+  const l = resolveChatLabels(labels);
+  return /* @__PURE__ */ jsxs5("div", {
+    role: "note",
+    className: clsx6("m3-refusal-notice flex items-start gap-3 rounded-medium bg-surface-container-high px-4 py-3", className),
+    children: [
+      /* @__PURE__ */ jsx6(ChatIcon, {
+        name: "info",
+        size: 20,
+        className: "mt-0.5 text-on-surface-variant"
+      }),
+      /* @__PURE__ */ jsxs5("div", {
+        className: "min-w-0",
+        children: [
+          /* @__PURE__ */ jsx6("p", {
+            className: "m-0 text-title-small text-on-surface",
+            children: l.refusalTitle
+          }),
+          /* @__PURE__ */ jsx6("p", {
+            className: "m-0 mt-0.5 text-body-medium text-on-surface-variant",
+            children: detail || l.refusalBody
+          })
+        ]
+      })
+    ]
+  });
+}
+
+// m3/packages/m3-ai/src/MessageBubble.tsx
+import { jsx as jsx7, jsxs as jsxs6, Fragment as Fragment3 } from "react/jsx-runtime";
 "use client";
 function MessageBubble({
   content,
@@ -1518,62 +1988,102 @@ function MessageBubble({
   onDislike,
   onFork,
   variant = "default",
-  className
+  className,
+  labels,
+  citations,
+  refusal = false,
+  onCitationSelect,
+  onLinkClick
 }) {
   const isCodex = variant === "codex";
-  return /* @__PURE__ */ jsxs5("div", {
-    className: clsx5("group flex flex-col py-1.5 w-full", isUser ? "items-end" : "items-start", className),
+  const l = resolveChatLabels(labels);
+  const cited = !isUser && citations && citations.length > 0 ? citations : null;
+  return /* @__PURE__ */ jsxs6("div", {
+    className: clsx7("group flex flex-col py-1.5 w-full", isUser ? "items-end" : "items-start", className),
     children: [
-      /* @__PURE__ */ jsx5("div", {
-        className: clsx5("min-w-0", isUser ? isCodex ? "max-w-[75%] rounded-[28px] bg-surface-container-high px-5 py-3 text-body-large text-on-surface shadow-xs" : "max-w-[80%] rounded-large rounded-br-extra-small bg-secondary-container px-4 py-2.5 text-body-large text-on-secondary-container" : "w-full max-w-full bg-transparent text-body-large text-on-surface"),
+      /* @__PURE__ */ jsx7("div", {
+        className: clsx7("min-w-0", isUser ? isCodex ? "max-w-[75%] rounded-[28px] bg-surface-container-high px-5 py-3 text-body-large text-on-surface shadow-xs" : "max-w-[80%] rounded-large rounded-br-extra-small bg-secondary-container px-4 py-2.5 text-body-large text-on-secondary-container" : "w-full max-w-full bg-transparent text-body-large text-on-surface"),
         "aria-busy": isStreaming || undefined,
-        children: isUser ? /* @__PURE__ */ jsx5("div", {
+        children: isUser ? /* @__PURE__ */ jsx7("div", {
           className: "whitespace-pre-wrap break-words",
           children: content
-        }) : /* @__PURE__ */ jsx5(Markdown, {
-          content,
-          size: "large",
-          className: "break-words font-sans"
+        }) : /* @__PURE__ */ jsxs6(Fragment3, {
+          children: [
+            refusal && !content.trim() ? /* @__PURE__ */ jsx7(RefusalNotice, {
+              labels
+            }) : cited ? /* @__PURE__ */ jsx7(CitedMarkdown, {
+              content,
+              citations: cited,
+              labels,
+              onCitationSelect,
+              onLinkClick,
+              className: "break-words font-sans"
+            }) : /* @__PURE__ */ jsx7(Markdown, {
+              content,
+              size: "large",
+              labels,
+              onLinkClick,
+              className: "break-words font-sans"
+            }),
+            refusal && content.trim() ? /* @__PURE__ */ jsx7(RefusalNotice, {
+              labels,
+              className: "mt-2"
+            }) : null,
+            cited && !isStreaming ? /* @__PURE__ */ jsx7(CitationList, {
+              citations: cited,
+              labels,
+              onSelect: onCitationSelect
+            }) : null
+          ]
         })
       }),
-      !isUser && (onCopy || onDislike || onFork) ? /* @__PURE__ */ jsxs5("div", {
+      !isUser && (onCopy || onDislike || onFork) ? /* @__PURE__ */ jsxs6("div", {
         className: "mt-1.5 flex items-center gap-1 opacity-0 transition-opacity duration-200 ease-standard group-focus-within:opacity-100 group-hover:opacity-100",
         children: [
-          onCopy && /* @__PURE__ */ jsx5(CircleButton, {
-            icon: "content_copy",
+          onCopy && /* @__PURE__ */ jsx7(CircleButton, {
+            icon: /* @__PURE__ */ jsx7(ChatIcon, {
+              name: "content_copy",
+              size: 18
+            }),
             variant: "standard",
             size: "sm",
             onClick: () => onCopy(content),
-            "aria-label": isStreaming ? "Copy Streaming Message" : "Copy Message",
-            title: isStreaming ? "Copy streaming message" : "Copier"
+            "aria-label": isStreaming ? l.copyStreamingMessage : l.copyMessage,
+            title: isStreaming ? l.copyStreamingMessage : l.copyMessage
           }),
-          onDislike && /* @__PURE__ */ jsx5(CircleButton, {
-            icon: "thumb_down",
+          onDislike && /* @__PURE__ */ jsx7(CircleButton, {
+            icon: /* @__PURE__ */ jsx7(ChatIcon, {
+              name: "thumb_down",
+              size: 18
+            }),
             variant: "standard",
             size: "sm",
             onClick: () => onDislike(content),
-            "aria-label": "Dislike",
-            title: "Je n'aime pas"
+            "aria-label": l.dislike,
+            title: l.dislike
           }),
-          onFork && /* @__PURE__ */ jsx5(CircleButton, {
-            icon: "call_split",
+          onFork && /* @__PURE__ */ jsx7(CircleButton, {
+            icon: /* @__PURE__ */ jsx7(ChatIcon, {
+              name: "call_split",
+              size: 18
+            }),
             variant: "standard",
             size: "sm",
             onClick: onFork,
-            "aria-label": "Fork",
-            title: "Bifurquer à partir de ce tour"
+            "aria-label": l.fork,
+            title: l.fork
           })
         ]
       }) : null
     ]
   });
 }
-// packages/m3-ai/src/InlineWorkerCard.tsx
-import { useId as useId2, useMemo as useMemo2, useState as useState4 } from "react";
-import { clsx as clsx6 } from "clsx";
+// m3/packages/m3-ai/src/InlineWorkerCard.tsx
+import { useId as useId2, useMemo as useMemo3, useState as useState4 } from "react";
+import { clsx as clsx8 } from "clsx";
 import { AnimatePresence as AnimatePresence2, motion as motion2 } from "motion/react";
-import { Button, Icon as Icon3 } from "@aphrody/m3-primitives";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Button, Icon as Icon2 } from "@aphrody/m3-primitives";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function stripExcessWhitespace(text) {
   return text.replace(/ {3,}/g, "  ");
 }
@@ -1605,76 +2115,76 @@ function InlineWorkerCard({
 }) {
   const [expanded, setExpanded] = useState4(defaultExpanded);
   const contentId = useId2();
-  const items = useMemo2(() => pairTranscriptSteps(transcript), [transcript]);
+  const items = useMemo3(() => pairTranscriptSteps(transcript), [transcript]);
   const isRunning = status === "running";
   const isDone = status === "completed";
   const tone = statusTone(status);
-  return /* @__PURE__ */ jsxs6("div", {
-    className: clsx6("group flex min-w-0 flex-col items-start", className),
+  return /* @__PURE__ */ jsxs7("div", {
+    className: clsx8("group flex min-w-0 flex-col items-start", className),
     children: [
-      /* @__PURE__ */ jsxs6("div", {
+      /* @__PURE__ */ jsxs7("div", {
         className: "min-w-0 max-w-full overflow-hidden rounded-medium bg-surface-container text-on-surface",
         children: [
-          /* @__PURE__ */ jsxs6("button", {
+          /* @__PURE__ */ jsxs7("button", {
             type: "button",
             onClick: () => setExpanded((v) => !v),
             "aria-expanded": expanded,
             "aria-controls": contentId,
-            className: clsx6("flex w-full items-start gap-3 rounded-medium px-4 py-3 text-left transition-colors duration-200 ease-standard", "hover:bg-on-surface/8 active:bg-on-surface/10", focusRing),
+            className: clsx8("flex w-full items-start gap-3 rounded-medium px-4 py-3 text-left transition-colors duration-200 ease-standard", "hover:bg-on-surface/8 active:bg-on-surface/10", focusRing),
             children: [
-              /* @__PURE__ */ jsx6("div", {
+              /* @__PURE__ */ jsx8("div", {
                 className: "flex size-8 shrink-0 items-center justify-center",
-                children: isRunning ? /* @__PURE__ */ jsx6(CircularIndicator, {
+                children: isRunning ? /* @__PURE__ */ jsx8(CircularIndicator, {
                   size: 20,
                   label: "Worker running"
-                }) : isDone ? /* @__PURE__ */ jsx6("div", {
+                }) : isDone ? /* @__PURE__ */ jsx8("div", {
                   className: "flex size-8 items-center justify-center rounded-full bg-success-container text-on-success-container",
-                  children: /* @__PURE__ */ jsx6(Icon3, {
+                  children: /* @__PURE__ */ jsx8(Icon2, {
                     name: "check_circle",
                     size: 18,
                     filled: true
                   })
-                }) : tone === "error" ? /* @__PURE__ */ jsx6("div", {
+                }) : tone === "error" ? /* @__PURE__ */ jsx8("div", {
                   className: "flex size-8 items-center justify-center rounded-full bg-error-container text-on-error-container",
-                  children: /* @__PURE__ */ jsx6(Icon3, {
+                  children: /* @__PURE__ */ jsx8(Icon2, {
                     name: "error",
                     size: 18,
                     filled: true
                   })
-                }) : /* @__PURE__ */ jsx6("div", {
+                }) : /* @__PURE__ */ jsx8("div", {
                   className: "flex size-8 items-center justify-center rounded-full bg-surface-container-highest text-on-surface-variant",
-                  children: /* @__PURE__ */ jsx6(Icon3, {
+                  children: /* @__PURE__ */ jsx8(Icon2, {
                     name: "build",
                     size: 18
                   })
                 })
               }),
-              /* @__PURE__ */ jsxs6("div", {
+              /* @__PURE__ */ jsxs7("div", {
                 className: "min-w-0 flex-1",
                 children: [
-                  /* @__PURE__ */ jsxs6("div", {
+                  /* @__PURE__ */ jsxs7("div", {
                     className: "flex items-center gap-2",
                     children: [
-                      /* @__PURE__ */ jsx6("div", {
+                      /* @__PURE__ */ jsx8("div", {
                         className: "line-clamp-2 min-w-0 flex-1 text-title-small text-on-surface",
                         children: title
                       }),
-                      /* @__PURE__ */ jsx6(StatusChip, {
+                      /* @__PURE__ */ jsx8(StatusChip, {
                         tone,
                         children: status
                       })
                     ]
                   }),
-                  /* @__PURE__ */ jsxs6("div", {
+                  /* @__PURE__ */ jsxs7("div", {
                     className: "mt-1 flex items-center gap-2 text-body-small text-on-surface-variant",
                     children: [
-                      /* @__PURE__ */ jsxs6("span", {
+                      /* @__PURE__ */ jsxs7("span", {
                         children: [
                           toolCallCount,
                           " tool calls"
                         ]
                       }),
-                      liveStatus ? /* @__PURE__ */ jsx6("span", {
+                      liveStatus ? /* @__PURE__ */ jsx8("span", {
                         className: "truncate text-outline",
                         children: liveStatus
                       }) : null
@@ -1682,37 +2192,37 @@ function InlineWorkerCard({
                   })
                 ]
               }),
-              /* @__PURE__ */ jsx6(Icon3, {
+              /* @__PURE__ */ jsx8(Icon2, {
                 name: "expand_more",
                 size: 20,
-                className: clsx6("mt-1.5 shrink-0 text-on-surface-variant transition-transform duration-300 ease-emphasized", expanded ? "rotate-180" : "")
+                className: clsx8("mt-1.5 shrink-0 text-on-surface-variant transition-transform duration-300 ease-emphasized", expanded ? "rotate-180" : "")
               })
             ]
           }),
-          /* @__PURE__ */ jsx6(AnimatePresence2, {
+          /* @__PURE__ */ jsx8(AnimatePresence2, {
             initial: false,
-            children: expanded ? /* @__PURE__ */ jsx6(motion2.div, {
+            children: expanded ? /* @__PURE__ */ jsx8(motion2.div, {
               id: contentId,
               ...expandMotion,
               className: "overflow-hidden",
-              children: /* @__PURE__ */ jsx6("div", {
+              children: /* @__PURE__ */ jsx8("div", {
                 className: "flex flex-col gap-2 border-t border-outline-variant px-4 py-3",
-                children: isTranscriptLoading ? /* @__PURE__ */ jsxs6("div", {
+                children: isTranscriptLoading ? /* @__PURE__ */ jsxs7("div", {
                   className: "flex items-center gap-2 text-body-small text-on-surface-variant",
                   children: [
-                    /* @__PURE__ */ jsx6(CircularIndicator, {
+                    /* @__PURE__ */ jsx8(CircularIndicator, {
                       size: 16,
                       label: "Loading transcript"
                     }),
                     "Loading worker transcript..."
                   ]
-                }) : items.length > 0 ? items.map((item) => item.kind === "tool" ? /* @__PURE__ */ jsx6(ToolCall, {
+                }) : items.length > 0 ? items.map((item) => item.kind === "tool" ? /* @__PURE__ */ jsx8(ToolCall, {
                   pair: item.pair
-                }, item.pair.id) : /* @__PURE__ */ jsx6(Markdown, {
+                }, item.pair.id) : /* @__PURE__ */ jsx8(Markdown, {
                   content: stripExcessWhitespace(item.text),
                   size: "small",
                   className: "text-on-surface-variant"
-                }, `text-${item.text}`)) : /* @__PURE__ */ jsx6("div", {
+                }, `text-${item.text}`)) : /* @__PURE__ */ jsx8("div", {
                   className: "text-body-small text-on-surface-variant",
                   children: "No tool calls yet."
                 })
@@ -1721,29 +2231,29 @@ function InlineWorkerCard({
           })
         ]
       }),
-      (onCopyLogs || onCancel && isRunning) && /* @__PURE__ */ jsxs6("div", {
+      (onCopyLogs || onCancel && isRunning) && /* @__PURE__ */ jsxs7("div", {
         className: "mt-1 flex gap-1 opacity-0 transition-opacity duration-200 ease-standard group-focus-within:opacity-100 group-hover:opacity-100",
         children: [
-          onCopyLogs && /* @__PURE__ */ jsxs6(Button, {
+          onCopyLogs && /* @__PURE__ */ jsxs7(Button, {
             variant: "text",
             size: "xs",
             onClick: onCopyLogs,
             title: "Copy logs",
             children: [
-              /* @__PURE__ */ jsx6(Icon3, {
+              /* @__PURE__ */ jsx8(Icon2, {
                 name: "content_copy",
                 size: 18
               }),
               "Copy"
             ]
           }),
-          onCancel && isRunning && /* @__PURE__ */ jsxs6(Button, {
+          onCancel && isRunning && /* @__PURE__ */ jsxs7(Button, {
             variant: "text",
             size: "xs",
             onClick: onCancel,
             title: "Cancel",
             children: [
-              /* @__PURE__ */ jsx6(Icon3, {
+              /* @__PURE__ */ jsx8(Icon2, {
                 name: "stop",
                 size: 18
               }),
@@ -1755,12 +2265,12 @@ function InlineWorkerCard({
     ]
   });
 }
-// packages/m3-ai/src/InlineBranchCard.tsx
+// m3/packages/m3-ai/src/InlineBranchCard.tsx
 import { useId as useId3, useState as useState5 } from "react";
-import { clsx as clsx7 } from "clsx";
+import { clsx as clsx9 } from "clsx";
 import { AnimatePresence as AnimatePresence3, motion as motion3 } from "motion/react";
-import { Icon as Icon4 } from "@aphrody/m3-primitives";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Icon as Icon3 } from "@aphrody/m3-primitives";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function InlineBranchCard({
   description,
   completedAt,
@@ -1772,63 +2282,63 @@ function InlineBranchCard({
   const isRunning = !completedAt;
   const contentId = useId3();
   const canExpand = !!conclusion;
-  return /* @__PURE__ */ jsx7("div", {
-    className: clsx7("group flex min-w-0 flex-col items-start", className),
-    children: /* @__PURE__ */ jsxs7("div", {
+  return /* @__PURE__ */ jsx9("div", {
+    className: clsx9("group flex min-w-0 flex-col items-start", className),
+    children: /* @__PURE__ */ jsxs8("div", {
       className: "min-w-0 max-w-full overflow-hidden rounded-medium bg-surface-container text-on-surface",
       children: [
-        /* @__PURE__ */ jsxs7("button", {
+        /* @__PURE__ */ jsxs8("button", {
           type: "button",
           onClick: () => canExpand && setExpanded((v) => !v),
           "aria-expanded": canExpand ? expanded : undefined,
           "aria-controls": canExpand ? contentId : undefined,
-          className: clsx7("flex w-full items-start gap-3 rounded-medium px-4 py-3 text-left transition-colors duration-200 ease-standard", canExpand && "hover:bg-on-surface/8 active:bg-on-surface/10", focusRing),
+          className: clsx9("flex w-full items-start gap-3 rounded-medium px-4 py-3 text-left transition-colors duration-200 ease-standard", canExpand && "hover:bg-on-surface/8 active:bg-on-surface/10", focusRing),
           children: [
-            /* @__PURE__ */ jsx7("div", {
+            /* @__PURE__ */ jsx9("div", {
               className: "flex size-8 shrink-0 items-center justify-center",
-              children: isRunning ? /* @__PURE__ */ jsx7(CircularIndicator, {
+              children: isRunning ? /* @__PURE__ */ jsx9(CircularIndicator, {
                 size: 20,
                 label: "Thinking"
-              }) : /* @__PURE__ */ jsx7("div", {
+              }) : /* @__PURE__ */ jsx9("div", {
                 className: "flex size-8 items-center justify-center rounded-full bg-primary-container text-on-primary-container",
-                children: /* @__PURE__ */ jsx7(Icon4, {
+                children: /* @__PURE__ */ jsx9(Icon3, {
                   name: "alt_route",
                   size: 18
                 })
               })
             }),
-            /* @__PURE__ */ jsx7("div", {
+            /* @__PURE__ */ jsx9("div", {
               className: "min-w-0 flex-1 self-center",
-              children: /* @__PURE__ */ jsxs7("div", {
+              children: /* @__PURE__ */ jsxs8("div", {
                 className: "flex items-center gap-2",
                 children: [
-                  /* @__PURE__ */ jsx7("div", {
+                  /* @__PURE__ */ jsx9("div", {
                     className: "line-clamp-2 min-w-0 flex-1 text-title-small text-on-surface",
                     children: description
                   }),
-                  /* @__PURE__ */ jsx7(StatusChip, {
+                  /* @__PURE__ */ jsx9(StatusChip, {
                     tone: isRunning ? "primary" : "success",
                     children: isRunning ? "thinking" : "done"
                   })
                 ]
               })
             }),
-            canExpand && /* @__PURE__ */ jsx7(Icon4, {
+            canExpand && /* @__PURE__ */ jsx9(Icon3, {
               name: "expand_more",
               size: 20,
-              className: clsx7("mt-1.5 shrink-0 text-on-surface-variant transition-transform duration-300 ease-emphasized", expanded ? "rotate-180" : "")
+              className: clsx9("mt-1.5 shrink-0 text-on-surface-variant transition-transform duration-300 ease-emphasized", expanded ? "rotate-180" : "")
             })
           ]
         }),
-        /* @__PURE__ */ jsx7(AnimatePresence3, {
+        /* @__PURE__ */ jsx9(AnimatePresence3, {
           initial: false,
-          children: expanded && conclusion ? /* @__PURE__ */ jsx7(motion3.div, {
+          children: expanded && conclusion ? /* @__PURE__ */ jsx9(motion3.div, {
             id: contentId,
             ...expandMotion,
             className: "overflow-hidden",
-            children: /* @__PURE__ */ jsx7("div", {
+            children: /* @__PURE__ */ jsx9("div", {
               className: "border-t border-outline-variant px-4 py-3",
-              children: /* @__PURE__ */ jsx7(Markdown, {
+              children: /* @__PURE__ */ jsx9(Markdown, {
                 content: conclusion,
                 size: "small",
                 className: "text-on-surface-variant"
@@ -1840,16 +2350,11 @@ function InlineBranchCard({
     })
   });
 }
-// packages/m3-ai/src/ModelSelector.tsx
-import {
-  Icon as Icon5,
-  Popover,
-  usePopover,
-  SelectPill
-} from "@aphrody/m3-primitives";
-import { clsx as clsx8 } from "clsx";
-import { forwardRef as forwardRef2, useEffect as useEffect2, useMemo as useMemo3, useRef as useRef3, useState as useState6 } from "react";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+// m3/packages/m3-ai/src/ModelSelector.tsx
+import { Popover, usePopover, SelectPill } from "@aphrody/m3-primitives";
+import { clsx as clsx10 } from "clsx";
+import { forwardRef as forwardRef2, useEffect as useEffect2, useMemo as useMemo4, useRef as useRef3, useState as useState6 } from "react";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 "use client";
 function groupModelsByProvider(models, search = "") {
   const q = search.trim().toLowerCase();
@@ -1861,14 +2366,21 @@ function groupModelsByProvider(models, search = "") {
     return acc;
   }, Object.create(null));
 }
-function ModelOptionList({ grouped, value, onSelect, className }) {
+function ModelOptionList({
+  grouped,
+  value,
+  onSelect,
+  className,
+  labels
+}) {
+  const l = resolveChatLabels(labels);
   const providers = Object.entries(grouped);
   const models = providers.flatMap(([, providerModels]) => providerModels);
   const [focusedId, setFocusedId] = useState6(value);
   const focusId = models.some((model) => model.id === focusedId) ? focusedId : models.find((model) => model.id === value)?.id ?? models[0]?.id;
-  return /* @__PURE__ */ jsxs8("div", {
+  return /* @__PURE__ */ jsxs9("div", {
     role: "listbox",
-    "aria-label": "Models",
+    "aria-label": l.models,
     tabIndex: -1,
     onKeyDown: (event) => {
       if (event.defaultPrevented)
@@ -1897,66 +2409,64 @@ function ModelOptionList({ grouped, value, onSelect, className }) {
       event.preventDefault();
       options[next].focus();
     },
-    className: clsx8("flex flex-col", className),
+    className: clsx10("flex flex-col", className),
     children: [
-      providers.map(([provider, providerModels], groupIndex) => /* @__PURE__ */ jsxs8("div", {
+      providers.map(([provider, providerModels], groupIndex) => /* @__PURE__ */ jsxs9("div", {
         role: "group",
         "aria-label": provider,
-        className: clsx8(groupIndex > 0 && "mt-1 border-t border-outline-variant pt-1"),
+        className: clsx10(groupIndex > 0 && "mt-1 border-t border-outline-variant pt-1"),
         children: [
-          /* @__PURE__ */ jsx8("div", {
+          /* @__PURE__ */ jsx10("div", {
             className: "px-3 pt-2 pb-1 text-title-small text-on-surface-variant",
             children: provider
           }),
           providerModels.map((model) => {
             const selected = model.id === value;
-            return /* @__PURE__ */ jsxs8("button", {
+            return /* @__PURE__ */ jsxs9("button", {
               type: "button",
               role: "option",
               "aria-selected": selected,
               tabIndex: model.id === focusId ? 0 : -1,
               onFocus: () => setFocusedId(model.id),
               onClick: () => onSelect(model.id),
-              className: clsx8("flex min-h-12 w-full items-center gap-3 px-3 py-2 text-left", "transition-colors duration-200 ease-standard", selected ? "bg-secondary-container text-on-secondary-container" : "text-on-surface hover:bg-on-surface/8 active:bg-on-surface/10", focusRing, "focus-visible:outline-offset-[-3px]"),
+              className: clsx10("flex min-h-12 w-full items-center gap-3 px-3 py-2 text-left", "transition-colors duration-200 ease-standard", selected ? "bg-secondary-container text-on-secondary-container" : "text-on-surface hover:bg-on-surface/8 active:bg-on-surface/10", focusRing, "focus-visible:outline-offset-[-3px]"),
               children: [
-                /* @__PURE__ */ jsxs8("div", {
+                /* @__PURE__ */ jsxs9("div", {
                   className: "min-w-0 flex-1",
                   children: [
-                    /* @__PURE__ */ jsx8("div", {
+                    /* @__PURE__ */ jsx10("div", {
                       className: "truncate text-label-large",
                       children: model.name
                     }),
-                    model.context_window || model.capabilities?.length ? /* @__PURE__ */ jsxs8("div", {
+                    model.context_window || model.capabilities?.length ? /* @__PURE__ */ jsxs9("div", {
                       className: "mt-0.5 flex flex-wrap items-center gap-1",
                       children: [
-                        model.context_window ? /* @__PURE__ */ jsxs8("span", {
-                          className: clsx8("text-body-small", selected ? "text-on-secondary-container" : "text-on-surface-variant"),
-                          children: [
-                            model.context_window.toLocaleString(),
-                            " tokens"
-                          ]
+                        model.context_window ? /* @__PURE__ */ jsx10("span", {
+                          className: clsx10("text-body-small", selected ? "text-on-secondary-container" : "text-on-surface-variant"),
+                          children: formatLabel(l.contextTokens, {
+                            count: model.context_window.toLocaleString()
+                          })
                         }) : null,
-                        model.capabilities?.map((capability) => /* @__PURE__ */ jsx8("span", {
-                          className: clsx8("inline-flex h-5 items-center rounded-small border border-outline-variant px-1.5 text-label-small", selected ? "text-on-secondary-container" : "text-on-surface-variant"),
+                        model.capabilities?.map((capability) => /* @__PURE__ */ jsx10("span", {
+                          className: clsx10("inline-flex h-5 items-center rounded-small border border-outline-variant px-1.5 text-label-small", selected ? "text-on-secondary-container" : "text-on-surface-variant"),
                           children: capability
                         }, capability))
                       ]
                     }) : null
                   ]
                 }),
-                selected && /* @__PURE__ */ jsx8(Icon5, {
+                selected && /* @__PURE__ */ jsx10(ChatIcon, {
                   name: "check",
-                  size: 20,
-                  className: "shrink-0"
+                  size: 20
                 })
               ]
             }, model.id);
           })
         ]
       }, provider)),
-      providers.length === 0 && /* @__PURE__ */ jsx8("div", {
+      providers.length === 0 && /* @__PURE__ */ jsx10("div", {
         className: "px-3 py-3 text-center text-body-small text-on-surface-variant",
-        children: "No models found"
+        children: l.noModels
       })
     ]
   });
@@ -1970,17 +2480,16 @@ function ModelSearchField({
   useEffect2(() => {
     inputRef.current?.focus();
   }, []);
-  return /* @__PURE__ */ jsx8("div", {
+  return /* @__PURE__ */ jsx10("div", {
     className: "px-2 pb-2",
-    children: /* @__PURE__ */ jsxs8("label", {
+    children: /* @__PURE__ */ jsxs9("label", {
       className: "flex h-10 items-center gap-2 rounded-full bg-surface-container-high px-3 text-on-surface-variant focus-within:bg-surface-container-highest",
       children: [
-        /* @__PURE__ */ jsx8(Icon5, {
+        /* @__PURE__ */ jsx10(ChatIcon, {
           name: "search",
-          size: 20,
-          className: "shrink-0"
+          size: 20
         }),
-        /* @__PURE__ */ jsx8("input", {
+        /* @__PURE__ */ jsx10("input", {
           ref: inputRef,
           value,
           onChange: (event) => onChange(event.target.value),
@@ -1996,20 +2505,22 @@ var ModelSelector = forwardRef2(({
   models,
   value,
   onChange,
-  placeholder = "Select model...",
-  searchPlaceholder = "Search models...",
+  placeholder,
+  searchPlaceholder,
   variant,
   size,
   popover: externalPopover,
   className,
-  disabled
+  disabled,
+  labels
 }, ref) => {
+  const l = resolveChatLabels(labels);
   const internalPopover = usePopover();
   const popover = externalPopover ?? internalPopover;
   const [search, setSearch] = useState6("");
   const selectedModel = models.find((m) => m.id === value);
-  const grouped = useMemo3(() => groupModelsByProvider(models, search), [models, search]);
-  return /* @__PURE__ */ jsxs8(Popover.Root, {
+  const grouped = useMemo4(() => groupModelsByProvider(models, search), [models, search]);
+  return /* @__PURE__ */ jsxs9(Popover.Root, {
     open: popover.open,
     onOpenChange: (open) => {
       popover.setOpen(open);
@@ -2017,34 +2528,45 @@ var ModelSelector = forwardRef2(({
         setSearch("");
     },
     children: [
-      /* @__PURE__ */ jsx8(Popover.Trigger, {
+      /* @__PURE__ */ jsx10(Popover.Trigger, {
         asChild: true,
-        children: /* @__PURE__ */ jsx8(SelectPill, {
+        children: /* @__PURE__ */ jsxs9(SelectPill, {
           ref,
           variant,
           size,
           disabled,
           "aria-haspopup": "listbox",
-          className: clsx8("w-full", className),
-          children: selectedModel?.name ?? placeholder
+          hideCaret: true,
+          className: clsx10("w-full", className),
+          children: [
+            /* @__PURE__ */ jsx10("span", {
+              className: "min-w-0 flex-1 truncate",
+              children: selectedModel?.name ?? placeholder ?? l.selectModel
+            }),
+            /* @__PURE__ */ jsx10(ChatIcon, {
+              name: "expand_more",
+              size: 18
+            })
+          ]
         })
       }),
-      /* @__PURE__ */ jsxs8(Popover.Content, {
+      /* @__PURE__ */ jsxs9(Popover.Content, {
         align: "end",
         sideOffset: 8,
         style: { width: 280 },
         className: "overflow-hidden rounded-extra-small! py-2",
         children: [
-          /* @__PURE__ */ jsx8(ModelSearchField, {
+          /* @__PURE__ */ jsx10(ModelSearchField, {
             value: search,
             onChange: setSearch,
-            placeholder: searchPlaceholder
+            placeholder: searchPlaceholder ?? l.searchModels
           }),
-          /* @__PURE__ */ jsx8("div", {
+          /* @__PURE__ */ jsx10("div", {
             className: "max-h-[320px] overflow-y-auto",
-            children: /* @__PURE__ */ jsx8(ModelOptionList, {
+            children: /* @__PURE__ */ jsx10(ModelOptionList, {
               grouped,
               value,
+              labels,
               onSelect: (id) => {
                 onChange(id);
                 popover.setOpen(false);
@@ -2058,12 +2580,12 @@ var ModelSelector = forwardRef2(({
   });
 });
 ModelSelector.displayName = "ModelSelector";
-// packages/m3-ai/src/ChatComposer.tsx
-import { CircleButton as CircleButton2, Icon as Icon6, Popover as Popover2, SelectPill as SelectPill2 } from "@aphrody/m3-primitives";
+// m3/packages/m3-ai/src/ChatComposer.tsx
+import { CircleButton as CircleButton2, Popover as Popover2, SelectPill as SelectPill2 } from "@aphrody/m3-primitives";
 import { m3Durations as m3Durations2, m3Easings as m3Easings2 } from "@aphrody/m3-motion";
-import { clsx as clsx9 } from "clsx";
+import { clsx as clsx11 } from "clsx";
 import { AnimatePresence as AnimatePresence4, motion as motion4 } from "motion/react";
-import { jsx as jsx9, jsxs as jsxs9, Fragment } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs10, Fragment as Fragment4 } from "react/jsx-runtime";
 "use client";
 var iconButtonEnter = {
   initial: { scale: 0.6, opacity: 0 },
@@ -2082,76 +2604,92 @@ function ChatComposer({
   draft,
   onDraftChange,
   onSend,
-  placeholder = "Ask something...",
+  placeholder,
   heading,
   isSending = false,
+  disabled = false,
   projectSelector,
   modelSelector,
   onOpenVoice,
   toolbarExtra,
   onStop,
-  className
+  className,
+  labels
 }) {
-  const canSend = !isSending && draft.trim().length > 0;
-  const showStop = isSending && !!onStop;
-  return /* @__PURE__ */ jsxs9(Fragment, {
+  const l = resolveChatLabels(labels);
+  const hint = placeholder ?? l.composerPlaceholder;
+  const canSend = !disabled && !isSending && draft.trim().length > 0;
+  const showStop = !disabled && isSending && !!onStop;
+  return /* @__PURE__ */ jsxs10(Fragment4, {
     children: [
-      heading && /* @__PURE__ */ jsxs9("div", {
+      heading && /* @__PURE__ */ jsxs10("div", {
         className: "mb-3 flex items-center gap-2 px-1 text-title-small text-on-surface-variant",
         children: [
-          /* @__PURE__ */ jsx9(Icon6, {
-            name: "auto_awesome",
+          /* @__PURE__ */ jsx11(ChatIcon, {
+            name: "auto_awesome_filled",
             size: 18,
-            filled: true,
             className: "text-primary"
           }),
           heading
         ]
       }),
-      /* @__PURE__ */ jsxs9("div", {
-        className: clsx9("m3-chat-composer rounded-extra-large bg-surface-container-high px-4 pt-3 pb-2 text-on-surface", "transition-colors duration-200 ease-standard focus-within:bg-surface-container-highest", className),
+      /* @__PURE__ */ jsxs10("div", {
+        className: clsx11("m3-chat-composer rounded-extra-large bg-surface-container-high px-4 pt-3 pb-2 text-on-surface", "transition-colors duration-200 ease-standard focus-within:bg-surface-container-highest", className),
         children: [
-          /* @__PURE__ */ jsx9("textarea", {
+          /* @__PURE__ */ jsx11("textarea", {
             value: draft,
             onChange: (event) => onDraftChange(event.target.value),
             onKeyDown: (event) => {
               if (event.key === "Enter" && !event.shiftKey) {
                 event.preventDefault();
-                onSend();
+                if (canSend)
+                  onSend();
               }
             },
-            placeholder,
-            "aria-label": placeholder,
+            placeholder: hint,
+            "aria-label": hint,
             rows: 2,
+            disabled,
             className: "block w-full resize-none border-0 bg-transparent px-1 text-body-large text-on-surface caret-primary outline-none placeholder:text-on-surface-variant focus:outline-none focus:ring-0"
           }),
-          /* @__PURE__ */ jsxs9("div", {
+          /* @__PURE__ */ jsxs10("div", {
             className: "mt-2 flex items-center justify-between gap-2",
             children: [
-              projectSelector ? /* @__PURE__ */ jsx9("div", {
+              projectSelector ? /* @__PURE__ */ jsx11("div", {
                 className: "w-[210px]",
-                children: /* @__PURE__ */ jsxs9(Popover2.Root, {
+                children: /* @__PURE__ */ jsxs10(Popover2.Root, {
                   open: projectSelector.popover.open,
                   onOpenChange: projectSelector.popover.setOpen,
                   children: [
-                    /* @__PURE__ */ jsx9(Popover2.Trigger, {
+                    /* @__PURE__ */ jsx11(Popover2.Trigger, {
                       asChild: true,
-                      children: /* @__PURE__ */ jsx9(SelectPill2, {
+                      children: /* @__PURE__ */ jsxs10(SelectPill2, {
                         className: "w-full",
                         "aria-haspopup": "listbox",
-                        children: projectSelector.value
+                        disabled,
+                        hideCaret: true,
+                        children: [
+                          /* @__PURE__ */ jsx11("span", {
+                            className: "min-w-0 flex-1 truncate",
+                            children: projectSelector.value
+                          }),
+                          /* @__PURE__ */ jsx11(ChatIcon, {
+                            name: "expand_more",
+                            size: 18
+                          })
+                        ]
                       })
                     }),
-                    /* @__PURE__ */ jsx9(Popover2.Content, {
+                    /* @__PURE__ */ jsx11(Popover2.Content, {
                       align: "start",
                       sideOffset: 8,
                       className: "min-w-[210px] overflow-hidden rounded-extra-small! py-2",
-                      children: /* @__PURE__ */ jsx9("div", {
+                      children: /* @__PURE__ */ jsx11("div", {
                         role: "listbox",
-                        "aria-label": "Projects",
+                        "aria-label": l.projects,
                         children: projectSelector.options.map((option) => {
                           const selected = option === projectSelector.value;
-                          return /* @__PURE__ */ jsxs9("button", {
+                          return /* @__PURE__ */ jsxs10("button", {
                             type: "button",
                             role: "option",
                             "aria-selected": selected,
@@ -2159,13 +2697,13 @@ function ChatComposer({
                               projectSelector.onChange(option);
                               projectSelector.popover.setOpen(false);
                             },
-                            className: clsx9("flex h-12 w-full items-center gap-3 px-3 text-left text-label-large", "transition-colors duration-200 ease-standard", selected ? "bg-secondary-container text-on-secondary-container" : "text-on-surface hover:bg-on-surface/8", focusRing, "focus-visible:outline-offset-[-3px]"),
+                            className: clsx11("flex h-12 w-full items-center gap-3 px-3 text-left text-label-large", "transition-colors duration-200 ease-standard", selected ? "bg-secondary-container text-on-secondary-container" : "text-on-surface hover:bg-on-surface/8", focusRing, "focus-visible:outline-offset-[-3px]"),
                             children: [
-                              /* @__PURE__ */ jsx9("span", {
+                              /* @__PURE__ */ jsx11("span", {
                                 className: "min-w-0 flex-1 truncate",
                                 children: option
                               }),
-                              selected && /* @__PURE__ */ jsx9(Icon6, {
+                              selected && /* @__PURE__ */ jsx11(ChatIcon, {
                                 name: "check",
                                 size: 20
                               })
@@ -2176,49 +2714,53 @@ function ChatComposer({
                     })
                   ]
                 })
-              }) : /* @__PURE__ */ jsx9("div", {}),
-              /* @__PURE__ */ jsxs9(motion4.div, {
+              }) : /* @__PURE__ */ jsx11("div", {}),
+              /* @__PURE__ */ jsxs10(motion4.div, {
                 layout: true,
                 className: "flex items-center gap-1",
                 children: [
-                  modelSelector && /* @__PURE__ */ jsx9("div", {
+                  modelSelector && /* @__PURE__ */ jsx11("div", {
                     className: "w-[180px]",
-                    children: /* @__PURE__ */ jsx9(ModelSelector, {
+                    children: /* @__PURE__ */ jsx11(ModelSelector, {
                       models: modelSelector.options,
                       value: modelSelector.value,
                       onChange: modelSelector.onChange,
-                      size: "md"
+                      size: "md",
+                      disabled,
+                      labels
                     })
                   }),
                   toolbarExtra,
-                  onOpenVoice && /* @__PURE__ */ jsx9(CircleButton2, {
-                    icon: "mic",
+                  onOpenVoice && /* @__PURE__ */ jsx11(CircleButton2, {
+                    icon: /* @__PURE__ */ jsx11(ChatIcon, {
+                      name: "mic",
+                      size: 20
+                    }),
                     variant: "standard",
                     onClick: onOpenVoice,
-                    disabled: isSending,
-                    "aria-label": "Open Voice Input"
+                    disabled: isSending || disabled,
+                    "aria-label": l.openVoice
                   }),
-                  /* @__PURE__ */ jsx9(AnimatePresence4, {
+                  /* @__PURE__ */ jsx11(AnimatePresence4, {
                     initial: false,
                     mode: "popLayout",
-                    children: showStop ? /* @__PURE__ */ jsx9(motion4.button, {
+                    children: showStop ? /* @__PURE__ */ jsx11(motion4.button, {
                       type: "button",
                       ...iconButtonEnter,
                       onClick: onStop,
-                      "aria-label": "Stop",
-                      className: clsx9("flex size-10 shrink-0 items-center justify-center rounded-full bg-primary text-on-primary", "transition-colors duration-200 ease-standard hover:bg-primary/92 active:bg-primary/90", focusRing),
-                      children: /* @__PURE__ */ jsx9(Icon6, {
-                        name: "stop",
-                        size: 24,
-                        filled: true
+                      "aria-label": l.stop,
+                      className: clsx11("flex size-10 shrink-0 items-center justify-center rounded-full bg-primary text-on-primary", "transition-colors duration-200 ease-standard hover:bg-primary/92 active:bg-primary/90", focusRing),
+                      children: /* @__PURE__ */ jsx11(ChatIcon, {
+                        name: "stop_filled",
+                        size: 24
                       })
-                    }, "stop") : canSend ? /* @__PURE__ */ jsx9(motion4.button, {
+                    }, "stop") : canSend ? /* @__PURE__ */ jsx11(motion4.button, {
                       type: "button",
                       ...iconButtonEnter,
                       onClick: onSend,
-                      "aria-label": "Send",
-                      className: clsx9("flex size-10 shrink-0 items-center justify-center rounded-full bg-primary text-on-primary", "transition-colors duration-200 ease-standard hover:bg-primary/92 active:bg-primary/90", focusRing),
-                      children: /* @__PURE__ */ jsx9(Icon6, {
+                      "aria-label": l.send,
+                      className: clsx11("flex size-10 shrink-0 items-center justify-center rounded-full bg-primary text-on-primary", "transition-colors duration-200 ease-standard hover:bg-primary/92 active:bg-primary/90", focusRing),
+                      children: /* @__PURE__ */ jsx11(ChatIcon, {
                         name: "arrow_upward",
                         size: 24
                       })
@@ -2233,11 +2775,11 @@ function ChatComposer({
     ]
   });
 }
-// packages/m3-ai/src/GoogleSpotlightBar.tsx
-import { CircleButton as CircleButton3, Icon as Icon7 } from "@aphrody/m3-primitives";
-import { clsx as clsx10 } from "clsx";
+// m3/packages/m3-ai/src/GoogleSpotlightBar.tsx
+import { CircleButton as CircleButton3, Icon as Icon4 } from "@aphrody/m3-primitives";
+import { clsx as clsx12 } from "clsx";
 import { useState as useState7 } from "react";
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 "use client";
 function GoogleSpotlightBar({
   placeholder = "Ask anything or start typing...",
@@ -2264,38 +2806,38 @@ function GoogleSpotlightBar({
       onSubmit?.(query);
     }
   };
-  return /* @__PURE__ */ jsxs10("search", {
+  return /* @__PURE__ */ jsxs11("search", {
     "aria-label": "Google Spotlight Assistant",
-    className: clsx10("google-spotlight-capsule relative mx-auto flex w-full max-w-[840px] items-center gap-3", "rounded-[var(--gemini-corner-prompt-bar,32px)] bg-surface-container-high/90 px-5 py-3.5 backdrop-blur-xl", "border border-outline-variant/30 text-on-surface shadow-md3-3 transition-all duration-200", "focus-within:border-primary/50 focus-within:bg-surface-container-highest/95 focus-within:shadow-md3-4", className),
+    className: clsx12("google-spotlight-capsule relative mx-auto flex w-full max-w-[840px] items-center gap-3", "rounded-[var(--gemini-corner-prompt-bar,32px)] bg-surface-container-high/90 px-5 py-3.5 backdrop-blur-xl", "border border-outline-variant/30 text-on-surface shadow-md3-3 transition-all duration-200", "focus-within:border-primary/50 focus-within:bg-surface-container-highest/95 focus-within:shadow-md3-4", className),
     children: [
-      /* @__PURE__ */ jsx10("div", {
+      /* @__PURE__ */ jsx12("div", {
         className: "flex h-9 w-9 shrink-0 items-center justify-center",
-        children: /* @__PURE__ */ jsxs10("svg", {
+        children: /* @__PURE__ */ jsxs11("svg", {
           viewBox: "0 0 24 24",
           width: "24",
           height: "24",
           "aria-hidden": "true",
           children: [
-            /* @__PURE__ */ jsx10("path", {
+            /* @__PURE__ */ jsx12("path", {
               fill: "#4285F4",
               d: "M23.745 12.27c0-.7-.06-1.4-.19-2.07H12v4.51h6.6c-.29 1.52-1.14 2.8-2.4 3.64v3.03h3.88c2.27-2.09 3.665-5.17 3.665-9.11z"
             }),
-            /* @__PURE__ */ jsx10("path", {
+            /* @__PURE__ */ jsx12("path", {
               fill: "#34A853",
               d: "M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.88-3.03c-1.08.72-2.45 1.16-4.05 1.16-3.12 0-5.77-2.1-6.72-4.93H1.25v3.13C3.28 21.43 7.33 24 12 24z"
             }),
-            /* @__PURE__ */ jsx10("path", {
+            /* @__PURE__ */ jsx12("path", {
               fill: "#FBBC05",
               d: "M5.28 14.29c-.25-.72-.38-1.49-.38-2.29s.14-1.57.38-2.29V6.57H1.25C.45 8.16 0 9.98 0 12s.45 3.84 1.25 5.43l4.03-3.14z"
             }),
-            /* @__PURE__ */ jsx10("path", {
+            /* @__PURE__ */ jsx12("path", {
               fill: "#EA4335",
               d: "M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0 7.33 0 3.28 2.57 1.25 6.57l4.03 3.14c.95-2.83 3.6-4.96 6.72-4.96z"
             })
           ]
         })
       }),
-      /* @__PURE__ */ jsx10("input", {
+      /* @__PURE__ */ jsx12("input", {
         type: "text",
         value: query,
         onChange: (e) => handleChange(e.target.value),
@@ -2304,49 +2846,49 @@ function GoogleSpotlightBar({
         "aria-label": placeholder,
         className: "block flex-1 border-0 bg-transparent px-1 text-body-large text-on-surface caret-primary outline-none placeholder:text-on-surface-variant focus:outline-none focus:ring-0"
       }),
-      /* @__PURE__ */ jsxs10("div", {
+      /* @__PURE__ */ jsxs11("div", {
         className: "flex shrink-0 items-center gap-1.5",
         children: [
-          onAttach && /* @__PURE__ */ jsx10(CircleButton3, {
+          onAttach && /* @__PURE__ */ jsx12(CircleButton3, {
             variant: "standard",
             size: "sm",
             onClick: onAttach,
             "aria-label": "Add attachments",
             title: "Attach file",
-            children: /* @__PURE__ */ jsx10(Icon7, {
+            children: /* @__PURE__ */ jsx12(Icon4, {
               name: "add",
               size: 20
             })
           }),
-          onScreenCapture && /* @__PURE__ */ jsx10(CircleButton3, {
+          onScreenCapture && /* @__PURE__ */ jsx12(CircleButton3, {
             variant: "standard",
             size: "sm",
             onClick: onScreenCapture,
             "aria-label": "Capture screen",
             title: "Share or capture screen",
-            children: /* @__PURE__ */ jsx10(Icon7, {
+            children: /* @__PURE__ */ jsx12(Icon4, {
               name: "screenshot",
               size: 20
             })
           }),
-          onGoogleLens && /* @__PURE__ */ jsx10(CircleButton3, {
+          onGoogleLens && /* @__PURE__ */ jsx12(CircleButton3, {
             variant: "standard",
             size: "sm",
             onClick: onGoogleLens,
             "aria-label": "Google Lens",
             title: "Search with Google Lens",
             className: "hover:text-primary",
-            children: /* @__PURE__ */ jsx10(Icon7, {
+            children: /* @__PURE__ */ jsx12(Icon4, {
               name: "center_focus_strong",
               size: 20
             })
           }),
-          /* @__PURE__ */ jsx10("div", {
+          /* @__PURE__ */ jsx12("div", {
             "aria-hidden": "true",
             className: "ml-1 hidden select-none items-center rounded-full bg-surface-container px-2.5 py-1 text-label-small font-medium text-on-surface-variant sm:flex",
             children: "Alt + Space"
           }),
-          avatar && /* @__PURE__ */ jsx10("div", {
+          avatar && /* @__PURE__ */ jsx12("div", {
             className: "ml-1 shrink-0",
             children: avatar
           })
@@ -2355,10 +2897,10 @@ function GoogleSpotlightBar({
     ]
   });
 }
-// packages/m3-ai/src/GeminiAccountMenu.tsx
-import { Icon as Icon8, Popover as Popover3 } from "@aphrody/m3-primitives";
-import { clsx as clsx11 } from "clsx";
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+// m3/packages/m3-ai/src/GeminiAccountMenu.tsx
+import { Icon as Icon5, Popover as Popover3 } from "@aphrody/m3-primitives";
+import { clsx as clsx13 } from "clsx";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 "use client";
 var EMPTY_MENU_ITEMS = [];
 function GeminiAccountMenu({
@@ -2371,35 +2913,35 @@ function GeminiAccountMenu({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsxs11(Popover3.Root, {
+  return /* @__PURE__ */ jsxs12(Popover3.Root, {
     open,
     onOpenChange,
     children: [
-      /* @__PURE__ */ jsx11(Popover3.Trigger, {
+      /* @__PURE__ */ jsx13(Popover3.Trigger, {
         asChild: true,
         children
       }),
-      /* @__PURE__ */ jsxs11(Popover3.Content, {
+      /* @__PURE__ */ jsxs12(Popover3.Content, {
         align: "start",
         side: "top",
         sideOffset: 8,
-        className: clsx11("gemini-account-menu w-[300px] overflow-hidden rounded-[var(--gemini-corner-card,16px)]", "border border-outline-variant/40 bg-surface-container p-2 text-on-surface shadow-md3-3", className),
+        className: clsx13("gemini-account-menu w-[300px] overflow-hidden rounded-[var(--gemini-corner-card,16px)]", "border border-outline-variant/40 bg-surface-container p-2 text-on-surface shadow-md3-3", className),
         children: [
-          /* @__PURE__ */ jsxs11("div", {
+          /* @__PURE__ */ jsxs12("div", {
             className: "flex items-center gap-3 rounded-small bg-surface-container-high p-3",
             children: [
-              /* @__PURE__ */ jsx11("div", {
+              /* @__PURE__ */ jsx13("div", {
                 className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-primary-container text-title-medium text-on-primary-container",
                 children: avatar ?? name.charAt(0).toUpperCase()
               }),
-              /* @__PURE__ */ jsxs11("div", {
+              /* @__PURE__ */ jsxs12("div", {
                 className: "min-w-0 flex-1",
                 children: [
-                  /* @__PURE__ */ jsx11("div", {
+                  /* @__PURE__ */ jsx13("div", {
                     className: "truncate text-body-medium font-medium text-on-surface",
                     children: name
                   }),
-                  /* @__PURE__ */ jsx11("div", {
+                  /* @__PURE__ */ jsx13("div", {
                     className: "truncate text-body-small text-on-surface-variant",
                     children: email
                   })
@@ -2407,40 +2949,40 @@ function GeminiAccountMenu({
               })
             ]
           }),
-          /* @__PURE__ */ jsx11("div", {
+          /* @__PURE__ */ jsx13("div", {
             className: "mt-2 space-y-0.5",
             role: "menu",
-            children: items.map((item) => /* @__PURE__ */ jsxs11("div", {
+            children: items.map((item) => /* @__PURE__ */ jsxs12("div", {
               children: [
-                /* @__PURE__ */ jsxs11("button", {
+                /* @__PURE__ */ jsxs12("button", {
                   type: "button",
                   role: "menuitem",
                   onClick: () => {
                     item.onClick?.();
                     onOpenChange(false);
                   },
-                  className: clsx11("flex w-full items-center justify-between rounded-small px-3 py-2 text-body-medium transition-colors", "hover:bg-on-surface/8 active:bg-on-surface/12", item.destructive ? "text-error hover:bg-error/8" : "text-on-surface hover:text-on-surface"),
+                  className: clsx13("flex w-full items-center justify-between rounded-small px-3 py-2 text-body-medium transition-colors", "hover:bg-on-surface/8 active:bg-on-surface/12", item.destructive ? "text-error hover:bg-error/8" : "text-on-surface hover:text-on-surface"),
                   children: [
-                    /* @__PURE__ */ jsxs11("div", {
+                    /* @__PURE__ */ jsxs12("div", {
                       className: "flex items-center gap-3",
                       children: [
-                        item.icon && /* @__PURE__ */ jsx11(Icon8, {
+                        item.icon && /* @__PURE__ */ jsx13(Icon5, {
                           name: item.icon,
                           size: 20,
                           className: item.destructive ? "text-error" : "text-on-surface-variant"
                         }),
-                        /* @__PURE__ */ jsx11("span", {
+                        /* @__PURE__ */ jsx13("span", {
                           children: item.label
                         })
                       ]
                     }),
-                    item.shortcut && /* @__PURE__ */ jsx11("span", {
+                    item.shortcut && /* @__PURE__ */ jsx13("span", {
                       className: "text-label-small text-on-surface-variant",
                       children: item.shortcut
                     })
                   ]
                 }),
-                item.dividerAfter && /* @__PURE__ */ jsx11("div", {
+                item.dividerAfter && /* @__PURE__ */ jsx13("div", {
                   className: "my-1 border-t border-outline-variant/30"
                 })
               ]
@@ -2458,26 +3000,26 @@ function ComposerMoreUploadsMenu({
   submenuItems,
   children
 }) {
-  return /* @__PURE__ */ jsxs11(Popover3.Root, {
+  return /* @__PURE__ */ jsxs12(Popover3.Root, {
     open,
     onOpenChange,
     children: [
-      /* @__PURE__ */ jsx11(Popover3.Trigger, {
+      /* @__PURE__ */ jsx13(Popover3.Trigger, {
         asChild: true,
         children
       }),
-      /* @__PURE__ */ jsxs11(Popover3.Content, {
+      /* @__PURE__ */ jsxs12(Popover3.Content, {
         align: "start",
         side: "top",
         sideOffset: 10,
         className: "gemini-composer-uploads-menu flex gap-2 rounded-[var(--gemini-corner-card,16px)] border border-outline-variant/30 bg-surface-container p-1.5 shadow-md3-3",
         children: [
-          /* @__PURE__ */ jsx11("div", {
+          /* @__PURE__ */ jsx13("div", {
             className: "w-[220px] space-y-0.5",
             role: "menu",
-            children: items.map((item) => /* @__PURE__ */ jsxs11("div", {
+            children: items.map((item) => /* @__PURE__ */ jsxs12("div", {
               children: [
-                /* @__PURE__ */ jsxs11("button", {
+                /* @__PURE__ */ jsxs12("button", {
                   type: "button",
                   role: "menuitem",
                   onClick: () => {
@@ -2486,33 +3028,33 @@ function ComposerMoreUploadsMenu({
                   },
                   className: "flex w-full items-center gap-3 rounded-small px-3 py-2 text-body-medium text-on-surface transition-colors hover:bg-on-surface/8",
                   children: [
-                    item.icon && /* @__PURE__ */ jsx11(Icon8, {
+                    item.icon && /* @__PURE__ */ jsx13(Icon5, {
                       name: item.icon,
                       size: 20,
                       className: "text-on-surface-variant"
                     }),
-                    /* @__PURE__ */ jsx11("span", {
+                    /* @__PURE__ */ jsx13("span", {
                       className: "flex-1 text-left",
                       children: item.label
                     })
                   ]
                 }),
-                item.dividerAfter && /* @__PURE__ */ jsx11("div", {
+                item.dividerAfter && /* @__PURE__ */ jsx13("div", {
                   className: "my-1 border-t border-outline-variant/30"
                 })
               ]
             }, item.id))
           }),
-          submenuItems && submenuItems.length > 0 && /* @__PURE__ */ jsxs11("div", {
+          submenuItems && submenuItems.length > 0 && /* @__PURE__ */ jsxs12("div", {
             className: "w-[200px] border-l border-outline-variant/20 pl-2 space-y-0.5",
             role: "menu",
             "aria-label": "More uploads",
             children: [
-              /* @__PURE__ */ jsx11("div", {
+              /* @__PURE__ */ jsx13("div", {
                 className: "px-2 py-1 text-label-small font-medium text-on-surface-variant uppercase tracking-wider",
                 children: "Cloud & Storage"
               }),
-              submenuItems.map((sub) => /* @__PURE__ */ jsxs11("button", {
+              submenuItems.map((sub) => /* @__PURE__ */ jsxs12("button", {
                 type: "button",
                 role: "menuitem",
                 onClick: () => {
@@ -2521,12 +3063,12 @@ function ComposerMoreUploadsMenu({
                 },
                 className: "flex w-full items-center gap-3 rounded-small px-3 py-2 text-body-medium text-on-surface transition-colors hover:bg-on-surface/8",
                 children: [
-                  sub.icon && /* @__PURE__ */ jsx11(Icon8, {
+                  sub.icon && /* @__PURE__ */ jsx13(Icon5, {
                     name: sub.icon,
                     size: 20,
                     className: "text-primary"
                   }),
-                  /* @__PURE__ */ jsx11("span", {
+                  /* @__PURE__ */ jsx13("span", {
                     className: "flex-1 text-left",
                     children: sub.label
                   })
@@ -2539,11 +3081,11 @@ function ComposerMoreUploadsMenu({
     ]
   });
 }
-// packages/m3-ai/src/GeminiPersonalContextEdit.tsx
-import { Button as Button2, DialogClose, DialogContent, DialogRoot, Icon as Icon9 } from "@aphrody/m3-primitives";
-import { clsx as clsx12 } from "clsx";
+// m3/packages/m3-ai/src/GeminiPersonalContextEdit.tsx
+import { Button as Button2, DialogClose, DialogContent, DialogRoot, Icon as Icon6 } from "@aphrody/m3-primitives";
+import { clsx as clsx14 } from "clsx";
 import { useState as useState8 } from "react";
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 "use client";
 function GeminiPersonalContextEdit({
   open,
@@ -2575,22 +3117,22 @@ function GeminiPersonalContextEdit({
       setIsSaving(false);
     }
   };
-  return /* @__PURE__ */ jsx12(DialogRoot, {
+  return /* @__PURE__ */ jsx14(DialogRoot, {
     open,
     onOpenChange,
-    children: /* @__PURE__ */ jsxs12(DialogContent, {
-      className: clsx12("gemini-context-edit-dialog w-full max-w-[620px] rounded-[var(--gemini-corner-card,16px)]", "border border-outline-variant/30 bg-surface p-6 text-on-surface shadow-md3-3", className),
+    children: /* @__PURE__ */ jsxs13(DialogContent, {
+      className: clsx14("gemini-context-edit-dialog w-full max-w-[620px] rounded-[var(--gemini-corner-card,16px)]", "border border-outline-variant/30 bg-surface p-6 text-on-surface shadow-md3-3", className),
       children: [
-        /* @__PURE__ */ jsxs12("div", {
+        /* @__PURE__ */ jsxs13("div", {
           className: "flex items-start justify-between gap-4",
           children: [
-            /* @__PURE__ */ jsxs12("div", {
+            /* @__PURE__ */ jsxs13("div", {
               className: "space-y-1",
               children: [
-                /* @__PURE__ */ jsxs12("h2", {
+                /* @__PURE__ */ jsxs13("h2", {
                   className: "text-headline-small font-normal text-on-surface flex items-center gap-2",
                   children: [
-                    /* @__PURE__ */ jsx12(Icon9, {
+                    /* @__PURE__ */ jsx14(Icon6, {
                       name: "psychology",
                       size: 24,
                       className: "text-primary"
@@ -2598,19 +3140,19 @@ function GeminiPersonalContextEdit({
                     title
                   ]
                 }),
-                /* @__PURE__ */ jsx12("p", {
+                /* @__PURE__ */ jsx14("p", {
                   className: "text-body-medium text-on-surface-variant leading-relaxed",
                   children: description
                 })
               ]
             }),
-            /* @__PURE__ */ jsx12(DialogClose, {
+            /* @__PURE__ */ jsx14(DialogClose, {
               asChild: true,
-              children: /* @__PURE__ */ jsx12("button", {
+              children: /* @__PURE__ */ jsx14("button", {
                 type: "button",
                 className: "rounded-full p-1.5 text-on-surface-variant hover:bg-on-surface/8 transition-colors",
                 "aria-label": "Close",
-                children: /* @__PURE__ */ jsx12(Icon9, {
+                children: /* @__PURE__ */ jsx14(Icon6, {
                   name: "close",
                   size: 20
                 })
@@ -2618,12 +3160,12 @@ function GeminiPersonalContextEdit({
             })
           ]
         }),
-        /* @__PURE__ */ jsxs12("div", {
+        /* @__PURE__ */ jsxs13("div", {
           className: "mt-5 space-y-2",
           children: [
-            /* @__PURE__ */ jsx12("div", {
+            /* @__PURE__ */ jsx14("div", {
               className: "relative rounded-medium border-2 border-primary/60 bg-surface-container-low transition-all focus-within:border-primary focus-within:ring-2 focus-within:ring-primary/20",
-              children: /* @__PURE__ */ jsx12("textarea", {
+              children: /* @__PURE__ */ jsx14("textarea", {
                 value: context,
                 onChange: (e) => setContext(e.target.value),
                 placeholder: "e.g. Always respond in concise bullet points, write modern TypeScript with Bun, favor pure functions...",
@@ -2632,16 +3174,16 @@ function GeminiPersonalContextEdit({
                 className: "block w-full resize-y border-0 bg-transparent p-3.5 text-body-medium text-on-surface caret-primary outline-none placeholder:text-on-surface-variant/60"
               })
             }),
-            /* @__PURE__ */ jsxs12("div", {
+            /* @__PURE__ */ jsxs13("div", {
               className: "flex justify-between px-1 text-label-small text-on-surface-variant",
               children: [
-                /* @__PURE__ */ jsxs12("span", {
+                /* @__PURE__ */ jsxs13("span", {
                   children: [
                     context.length,
                     " characters"
                   ]
                 }),
-                initialContext.length > 0 && onClear && /* @__PURE__ */ jsx12("button", {
+                initialContext.length > 0 && onClear && /* @__PURE__ */ jsx14("button", {
                   type: "button",
                   onClick: () => {
                     setContext("");
@@ -2654,18 +3196,18 @@ function GeminiPersonalContextEdit({
             })
           ]
         }),
-        /* @__PURE__ */ jsxs12("div", {
+        /* @__PURE__ */ jsxs13("div", {
           className: "mt-6 flex items-center justify-end gap-3",
           children: [
-            /* @__PURE__ */ jsx12(DialogClose, {
+            /* @__PURE__ */ jsx14(DialogClose, {
               asChild: true,
-              children: /* @__PURE__ */ jsx12(Button2, {
+              children: /* @__PURE__ */ jsx14(Button2, {
                 variant: "text",
                 disabled: isSaving,
                 children: "Cancel"
               })
             }),
-            /* @__PURE__ */ jsx12(Button2, {
+            /* @__PURE__ */ jsx14(Button2, {
               variant: "filled",
               onClick: handleSave,
               disabled: !canSave,
@@ -2678,10 +3220,10 @@ function GeminiPersonalContextEdit({
     })
   });
 }
-// packages/m3-ai/src/TaskStatusIcon.tsx
-import { Icon as Icon10 } from "@aphrody/m3-primitives";
-import { clsx as clsx13 } from "clsx";
-import { jsx as jsx13 } from "react/jsx-runtime";
+// m3/packages/m3-ai/src/TaskStatusIcon.tsx
+import { Icon as Icon7 } from "@aphrody/m3-primitives";
+import { clsx as clsx15 } from "clsx";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var config = {
   done: { icon: "check_circle", filled: true, color: "text-success" },
   in_progress: { icon: "clock_loader_40", filled: true, color: "text-primary" },
@@ -2691,19 +3233,19 @@ var config = {
 };
 function TaskStatusIcon({ status, size = 16, className, label }) {
   const { icon, filled, color } = config[status];
-  return /* @__PURE__ */ jsx13(Icon10, {
+  return /* @__PURE__ */ jsx15(Icon7, {
     name: icon,
     size,
     filled,
     label: label ?? TASK_STATUS_LABEL[status],
     "data-status": status,
-    className: clsx13(color, className)
+    className: clsx15(color, className)
   });
 }
-// packages/m3-ai/src/TaskPriorityIcon.tsx
-import { Icon as Icon11 } from "@aphrody/m3-primitives";
-import { clsx as clsx14 } from "clsx";
-import { jsx as jsx14 } from "react/jsx-runtime";
+// m3/packages/m3-ai/src/TaskPriorityIcon.tsx
+import { Icon as Icon8 } from "@aphrody/m3-primitives";
+import { clsx as clsx16 } from "clsx";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var config2 = {
   critical: { icon: "priority_high", filled: true, color: "text-error" },
   high: { icon: "keyboard_double_arrow_up", filled: false, color: "text-warning" },
@@ -2712,20 +3254,20 @@ var config2 = {
 };
 function TaskPriorityIcon({ priority, size = 14, className, label }) {
   const { icon, filled, color } = config2[priority];
-  return /* @__PURE__ */ jsx14(Icon11, {
+  return /* @__PURE__ */ jsx16(Icon8, {
     name: icon,
     size,
     filled,
     weight: 600,
     label: label ?? `${TASK_PRIORITY_LABEL[priority]} priority`,
     "data-priority": priority,
-    className: clsx14(color, className)
+    className: clsx16(color, className)
   });
 }
-// packages/m3-ai/src/TaskRow.tsx
-import { DropdownMenu, Icon as Icon12 } from "@aphrody/m3-primitives";
-import { clsx as clsx15 } from "clsx";
-import { jsx as jsx15, jsxs as jsxs13, Fragment as Fragment2 } from "react/jsx-runtime";
+// m3/packages/m3-ai/src/TaskRow.tsx
+import { DropdownMenu, Icon as Icon9 } from "@aphrody/m3-primitives";
+import { clsx as clsx17 } from "clsx";
+import { jsx as jsx17, jsxs as jsxs14, Fragment as Fragment5 } from "react/jsx-runtime";
 var TASK_ROW_GRID = "20px 18px 72px 1fr 56px 96px 40px";
 var TASK_ROW_HEIGHT = 48;
 function TaskRow({
@@ -2741,7 +3283,7 @@ function TaskRow({
   const assigneeName = resolveAgentName?.(task.assigned_agent_id) ?? task.assigned_agent_id;
   const hasActions = onStatusChange || onDelete;
   const isRowInteractive = typeof onClick === "function";
-  const rowClassName = clsx15("task-row group grid w-full items-center border-b border-outline-variant text-left", "transition-colors duration-200 ease-standard", isActive ? "bg-secondary-container text-on-secondary-container" : "bg-transparent text-on-surface hover:bg-on-surface/8", isRowInteractive && !isActive && "active:bg-on-surface/10", className);
+  const rowClassName = clsx17("task-row group grid w-full items-center border-b border-outline-variant text-left", "transition-colors duration-200 ease-standard", isActive ? "bg-secondary-container text-on-secondary-container" : "bg-transparent text-on-surface hover:bg-on-surface/8", isRowInteractive && !isActive && "active:bg-on-surface/10", className);
   const rowStyle = {
     gridTemplateColumns: TASK_ROW_GRID,
     minHeight: TASK_ROW_HEIGHT,
@@ -2749,84 +3291,84 @@ function TaskRow({
     paddingRight: 8,
     gap: 12
   };
-  const mainContent = /* @__PURE__ */ jsxs13(Fragment2, {
+  const mainContent = /* @__PURE__ */ jsxs14(Fragment5, {
     children: [
-      /* @__PURE__ */ jsx15(TaskStatusIcon, {
+      /* @__PURE__ */ jsx17(TaskStatusIcon, {
         status: task.status,
         size: 20
       }),
-      /* @__PURE__ */ jsx15(TaskPriorityIcon, {
+      /* @__PURE__ */ jsx17(TaskPriorityIcon, {
         priority: task.priority,
         size: 18
       }),
-      /* @__PURE__ */ jsxs13("span", {
-        className: clsx15("truncate font-code text-body-small", isActive ? "text-on-secondary-container" : "text-on-surface-variant"),
+      /* @__PURE__ */ jsxs14("span", {
+        className: clsx17("truncate font-code text-body-small", isActive ? "text-on-secondary-container" : "text-on-surface-variant"),
         children: [
           "SPC-",
           task.task_number
         ]
       }),
-      /* @__PURE__ */ jsx15("span", {
+      /* @__PURE__ */ jsx17("span", {
         className: "min-w-0 truncate text-body-large",
         children: task.title
       }),
-      /* @__PURE__ */ jsx15("span", {
-        className: clsx15("text-right text-body-small", isActive ? "text-on-secondary-container" : "text-on-surface-variant"),
+      /* @__PURE__ */ jsx17("span", {
+        className: clsx17("text-right text-body-small", isActive ? "text-on-secondary-container" : "text-on-surface-variant"),
         children: task.subtasks.length > 0 ? `${completedSubtasks}/${task.subtasks.length}` : ""
       }),
-      /* @__PURE__ */ jsx15("span", {
-        className: clsx15("truncate text-right text-body-small", isActive ? "text-on-secondary-container" : "text-on-surface-variant"),
+      /* @__PURE__ */ jsx17("span", {
+        className: clsx17("truncate text-right text-body-small", isActive ? "text-on-secondary-container" : "text-on-surface-variant"),
         children: assigneeName
       })
     ]
   });
-  const actions = /* @__PURE__ */ jsx15("span", {
+  const actions = /* @__PURE__ */ jsx17("span", {
     className: "flex items-center justify-center",
-    children: hasActions ? /* @__PURE__ */ jsxs13(DropdownMenu.Root, {
+    children: hasActions ? /* @__PURE__ */ jsxs14(DropdownMenu.Root, {
       children: [
-        /* @__PURE__ */ jsx15(DropdownMenu.Trigger, {
+        /* @__PURE__ */ jsx17(DropdownMenu.Trigger, {
           asChild: true,
-          children: /* @__PURE__ */ jsx15("button", {
+          children: /* @__PURE__ */ jsx17("button", {
             type: "button",
             "aria-label": "Task Actions",
-            className: clsx15("flex size-8 items-center justify-center rounded-full text-on-surface-variant", "opacity-0 transition-[opacity,background-color] duration-200 ease-standard", "hover:bg-on-surface/8 active:bg-on-surface/10", "group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100 data-popup-open:opacity-100", focusRing),
-            children: /* @__PURE__ */ jsx15(Icon12, {
+            className: clsx17("flex size-8 items-center justify-center rounded-full text-on-surface-variant", "opacity-0 transition-[opacity,background-color] duration-200 ease-standard", "hover:bg-on-surface/8 active:bg-on-surface/10", "group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100 data-popup-open:opacity-100", focusRing),
+            children: /* @__PURE__ */ jsx17(Icon9, {
               name: "more_vert",
               size: 20
             })
           })
         }),
-        /* @__PURE__ */ jsxs13(DropdownMenu.Content, {
+        /* @__PURE__ */ jsxs14(DropdownMenu.Content, {
           align: "end",
           sideOffset: 4,
           children: [
-            onStatusChange && TASK_STATUS_ORDER.filter((s) => s !== task.status).map((s) => /* @__PURE__ */ jsxs13(DropdownMenu.Item, {
+            onStatusChange && TASK_STATUS_ORDER.filter((s) => s !== task.status).map((s) => /* @__PURE__ */ jsxs14(DropdownMenu.Item, {
               onClick: () => {
                 onStatusChange(task, s);
               },
               children: [
-                /* @__PURE__ */ jsx15(TaskStatusIcon, {
+                /* @__PURE__ */ jsx17(TaskStatusIcon, {
                   status: s,
                   size: 20,
                   label: ""
                 }),
-                /* @__PURE__ */ jsx15("span", {
+                /* @__PURE__ */ jsx17("span", {
                   children: TASK_STATUS_LABEL[s]
                 })
               ]
             }, s)),
-            onStatusChange && onDelete && /* @__PURE__ */ jsx15(DropdownMenu.Separator, {}),
-            onDelete && /* @__PURE__ */ jsxs13(DropdownMenu.Item, {
+            onStatusChange && onDelete && /* @__PURE__ */ jsx17(DropdownMenu.Separator, {}),
+            onDelete && /* @__PURE__ */ jsxs14(DropdownMenu.Item, {
               onClick: () => {
                 onDelete(task);
               },
               className: "text-error",
               children: [
-                /* @__PURE__ */ jsx15(Icon12, {
+                /* @__PURE__ */ jsx17(Icon9, {
                   name: "delete",
                   size: 20
                 }),
-                /* @__PURE__ */ jsx15("span", {
+                /* @__PURE__ */ jsx17("span", {
                   children: "Delete"
                 })
               ]
@@ -2837,7 +3379,7 @@ function TaskRow({
     }) : null
   });
   if (!isRowInteractive) {
-    return /* @__PURE__ */ jsxs13("div", {
+    return /* @__PURE__ */ jsxs14("div", {
       "aria-current": isActive ? "true" : undefined,
       className: rowClassName,
       style: rowStyle,
@@ -2847,26 +3389,26 @@ function TaskRow({
       ]
     });
   }
-  return /* @__PURE__ */ jsxs13("div", {
+  return /* @__PURE__ */ jsxs14("div", {
     className: rowClassName,
     style: rowStyle,
     children: [
-      /* @__PURE__ */ jsx15("button", {
+      /* @__PURE__ */ jsx17("button", {
         type: "button",
         "aria-current": isActive ? "true" : undefined,
         onClick: () => onClick(task),
-        className: clsx15("col-span-6 grid grid-cols-subgrid items-center border-0 bg-transparent p-0 text-left font-inherit", focusRing, "focus-visible:outline-offset-[-3px]"),
+        className: clsx17("col-span-6 grid grid-cols-subgrid items-center border-0 bg-transparent p-0 text-left font-inherit", focusRing, "focus-visible:outline-offset-[-3px]"),
         children: mainContent
       }),
       actions
     ]
   });
 }
-// packages/m3-ai/src/TaskList.tsx
-import { Collapsible, CollapsibleContent, CollapsibleTrigger, Icon as Icon13 } from "@aphrody/m3-primitives";
-import { clsx as clsx16 } from "clsx";
-import { useMemo as useMemo4 } from "react";
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+// m3/packages/m3-ai/src/TaskList.tsx
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, Icon as Icon10 } from "@aphrody/m3-primitives";
+import { clsx as clsx18 } from "clsx";
+import { useMemo as useMemo5 } from "react";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var GRID_STYLE = {
   gridTemplateColumns: TASK_ROW_GRID,
   paddingLeft: 16,
@@ -2885,7 +3427,7 @@ function TaskList({
   resolveAgentName,
   className
 }) {
-  const grouped = useMemo4(() => {
+  const grouped = useMemo5(() => {
     const map = new Map;
     for (const status of groups)
       map.set(status, []);
@@ -2896,64 +3438,64 @@ function TaskList({
     }
     return map;
   }, [tasks, groups]);
-  return /* @__PURE__ */ jsxs14("div", {
-    className: clsx16("flex flex-col bg-surface text-on-surface", className),
+  return /* @__PURE__ */ jsxs15("div", {
+    className: clsx18("flex flex-col bg-surface text-on-surface", className),
     children: [
-      /* @__PURE__ */ jsxs14("div", {
+      /* @__PURE__ */ jsxs15("div", {
         className: "grid items-center border-b border-outline-variant text-label-medium text-on-surface-variant",
         style: { ...GRID_STYLE, height: 32 },
         children: [
-          /* @__PURE__ */ jsx16("span", {}),
-          /* @__PURE__ */ jsx16("span", {}),
-          /* @__PURE__ */ jsx16("span", {
+          /* @__PURE__ */ jsx18("span", {}),
+          /* @__PURE__ */ jsx18("span", {}),
+          /* @__PURE__ */ jsx18("span", {
             children: "ID"
           }),
-          /* @__PURE__ */ jsx16("span", {
+          /* @__PURE__ */ jsx18("span", {
             children: "Title"
           }),
-          /* @__PURE__ */ jsx16("span", {
+          /* @__PURE__ */ jsx18("span", {
             className: "text-right",
             children: "Subs"
           }),
-          /* @__PURE__ */ jsx16("span", {
+          /* @__PURE__ */ jsx18("span", {
             className: "text-right",
             children: "Assignee"
           }),
-          /* @__PURE__ */ jsx16("span", {})
+          /* @__PURE__ */ jsx18("span", {})
         ]
       }),
       groups.map((status) => {
         const items = grouped.get(status) ?? [];
         const isOpen = !collapsedGroups?.has(status);
-        return /* @__PURE__ */ jsxs14(Collapsible, {
+        return /* @__PURE__ */ jsxs15(Collapsible, {
           open: isOpen,
           onOpenChange: () => onToggleGroup?.(status),
           children: [
-            /* @__PURE__ */ jsxs14(CollapsibleTrigger, {
-              className: clsx16("grid w-full items-center rounded-none border-b border-outline-variant bg-surface-container-low", "text-title-small text-on-surface transition-colors duration-200 ease-standard", "hover:bg-on-surface/8 active:bg-on-surface/10", focusRing, "focus-visible:outline-offset-[-3px]"),
+            /* @__PURE__ */ jsxs15(CollapsibleTrigger, {
+              className: clsx18("grid w-full items-center rounded-none border-b border-outline-variant bg-surface-container-low", "text-title-small text-on-surface transition-colors duration-200 ease-standard", "hover:bg-on-surface/8 active:bg-on-surface/10", focusRing, "focus-visible:outline-offset-[-3px]"),
               style: { ...GRID_STYLE, height: 40 },
               children: [
-                /* @__PURE__ */ jsx16("span", {
+                /* @__PURE__ */ jsx18("span", {
                   className: "flex items-center justify-center text-on-surface-variant",
-                  children: /* @__PURE__ */ jsx16(Icon13, {
+                  children: /* @__PURE__ */ jsx18(Icon10, {
                     name: "chevron_right",
                     size: 20,
-                    className: clsx16("shrink-0 transition-transform duration-300 ease-emphasized", isOpen && "rotate-90")
+                    className: clsx18("shrink-0 transition-transform duration-300 ease-emphasized", isOpen && "rotate-90")
                   })
                 }),
-                /* @__PURE__ */ jsx16("span", {
+                /* @__PURE__ */ jsx18("span", {
                   className: "flex items-center justify-center",
-                  children: /* @__PURE__ */ jsx16(TaskStatusIcon, {
+                  children: /* @__PURE__ */ jsx18(TaskStatusIcon, {
                     status,
                     size: 18,
                     label: ""
                   })
                 }),
-                /* @__PURE__ */ jsxs14("span", {
+                /* @__PURE__ */ jsxs15("span", {
                   className: "col-span-5 flex items-center gap-1.5 text-left",
                   children: [
                     TASK_STATUS_LABEL[status],
-                    /* @__PURE__ */ jsxs14("span", {
+                    /* @__PURE__ */ jsxs15("span", {
                       className: "text-body-small text-on-surface-variant",
                       children: [
                         "(",
@@ -2965,15 +3507,15 @@ function TaskList({
                 })
               ]
             }),
-            /* @__PURE__ */ jsx16(CollapsibleContent, {
-              children: items.length > 0 ? items.map((task) => /* @__PURE__ */ jsx16(TaskRow, {
+            /* @__PURE__ */ jsx18(CollapsibleContent, {
+              children: items.length > 0 ? items.map((task) => /* @__PURE__ */ jsx18(TaskRow, {
                 task,
                 isActive: task.id === activeTaskId,
                 onClick: onTaskClick,
                 onStatusChange,
                 onDelete,
                 resolveAgentName
-              }, task.id)) : /* @__PURE__ */ jsx16("div", {
+              }, task.id)) : /* @__PURE__ */ jsx18("div", {
                 className: "border-b border-outline-variant px-4 py-3 text-body-small text-on-surface-variant",
                 children: "No tasks"
               })
@@ -2984,10 +3526,10 @@ function TaskList({
     ]
   });
 }
-// packages/m3-ai/src/TaskDetail.tsx
-import { Button as Button3, CircleButton as CircleButton4, Icon as Icon14, Select, SelectOption } from "@aphrody/m3-primitives";
-import { clsx as clsx17 } from "clsx";
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+// m3/packages/m3-ai/src/TaskDetail.tsx
+import { Button as Button3, CircleButton as CircleButton4, Icon as Icon11, Select, SelectOption } from "@aphrody/m3-primitives";
+import { clsx as clsx19 } from "clsx";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 function formatDate(iso) {
   return new Date(iso).toLocaleDateString(undefined, {
     year: "numeric",
@@ -2998,14 +3540,14 @@ function formatDate(iso) {
   });
 }
 function Property({ label, children }) {
-  return /* @__PURE__ */ jsxs15("div", {
+  return /* @__PURE__ */ jsxs16("div", {
     className: "flex min-w-0 flex-col gap-0.5",
     children: [
-      /* @__PURE__ */ jsx17("span", {
+      /* @__PURE__ */ jsx19("span", {
         className: "text-label-medium text-on-surface-variant",
         children: label
       }),
-      /* @__PURE__ */ jsx17("span", {
+      /* @__PURE__ */ jsx19("span", {
         className: "flex min-h-8 items-center gap-1.5 text-body-medium text-on-surface",
         children
       })
@@ -3024,27 +3566,27 @@ function TaskDetail({
   const ownerName = resolveAgentName?.(task.owner_agent_id) ?? task.owner_agent_id;
   const assigneeName = resolveAgentName?.(task.assigned_agent_id) ?? task.assigned_agent_id;
   const completedCount = task.subtasks.filter((s) => s.completed).length;
-  return /* @__PURE__ */ jsxs15("div", {
-    className: clsx17("flex flex-col gap-6 bg-surface p-6 text-on-surface", className),
+  return /* @__PURE__ */ jsxs16("div", {
+    className: clsx19("flex flex-col gap-6 bg-surface p-6 text-on-surface", className),
     children: [
-      /* @__PURE__ */ jsxs15("div", {
+      /* @__PURE__ */ jsxs16("div", {
         className: "flex flex-col gap-2",
         children: [
-          /* @__PURE__ */ jsxs15("div", {
+          /* @__PURE__ */ jsxs16("div", {
             className: "flex items-center gap-2",
             children: [
-              /* @__PURE__ */ jsxs15("div", {
+              /* @__PURE__ */ jsxs16("div", {
                 className: "flex flex-1 items-center gap-2",
                 children: [
-                  /* @__PURE__ */ jsx17(TaskStatusIcon, {
+                  /* @__PURE__ */ jsx19(TaskStatusIcon, {
                     status: task.status,
                     size: 20
                   }),
-                  /* @__PURE__ */ jsx17(TaskPriorityIcon, {
+                  /* @__PURE__ */ jsx19(TaskPriorityIcon, {
                     priority: task.priority,
                     size: 18
                   }),
-                  /* @__PURE__ */ jsxs15("span", {
+                  /* @__PURE__ */ jsxs16("span", {
                     className: "font-code text-body-small text-on-surface-variant",
                     children: [
                       "SPC-",
@@ -3053,7 +3595,7 @@ function TaskDetail({
                   })
                 ]
               }),
-              onClose && /* @__PURE__ */ jsx17(CircleButton4, {
+              onClose && /* @__PURE__ */ jsx19(CircleButton4, {
                 icon: "close",
                 variant: "standard",
                 onClick: onClose,
@@ -3061,31 +3603,31 @@ function TaskDetail({
               })
             ]
           }),
-          /* @__PURE__ */ jsx17("h2", {
+          /* @__PURE__ */ jsx19("h2", {
             className: "text-headline-small text-on-surface",
             children: task.title
           })
         ]
       }),
-      /* @__PURE__ */ jsxs15("div", {
+      /* @__PURE__ */ jsxs16("div", {
         className: "grid grid-cols-2 gap-x-6 gap-y-4 medium:grid-cols-4",
         children: [
-          /* @__PURE__ */ jsx17(Property, {
+          /* @__PURE__ */ jsx19(Property, {
             label: "Status",
-            children: onStatusChange ? /* @__PURE__ */ jsx17(Select, {
+            children: onStatusChange ? /* @__PURE__ */ jsx19(Select, {
               value: task.status,
               size: "md",
               onChange: (value) => onStatusChange(task, value),
-              children: TASK_STATUS_ORDER.map((s) => /* @__PURE__ */ jsx17(SelectOption, {
+              children: TASK_STATUS_ORDER.map((s) => /* @__PURE__ */ jsx19(SelectOption, {
                 value: s,
                 children: TASK_STATUS_LABEL[s]
               }, s))
             }) : TASK_STATUS_LABEL[task.status]
           }),
-          /* @__PURE__ */ jsxs15(Property, {
+          /* @__PURE__ */ jsxs16(Property, {
             label: "Priority",
             children: [
-              /* @__PURE__ */ jsx17(TaskPriorityIcon, {
+              /* @__PURE__ */ jsx19(TaskPriorityIcon, {
                 priority: task.priority,
                 size: 18,
                 label: ""
@@ -3093,33 +3635,33 @@ function TaskDetail({
               TASK_PRIORITY_LABEL[task.priority]
             ]
           }),
-          /* @__PURE__ */ jsx17(Property, {
+          /* @__PURE__ */ jsx19(Property, {
             label: "Owner",
-            children: /* @__PURE__ */ jsx17("span", {
+            children: /* @__PURE__ */ jsx19("span", {
               className: "truncate",
               children: ownerName
             })
           }),
-          /* @__PURE__ */ jsx17(Property, {
+          /* @__PURE__ */ jsx19(Property, {
             label: "Assigned",
-            children: /* @__PURE__ */ jsx17("span", {
+            children: /* @__PURE__ */ jsx19("span", {
               className: "truncate",
               children: assigneeName
             })
           })
         ]
       }),
-      task.subtasks.length > 0 && /* @__PURE__ */ jsxs15("section", {
+      task.subtasks.length > 0 && /* @__PURE__ */ jsxs16("section", {
         className: "flex flex-col gap-2",
         children: [
-          /* @__PURE__ */ jsxs15("div", {
+          /* @__PURE__ */ jsxs16("div", {
             className: "flex items-center justify-between",
             children: [
-              /* @__PURE__ */ jsx17("h3", {
+              /* @__PURE__ */ jsx19("h3", {
                 className: "text-title-small text-on-surface",
                 children: "Subtasks"
               }),
-              /* @__PURE__ */ jsxs15("span", {
+              /* @__PURE__ */ jsxs16("span", {
                 className: "text-body-small text-on-surface-variant",
                 children: [
                   completedCount,
@@ -3129,26 +3671,26 @@ function TaskDetail({
               })
             ]
           }),
-          /* @__PURE__ */ jsx17("ul", {
+          /* @__PURE__ */ jsx19("ul", {
             className: "m-0 list-none overflow-hidden rounded-medium border border-outline-variant p-0",
-            children: task.subtasks.map((subtask, i) => /* @__PURE__ */ jsx17("li", {
-              children: /* @__PURE__ */ jsxs15("button", {
+            children: task.subtasks.map((subtask, i) => /* @__PURE__ */ jsx19("li", {
+              children: /* @__PURE__ */ jsxs16("button", {
                 type: "button",
                 role: "checkbox",
                 "aria-checked": subtask.completed,
                 onClick: () => onSubtaskToggle?.(task, i, !subtask.completed),
-                className: clsx17("flex min-h-12 w-full items-center gap-4 px-4 py-2 text-left text-body-large", "transition-colors duration-200 ease-standard hover:bg-on-surface/8 active:bg-on-surface/10", focusRing, "focus-visible:outline-offset-[-3px]", i > 0 && "border-t border-outline-variant"),
+                className: clsx19("flex min-h-12 w-full items-center gap-4 px-4 py-2 text-left text-body-large", "transition-colors duration-200 ease-standard hover:bg-on-surface/8 active:bg-on-surface/10", focusRing, "focus-visible:outline-offset-[-3px]", i > 0 && "border-t border-outline-variant"),
                 children: [
-                  /* @__PURE__ */ jsx17("span", {
-                    className: clsx17("flex size-[18px] shrink-0 items-center justify-center rounded-[2px] transition-colors duration-200 ease-standard", subtask.completed ? "bg-primary text-on-primary" : "border-2 border-on-surface-variant"),
-                    children: subtask.completed && /* @__PURE__ */ jsx17(Icon14, {
+                  /* @__PURE__ */ jsx19("span", {
+                    className: clsx19("flex size-[18px] shrink-0 items-center justify-center rounded-[2px] transition-colors duration-200 ease-standard", subtask.completed ? "bg-primary text-on-primary" : "border-2 border-on-surface-variant"),
+                    children: subtask.completed && /* @__PURE__ */ jsx19(Icon11, {
                       name: "check",
                       size: 16,
                       weight: 700
                     })
                   }),
-                  /* @__PURE__ */ jsx17("span", {
-                    className: clsx17("min-w-0 flex-1", subtask.completed ? "text-on-surface-variant line-through" : "text-on-surface"),
+                  /* @__PURE__ */ jsx19("span", {
+                    className: clsx19("min-w-0 flex-1", subtask.completed ? "text-on-surface-variant line-through" : "text-on-surface"),
                     children: subtask.title
                   })
                 ]
@@ -3157,38 +3699,38 @@ function TaskDetail({
           })
         ]
       }),
-      /* @__PURE__ */ jsxs15("section", {
+      /* @__PURE__ */ jsxs16("section", {
         className: "flex flex-col gap-2",
         children: [
-          /* @__PURE__ */ jsx17("h3", {
+          /* @__PURE__ */ jsx19("h3", {
             className: "text-title-small text-on-surface",
             children: "Description"
           }),
-          task.description ? /* @__PURE__ */ jsx17(Markdown, {
+          task.description ? /* @__PURE__ */ jsx19(Markdown, {
             content: task.description,
             size: "medium"
-          }) : /* @__PURE__ */ jsx17("p", {
+          }) : /* @__PURE__ */ jsx19("p", {
             className: "text-body-medium text-on-surface-variant",
             children: "No description"
           })
         ]
       }),
-      /* @__PURE__ */ jsxs15("div", {
+      /* @__PURE__ */ jsxs16("div", {
         className: "flex flex-col gap-1 text-body-small text-on-surface-variant",
         children: [
-          /* @__PURE__ */ jsxs15("span", {
+          /* @__PURE__ */ jsxs16("span", {
             children: [
               "Created ",
               formatDate(task.created_at)
             ]
           }),
-          /* @__PURE__ */ jsxs15("span", {
+          /* @__PURE__ */ jsxs16("span", {
             children: [
               "Updated ",
               formatDate(task.updated_at)
             ]
           }),
-          task.completed_at && /* @__PURE__ */ jsxs15("span", {
+          task.completed_at && /* @__PURE__ */ jsxs16("span", {
             children: [
               "Completed ",
               formatDate(task.completed_at)
@@ -3196,39 +3738,39 @@ function TaskDetail({
           })
         ]
       }),
-      (onStatusChange || onDelete) && /* @__PURE__ */ jsxs15("div", {
+      (onStatusChange || onDelete) && /* @__PURE__ */ jsxs16("div", {
         className: "flex flex-wrap items-center gap-2",
         children: [
-          onStatusChange && task.status === "pending_approval" && /* @__PURE__ */ jsx17(Button3, {
+          onStatusChange && task.status === "pending_approval" && /* @__PURE__ */ jsx19(Button3, {
             variant: "filled",
             size: "lg",
             onClick: () => onStatusChange(task, "ready"),
             children: "Approve"
           }),
-          onStatusChange && task.status === "backlog" && /* @__PURE__ */ jsx17(Button3, {
+          onStatusChange && task.status === "backlog" && /* @__PURE__ */ jsx19(Button3, {
             variant: "filled",
             size: "lg",
             onClick: () => onStatusChange(task, "in_progress"),
             children: "Execute"
           }),
-          onStatusChange && (task.status === "in_progress" || task.status === "ready") && /* @__PURE__ */ jsx17(Button3, {
+          onStatusChange && (task.status === "in_progress" || task.status === "ready") && /* @__PURE__ */ jsx19(Button3, {
             variant: "filled",
             size: "lg",
             onClick: () => onStatusChange(task, "done"),
             children: "Mark Done"
           }),
-          onStatusChange && task.status === "done" && /* @__PURE__ */ jsx17(Button3, {
+          onStatusChange && task.status === "done" && /* @__PURE__ */ jsx19(Button3, {
             variant: "text",
             size: "lg",
             onClick: () => onStatusChange(task, "ready"),
             children: "Reopen"
           }),
-          onDelete && /* @__PURE__ */ jsxs15("button", {
+          onDelete && /* @__PURE__ */ jsxs16("button", {
             type: "button",
             onClick: () => onDelete(task),
-            className: clsx17("inline-flex h-10 items-center justify-center gap-2 rounded-full px-3 text-label-large text-error", "transition-colors duration-200 ease-standard hover:bg-error/8 active:bg-error/10", focusRing),
+            className: clsx19("inline-flex h-10 items-center justify-center gap-2 rounded-full px-3 text-label-large text-error", "transition-colors duration-200 ease-standard hover:bg-error/8 active:bg-error/10", focusRing),
             children: [
-              /* @__PURE__ */ jsx17(Icon14, {
+              /* @__PURE__ */ jsx19(Icon11, {
                 name: "delete",
                 size: 18
               }),
@@ -3240,11 +3782,11 @@ function TaskDetail({
     ]
   });
 }
-// packages/m3-ai/src/TaskCreateForm.tsx
+// m3/packages/m3-ai/src/TaskCreateForm.tsx
 import { Button as Button4, Input, Select as Select2, SelectOption as SelectOption2, TextArea } from "@aphrody/m3-primitives";
-import { clsx as clsx18 } from "clsx";
+import { clsx as clsx20 } from "clsx";
 import { useCallback, useEffect as useEffect3, useId as useId4, useRef as useRef4, useState as useState9 } from "react";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 var PRIORITIES = ["critical", "high", "medium", "low"];
 function TaskCreateForm({
   onSubmit,
@@ -3271,18 +3813,18 @@ function TaskCreateForm({
     setDescription("");
     setPriority(defaultPriority);
   }, [canSubmit, onSubmit, title, description, priority, defaultPriority]);
-  return /* @__PURE__ */ jsxs16("div", {
-    className: clsx18("flex flex-col gap-3 rounded-medium bg-surface-container-low p-4 text-on-surface", className),
+  return /* @__PURE__ */ jsxs17("div", {
+    className: clsx20("flex flex-col gap-3 rounded-medium bg-surface-container-low p-4 text-on-surface", className),
     children: [
-      /* @__PURE__ */ jsxs16("div", {
+      /* @__PURE__ */ jsxs17("div", {
         className: "flex items-center gap-2",
         children: [
-          /* @__PURE__ */ jsx18("label", {
+          /* @__PURE__ */ jsx20("label", {
             htmlFor: titleInputId,
             className: "sr-only",
             children: "Task Title"
           }),
-          /* @__PURE__ */ jsx18(Input, {
+          /* @__PURE__ */ jsx20(Input, {
             ref: titleInputRef,
             id: titleInputId,
             type: "text",
@@ -3299,24 +3841,24 @@ function TaskCreateForm({
             className: "min-w-0 flex-1",
             disabled: isSubmitting
           }),
-          /* @__PURE__ */ jsx18(Select2, {
+          /* @__PURE__ */ jsx20(Select2, {
             value: priority,
             size: "lg",
             onChange: (value) => setPriority(value),
             disabled: isSubmitting,
-            children: PRIORITIES.map((p) => /* @__PURE__ */ jsx18(SelectOption2, {
+            children: PRIORITIES.map((p) => /* @__PURE__ */ jsx20(SelectOption2, {
               value: p,
               children: TASK_PRIORITY_LABEL[p]
             }, p))
           })
         ]
       }),
-      /* @__PURE__ */ jsx18("label", {
+      /* @__PURE__ */ jsx20("label", {
         htmlFor: descriptionInputId,
         className: "sr-only",
         children: "Description"
       }),
-      /* @__PURE__ */ jsx18(TextArea, {
+      /* @__PURE__ */ jsx20(TextArea, {
         id: descriptionInputId,
         value: description,
         onChange: (e) => setDescription(e.target.value),
@@ -3325,17 +3867,17 @@ function TaskCreateForm({
         className: "w-full resize-none",
         disabled: isSubmitting
       }),
-      /* @__PURE__ */ jsxs16("div", {
+      /* @__PURE__ */ jsxs17("div", {
         className: "flex items-center justify-end gap-2",
         children: [
-          onCancel && /* @__PURE__ */ jsx18(Button4, {
+          onCancel && /* @__PURE__ */ jsx20(Button4, {
             variant: "text",
             size: "lg",
             onClick: onCancel,
             disabled: isSubmitting,
             children: "Cancel"
           }),
-          /* @__PURE__ */ jsx18(Button4, {
+          /* @__PURE__ */ jsx20(Button4, {
             variant: "filled",
             size: "lg",
             disabled: !canSubmit,
@@ -3347,14 +3889,7 @@ function TaskCreateForm({
     ]
   });
 }
-
-// packages/m3-ai/src/index.ts
-import { EventType as EventType2 } from "@aphrody/ag-ui";
-
-// packages/m3-ai/src/AgUiEventStream.ts
-import {
-  EventType
-} from "@aphrody/ag-ui";
+// m3/packages/m3-ai/src/AgUiEventStream.ts
 class AgUiEventAccumulator {
   steps = [];
   activeText = "";
@@ -3368,19 +3903,19 @@ class AgUiEventAccumulator {
   errorMessage;
   push(event) {
     switch (event.type) {
-      case EventType.RUN_STARTED: {
+      case exports_ag_ui.EventType.RUN_STARTED: {
         this.isFinished = false;
         this.hasError = false;
         break;
       }
-      case EventType.TEXT_MESSAGE_CONTENT: {
+      case exports_ag_ui.EventType.TEXT_MESSAGE_CONTENT: {
         const textEvent = event;
         if (textEvent.delta) {
           this.activeText += textEvent.delta;
         }
         break;
       }
-      case EventType.TEXT_MESSAGE_END: {
+      case exports_ag_ui.EventType.TEXT_MESSAGE_END: {
         if (this.activeText.length > 0) {
           this.steps.push({
             type: "action",
@@ -3390,14 +3925,14 @@ class AgUiEventAccumulator {
         }
         break;
       }
-      case EventType.REASONING_MESSAGE_CONTENT: {
+      case exports_ag_ui.EventType.REASONING_MESSAGE_CONTENT: {
         const reasoningEvent = event;
         if (reasoningEvent.delta) {
           this.activeReasoning += reasoningEvent.delta;
         }
         break;
       }
-      case EventType.TOOL_CALL_START: {
+      case exports_ag_ui.EventType.TOOL_CALL_START: {
         const tcStart = event;
         this.pendingToolCalls.set(tcStart.toolCallId, {
           name: tcStart.toolCallName,
@@ -3406,7 +3941,7 @@ class AgUiEventAccumulator {
         this.toolCallNames.set(tcStart.toolCallId, tcStart.toolCallName);
         break;
       }
-      case EventType.TOOL_CALL_ARGS: {
+      case exports_ag_ui.EventType.TOOL_CALL_ARGS: {
         const tcArgs = event;
         const pending = this.pendingToolCalls.get(tcArgs.toolCallId);
         if (pending && tcArgs.delta) {
@@ -3414,7 +3949,7 @@ class AgUiEventAccumulator {
         }
         break;
       }
-      case EventType.TOOL_CALL_END: {
+      case exports_ag_ui.EventType.TOOL_CALL_END: {
         const tcEnd = event;
         const pending = this.pendingToolCalls.get(tcEnd.toolCallId);
         if (pending) {
@@ -3433,7 +3968,7 @@ class AgUiEventAccumulator {
         }
         break;
       }
-      case EventType.TOOL_CALL_RESULT: {
+      case exports_ag_ui.EventType.TOOL_CALL_RESULT: {
         const tcResult = event;
         const resultContent = typeof tcResult.content === "string" ? tcResult.content : JSON.stringify(tcResult.content);
         this.inspectA2uiOperations(tcResult.content);
@@ -3446,7 +3981,7 @@ class AgUiEventAccumulator {
         });
         break;
       }
-      case EventType.SUBAGENT_STARTED: {
+      case exports_ag_ui.EventType.SUBAGENT_STARTED: {
         const subEvent = event;
         this.subagents.set(subEvent.subagentRunId, {
           id: subEvent.subagentRunId,
@@ -3456,7 +3991,7 @@ class AgUiEventAccumulator {
         });
         break;
       }
-      case EventType.SUBAGENT_FINISHED: {
+      case exports_ag_ui.EventType.SUBAGENT_FINISHED: {
         const subEvent = event;
         const existing = this.subagents.get(subEvent.subagentRunId);
         if (existing) {
@@ -3464,7 +3999,7 @@ class AgUiEventAccumulator {
         }
         break;
       }
-      case EventType.SUBAGENT_ERROR: {
+      case exports_ag_ui.EventType.SUBAGENT_ERROR: {
         const subEvent = event;
         const existing = this.subagents.get(subEvent.subagentRunId);
         if (existing) {
@@ -3473,7 +4008,7 @@ class AgUiEventAccumulator {
         }
         break;
       }
-      case EventType.RUN_FINISHED: {
+      case exports_ag_ui.EventType.RUN_FINISHED: {
         if (this.activeText.length > 0) {
           this.steps.push({
             type: "action",
@@ -3484,7 +4019,7 @@ class AgUiEventAccumulator {
         this.isFinished = true;
         break;
       }
-      case EventType.RUN_ERROR: {
+      case exports_ag_ui.EventType.RUN_ERROR: {
         const errEvent = event;
         this.hasError = true;
         this.errorMessage = errEvent.message;
@@ -3578,7 +4113,7 @@ function coordEnvelopeToAgUiEvent(envelope) {
   switch (envelope.kind) {
     case "ask":
       return {
-        type: EventType.CUSTOM,
+        type: exports_ag_ui.EventType.CUSTOM,
         name: "a2a_ask",
         value: {
           id: envelope.id,
@@ -3592,7 +4127,7 @@ function coordEnvelopeToAgUiEvent(envelope) {
       };
     case "fact":
       return {
-        type: EventType.CUSTOM,
+        type: exports_ag_ui.EventType.CUSTOM,
         name: "a2a_fact",
         value: {
           id: envelope.id,
@@ -3605,7 +4140,7 @@ function coordEnvelopeToAgUiEvent(envelope) {
       };
     case "ack":
       return {
-        type: EventType.CUSTOM,
+        type: exports_ag_ui.EventType.CUSTOM,
         name: "a2a_ack",
         value: {
           id: envelope.id,
@@ -3617,13 +4152,13 @@ function coordEnvelopeToAgUiEvent(envelope) {
       };
     case "error":
       return {
-        type: EventType.RUN_ERROR,
+        type: exports_ag_ui.EventType.RUN_ERROR,
         message: envelope.body || envelope.topic || "Coordination error",
         code: envelope.id
       };
     case "ping":
       return {
-        type: EventType.CUSTOM,
+        type: exports_ag_ui.EventType.CUSTOM,
         name: "a2a_ping",
         value: {
           id: envelope.id,
@@ -3633,7 +4168,7 @@ function coordEnvelopeToAgUiEvent(envelope) {
       };
     default:
       return {
-        type: EventType.CUSTOM,
+        type: exports_ag_ui.EventType.CUSTOM,
         name: `a2a_${envelope.kind}`,
         value: envelope
       };
@@ -3642,7 +4177,7 @@ function coordEnvelopeToAgUiEvent(envelope) {
 function agUiEventToCoordEnvelope(event, from, to = "fleet") {
   const ts = new Date().toISOString();
   const id = `env-${Date.now().toString(16)}`;
-  if (event.type === EventType.CUSTOM && event.name?.startsWith("a2a_")) {
+  if (event.type === exports_ag_ui.EventType.CUSTOM && event.name?.startsWith("a2a_")) {
     const val = event.value || {};
     const kind = event.name.replace(/^a2a_/, "");
     return {
@@ -3658,7 +4193,7 @@ function agUiEventToCoordEnvelope(event, from, to = "fleet") {
       channel_hint: val.channel_hint
     };
   }
-  if (event.type === EventType.RUN_ERROR) {
+  if (event.type === exports_ag_ui.EventType.RUN_ERROR) {
     const err = event;
     return {
       v: 1,
@@ -3671,7 +4206,7 @@ function agUiEventToCoordEnvelope(event, from, to = "fleet") {
       body: err.message
     };
   }
-  if (event.type === EventType.TOOL_CALL_RESULT) {
+  if (event.type === exports_ag_ui.EventType.TOOL_CALL_RESULT) {
     const res = event;
     return {
       v: 1,
@@ -3696,10 +4231,10 @@ function agUiEventToCoordEnvelope(event, from, to = "fleet") {
     body: JSON.stringify(event)
   };
 }
-// packages/m3-ai/src/A2APeerInspector.tsx
+// m3/packages/m3-ai/src/A2APeerInspector.tsx
 import { useState as useState10 } from "react";
-import { clsx as clsx19 } from "clsx";
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { clsx as clsx21 } from "clsx";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 var EMPTY_ENVELOPES = [];
 var DEFAULT_PEERS = [
   {
@@ -3726,14 +4261,6 @@ var DEFAULT_PEERS = [
     status: "idle",
     version: "3.7.0",
     skills: ["design-tokens", "docs-audit", "review"]
-  },
-  {
-    id: "shenron",
-    name: "Shenron Daemon",
-    role: "Database & RAG Pipeline Gate",
-    status: "idle",
-    version: "2.1.0",
-    skills: ["rag-index", "manga-publish", "embeddings"]
   }
 ];
 var KIND_COLORS = {
@@ -3796,33 +4323,33 @@ var A2APeerInspector = ({
     setComposeBody("");
   };
   const filteredEnvelopes = envelopes.filter((env) => env.from === selectedPeerId || env.to === selectedPeerId || env.to === "fleet");
-  return /* @__PURE__ */ jsxs17("div", {
-    className: clsx19("flex flex-col gap-4 rounded-3xl p-5 border", "bg-[var(--md-sys-color-surface-container-lowest,#ffffff)]", "border-[var(--md-sys-color-outline-variant,#cac4d0)]", "text-[var(--md-sys-color-on-surface,#1d1b20)]", className),
+  return /* @__PURE__ */ jsxs18("div", {
+    className: clsx21("flex flex-col gap-4 rounded-3xl p-5 border", "bg-[var(--md-sys-color-surface-container-lowest,#ffffff)]", "border-[var(--md-sys-color-outline-variant,#cac4d0)]", "text-[var(--md-sys-color-on-surface,#1d1b20)]", className),
     children: [
-      /* @__PURE__ */ jsxs17("div", {
+      /* @__PURE__ */ jsxs18("div", {
         className: "flex flex-col gap-3",
         children: [
-          /* @__PURE__ */ jsxs17("div", {
+          /* @__PURE__ */ jsxs18("div", {
             className: "flex items-center justify-between",
             children: [
-              /* @__PURE__ */ jsxs17("div", {
+              /* @__PURE__ */ jsxs18("div", {
                 className: "flex items-center gap-2",
                 children: [
-                  /* @__PURE__ */ jsx19("span", {
+                  /* @__PURE__ */ jsx21("span", {
                     className: "material-symbols-outlined text-xl text-[var(--md-sys-color-primary,#6750a4)]",
                     children: "hub"
                   }),
-                  /* @__PURE__ */ jsx19("h2", {
+                  /* @__PURE__ */ jsx21("h2", {
                     className: "text-base font-semibold tracking-tight",
                     children: "A2A Fleet Coordinator"
                   }),
-                  /* @__PURE__ */ jsx19("span", {
+                  /* @__PURE__ */ jsx21("span", {
                     className: "rounded-full bg-[var(--md-sys-color-surface-container-high,#ece6f0)] px-2 py-0.5 text-xs font-mono text-[var(--md-sys-color-on-surface-variant,#49454f)]",
                     children: "v1.0 (JSONL + RPC)"
                   })
                 ]
               }),
-              /* @__PURE__ */ jsxs17("span", {
+              /* @__PURE__ */ jsxs18("span", {
                 className: "text-xs text-[var(--md-sys-color-outline,#79747e)]",
                 children: [
                   peers.length,
@@ -3831,22 +4358,22 @@ var A2APeerInspector = ({
               })
             ]
           }),
-          /* @__PURE__ */ jsx19("div", {
+          /* @__PURE__ */ jsx21("div", {
             className: "flex items-center gap-2 overflow-x-auto pb-1",
             children: peers.map((peer) => {
               const isSelected = peer.id === selectedPeerId;
-              return /* @__PURE__ */ jsxs17("button", {
+              return /* @__PURE__ */ jsxs18("button", {
                 type: "button",
                 onClick: () => handleSelect(peer.id),
-                className: clsx19("flex items-center gap-2 rounded-full px-3.5 py-1.5 text-xs font-medium transition-colors shrink-0", isSelected ? "bg-[var(--md-sys-color-secondary-container,#e8def8)] text-[var(--md-sys-color-on-secondary-container,#1d192b)] shadow-sm" : "bg-[var(--md-sys-color-surface-container,#f3edf7)] text-[var(--md-sys-color-on-surface-variant,#49454f)] hover:bg-[var(--md-sys-color-surface-container-high,#ece6f0)]"),
+                className: clsx21("flex items-center gap-2 rounded-full px-3.5 py-1.5 text-xs font-medium transition-colors shrink-0", isSelected ? "bg-[var(--md-sys-color-secondary-container,#e8def8)] text-[var(--md-sys-color-on-secondary-container,#1d192b)] shadow-sm" : "bg-[var(--md-sys-color-surface-container,#f3edf7)] text-[var(--md-sys-color-on-surface-variant,#49454f)] hover:bg-[var(--md-sys-color-surface-container-high,#ece6f0)]"),
                 children: [
-                  /* @__PURE__ */ jsx19("span", {
-                    className: clsx19("h-2 w-2 rounded-full", peer.status === "busy" ? "bg-amber-500 animate-pulse" : peer.status === "idle" ? "bg-emerald-500" : "bg-slate-400")
+                  /* @__PURE__ */ jsx21("span", {
+                    className: clsx21("h-2 w-2 rounded-full", peer.status === "busy" ? "bg-amber-500 animate-pulse" : peer.status === "idle" ? "bg-emerald-500" : "bg-slate-400")
                   }),
-                  /* @__PURE__ */ jsx19("span", {
+                  /* @__PURE__ */ jsx21("span", {
                     children: peer.name
                   }),
-                  /* @__PURE__ */ jsxs17("span", {
+                  /* @__PURE__ */ jsxs18("span", {
                     className: "text-[10px] opacity-60",
                     children: [
                       "@",
@@ -3859,22 +4386,22 @@ var A2APeerInspector = ({
           })
         ]
       }),
-      currentPeer && /* @__PURE__ */ jsxs17("div", {
+      currentPeer && /* @__PURE__ */ jsxs18("div", {
         className: "flex flex-col gap-2 rounded-2xl bg-[var(--md-sys-color-surface-container-low,#f7f2fa)] p-4 border border-[var(--md-sys-color-outline-variant,#cac4d0)]/50",
         children: [
-          /* @__PURE__ */ jsxs17("div", {
+          /* @__PURE__ */ jsxs18("div", {
             className: "flex items-start justify-between",
             children: [
-              /* @__PURE__ */ jsxs17("div", {
+              /* @__PURE__ */ jsxs18("div", {
                 children: [
-                  /* @__PURE__ */ jsxs17("div", {
+                  /* @__PURE__ */ jsxs18("div", {
                     className: "flex items-center gap-2",
                     children: [
-                      /* @__PURE__ */ jsx19("span", {
+                      /* @__PURE__ */ jsx21("span", {
                         className: "font-semibold text-sm",
                         children: currentPeer.name
                       }),
-                      /* @__PURE__ */ jsxs17("span", {
+                      /* @__PURE__ */ jsxs18("span", {
                         className: "text-xs text-[var(--md-sys-color-on-surface-variant,#49454f)]",
                         children: [
                           "(",
@@ -3884,11 +4411,11 @@ var A2APeerInspector = ({
                       })
                     ]
                   }),
-                  /* @__PURE__ */ jsxs17("div", {
+                  /* @__PURE__ */ jsxs18("div", {
                     className: "text-xs text-[var(--md-sys-color-outline,#79747e)] mt-0.5",
                     children: [
                       "Peer ID: ",
-                      /* @__PURE__ */ jsx19("code", {
+                      /* @__PURE__ */ jsx21("code", {
                         className: "font-mono text-xs",
                         children: currentPeer.id
                       }),
@@ -3899,14 +4426,14 @@ var A2APeerInspector = ({
                   })
                 ]
               }),
-              currentPeer.activeClaim && /* @__PURE__ */ jsxs17("div", {
+              currentPeer.activeClaim && /* @__PURE__ */ jsxs18("div", {
                 className: "flex items-center gap-1.5 rounded-lg bg-amber-500/10 px-2 py-1 text-xs text-amber-700 dark:text-amber-400 border border-amber-500/20",
                 children: [
-                  /* @__PURE__ */ jsx19("span", {
+                  /* @__PURE__ */ jsx21("span", {
                     className: "material-symbols-outlined text-sm",
                     children: "lock"
                   }),
-                  /* @__PURE__ */ jsx19("span", {
+                  /* @__PURE__ */ jsx21("span", {
                     className: "font-mono text-[11px]",
                     children: currentPeer.activeClaim
                   })
@@ -3914,9 +4441,9 @@ var A2APeerInspector = ({
               })
             ]
           }),
-          currentPeer.skills && currentPeer.skills.length > 0 && /* @__PURE__ */ jsx19("div", {
+          currentPeer.skills && currentPeer.skills.length > 0 && /* @__PURE__ */ jsx21("div", {
             className: "flex flex-wrap gap-1.5 mt-1",
-            children: currentPeer.skills.map((skill) => /* @__PURE__ */ jsxs17("span", {
+            children: currentPeer.skills.map((skill) => /* @__PURE__ */ jsxs18("span", {
               className: "rounded-md bg-[var(--md-sys-color-surface-container-highest,#e6e0e9)] px-2 py-0.5 text-[11px] font-mono text-[var(--md-sys-color-on-surface-variant,#49454f)]",
               children: [
                 "#",
@@ -3926,13 +4453,13 @@ var A2APeerInspector = ({
           })
         ]
       }),
-      /* @__PURE__ */ jsxs17("div", {
+      /* @__PURE__ */ jsxs18("div", {
         className: "flex flex-col gap-2",
         children: [
-          /* @__PURE__ */ jsxs17("div", {
+          /* @__PURE__ */ jsxs18("div", {
             className: "flex items-center justify-between",
             children: [
-              /* @__PURE__ */ jsxs17("h3", {
+              /* @__PURE__ */ jsxs18("h3", {
                 className: "text-xs font-semibold uppercase tracking-wider text-[var(--md-sys-color-on-surface-variant,#49454f)]",
                 children: [
                   "Coordination Envelopes (",
@@ -3940,16 +4467,16 @@ var A2APeerInspector = ({
                   ")"
                 ]
               }),
-              /* @__PURE__ */ jsx19("span", {
+              /* @__PURE__ */ jsx21("span", {
                 className: "text-[11px] text-[var(--md-sys-color-outline,#79747e)]",
                 children: ".coord/inbox & .coord/outbox"
               })
             ]
           }),
-          filteredEnvelopes.length === 0 ? /* @__PURE__ */ jsxs17("div", {
+          filteredEnvelopes.length === 0 ? /* @__PURE__ */ jsxs18("div", {
             className: "flex flex-col items-center justify-center p-6 rounded-2xl bg-[var(--md-sys-color-surface-container-lowest,#ffffff)] border border-dashed border-[var(--md-sys-color-outline-variant,#cac4d0)] text-xs text-[var(--md-sys-color-outline,#79747e)]",
             children: [
-              /* @__PURE__ */ jsx19("span", {
+              /* @__PURE__ */ jsx21("span", {
                 className: "material-symbols-outlined text-2xl mb-1 opacity-50",
                 children: "mark_email_read"
               }),
@@ -3957,31 +4484,31 @@ var A2APeerInspector = ({
               selectedPeerId,
               ". Fleet mailbox is synchronized."
             ]
-          }) : /* @__PURE__ */ jsx19("div", {
+          }) : /* @__PURE__ */ jsx21("div", {
             className: "flex flex-col gap-2 max-h-60 overflow-y-auto pr-1",
             children: filteredEnvelopes.map((env) => {
               const kind = env.kind in KIND_COLORS ? env.kind : "ping";
               const style = KIND_COLORS[kind];
-              return /* @__PURE__ */ jsxs17("div", {
-                className: clsx19("flex flex-col gap-1.5 rounded-xl p-3 border text-xs transition-shadow", "bg-[var(--md-sys-color-surface-container-low,#f7f2fa)]", style.border),
+              return /* @__PURE__ */ jsxs18("div", {
+                className: clsx21("flex flex-col gap-1.5 rounded-xl p-3 border text-xs transition-shadow", "bg-[var(--md-sys-color-surface-container-low,#f7f2fa)]", style.border),
                 children: [
-                  /* @__PURE__ */ jsxs17("div", {
+                  /* @__PURE__ */ jsxs18("div", {
                     className: "flex items-center justify-between",
                     children: [
-                      /* @__PURE__ */ jsxs17("div", {
+                      /* @__PURE__ */ jsxs18("div", {
                         className: "flex items-center gap-2",
                         children: [
-                          /* @__PURE__ */ jsx19("span", {
-                            className: clsx19("rounded-md px-1.5 py-0.5 text-[10px] font-bold uppercase", style.bg, style.text),
+                          /* @__PURE__ */ jsx21("span", {
+                            className: clsx21("rounded-md px-1.5 py-0.5 text-[10px] font-bold uppercase", style.bg, style.text),
                             children: env.kind
                           }),
-                          /* @__PURE__ */ jsx19("span", {
+                          /* @__PURE__ */ jsx21("span", {
                             className: "font-semibold",
                             children: env.topic
                           })
                         ]
                       }),
-                      /* @__PURE__ */ jsxs17("span", {
+                      /* @__PURE__ */ jsxs18("span", {
                         className: "text-[10px] font-mono text-[var(--md-sys-color-outline,#79747e)]",
                         children: [
                           env.from,
@@ -3991,26 +4518,26 @@ var A2APeerInspector = ({
                       })
                     ]
                   }),
-                  /* @__PURE__ */ jsx19("p", {
+                  /* @__PURE__ */ jsx21("p", {
                     className: "line-clamp-2 text-xs text-[var(--md-sys-color-on-surface-variant,#49454f)] font-mono whitespace-pre-wrap",
                     children: env.body
                   }),
-                  /* @__PURE__ */ jsxs17("div", {
+                  /* @__PURE__ */ jsxs18("div", {
                     className: "flex items-center justify-between pt-1 border-t border-[var(--md-sys-color-outline-variant,#cac4d0)]/30 text-[10px] text-[var(--md-sys-color-outline,#79747e)] font-mono",
                     children: [
-                      /* @__PURE__ */ jsxs17("span", {
+                      /* @__PURE__ */ jsxs18("span", {
                         children: [
                           "id: ",
                           env.id
                         ]
                       }),
-                      env.re && /* @__PURE__ */ jsxs17("span", {
+                      env.re && /* @__PURE__ */ jsxs18("span", {
                         children: [
                           "re: ",
                           env.re
                         ]
                       }),
-                      /* @__PURE__ */ jsx19("span", {
+                      /* @__PURE__ */ jsx21("span", {
                         children: new Date(env.ts).toLocaleTimeString()
                       })
                     ]
@@ -4021,41 +4548,41 @@ var A2APeerInspector = ({
           })
         ]
       }),
-      /* @__PURE__ */ jsxs17("form", {
+      /* @__PURE__ */ jsxs18("form", {
         onSubmit: handleSend,
         className: "flex flex-col gap-2.5 pt-2 border-t border-[var(--md-sys-color-outline-variant,#cac4d0)]/50",
         children: [
-          /* @__PURE__ */ jsxs17("div", {
+          /* @__PURE__ */ jsxs18("div", {
             className: "flex items-center gap-2",
             children: [
-              /* @__PURE__ */ jsxs17("select", {
+              /* @__PURE__ */ jsxs18("select", {
                 value: composeKind,
                 onChange: (e) => setComposeKind(e.target.value),
                 className: "rounded-xl border border-[var(--md-sys-color-outline-variant,#cac4d0)] bg-[var(--md-sys-color-surface-container-low,#f7f2fa)] px-2.5 py-1.5 text-xs font-medium text-[var(--md-sys-color-on-surface,#1d1b20)] focus:outline-none focus:ring-1 focus:ring-[var(--md-sys-color-primary,#6750a4)]",
                 children: [
-                  /* @__PURE__ */ jsx19("option", {
+                  /* @__PURE__ */ jsx21("option", {
                     value: "ask",
                     children: "ASK"
                   }),
-                  /* @__PURE__ */ jsx19("option", {
+                  /* @__PURE__ */ jsx21("option", {
                     value: "fact",
                     children: "FACT"
                   }),
-                  /* @__PURE__ */ jsx19("option", {
+                  /* @__PURE__ */ jsx21("option", {
                     value: "ack",
                     children: "ACK"
                   }),
-                  /* @__PURE__ */ jsx19("option", {
+                  /* @__PURE__ */ jsx21("option", {
                     value: "ping",
                     children: "PING"
                   }),
-                  /* @__PURE__ */ jsx19("option", {
+                  /* @__PURE__ */ jsx21("option", {
                     value: "error",
                     children: "ERROR"
                   })
                 ]
               }),
-              /* @__PURE__ */ jsx19("input", {
+              /* @__PURE__ */ jsx21("input", {
                 type: "text",
                 placeholder: "Topic (e.g. work, claim-check, verification)...",
                 value: composeTopic,
@@ -4064,25 +4591,25 @@ var A2APeerInspector = ({
               })
             ]
           }),
-          /* @__PURE__ */ jsxs17("div", {
+          /* @__PURE__ */ jsxs18("div", {
             className: "flex items-center gap-2",
             children: [
-              /* @__PURE__ */ jsx19("input", {
+              /* @__PURE__ */ jsx21("input", {
                 type: "text",
                 placeholder: `Message body to @${selectedPeerId}...`,
                 value: composeBody,
                 onChange: (e) => setComposeBody(e.target.value),
                 className: "flex-1 rounded-xl border border-[var(--md-sys-color-outline-variant,#cac4d0)] bg-[var(--md-sys-color-surface-container-low,#f7f2fa)] px-3 py-1.5 text-xs text-[var(--md-sys-color-on-surface,#1d1b20)] placeholder-[var(--md-sys-color-outline,#79747e)] focus:outline-none focus:ring-1 focus:ring-[var(--md-sys-color-primary,#6750a4)]"
               }),
-              /* @__PURE__ */ jsxs17("button", {
+              /* @__PURE__ */ jsxs18("button", {
                 type: "submit",
                 disabled: !composeTopic.trim() || !composeBody.trim(),
-                className: clsx19("flex items-center gap-1.5 rounded-xl px-4 py-1.5 text-xs font-semibold transition-all", composeTopic.trim() && composeBody.trim() ? "bg-[var(--md-sys-color-primary,#6750a4)] text-[var(--md-sys-color-on-primary,#ffffff)] hover:opacity-90 shadow-sm" : "bg-[var(--md-sys-color-surface-container-high,#ece6f0)] text-[var(--md-sys-color-outline,#79747e)] cursor-not-allowed"),
+                className: clsx21("flex items-center gap-1.5 rounded-xl px-4 py-1.5 text-xs font-semibold transition-all", composeTopic.trim() && composeBody.trim() ? "bg-[var(--md-sys-color-primary,#6750a4)] text-[var(--md-sys-color-on-primary,#ffffff)] hover:opacity-90 shadow-sm" : "bg-[var(--md-sys-color-surface-container-high,#ece6f0)] text-[var(--md-sys-color-outline,#79747e)] cursor-not-allowed"),
                 children: [
-                  /* @__PURE__ */ jsx19("span", {
+                  /* @__PURE__ */ jsx21("span", {
                     children: "Dispatch"
                   }),
-                  /* @__PURE__ */ jsx19("span", {
+                  /* @__PURE__ */ jsx21("span", {
                     className: "material-symbols-outlined text-sm",
                     children: "send"
                   })
@@ -4095,10 +4622,10 @@ var A2APeerInspector = ({
     ]
   });
 };
-// packages/m3-ai/src/A2ATaskTimeline.tsx
+// m3/packages/m3-ai/src/A2ATaskTimeline.tsx
 import { useId as useId5, useState as useState11 } from "react";
-import { clsx as clsx20 } from "clsx";
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { clsx as clsx22 } from "clsx";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 var DEFAULT_TIMELINE_STEPS = [
   {
     id: "step-agy-lead",
@@ -4130,26 +4657,26 @@ var A2ATaskTimeline = ({
   const toggleExpand = (id) => {
     setExpandedStepId((current) => current === id ? null : id);
   };
-  return /* @__PURE__ */ jsxs18("div", {
-    className: clsx20("flex flex-col gap-3 rounded-3xl p-5 border", "bg-[var(--md-sys-color-surface-container-lowest,#ffffff)]", "border-[var(--md-sys-color-outline-variant,#cac4d0)]", "text-[var(--md-sys-color-on-surface,#1d1b20)]", className),
+  return /* @__PURE__ */ jsxs19("div", {
+    className: clsx22("flex flex-col gap-3 rounded-3xl p-5 border", "bg-[var(--md-sys-color-surface-container-lowest,#ffffff)]", "border-[var(--md-sys-color-outline-variant,#cac4d0)]", "text-[var(--md-sys-color-on-surface,#1d1b20)]", className),
     children: [
-      /* @__PURE__ */ jsxs18("div", {
+      /* @__PURE__ */ jsxs19("div", {
         className: "flex items-center justify-between border-b border-[var(--md-sys-color-outline-variant,#cac4d0)]/40 pb-3",
         children: [
-          /* @__PURE__ */ jsxs18("div", {
+          /* @__PURE__ */ jsxs19("div", {
             className: "flex items-center gap-2",
             children: [
-              /* @__PURE__ */ jsx20("span", {
+              /* @__PURE__ */ jsx22("span", {
                 className: "material-symbols-outlined text-lg text-[var(--md-sys-color-primary,#6750a4)]",
                 children: "timeline"
               }),
-              /* @__PURE__ */ jsx20("h3", {
+              /* @__PURE__ */ jsx22("h3", {
                 className: "text-sm font-semibold tracking-tight",
                 children: "A2A Task Delegation Timeline"
               })
             ]
           }),
-          /* @__PURE__ */ jsxs18("span", {
+          /* @__PURE__ */ jsxs19("span", {
             className: "text-xs text-[var(--md-sys-color-outline,#79747e)]",
             children: [
               steps.length,
@@ -4158,10 +4685,10 @@ var A2ATaskTimeline = ({
           })
         ]
       }),
-      /* @__PURE__ */ jsxs18("div", {
+      /* @__PURE__ */ jsxs19("div", {
         className: "relative flex flex-col gap-4 pl-4 pt-1",
         children: [
-          /* @__PURE__ */ jsx20("div", {
+          /* @__PURE__ */ jsx22("div", {
             className: "absolute left-[27px] top-4 bottom-4 w-0.5 bg-[var(--md-sys-color-outline-variant,#cac4d0)]/60"
           }),
           steps.map((step) => {
@@ -4172,20 +4699,20 @@ var A2ATaskTimeline = ({
             const time = Number.isNaN(date.getTime()) ? step.timestamp : date.toLocaleTimeString();
             const statusIcon = step.status === "completed" ? "check_circle" : step.status === "running" ? "sync" : step.status === "error" ? "error" : "radio_button_unchecked";
             const statusColor = step.status === "completed" ? "text-emerald-500" : step.status === "running" ? "text-[var(--md-sys-color-primary,#6750a4)] animate-spin motion-reduce:animate-none" : step.status === "error" ? "text-rose-500" : "text-slate-400";
-            return /* @__PURE__ */ jsxs18("div", {
-              className: clsx20("relative flex items-start gap-3 transition-all", isCurrent && "font-medium"),
+            return /* @__PURE__ */ jsxs19("div", {
+              className: clsx22("relative flex items-start gap-3 transition-all", isCurrent && "font-medium"),
               children: [
-                /* @__PURE__ */ jsx20("div", {
-                  className: clsx20("relative z-10 flex h-7 w-7 items-center justify-center rounded-full border-2 bg-[var(--md-sys-color-surface-container-lowest,#ffffff)]", step.status === "completed" ? "border-emerald-500" : step.status === "running" ? "border-[var(--md-sys-color-primary,#6750a4)] ring-4 ring-[var(--md-sys-color-primary,#6750a4)]/20" : step.status === "error" ? "border-rose-500" : "border-[var(--md-sys-color-outline-variant,#cac4d0)]"),
-                  children: /* @__PURE__ */ jsx20("span", {
-                    className: clsx20("material-symbols-outlined text-sm", statusColor),
+                /* @__PURE__ */ jsx22("div", {
+                  className: clsx22("relative z-10 flex h-7 w-7 items-center justify-center rounded-full border-2 bg-[var(--md-sys-color-surface-container-lowest,#ffffff)]", step.status === "completed" ? "border-emerald-500" : step.status === "running" ? "border-[var(--md-sys-color-primary,#6750a4)] ring-4 ring-[var(--md-sys-color-primary,#6750a4)]/20" : step.status === "error" ? "border-rose-500" : "border-[var(--md-sys-color-outline-variant,#cac4d0)]"),
+                  children: /* @__PURE__ */ jsx22("span", {
+                    className: clsx22("material-symbols-outlined text-sm", statusColor),
                     children: statusIcon
                   })
                 }),
-                /* @__PURE__ */ jsxs18("div", {
-                  className: clsx20("flex-1 cursor-pointer rounded-2xl border p-3 text-xs transition-all", "bg-[var(--md-sys-color-surface-container-low,#f7f2fa)] hover:bg-[var(--md-sys-color-surface-container,#f3edf7)]", isCurrent ? "border-[var(--md-sys-color-primary,#6750a4)] shadow-sm" : "border-[var(--md-sys-color-outline-variant,#cac4d0)]/60"),
+                /* @__PURE__ */ jsxs19("div", {
+                  className: clsx22("flex-1 cursor-pointer rounded-2xl border p-3 text-xs transition-all", "bg-[var(--md-sys-color-surface-container-low,#f7f2fa)] hover:bg-[var(--md-sys-color-surface-container,#f3edf7)]", isCurrent ? "border-[var(--md-sys-color-primary,#6750a4)] shadow-sm" : "border-[var(--md-sys-color-outline-variant,#cac4d0)]/60"),
                   children: [
-                    /* @__PURE__ */ jsxs18("button", {
+                    /* @__PURE__ */ jsxs19("button", {
                       type: "button",
                       "aria-expanded": step.envelope ? isExpanded : undefined,
                       "aria-controls": step.envelope ? detailsId : undefined,
@@ -4195,17 +4722,17 @@ var A2ATaskTimeline = ({
                       },
                       className: "block w-full rounded-medium text-left outline-none focus-visible:ring-2 focus-visible:ring-primary",
                       children: [
-                        /* @__PURE__ */ jsxs18("span", {
+                        /* @__PURE__ */ jsxs19("span", {
                           className: "flex items-center justify-between gap-2",
                           children: [
-                            /* @__PURE__ */ jsxs18("span", {
+                            /* @__PURE__ */ jsxs19("span", {
                               className: "flex items-center gap-1.5",
                               children: [
-                                /* @__PURE__ */ jsx20("span", {
+                                /* @__PURE__ */ jsx22("span", {
                                   className: "font-semibold text-xs text-[var(--md-sys-color-on-surface,#1d1b20)]",
                                   children: step.title
                                 }),
-                                /* @__PURE__ */ jsxs18("span", {
+                                /* @__PURE__ */ jsxs19("span", {
                                   className: "rounded-md bg-[var(--md-sys-color-surface-container-highest,#e6e0e9)] px-1.5 py-0.2 text-[10px] font-mono text-[var(--md-sys-color-on-surface-variant,#49454f)]",
                                   children: [
                                     "@",
@@ -4216,24 +4743,24 @@ var A2ATaskTimeline = ({
                                 })
                               ]
                             }),
-                            /* @__PURE__ */ jsx20("span", {
+                            /* @__PURE__ */ jsx22("span", {
                               className: "text-[10px] font-mono text-[var(--md-sys-color-outline,#79747e)]",
                               children: time
                             })
                           ]
                         }),
-                        step.description && /* @__PURE__ */ jsx20("span", {
+                        step.description && /* @__PURE__ */ jsx22("span", {
                           className: "mt-1 block text-xs text-[var(--md-sys-color-on-surface-variant,#49454f)]",
                           children: step.description
                         }),
-                        step.claim && /* @__PURE__ */ jsxs18("span", {
+                        step.claim && /* @__PURE__ */ jsxs19("span", {
                           className: "mt-2 flex items-center gap-1.5 text-[11px] font-mono text-amber-700 dark:text-amber-400",
                           children: [
-                            /* @__PURE__ */ jsx20("span", {
+                            /* @__PURE__ */ jsx22("span", {
                               className: "material-symbols-outlined text-xs",
                               children: "lock"
                             }),
-                            /* @__PURE__ */ jsxs18("span", {
+                            /* @__PURE__ */ jsxs19("span", {
                               children: [
                                 "claim: ",
                                 step.claim
@@ -4243,25 +4770,25 @@ var A2ATaskTimeline = ({
                         })
                       ]
                     }),
-                    step.envelope && /* @__PURE__ */ jsxs18("div", {
+                    step.envelope && /* @__PURE__ */ jsxs19("div", {
                       id: detailsId,
                       hidden: !isExpanded,
                       className: "mt-2.5 pt-2 border-t border-[var(--md-sys-color-outline-variant,#cac4d0)]/40 font-mono text-[11px] text-[var(--md-sys-color-on-surface-variant,#49454f)]",
                       children: [
-                        /* @__PURE__ */ jsxs18("div", {
+                        /* @__PURE__ */ jsxs19("div", {
                           className: "flex items-center gap-2 mb-1",
                           children: [
-                            /* @__PURE__ */ jsxs18("span", {
+                            /* @__PURE__ */ jsxs19("span", {
                               className: "font-semibold",
                               children: [
                                 "Kind: ",
                                 step.envelope.kind
                               ]
                             }),
-                            /* @__PURE__ */ jsx20("span", {
+                            /* @__PURE__ */ jsx22("span", {
                               children: "·"
                             }),
-                            /* @__PURE__ */ jsxs18("span", {
+                            /* @__PURE__ */ jsxs19("span", {
                               children: [
                                 "Topic: ",
                                 step.envelope.topic
@@ -4269,7 +4796,7 @@ var A2ATaskTimeline = ({
                             })
                           ]
                         }),
-                        step.envelope.body && /* @__PURE__ */ jsx20("pre", {
+                        step.envelope.body && /* @__PURE__ */ jsx22("pre", {
                           className: "rounded-lg bg-[var(--md-sys-color-surface-container-highest,#e6e0e9)]/50 p-2 overflow-x-auto whitespace-pre-wrap",
                           children: step.envelope.body
                         })
@@ -4285,15 +4812,761 @@ var A2ATaskTimeline = ({
     ]
   });
 };
+// m3/packages/m3-ai/src/openaiChatStream.ts
+class ChatStreamError extends Error {
+  kind;
+  status;
+  unavailable;
+  constructor(kind, message, options = {}) {
+    super(message, options.cause === undefined ? undefined : { cause: options.cause });
+    this.name = "ChatStreamError";
+    this.kind = kind;
+    this.status = options.status;
+    this.unavailable = kind === "network" || isUnavailableStatus(options.status);
+  }
+}
+function isUnavailableStatus(status) {
+  return status === 404 || status === 502 || status === 503 || status === 504;
+}
+function createSseParser(onData) {
+  let buffer = "";
+  let data = [];
+  const dispatch = () => {
+    if (data.length > 0)
+      onData(data.join(`
+`));
+    data = [];
+  };
+  const line = (raw) => {
+    const text = raw.endsWith("\r") ? raw.slice(0, -1) : raw;
+    if (text === "")
+      return dispatch();
+    if (text.startsWith(":"))
+      return;
+    const colon = text.indexOf(":");
+    const field = colon === -1 ? text : text.slice(0, colon);
+    let value = colon === -1 ? "" : text.slice(colon + 1);
+    if (value.startsWith(" "))
+      value = value.slice(1);
+    if (field === "data")
+      data.push(value);
+  };
+  return {
+    push(chunk) {
+      buffer += chunk;
+      let newline = buffer.indexOf(`
+`);
+      while (newline !== -1) {
+        line(buffer.slice(0, newline));
+        buffer = buffer.slice(newline + 1);
+        newline = buffer.indexOf(`
+`);
+      }
+    },
+    flush() {
+      if (buffer.length > 0)
+        line(buffer);
+      buffer = "";
+      dispatch();
+    }
+  };
+}
+function parseChatCompletionChunk(payload) {
+  const trimmed = payload.trim();
+  if (trimmed === "")
+    return [];
+  if (trimmed === "[DONE]")
+    return [{ type: "done" }];
+  let chunk;
+  try {
+    chunk = JSON.parse(trimmed);
+  } catch (cause) {
+    throw new ChatStreamError("parse", "invalid chat-completions chunk", { cause });
+  }
+  if (chunk.error) {
+    const message = typeof chunk.error === "string" ? chunk.error : chunk.error.message;
+    throw new ChatStreamError("stream", message || "stream error");
+  }
+  const events = [];
+  for (const choice of chunk.choices ?? []) {
+    const delta = choice.delta;
+    if (delta?.reasoning_content)
+      events.push({ type: "reasoning", text: delta.reasoning_content });
+    if (delta?.content)
+      events.push({ type: "content", text: delta.content });
+    if (delta?.refusal)
+      events.push({ type: "refusal", text: delta.refusal });
+    for (const call of delta?.tool_calls ?? []) {
+      events.push({
+        type: "tool_call_delta",
+        index: call.index ?? 0,
+        id: call.id,
+        name: call.function?.name,
+        arguments: call.function?.arguments
+      });
+    }
+    if (choice.finish_reason)
+      events.push({ type: "finish", reason: choice.finish_reason });
+  }
+  if (Array.isArray(chunk.citations))
+    events.push({ type: "citations", citations: chunk.citations });
+  if (chunk.refusal === true)
+    events.push({ type: "refusal" });
+  return events;
+}
+function accumulateToolCall(calls, delta) {
+  const next = calls.slice();
+  const current = next[delta.index] ?? {
+    id: "",
+    type: "function",
+    function: { name: "", arguments: "" }
+  };
+  next[delta.index] = {
+    id: delta.id ?? current.id,
+    type: "function",
+    function: {
+      name: current.function.name + (delta.name ?? ""),
+      arguments: current.function.arguments + (delta.arguments ?? "")
+    }
+  };
+  return next;
+}
+function toOpenAIMessages(messages) {
+  return messages.map((message) => {
+    const wire = { role: message.role, content: message.content };
+    if (message.toolCalls?.length)
+      wire.tool_calls = message.toolCalls;
+    if (message.toolCallId)
+      wire.tool_call_id = message.toolCallId;
+    return wire;
+  });
+}
+function chatCompletionsUrl(baseUrl) {
+  return `${baseUrl.replace(/\/+$/, "")}/chat/completions`;
+}
+async function* streamChatCompletion(options) {
+  const doFetch = options.fetch ?? globalThis.fetch;
+  let response;
+  try {
+    response = await doFetch(chatCompletionsUrl(options.baseUrl), {
+      method: "POST",
+      headers: {
+        "content-type": "application/json",
+        accept: "text/event-stream",
+        ...options.headers
+      },
+      body: JSON.stringify({
+        ...options.body,
+        ...options.model ? { model: options.model } : {},
+        messages: toOpenAIMessages(options.messages),
+        stream: true
+      }),
+      signal: options.signal
+    });
+  } catch (cause) {
+    if (options.signal?.aborted)
+      throw new ChatStreamError("aborted", "request aborted", { cause });
+    throw new ChatStreamError("network", "chat endpoint unreachable", { cause });
+  }
+  if (!response.ok) {
+    let detail = "";
+    try {
+      detail = (await response.text()).slice(0, 500);
+    } catch {}
+    throw new ChatStreamError("http", detail || `HTTP ${response.status}`, {
+      status: response.status
+    });
+  }
+  if (!response.body)
+    throw new ChatStreamError("stream", "response has no body");
+  const queue = [];
+  const parser = createSseParser((data) => queue.push(data));
+  const reader = response.body.getReader();
+  const decoder = new TextDecoder;
+  try {
+    for (;; ) {
+      let result;
+      try {
+        result = await reader.read();
+      } catch (cause) {
+        if (options.signal?.aborted)
+          throw new ChatStreamError("aborted", "request aborted", { cause });
+        throw new ChatStreamError("stream", "stream interrupted", { cause });
+      }
+      if (result.done) {
+        parser.push(decoder.decode());
+        parser.flush();
+      } else {
+        parser.push(decoder.decode(result.value, { stream: true }));
+      }
+      while (queue.length > 0) {
+        for (const event of parseChatCompletionChunk(queue.shift())) {
+          yield event;
+          if (event.type === "done")
+            return;
+        }
+      }
+      if (result.done)
+        return;
+    }
+  } finally {
+    reader.releaseLock();
+  }
+}
+function initialChatState(messages = []) {
+  return { messages, status: "idle", error: null };
+}
+function applyEvent(message, event) {
+  switch (event.type) {
+    case "content":
+      return { ...message, content: message.content + event.text };
+    case "reasoning":
+      return { ...message, reasoning: (message.reasoning ?? "") + event.text };
+    case "tool_call_delta":
+      return { ...message, toolCalls: accumulateToolCall(message.toolCalls ?? [], event) };
+    case "citations":
+      return { ...message, citations: event.citations };
+    case "refusal":
+      return { ...message, refusal: true };
+    case "finish":
+      return { ...message, finishReason: event.reason };
+    case "done":
+      return message;
+  }
+}
+function chatReducer(state, action) {
+  switch (action.type) {
+    case "start":
+      return {
+        status: "streaming",
+        error: null,
+        messages: [
+          ...state.messages,
+          action.user,
+          { id: action.assistantId, role: "assistant", content: "" }
+        ]
+      };
+    case "event":
+      return {
+        ...state,
+        messages: state.messages.map((message) => message.id === action.assistantId ? applyEvent(message, action.event) : message)
+      };
+    case "finish":
+    case "stop":
+      return { ...state, status: "idle" };
+    case "fail": {
+      const last = state.messages.at(-1);
+      const messages = last && last.role === "assistant" && !last.content && !last.toolCalls?.length ? state.messages.slice(0, -1) : state.messages;
+      return {
+        messages,
+        status: action.error.unavailable ? "unavailable" : "error",
+        error: action.error
+      };
+    }
+    case "reset":
+      return initialChatState(action.messages ?? []);
+    case "set":
+      return { ...state, messages: action.messages };
+  }
+}
+var counter = 0;
+function newMessageId() {
+  const uuid = globalThis.crypto?.randomUUID?.();
+  if (uuid)
+    return uuid;
+  counter += 1;
+  return `msg-${Date.now().toString(36)}-${counter}`;
+}
+// m3/packages/m3-ai/src/useOpenAIChat.ts
+import { useCallback as useCallback2, useEffect as useEffect4, useReducer, useRef as useRef5 } from "react";
+"use client";
+function useOpenAIChat(options) {
+  const [state, dispatch] = useReducer(chatReducer, options.initialMessages, initialChatState);
+  const controller = useRef5(null);
+  const latest = useRef5({ options, state });
+  useEffect4(() => {
+    latest.current = { options, state };
+  });
+  useEffect4(() => () => controller.current?.abort(), []);
+  const send = useCallback2(async (content) => {
+    const { options: o, state: s } = latest.current;
+    if (s.status === "streaming" || controller.current || !content.trim())
+      return;
+    const user = { id: newMessageId(), role: "user", content };
+    const assistantId = newMessageId();
+    const abort = new AbortController;
+    controller.current = abort;
+    dispatch({ type: "start", user, assistantId });
+    let assistant = { id: assistantId, role: "assistant", content: "" };
+    try {
+      for await (const event of streamChatCompletion({
+        baseUrl: o.baseUrl,
+        model: o.model,
+        messages: [...o.preamble ?? [], ...s.messages, user],
+        body: o.body,
+        headers: o.headers,
+        fetch: o.fetch,
+        signal: abort.signal
+      })) {
+        dispatch({ type: "event", assistantId, event });
+        assistant = chatReducer({ messages: [assistant], status: "streaming", error: null }, { type: "event", assistantId, event }).messages[0];
+      }
+      dispatch({ type: "finish" });
+      o.onFinish?.(assistant);
+    } catch (cause) {
+      const error = cause instanceof ChatStreamError ? cause : new ChatStreamError("stream", String(cause), { cause });
+      if (error.kind === "aborted" || abort.signal.aborted) {
+        dispatch({ type: "stop" });
+      } else {
+        dispatch({ type: "fail", error });
+        o.onError?.(error);
+      }
+    } finally {
+      if (controller.current === abort)
+        controller.current = null;
+    }
+  }, []);
+  const stop = useCallback2(() => {
+    controller.current?.abort();
+    controller.current = null;
+    dispatch({ type: "stop" });
+  }, []);
+  const reset = useCallback2((messages) => {
+    controller.current?.abort();
+    controller.current = null;
+    dispatch({ type: "reset", messages });
+  }, []);
+  const setMessages = useCallback2((messages) => {
+    dispatch({ type: "set", messages });
+  }, []);
+  return {
+    messages: state.messages,
+    status: state.status,
+    error: state.error,
+    send,
+    stop,
+    reset,
+    setMessages
+  };
+}
+// m3/packages/m3-ai/src/ConversationList.tsx
+import { CircleButton as CircleButton5 } from "@aphrody/m3-primitives";
+import { clsx as clsx23 } from "clsx";
+import { useMemo as useMemo6, useState as useState12 } from "react";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+"use client";
+function toDate(value) {
+  return value instanceof Date ? value : new Date(value);
+}
+function isoDate(value) {
+  const date = toDate(value);
+  return Number.isNaN(date.getTime()) ? undefined : date.toISOString();
+}
+function filterConversations(conversations, query) {
+  const needle = query.trim().toLocaleLowerCase();
+  if (!needle)
+    return [...conversations];
+  return conversations.filter((conversation) => `${conversation.title}
+${conversation.preview ?? ""}`.toLocaleLowerCase().includes(needle));
+}
+function ConversationList({
+  conversations,
+  selectedId,
+  onSelect,
+  onNew,
+  onRename,
+  onDelete,
+  searchable = false,
+  loading = false,
+  labels,
+  locale,
+  formatDate,
+  className
+}) {
+  const l = resolveChatLabels(labels);
+  const [query, setQuery] = useState12("");
+  const visible = useMemo6(() => filterConversations(conversations, query), [conversations, query]);
+  const dateFormat = useMemo6(() => new Intl.DateTimeFormat(locale, { dateStyle: "short" }), [locale]);
+  const format = (value) => {
+    const date = toDate(value);
+    if (Number.isNaN(date.getTime()))
+      return "";
+    return formatDate ? formatDate(date) : dateFormat.format(date);
+  };
+  return /* @__PURE__ */ jsxs20("nav", {
+    "aria-label": l.conversations,
+    className: clsx23("m3-conversation-list flex h-full min-h-0 flex-col gap-2 bg-surface-container-low px-3 py-3 text-on-surface", className),
+    children: [
+      /* @__PURE__ */ jsx23("div", {
+        className: "flex items-center justify-between gap-2 px-1",
+        children: /* @__PURE__ */ jsx23("h2", {
+          className: "m-0 text-title-small text-on-surface-variant",
+          children: l.conversations
+        })
+      }),
+      onNew ? /* @__PURE__ */ jsxs20("button", {
+        type: "button",
+        onClick: onNew,
+        className: clsx23("flex h-14 items-center gap-3 rounded-large bg-primary-container px-4 text-label-large text-on-primary-container", "transition-colors duration-200 ease-standard hover:bg-primary-container/92", focusRing),
+        children: [
+          /* @__PURE__ */ jsx23(ChatIcon, {
+            name: "edit_square",
+            size: 24
+          }),
+          /* @__PURE__ */ jsx23("span", {
+            children: l.newConversation
+          })
+        ]
+      }) : null,
+      searchable ? /* @__PURE__ */ jsxs20("label", {
+        className: "flex h-12 items-center gap-3 rounded-extra-large bg-surface-container-high px-4 focus-within:bg-surface-container-highest",
+        children: [
+          /* @__PURE__ */ jsx23(ChatIcon, {
+            name: "search",
+            size: 20,
+            className: "text-on-surface-variant"
+          }),
+          /* @__PURE__ */ jsx23("input", {
+            type: "search",
+            value: query,
+            onChange: (event) => setQuery(event.target.value),
+            placeholder: l.searchConversations,
+            "aria-label": l.searchConversations,
+            className: "min-w-0 flex-1 border-0 bg-transparent text-body-large text-on-surface caret-primary outline-none placeholder:text-on-surface-variant"
+          })
+        ]
+      }) : null,
+      loading ? /* @__PURE__ */ jsx23("div", {
+        className: "flex justify-center py-6",
+        children: /* @__PURE__ */ jsx23(CircularIndicator, {
+          size: 24,
+          label: l.loading
+        })
+      }) : visible.length === 0 ? /* @__PURE__ */ jsx23("p", {
+        className: "m-0 px-4 py-6 text-center text-body-medium text-on-surface-variant",
+        children: query.trim() ? l.noSearchResults : l.noConversations
+      }) : /* @__PURE__ */ jsx23("ul", {
+        className: "m-0 flex min-h-0 flex-1 list-none flex-col gap-0.5 overflow-y-auto p-0",
+        children: visible.map((conversation) => {
+          const active = conversation.id === selectedId;
+          const title = conversation.title.trim() || l.untitledConversation;
+          return /* @__PURE__ */ jsxs20("li", {
+            className: "group relative",
+            children: [
+              /* @__PURE__ */ jsxs20("button", {
+                type: "button",
+                onClick: () => onSelect(conversation.id),
+                "aria-current": active ? "page" : undefined,
+                className: clsx23("flex min-h-14 w-full flex-col justify-center rounded-extra-large px-4 py-2 text-left", "transition-colors duration-200 ease-standard", active ? "bg-secondary-container text-on-secondary-container" : "text-on-surface-variant hover:bg-on-surface/8", (onRename || onDelete) && "pr-24", focusRing, "focus-visible:outline-offset-[-3px]"),
+                children: [
+                  /* @__PURE__ */ jsxs20("span", {
+                    className: "flex w-full items-baseline gap-2",
+                    children: [
+                      /* @__PURE__ */ jsx23("span", {
+                        className: "min-w-0 flex-1 truncate text-label-large",
+                        children: title
+                      }),
+                      /* @__PURE__ */ jsx23("time", {
+                        className: "shrink-0 text-label-small opacity-80",
+                        dateTime: isoDate(conversation.updatedAt),
+                        children: format(conversation.updatedAt)
+                      })
+                    ]
+                  }),
+                  conversation.preview ? /* @__PURE__ */ jsx23("span", {
+                    className: "mt-0.5 w-full truncate text-body-small opacity-80",
+                    children: conversation.preview
+                  }) : null
+                ]
+              }),
+              onRename || onDelete ? /* @__PURE__ */ jsxs20("span", {
+                className: "absolute top-1/2 right-2 flex -translate-y-1/2 gap-0.5 opacity-0 transition-opacity duration-200 ease-standard group-focus-within:opacity-100 group-hover:opacity-100",
+                children: [
+                  onRename ? /* @__PURE__ */ jsx23(CircleButton5, {
+                    icon: /* @__PURE__ */ jsx23(ChatIcon, {
+                      name: "edit",
+                      size: 18
+                    }),
+                    variant: "standard",
+                    size: "sm",
+                    onClick: () => onRename(conversation.id),
+                    "aria-label": `${l.renameConversation}: ${title}`,
+                    title: l.renameConversation
+                  }) : null,
+                  onDelete ? /* @__PURE__ */ jsx23(CircleButton5, {
+                    icon: /* @__PURE__ */ jsx23(ChatIcon, {
+                      name: "delete",
+                      size: 18
+                    }),
+                    variant: "standard",
+                    size: "sm",
+                    onClick: () => onDelete(conversation.id),
+                    "aria-label": `${l.deleteConversation}: ${title}`,
+                    title: l.deleteConversation
+                  }) : null
+                ]
+              }) : null
+            ]
+          }, conversation.id);
+        })
+      })
+    ]
+  });
+}
+// m3/packages/m3-ai/src/ModelUnavailable.tsx
+import { clsx as clsx24 } from "clsx";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+"use client";
+function clampProgress(progress) {
+  if (progress === null || progress === undefined || !Number.isFinite(progress))
+    return null;
+  return Math.min(1, Math.max(0, progress));
+}
+function ModelUnavailable({
+  phase = "unavailable",
+  reason,
+  progress,
+  onRetry,
+  labels,
+  className
+}) {
+  const l = resolveChatLabels(labels);
+  const value = clampProgress(progress);
+  const busy = phase !== "unavailable";
+  const title = phase === "downloading" ? l.modelDownloading : phase === "loading" ? l.modelLoading : l.modelUnavailable;
+  const percent = value === null ? null : Math.round(value * 100);
+  return /* @__PURE__ */ jsxs21("div", {
+    role: "status",
+    "aria-live": "polite",
+    "aria-busy": busy || undefined,
+    className: clsx24("m3-model-unavailable flex flex-col gap-3 rounded-large px-4 py-4", busy ? "bg-surface-container-high text-on-surface" : "bg-error-container text-on-error-container", className),
+    children: [
+      /* @__PURE__ */ jsxs21("div", {
+        className: "flex items-start gap-3",
+        children: [
+          busy ? /* @__PURE__ */ jsx24(CircularIndicator, {
+            size: 24,
+            label: title,
+            className: "mt-0.5"
+          }) : /* @__PURE__ */ jsx24(ChatIcon, {
+            name: "cloud_off",
+            size: 24,
+            className: "mt-0.5"
+          }),
+          /* @__PURE__ */ jsxs21("div", {
+            className: "min-w-0 flex-1",
+            children: [
+              /* @__PURE__ */ jsx24("p", {
+                className: "m-0 text-title-medium",
+                children: title
+              }),
+              reason ? /* @__PURE__ */ jsx24("p", {
+                className: "m-0 mt-1 text-body-medium opacity-90",
+                children: reason
+              }) : null
+            ]
+          }),
+          percent !== null ? /* @__PURE__ */ jsx24("span", {
+            className: "shrink-0 text-label-large",
+            children: formatLabel(l.progressPercent, { percent })
+          }) : null
+        ]
+      }),
+      busy && value !== null ? /* @__PURE__ */ jsxs21("div", {
+        role: "progressbar",
+        "aria-label": title,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": percent ?? undefined,
+        className: "flex h-1 w-full items-center gap-1",
+        children: [
+          /* @__PURE__ */ jsx24("span", {
+            className: "h-1 rounded-full bg-primary transition-[width] duration-300 ease-standard",
+            style: { width: `${(value * 100).toFixed(1)}%` }
+          }),
+          /* @__PURE__ */ jsx24("span", {
+            className: "h-1 flex-1 rounded-full bg-secondary-container"
+          })
+        ]
+      }) : null,
+      onRetry && !busy ? /* @__PURE__ */ jsx24("div", {
+        className: "flex justify-end",
+        children: /* @__PURE__ */ jsxs21("button", {
+          type: "button",
+          onClick: onRetry,
+          className: clsx24("inline-flex h-10 items-center gap-2 rounded-full bg-error px-6 text-label-large text-on-error", "transition-colors duration-200 ease-standard hover:bg-error/92", focusRing),
+          children: [
+            /* @__PURE__ */ jsx24(ChatIcon, {
+              name: "refresh",
+              size: 18
+            }),
+            /* @__PURE__ */ jsx24("span", {
+              children: l.retry
+            })
+          ]
+        })
+      }) : null
+    ]
+  });
+}
+// m3/packages/m3-ai/src/MemoryPanel.tsx
+import { CircleButton as CircleButton6 } from "@aphrody/m3-primitives";
+import { clsx as clsx25 } from "clsx";
+import { useMemo as useMemo7, useState as useState13 } from "react";
+import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+"use client";
+var textButton = clsx25("inline-flex h-10 items-center rounded-full px-3 text-label-large", "transition-colors duration-200 ease-standard", focusRing);
+function MemoryPanel({
+  memories,
+  loading = false,
+  onDelete,
+  onClear,
+  confirmClear,
+  labels,
+  locale,
+  formatDate,
+  className
+}) {
+  const l = resolveChatLabels(labels);
+  const [confirming, setConfirming] = useState13(false);
+  const dateFormat = useMemo7(() => new Intl.DateTimeFormat(locale, { dateStyle: "medium" }), [locale]);
+  const format = (value) => {
+    const date = value instanceof Date ? value : new Date(value);
+    if (Number.isNaN(date.getTime()))
+      return "";
+    return formatDate ? formatDate(date) : dateFormat.format(date);
+  };
+  const requestClear = async () => {
+    if (!onClear)
+      return;
+    if (confirmClear) {
+      if (await confirmClear())
+        onClear();
+      return;
+    }
+    setConfirming(true);
+  };
+  return /* @__PURE__ */ jsxs22("section", {
+    "aria-label": l.memory,
+    "aria-busy": loading || undefined,
+    className: clsx25("m3-memory-panel flex min-h-0 flex-col gap-2 rounded-large bg-surface-container-low py-3 text-on-surface", className),
+    children: [
+      /* @__PURE__ */ jsxs22("header", {
+        className: "flex items-center justify-between gap-2 px-4",
+        children: [
+          /* @__PURE__ */ jsx25("h2", {
+            className: "m-0 text-title-medium",
+            children: l.memory
+          }),
+          onClear && memories.length > 0 && !confirming ? /* @__PURE__ */ jsx25("button", {
+            type: "button",
+            onClick: () => void requestClear(),
+            className: clsx25(textButton, "text-error hover:bg-error/8"),
+            children: l.clearMemory
+          }) : null
+        ]
+      }),
+      confirming ? /* @__PURE__ */ jsxs22("div", {
+        role: "alertdialog",
+        "aria-label": l.clearMemory,
+        className: "mx-4 flex flex-col gap-2 rounded-medium bg-error-container px-4 py-3 text-on-error-container",
+        children: [
+          /* @__PURE__ */ jsx25("p", {
+            className: "m-0 text-body-medium",
+            children: l.clearMemoryConfirm
+          }),
+          /* @__PURE__ */ jsxs22("div", {
+            className: "flex justify-end gap-2",
+            children: [
+              /* @__PURE__ */ jsx25("button", {
+                type: "button",
+                onClick: () => setConfirming(false),
+                className: clsx25(textButton, "hover:bg-on-error-container/8"),
+                children: l.cancel
+              }),
+              /* @__PURE__ */ jsx25("button", {
+                type: "button",
+                onClick: () => {
+                  setConfirming(false);
+                  onClear?.();
+                },
+                className: clsx25(textButton, "bg-error px-4 text-on-error hover:bg-error/92"),
+                children: l.confirm
+              })
+            ]
+          })
+        ]
+      }) : null,
+      loading ? /* @__PURE__ */ jsx25("div", {
+        className: "flex justify-center py-6",
+        children: /* @__PURE__ */ jsx25(CircularIndicator, {
+          size: 24,
+          label: l.memoryLoading
+        })
+      }) : memories.length === 0 ? /* @__PURE__ */ jsx25("p", {
+        className: "m-0 px-4 py-6 text-center text-body-medium text-on-surface-variant",
+        children: l.memoryEmpty
+      }) : /* @__PURE__ */ jsx25("ul", {
+        className: "m-0 flex min-h-0 list-none flex-col overflow-y-auto p-0",
+        children: memories.map((memory) => /* @__PURE__ */ jsxs22("li", {
+          className: "group flex items-start gap-3 px-4 py-2 transition-colors duration-200 ease-standard hover:bg-on-surface/8",
+          children: [
+            /* @__PURE__ */ jsxs22("div", {
+              className: "min-w-0 flex-1",
+              children: [
+                /* @__PURE__ */ jsx25("p", {
+                  className: "m-0 text-body-medium break-words whitespace-pre-wrap text-on-surface",
+                  children: memory.content
+                }),
+                /* @__PURE__ */ jsxs22("div", {
+                  className: "mt-1 flex flex-wrap items-center gap-1.5",
+                  children: [
+                    /* @__PURE__ */ jsx25("time", {
+                      className: "text-label-small text-on-surface-variant",
+                      children: format(memory.createdAt)
+                    }),
+                    memory.tags?.map((tag) => /* @__PURE__ */ jsx25("span", {
+                      className: "inline-flex h-6 items-center rounded-small border border-outline-variant px-2 text-label-small text-on-surface-variant",
+                      children: tag
+                    }, tag))
+                  ]
+                })
+              ]
+            }),
+            onDelete ? /* @__PURE__ */ jsx25(CircleButton6, {
+              icon: /* @__PURE__ */ jsx25(ChatIcon, {
+                name: "delete",
+                size: 18
+              }),
+              variant: "standard",
+              size: "sm",
+              onClick: () => onDelete(memory.id),
+              "aria-label": l.deleteMemory,
+              title: l.deleteMemory
+            }) : null
+          ]
+        }, memory.id))
+      })
+    ]
+  });
+}
+var export_EventType = exports_ag_ui.EventType;
+
 export {
   A2APeerInspector,
   A2ATaskTimeline,
   AgUiEventAccumulator,
   BlockMath,
   ChatComposer,
+  ChatIcon,
+  ChatStreamError,
+  CitationChip,
+  CitationList,
+  CitedMarkdown,
   CodeBlock,
   ComposerMoreUploadsMenu,
-  EventType2 as EventType,
+  ConversationList,
+  export_EventType as EventType,
   GeminiAccountMenu,
   GeminiPersonalContextEdit,
   GoogleSpotlightBar,
@@ -4302,9 +5575,12 @@ export {
   InlineWorkerCard,
   Markdown,
   McpAppCard,
+  MemoryPanel,
   MessageBubble,
   ModelOptionList,
   ModelSelector,
+  ModelUnavailable,
+  RefusalNotice,
   TASK_PRIORITY_LABEL,
   TASK_STATUS_LABEL,
   TASK_STATUS_ORDER,
@@ -4315,14 +5591,39 @@ export {
   TaskRow,
   TaskStatusIcon,
   ToolCall,
+  accumulateToolCall,
   agUiEventToCoordEnvelope,
   agUiEventsToTranscriptItems,
   agUiEventsToTranscriptSteps,
+  chatCompletionsUrl,
+  chatIconNames,
+  chatLabelsByLang,
+  chatLabelsEn,
+  chatLabelsFr,
+  chatLabelsJa,
+  chatReducer,
+  citedNumbers,
+  clampProgress,
   coordEnvelopeToAgUiEvent,
+  createSseParser,
+  defaultChatLabels,
+  externalLinkProps,
+  filterConversations,
+  formatLabel,
   groupModelsByProvider,
+  initialChatState,
   isErrorResult,
+  isExternalHref,
+  isUnavailableStatus,
+  linkCitationMarkers,
+  newMessageId,
   pairTranscriptSteps,
-  tryParseJson
+  parseChatCompletionChunk,
+  resolveChatLabels,
+  streamChatCompletion,
+  toOpenAIMessages,
+  tryParseJson,
+  useOpenAIChat
 };
 
-//# debugId=92ED95EDB5C4988E64756E2164756E21
+//# debugId=F6F1D6A7A43F22CE64756E2164756E21