@ateam-ai-mobile/ui 0.1.3 → 0.1.5

package/dist/index.mjs

@@ -3,18 +3,18 @@ import { useCallback as useCallback5, useEffect as useEffect6, useMemo as useMem
 import {
   FlatList,
   KeyboardAvoidingView,
-  Platform as Platform6,
+  Platform as Platform7,
   RefreshControl,
-  StyleSheet as StyleSheet10,
-  View as View11
+  StyleSheet as StyleSheet11,
+  View as View12
 } from "react-native";
-import { ada as ada7, useChatStore, pluginCommandEmitter as pluginCommandEmitter3 } from "@ateam-ai-mobile/core";
+import { ada as ada8, useChatStore as useChatStore2, pluginCommandEmitter as pluginCommandEmitter3 } from "@ateam-ai-mobile/core";
 
 // src/chat/MessageBubble.tsx
 import { useState as useState4, useCallback as useCallback3 } from "react";
-import { View as View7, Text as Text6, Pressable as Pressable3, StyleSheet as StyleSheet6, Image, Platform as Platform4 } from "react-native";
+import { View as View8, Text as Text7, Pressable as Pressable4, StyleSheet as StyleSheet7, Image, Platform as Platform5 } from "react-native";
 import Markdown from "react-native-markdown-display";
-import { TABLE_BLOCK_OPEN, TABLE_BLOCK_CLOSE, getConfig as getConfig2, ada as ada6, borderRadius as borderRadius2, fontSize as fontSize4 } from "@ateam-ai-mobile/core";
+import { TABLE_BLOCK_OPEN, TABLE_BLOCK_CLOSE, getConfig as getConfig2, ada as ada7, borderRadius as borderRadius2, fontSize as fontSize5 } from "@ateam-ai-mobile/core";
 import { AdaOrb, getHaptics as getHaptics2 } from "@ateam-ai-mobile/plugin-runtime";
 
 // src/chat/JobProgressBar.tsx
@@ -923,7 +923,8 @@ function UIActionsRow({ actions }) {
     const focus = a.payload?.id || a.payload?.entity_id || a.payload?.focusId;
     const surface = useSurfaceStore2.getState().manifests[id];
     if (surface) {
-      useSurfaceStore2.getState().show(id, focus ? { focus } : void 0);
+      const props = { ...focus ? { focus } : {}, ...a.payload?.data || {} };
+      useSurfaceStore2.getState().show(id, Object.keys(props).length ? props : void 0);
       return;
     }
     const params = {};
@@ -998,47 +999,107 @@ var styles4 = StyleSheet4.create({
   }
 });
 
-// src/chat/TableCardBlock.tsx
-import { View as View6, Text as Text5, StyleSheet as StyleSheet5, Platform as Platform3 } from "react-native";
-import { ada as ada5, borderRadius, fontSize as fontSize3, spacing } from "@ateam-ai-mobile/core";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+// src/chat/QuestionChips.tsx
+import { View as View6, Text as Text5, Pressable as Pressable3, StyleSheet as StyleSheet5, Platform as Platform3 } from "react-native";
+import { ada as ada5, fontSize as fontSize3, useChatStore } from "@ateam-ai-mobile/core";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var fontFam2 = Platform3.OS === "ios" ? "SF Pro Rounded" : void 0;
+function resolveOptions(inputType, options) {
+  if (Array.isArray(options) && options.length) return options.filter((o) => typeof o === "string" && o.trim());
+  if (inputType === "confirm") return ["Yes", "No"];
+  return [];
+}
+function QuestionChips({
+  inputType,
+  options
+}) {
+  const opts = resolveOptions(inputType, options);
+  if (!opts.length) return null;
+  const answer = (label) => {
+    try {
+      useChatStore.getState().sendMessage(label);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsx7(View6, { style: styles5.row, children: opts.map((label, i) => /* @__PURE__ */ jsx7(
+    Pressable3,
+    {
+      accessibilityRole: "button",
+      accessibilityLabel: label,
+      onPress: () => answer(label),
+      style: ({ pressed }) => [styles5.chip, pressed && styles5.chipPressed],
+      children: /* @__PURE__ */ jsx7(Text5, { style: styles5.label, numberOfLines: 2, children: label })
+    },
+    `${label}-${i}`
+  )) });
+}
+var styles5 = StyleSheet5.create({
+  row: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 6,
+    marginTop: 10
+  },
+  chip: {
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    backgroundColor: ada5.orangeSoft,
+    borderColor: ada5.orange,
+    borderWidth: 1,
+    borderRadius: 14
+  },
+  chipPressed: {
+    backgroundColor: ada5.orange
+  },
+  label: {
+    color: ada5.orangeDeep,
+    fontSize: fontSize3.xs,
+    fontWeight: "600",
+    fontFamily: fontFam2
+  }
+});
+
+// src/chat/TableCardBlock.tsx
+import { View as View7, Text as Text6, StyleSheet as StyleSheet6, Platform as Platform4 } from "react-native";
+import { ada as ada6, borderRadius, fontSize as fontSize4, spacing } from "@ateam-ai-mobile/core";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+var fontFam3 = Platform4.OS === "ios" ? "SF Pro Rounded" : void 0;
 function TableCardBlock({ columns, rows }) {
   if (!columns?.length || !rows?.length) return null;
   const [titleCol, ...detailCols] = columns;
-  return /* @__PURE__ */ jsx7(View6, { style: styles5.wrap, children: rows.map((row, i) => {
+  return /* @__PURE__ */ jsx8(View7, { style: styles6.wrap, children: rows.map((row, i) => {
     const cells = Array.isArray(row) ? row : [row];
     const title = cells[0];
-    return /* @__PURE__ */ jsxs5(View6, { style: styles5.card, children: [
-      /* @__PURE__ */ jsx7(Text5, { style: styles5.title, children: String(title ?? "") }),
-      detailCols.length > 0 && /* @__PURE__ */ jsx7(View6, { style: styles5.details, children: detailCols.map((col, ci) => {
+    return /* @__PURE__ */ jsxs5(View7, { style: styles6.card, children: [
+      /* @__PURE__ */ jsx8(Text6, { style: styles6.title, children: String(title ?? "") }),
+      detailCols.length > 0 && /* @__PURE__ */ jsx8(View7, { style: styles6.details, children: detailCols.map((col, ci) => {
         const value = cells[ci + 1];
         if (value == null || value === "") return null;
-        return /* @__PURE__ */ jsxs5(View6, { style: styles5.row, children: [
-          /* @__PURE__ */ jsx7(Text5, { style: styles5.label, children: String(col) }),
-          /* @__PURE__ */ jsx7(Text5, { style: styles5.value, children: String(value) })
+        return /* @__PURE__ */ jsxs5(View7, { style: styles6.row, children: [
+          /* @__PURE__ */ jsx8(Text6, { style: styles6.label, children: String(col) }),
+          /* @__PURE__ */ jsx8(Text6, { style: styles6.value, children: String(value) })
         ] }, ci);
       }) })
     ] }, i);
   }) });
 }
-var styles5 = StyleSheet5.create({
+var styles6 = StyleSheet6.create({
   wrap: {
     marginVertical: 6,
     gap: 8
   },
   card: {
-    backgroundColor: ada5.paper,
+    backgroundColor: ada6.paper,
     borderRadius: borderRadius.md,
     borderWidth: 1,
-    borderColor: ada5.border,
+    borderColor: ada6.border,
     padding: spacing.md
   },
   title: {
-    color: ada5.ink,
-    fontSize: fontSize3.md,
+    color: ada6.ink,
+    fontSize: fontSize4.md,
     fontWeight: "600",
-    fontFamily: fontFam2,
+    fontFamily: fontFam3,
     letterSpacing: -0.2,
     marginBottom: 6
   },
@@ -1051,9 +1112,9 @@ var styles5 = StyleSheet5.create({
     gap: 8
   },
   label: {
-    color: ada5.inkMuted,
-    fontSize: fontSize3.xs,
-    fontFamily: fontFam2,
+    color: ada6.inkMuted,
+    fontSize: fontSize4.xs,
+    fontFamily: fontFam3,
     fontWeight: "500",
     width: 84,
     textTransform: "uppercase",
@@ -1062,9 +1123,9 @@ var styles5 = StyleSheet5.create({
   },
   value: {
     flex: 1,
-    color: ada5.inkSoft,
-    fontSize: fontSize3.sm,
-    fontFamily: fontFam2,
+    color: ada6.inkSoft,
+    fontSize: fontSize4.sm,
+    fontFamily: fontFam3,
     lineHeight: 18
   }
 });
@@ -1078,8 +1139,8 @@ var useLightboxStore = create2((set) => ({
 }));
 
 // src/chat/MessageBubble.tsx
-import { Fragment, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
-var fontFam3 = Platform4.OS === "ios" ? "SF Pro Rounded" : void 0;
+import { Fragment, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var fontFam4 = Platform5.OS === "ios" ? "SF Pro Rounded" : void 0;
 function formatTime(date) {
   const h = date.getHours();
   const m = date.getMinutes().toString().padStart(2, "0");
@@ -1097,18 +1158,18 @@ function DaySeparator({ date }) {
   } else {
     label = date.toLocaleDateString(void 0, { weekday: "long", month: "short", day: "numeric" });
   }
-  return /* @__PURE__ */ jsx8(View7, { style: separatorStyles.container, children: /* @__PURE__ */ jsx8(View7, { style: separatorStyles.pill, children: /* @__PURE__ */ jsx8(Text6, { style: separatorStyles.text, children: label }) }) });
+  return /* @__PURE__ */ jsx9(View8, { style: separatorStyles.container, children: /* @__PURE__ */ jsx9(View8, { style: separatorStyles.pill, children: /* @__PURE__ */ jsx9(Text7, { style: separatorStyles.text, children: label }) }) });
 }
 function isSameDay(a, b) {
   return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
 }
-var separatorStyles = StyleSheet6.create({
+var separatorStyles = StyleSheet7.create({
   container: {
     alignItems: "center",
     marginVertical: 14
   },
   pill: {
-    backgroundColor: ada6.paperSoft,
+    backgroundColor: ada7.paperSoft,
     paddingHorizontal: 14,
     paddingVertical: 5,
     borderRadius: 999
@@ -1116,9 +1177,9 @@ var separatorStyles = StyleSheet6.create({
   text: {
     fontSize: 12,
     fontWeight: "600",
-    color: ada6.inkMuted,
+    color: ada7.inkMuted,
     letterSpacing: 0.4,
-    fontFamily: fontFam3
+    fontFamily: fontFam4
   }
 });
 function MessageBubble({ message }) {
@@ -1126,6 +1187,7 @@ function MessageBubble({ message }) {
   const isSystem = message.role === "system";
   const isNotification = !isUser && message.kind === "notification";
   const st = message.jobProgress?.status;
+  const pq = !isUser ? message.jobProgress?.pendingQuestion : void 0;
   const isProgressOnly = !isUser && (st === "running" || st === "paused") && (!message.content?.trim() || message.content === "Working on it...");
   const [copied, setCopied] = useState4("");
   const showCopied = useCallback3((label) => {
@@ -1142,41 +1204,41 @@ function MessageBubble({ message }) {
   const handleLongPress = useCallback3(() => {
     copyText(message.content);
   }, [message.content, copyText]);
-  return /* @__PURE__ */ jsxs6(View7, { style: [styles6.row, isUser && styles6.rowUser], children: [
-    !isUser && !isNotification && /* @__PURE__ */ jsx8(View7, { style: styles6.avatarOrb, children: /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs6(View8, { style: [styles7.row, isUser && styles7.rowUser], children: [
+    !isUser && !isNotification && /* @__PURE__ */ jsx9(View8, { style: styles7.avatarOrb, children: /* @__PURE__ */ jsx9(
       AdaOrb,
       {
         size: 28,
         state: message.jobProgress?.status === "running" ? "thinking" : "idle"
       }
     ) }),
-    isNotification && /* @__PURE__ */ jsx8(View7, { style: styles6.notificationLeftStripe }),
+    isNotification && /* @__PURE__ */ jsx9(View8, { style: styles7.notificationLeftStripe }),
     /* @__PURE__ */ jsxs6(
-      Pressable3,
+      Pressable4,
       {
         accessibilityRole: "text",
         accessibilityLabel: `${isUser ? "You" : isNotification ? "Notification" : "Ada"}: ${message.content}`,
         accessibilityHint: "Long-press to copy",
         onLongPress: handleLongPress,
         style: [
-          styles6.bubble,
-          isUser && styles6.bubbleUser,
-          isSystem && styles6.bubbleSystem,
-          isNotification && styles6.bubbleNotification,
-          isProgressOnly && styles6.bubbleProgress
+          styles7.bubble,
+          isUser && styles7.bubbleUser,
+          isSystem && styles7.bubbleSystem,
+          isNotification && styles7.bubbleNotification,
+          isProgressOnly && styles7.bubbleProgress
         ],
         children: [
-          isNotification && /* @__PURE__ */ jsxs6(View7, { style: styles6.notificationHeader, children: [
-            /* @__PURE__ */ jsx8(Text6, { style: styles6.notificationHeaderIcon, children: "\u{1F514}" }),
-            /* @__PURE__ */ jsx8(Text6, { style: styles6.notificationHeaderText, children: "Notification" })
+          isNotification && /* @__PURE__ */ jsxs6(View8, { style: styles7.notificationHeader, children: [
+            /* @__PURE__ */ jsx9(Text7, { style: styles7.notificationHeaderIcon, children: "\u{1F514}" }),
+            /* @__PURE__ */ jsx9(Text7, { style: styles7.notificationHeaderText, children: "Notification" })
           ] }),
-          message.attachments && message.attachments.length > 0 && /* @__PURE__ */ jsx8(View7, { style: styles6.attachments, children: message.attachments.map((att, i) => att.previewUri ? /* @__PURE__ */ jsx8(
-            Pressable3,
+          message.attachments && message.attachments.length > 0 && /* @__PURE__ */ jsx9(View8, { style: styles7.attachments, children: message.attachments.map((att, i) => att.previewUri ? /* @__PURE__ */ jsx9(
+            Pressable4,
             {
               accessibilityRole: "imagebutton",
               accessibilityLabel: `Photo${att.name ? `: ${att.name}` : ""}. Tap to enlarge.`,
               onPress: () => useLightboxStore.getState().show(att.previewUri),
-              children: /* @__PURE__ */ jsx8(
+              children: /* @__PURE__ */ jsx9(
                 Image,
                 {
                   source: {
@@ -1185,36 +1247,41 @@ function MessageBubble({ message }) {
                       headers: { Authorization: `Bearer ${getConfig2().tokenProvider.getToken()}` }
                     } : {}
                   },
-                  style: styles6.attachmentImage,
+                  style: styles7.attachmentImage,
                   resizeMode: "cover",
                   onError: (e) => console.warn("[Image] Failed to load:", att.previewUri?.slice(0, 100), e.nativeEvent.error)
                 }
               )
             },
             i
-          ) : /* @__PURE__ */ jsx8(View7, { style: styles6.attachmentFile, children: /* @__PURE__ */ jsx8(Text6, { style: styles6.attachmentFileName, numberOfLines: 1, children: att.name }) }, i)) }),
+          ) : /* @__PURE__ */ jsx9(View8, { style: styles7.attachmentFile, children: /* @__PURE__ */ jsx9(Text7, { style: styles7.attachmentFileName, numberOfLines: 1, children: att.name }) }, i)) }),
           isUser ? (
             // Hide the "See attachment" placeholder when the bubble already shows the photo.
-            message.content && !(message.content === "See attachment" && message.attachments?.length) ? /* @__PURE__ */ jsx8(Text6, { selectable: true, style: styles6.userText, children: message.content }) : null
+            message.content && !(message.content === "See attachment" && message.attachments?.length) ? /* @__PURE__ */ jsx9(Text7, { selectable: true, style: styles7.userText, children: message.content }) : null
           ) : isProgressOnly ? (
             // No "Working on it…" text — the indicator below is the whole message.
             null
-          ) : renderAssistantContent(message.content, copyText),
-          !!copied && /* @__PURE__ */ jsx8(View7, { style: styles6.copiedBadge, children: /* @__PURE__ */ jsx8(Text6, { style: styles6.copiedText, children: copied }) }),
-          message.toolCalls && message.toolCalls.length > 0 && /* @__PURE__ */ jsx8(ToolCallsBadge, { calls: message.toolCalls }),
-          message.jobProgress && /* @__PURE__ */ jsx8(JobProgressBar, { progress: message.jobProgress, standalone: isProgressOnly }),
-          !isUser && message.actions && message.actions.length > 0 && /* @__PURE__ */ jsx8(UIActionsRow, { actions: message.actions }),
-          !isProgressOnly && /* @__PURE__ */ jsx8(Text6, { style: [styles6.timeText, isUser && styles6.timeTextUser], children: formatTime(message.timestamp) })
+          ) : (
+            // When the turn asked a question, show its clean question string —
+            // never message.content, which may carry the raw JSON payload.
+            renderAssistantContent(pq?.question || message.content, copyText)
+          ),
+          !!copied && /* @__PURE__ */ jsx9(View8, { style: styles7.copiedBadge, children: /* @__PURE__ */ jsx9(Text7, { style: styles7.copiedText, children: copied }) }),
+          message.toolCalls && message.toolCalls.length > 0 && /* @__PURE__ */ jsx9(ToolCallsBadge, { calls: message.toolCalls }),
+          message.jobProgress && /* @__PURE__ */ jsx9(JobProgressBar, { progress: message.jobProgress, standalone: isProgressOnly }),
+          !isUser && message.actions && message.actions.length > 0 && /* @__PURE__ */ jsx9(UIActionsRow, { actions: message.actions }),
+          pq && /* @__PURE__ */ jsx9(QuestionChips, { inputType: pq.inputType, options: pq.options }),
+          !isProgressOnly && /* @__PURE__ */ jsx9(Text7, { style: [styles7.timeText, isUser && styles7.timeTextUser], children: formatTime(message.timestamp) })
         ]
       }
     ),
-    isUser && /* @__PURE__ */ jsx8(View7, { style: styles6.avatarSpacer })
+    isUser && /* @__PURE__ */ jsx9(View8, { style: styles7.avatarSpacer })
   ] });
 }
 function renderAssistantContent(content, copyText) {
   if (!content) return null;
   if (!content.includes(TABLE_BLOCK_OPEN)) {
-    return /* @__PURE__ */ jsx8(MarkdownBubble, { content, copyText });
+    return /* @__PURE__ */ jsx9(MarkdownBubble, { content, copyText });
   }
   const segments = [];
   let cursor = 0;
@@ -1236,28 +1303,28 @@ function renderAssistantContent(content, copyText) {
     segments.push({ kind: "table", content: payload });
     cursor = close + TABLE_BLOCK_CLOSE.length;
   }
-  return /* @__PURE__ */ jsx8(Fragment, { children: segments.map((seg, i) => {
+  return /* @__PURE__ */ jsx9(Fragment, { children: segments.map((seg, i) => {
     if (seg.kind === "md") {
       const trimmed = seg.content.trim();
       if (!trimmed) return null;
-      return /* @__PURE__ */ jsx8(MarkdownBubble, { content: seg.content, copyText }, i);
+      return /* @__PURE__ */ jsx9(MarkdownBubble, { content: seg.content, copyText }, i);
     }
     try {
       const data = JSON.parse(decodeURIComponent(seg.content));
-      return /* @__PURE__ */ jsx8(TableCardBlock, { columns: data.columns, rows: data.rows }, i);
+      return /* @__PURE__ */ jsx9(TableCardBlock, { columns: data.columns, rows: data.rows }, i);
     } catch {
       return null;
     }
   }) });
 }
 function MarkdownBubble({ content, copyText }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     Markdown,
     {
       style: markdownStyles,
       rules: {
-        code_inline: (node) => /* @__PURE__ */ jsx8(
-          Text6,
+        code_inline: (node) => /* @__PURE__ */ jsx9(
+          Text7,
           {
             style: markdownStyles.code_inline,
             onPress: () => copyText(node.content),
@@ -1265,12 +1332,12 @@ function MarkdownBubble({ content, copyText }) {
           },
           node.key
         ),
-        fence: (node) => /* @__PURE__ */ jsx8(
-          Pressable3,
+        fence: (node) => /* @__PURE__ */ jsx9(
+          Pressable4,
           {
             onPress: () => copyText(node.content),
             style: markdownStyles.fence,
-            children: /* @__PURE__ */ jsx8(Text6, { style: markdownStyles.fenceText, children: node.content })
+            children: /* @__PURE__ */ jsx9(Text7, { style: markdownStyles.fenceText, children: node.content })
           },
           node.key
         )
@@ -1282,18 +1349,18 @@ function MarkdownBubble({ content, copyText }) {
 function ToolCallsBadge({ calls }) {
   const [expanded, setExpanded] = useState4(false);
   const label = calls.filter((c) => c.name === "send_message_to_skill").map((c) => c.args.skill_name || c.skill).filter(Boolean).join(", ") || "Tool call";
-  return /* @__PURE__ */ jsxs6(View7, { style: styles6.toolCalls, children: [
-    /* @__PURE__ */ jsxs6(Pressable3, { style: styles6.toolToggle, onPress: () => setExpanded(!expanded), children: [
-      /* @__PURE__ */ jsx8(Text6, { style: styles6.toolLabel, children: label }),
-      /* @__PURE__ */ jsx8(Text6, { style: styles6.toolChevron, children: expanded ? "\u25B2" : "\u25BC" })
+  return /* @__PURE__ */ jsxs6(View8, { style: styles7.toolCalls, children: [
+    /* @__PURE__ */ jsxs6(Pressable4, { style: styles7.toolToggle, onPress: () => setExpanded(!expanded), children: [
+      /* @__PURE__ */ jsx9(Text7, { style: styles7.toolLabel, children: label }),
+      /* @__PURE__ */ jsx9(Text7, { style: styles7.toolChevron, children: expanded ? "\u25B2" : "\u25BC" })
     ] }),
-    expanded && calls.map((tc, i) => /* @__PURE__ */ jsxs6(View7, { style: styles6.toolItem, children: [
-      /* @__PURE__ */ jsx8(Text6, { style: styles6.toolName, children: tc.name }),
-      tc.skill && /* @__PURE__ */ jsx8(Text6, { style: styles6.toolSkill, children: tc.skill })
+    expanded && calls.map((tc, i) => /* @__PURE__ */ jsxs6(View8, { style: styles7.toolItem, children: [
+      /* @__PURE__ */ jsx9(Text7, { style: styles7.toolName, children: tc.name }),
+      tc.skill && /* @__PURE__ */ jsx9(Text7, { style: styles7.toolSkill, children: tc.skill })
     ] }, i))
   ] });
 }
-var styles6 = StyleSheet6.create({
+var styles7 = StyleSheet7.create({
   row: {
     flexDirection: "row",
     alignItems: "flex-end",
@@ -1316,15 +1383,15 @@ var styles6 = StyleSheet6.create({
   },
   bubble: {
     maxWidth: "78%",
-    backgroundColor: ada6.botBubble,
+    backgroundColor: ada7.botBubble,
     borderWidth: 1,
-    borderColor: ada6.botBubbleBorder,
+    borderColor: ada7.botBubbleBorder,
     borderRadius: borderRadius2.xl,
     paddingHorizontal: 16,
     paddingVertical: 12
   },
   bubbleUser: {
-    backgroundColor: ada6.userBubble,
+    backgroundColor: ada7.userBubble,
     borderColor: "transparent"
   },
   // Live-chain placeholder: no fill, no border, tighter padding — the
@@ -1336,12 +1403,12 @@ var styles6 = StyleSheet6.create({
     paddingVertical: 2
   },
   bubbleSystem: {
-    backgroundColor: ada6.orangeSoft,
-    borderColor: ada6.orange,
+    backgroundColor: ada7.orangeSoft,
+    borderColor: ada7.orange,
     maxWidth: "90%"
   },
   bubbleNotification: {
-    backgroundColor: ada6.orangeSoft,
+    backgroundColor: ada7.orangeSoft,
     borderColor: "rgba(255, 122, 40, 0.35)",
     borderRadius: borderRadius2.lg,
     maxWidth: "90%"
@@ -1349,7 +1416,7 @@ var styles6 = StyleSheet6.create({
   notificationLeftStripe: {
     width: 3,
     alignSelf: "stretch",
-    backgroundColor: ada6.orange,
+    backgroundColor: ada7.orange,
     borderRadius: 2,
     marginRight: 4
   },
@@ -1363,25 +1430,25 @@ var styles6 = StyleSheet6.create({
     fontSize: 12
   },
   notificationHeaderText: {
-    color: ada6.orangeDeep,
+    color: ada7.orangeDeep,
     fontSize: 11,
     fontWeight: "700",
     letterSpacing: 0.6,
     textTransform: "uppercase",
-    fontFamily: fontFam3
+    fontFamily: fontFam4
   },
   userText: {
-    color: ada6.userBubbleText,
-    fontSize: fontSize4.md,
+    color: ada7.userBubbleText,
+    fontSize: fontSize5.md,
     lineHeight: 22,
-    fontFamily: fontFam3
+    fontFamily: fontFam4
   },
   timeText: {
     fontSize: 11,
-    color: ada6.inkMuted,
+    color: ada7.inkMuted,
     alignSelf: "flex-end",
     marginTop: 4,
-    fontFamily: fontFam3
+    fontFamily: fontFam4
   },
   timeTextUser: {
     color: "rgba(250,246,238,0.55)"
@@ -1419,13 +1486,13 @@ var styles6 = StyleSheet6.create({
   },
   copiedText: {
     color: "#fff",
-    fontSize: fontSize4.xs,
+    fontSize: fontSize5.xs,
     fontWeight: "600"
   },
   toolCalls: {
     marginTop: 8,
     borderTopWidth: 1,
-    borderTopColor: ada6.border,
+    borderTopColor: ada7.border,
     paddingTop: 6
   },
   toolToggle: {
@@ -1434,12 +1501,12 @@ var styles6 = StyleSheet6.create({
     gap: 6
   },
   toolLabel: {
-    color: ada6.inkSoft,
-    fontSize: fontSize4.xs,
+    color: ada7.inkSoft,
+    fontSize: fontSize5.xs,
     fontWeight: "500"
   },
   toolChevron: {
-    color: ada6.inkMuted,
+    color: ada7.inkMuted,
     fontSize: 8
   },
   toolItem: {
@@ -1447,21 +1514,21 @@ var styles6 = StyleSheet6.create({
     paddingLeft: 8
   },
   toolName: {
-    color: ada6.inkSoft,
-    fontSize: fontSize4.xs,
+    color: ada7.inkSoft,
+    fontSize: fontSize5.xs,
     fontFamily: "monospace"
   },
   toolSkill: {
-    color: ada6.orangeDeep,
-    fontSize: fontSize4.xs
+    color: ada7.orangeDeep,
+    fontSize: fontSize5.xs
   }
 });
-var markdownStyles = StyleSheet6.create({
+var markdownStyles = StyleSheet7.create({
   body: {
-    color: ada6.botBubbleText,
-    fontSize: fontSize4.md,
+    color: ada7.botBubbleText,
+    fontSize: fontSize5.md,
     lineHeight: 22,
-    fontFamily: fontFam3
+    fontFamily: fontFam4
   },
   paragraph: {
     marginTop: 0,
@@ -1469,35 +1536,35 @@ var markdownStyles = StyleSheet6.create({
   },
   strong: {
     fontWeight: "700",
-    color: ada6.botBubbleText
+    color: ada7.botBubbleText
   },
   em: {
     fontStyle: "italic"
   },
   code_inline: {
-    backgroundColor: ada6.paperDeep,
-    color: ada6.orangeDeep,
+    backgroundColor: ada7.paperDeep,
+    color: ada7.orangeDeep,
     paddingHorizontal: 5,
     paddingVertical: 1,
     borderRadius: 4,
     fontFamily: "monospace",
-    fontSize: fontSize4.sm
+    fontSize: fontSize5.sm
   },
   fence: {
-    backgroundColor: ada6.paperDeep,
+    backgroundColor: ada7.paperDeep,
     padding: 10,
     borderRadius: 10
   },
   fenceText: {
     fontFamily: "monospace",
-    fontSize: fontSize4.sm,
-    color: ada6.ink
+    fontSize: fontSize5.sm,
+    color: ada7.ink
   },
   link: {
-    color: ada6.orangeDeep
+    color: ada7.orangeDeep
   },
   list_item: {
-    color: ada6.botBubbleText
+    color: ada7.botBubbleText
   },
   bullet_list: {
     marginVertical: 4
@@ -1505,13 +1572,13 @@ var markdownStyles = StyleSheet6.create({
 });
 
 // src/chat/TypingIndicator.tsx
-import { View as View8, StyleSheet as StyleSheet7 } from "react-native";
+import { View as View9, StyleSheet as StyleSheet8 } from "react-native";
 import { AdaOrb as AdaOrb2 } from "@ateam-ai-mobile/plugin-runtime";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function TypingIndicator() {
-  return /* @__PURE__ */ jsx9(View8, { style: styles7.row, children: /* @__PURE__ */ jsx9(AdaOrb2, { size: 32, state: "thinking" }) });
+  return /* @__PURE__ */ jsx10(View9, { style: styles8.row, children: /* @__PURE__ */ jsx10(AdaOrb2, { size: 32, state: "thinking" }) });
 }
-var styles7 = StyleSheet7.create({
+var styles8 = StyleSheet8.create({
   row: {
     flexDirection: "row",
     alignItems: "center",
@@ -1524,16 +1591,16 @@ var styles7 = StyleSheet7.create({
 // src/chat/ChatInput.tsx
 import { useState as useState5, useRef as useRef3, useCallback as useCallback4, useEffect as useEffect5 } from "react";
 import {
-  View as View9,
+  View as View10,
   TextInput,
-  Pressable as Pressable4,
-  StyleSheet as StyleSheet8,
-  Platform as Platform5
+  Pressable as Pressable5,
+  StyleSheet as StyleSheet9,
+  Platform as Platform6
 } from "react-native";
 import Svg, { Path, Line, Polygon } from "react-native-svg";
 import { colors as colors2, borderRadius as borderRadius3 } from "@ateam-ai-mobile/core";
 import { getHaptics as getHaptics3 } from "@ateam-ai-mobile/plugin-runtime";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 function ChatInput({ onSend, onCallStart, loading, prefill, placeholder }) {
   const [text, setText] = useState5("");
   const [height, setHeight] = useState5(40);
@@ -1553,13 +1620,13 @@ function ChatInput({ onSend, onCallStart, loading, prefill, placeholder }) {
     setHeight(40);
   }, [text, loading, onSend]);
   const canSend = text.trim().length > 0;
-  return /* @__PURE__ */ jsx10(View9, { style: styles8.dock, children: /* @__PURE__ */ jsxs7(View9, { style: styles8.inputRow, children: [
-    onCallStart && /* @__PURE__ */ jsx10(Pressable4, { style: styles8.callBtn, onPress: onCallStart, children: /* @__PURE__ */ jsx10(Svg, { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: colors2.light.accent, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx10(Path, { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.63A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z" }) }) }),
-    /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(View10, { style: styles9.dock, children: /* @__PURE__ */ jsxs7(View10, { style: styles9.inputRow, children: [
+    onCallStart && /* @__PURE__ */ jsx11(Pressable5, { style: styles9.callBtn, onPress: onCallStart, children: /* @__PURE__ */ jsx11(Svg, { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: colors2.light.accent, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx11(Path, { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.63A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z" }) }) }),
+    /* @__PURE__ */ jsx11(
       TextInput,
       {
         ref: inputRef,
-        style: [styles8.input, { height: Math.min(Math.max(40, height), 120) }],
+        style: [styles9.input, { height: Math.min(Math.max(40, height), 120) }],
         value: text,
         onChangeText: setText,
         onContentSizeChange: (e) => setHeight(e.nativeEvent.contentSize.height),
@@ -1569,25 +1636,25 @@ function ChatInput({ onSend, onCallStart, loading, prefill, placeholder }) {
         returnKeyType: "default",
         blurOnSubmit: false,
         onSubmitEditing: () => {
-          if (Platform5.OS === "web") handleSend();
+          if (Platform6.OS === "web") handleSend();
         }
       }
     ),
-    /* @__PURE__ */ jsx10(
-      Pressable4,
+    /* @__PURE__ */ jsx11(
+      Pressable5,
       {
-        style: [styles8.sendBtn, canSend && styles8.sendBtnActive],
+        style: [styles9.sendBtn, canSend && styles9.sendBtnActive],
         onPress: handleSend,
         disabled: !canSend,
         children: /* @__PURE__ */ jsxs7(Svg, { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: canSend ? "#fff" : colors2.light.textMuted, strokeWidth: 2, children: [
-          /* @__PURE__ */ jsx10(Line, { x1: "22", y1: "2", x2: "11", y2: "13" }),
-          /* @__PURE__ */ jsx10(Polygon, { points: "22 2 15 22 11 13 2 9 22 2" })
+          /* @__PURE__ */ jsx11(Line, { x1: "22", y1: "2", x2: "11", y2: "13" }),
+          /* @__PURE__ */ jsx11(Polygon, { points: "22 2 15 22 11 13 2 9 22 2" })
         ] })
       }
     )
   ] }) });
 }
-var styles8 = StyleSheet8.create({
+var styles9 = StyleSheet9.create({
   dock: {
     paddingHorizontal: 12,
     paddingVertical: 8,
@@ -1635,15 +1702,15 @@ var styles8 = StyleSheet8.create({
 });
 
 // src/Lightbox.tsx
-import { Modal, View as View10, Image as Image2, Pressable as Pressable5, Text as Text7, StyleSheet as StyleSheet9 } from "react-native";
+import { Modal, View as View11, Image as Image2, Pressable as Pressable6, Text as Text8, StyleSheet as StyleSheet10 } from "react-native";
 import { getConfig as getConfig3 } from "@ateam-ai-mobile/core";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 function Lightbox() {
   const uri = useLightboxStore((s) => s.uri);
   const hide = useLightboxStore((s) => s.hide);
   if (!uri) return null;
-  return /* @__PURE__ */ jsx11(Modal, { visible: true, transparent: true, animationType: "fade", onRequestClose: hide, children: /* @__PURE__ */ jsxs8(Pressable5, { style: styles9.backdrop, onPress: hide, children: [
-    /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(Modal, { visible: true, transparent: true, animationType: "fade", onRequestClose: hide, children: /* @__PURE__ */ jsxs8(Pressable6, { style: styles10.backdrop, onPress: hide, children: [
+    /* @__PURE__ */ jsx12(
       Image2,
       {
         source: {
@@ -1652,14 +1719,14 @@ function Lightbox() {
             headers: { Authorization: `Bearer ${getConfig3().tokenProvider.getToken()}` }
           } : {}
         },
-        style: styles9.image,
+        style: styles10.image,
         resizeMode: "contain"
       }
     ),
-    /* @__PURE__ */ jsx11(View10, { style: styles9.closeHint, children: /* @__PURE__ */ jsx11(Text7, { style: styles9.closeHintText, children: "Tap to close" }) })
+    /* @__PURE__ */ jsx12(View11, { style: styles10.closeHint, children: /* @__PURE__ */ jsx12(Text8, { style: styles10.closeHintText, children: "Tap to close" }) })
   ] }) });
 }
-var styles9 = StyleSheet9.create({
+var styles10 = StyleSheet10.create({
   backdrop: {
     flex: 1,
     backgroundColor: "rgba(0,0,0,0.92)",
@@ -1681,7 +1748,7 @@ var styles9 = StyleSheet9.create({
 });
 
 // src/AdasChatScreen.tsx
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 function isSameDay2(a, b) {
   return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
 }
@@ -1691,11 +1758,11 @@ function AdasChatScreen({
   footerAccessory,
   withLightbox = true
 }) {
-  const messages = useChatStore((s) => s.messages);
-  const loading = useChatStore((s) => s.loading);
-  const conversationLoaded = useChatStore((s) => s.conversationLoaded);
-  const loadConversation = useChatStore((s) => s.loadConversation);
-  const sendMessage = useChatStore((s) => s.sendMessage);
+  const messages = useChatStore2((s) => s.messages);
+  const loading = useChatStore2((s) => s.loading);
+  const conversationLoaded = useChatStore2((s) => s.conversationLoaded);
+  const loadConversation = useChatStore2((s) => s.loadConversation);
+  const sendMessage = useChatStore2((s) => s.sendMessage);
   const listRef = useRef4(null);
   const [refreshing, setRefreshing] = useState6(false);
   const [prefill, setPrefill] = useState6("");
@@ -1708,7 +1775,7 @@ function AdasChatScreen({
     });
     return unsub;
   }, []);
-  const useInverted = Platform6.OS !== "web";
+  const useInverted = Platform7.OS !== "web";
   const listData = useMemo3(
     () => useInverted ? [...messages].reverse() : messages,
     [messages, useInverted]
@@ -1733,23 +1800,23 @@ function AdasChatScreen({
   const renderItem = useCallback5(({ item, index }) => {
     const older = useInverted ? listData[index + 1] : listData[index - 1];
     const showDaySep = !older || !isSameDay2(older.timestamp, item.timestamp);
-    return /* @__PURE__ */ jsxs9(View11, { children: [
-      showDaySep && /* @__PURE__ */ jsx12(DaySeparator, { date: item.timestamp }),
-      /* @__PURE__ */ jsx12(MessageBubble, { message: item })
+    return /* @__PURE__ */ jsxs9(View12, { children: [
+      showDaySep && /* @__PURE__ */ jsx13(DaySeparator, { date: item.timestamp }),
+      /* @__PURE__ */ jsx13(MessageBubble, { message: item })
     ] });
   }, [listData, useInverted]);
-  const typingIndicator = loading && !(useInverted ? listData[0] : listData[listData.length - 1])?.jobProgress ? /* @__PURE__ */ jsx12(TypingIndicator, {}) : null;
+  const typingIndicator = loading && !(useInverted ? listData[0] : listData[listData.length - 1])?.jobProgress ? /* @__PURE__ */ jsx13(TypingIndicator, {}) : null;
   return /* @__PURE__ */ jsxs9(
     KeyboardAvoidingView,
     {
-      style: styles10.root,
-      behavior: Platform6.OS === "ios" ? "padding" : void 0,
+      style: styles11.root,
+      behavior: Platform7.OS === "ios" ? "padding" : void 0,
       children: [
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(
           FlatList,
           {
             ref: listRef,
-            style: styles10.list,
+            style: styles11.list,
             data: listData,
             inverted: useInverted,
             keyExtractor: (m) => m.id,
@@ -1757,13 +1824,13 @@ function AdasChatScreen({
             ListHeaderComponent: useInverted ? typingIndicator : null,
             ListFooterComponent: useInverted ? null : typingIndicator,
             onContentSizeChange: useInverted ? void 0 : () => scrollToLatest(false),
-            refreshControl: /* @__PURE__ */ jsx12(RefreshControl, { refreshing, onRefresh: handleRefresh, tintColor: ada7.orange }),
+            refreshControl: /* @__PURE__ */ jsx13(RefreshControl, { refreshing, onRefresh: handleRefresh, tintColor: ada8.orange }),
             keyboardShouldPersistTaps: "handled",
-            contentContainerStyle: styles10.listContent
+            contentContainerStyle: styles11.listContent
           }
         ),
         footerAccessory,
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(
           ChatInput,
           {
             onSend: handleSend,
@@ -1773,16 +1840,16 @@ function AdasChatScreen({
             placeholder
           }
         ),
-        withLightbox && /* @__PURE__ */ jsx12(Lightbox, {}),
-        /* @__PURE__ */ jsx12(WidgetHost, {})
+        withLightbox && /* @__PURE__ */ jsx13(Lightbox, {}),
+        /* @__PURE__ */ jsx13(WidgetHost, {})
       ]
     }
   );
 }
-var styles10 = StyleSheet10.create({
+var styles11 = StyleSheet11.create({
   root: {
     flex: 1,
-    backgroundColor: ada7.paper
+    backgroundColor: ada8.paper
   },
   list: {
     flex: 1
@@ -1796,18 +1863,18 @@ var styles10 = StyleSheet10.create({
 import { useMemo as useMemo4, useState as useState7 } from "react";
 import {
   Modal as Modal2,
-  View as View12,
-  Text as Text8,
-  Pressable as Pressable6,
-  StyleSheet as StyleSheet11,
+  View as View13,
+  Text as Text9,
+  Pressable as Pressable7,
+  StyleSheet as StyleSheet12,
   ActivityIndicator as ActivityIndicator4,
-  Platform as Platform7
+  Platform as Platform8
 } from "react-native";
 import { WebView as WebView2 } from "react-native-webview";
-import { ada as ada8 } from "@ateam-ai-mobile/core";
+import { ada as ada9 } from "@ateam-ai-mobile/core";
 import { getCoreApiUrl as getCoreApiUrl2 } from "@ateam-ai-mobile/core";
-import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
-var fontFam4 = Platform7.OS === "ios" ? "SF Pro Rounded" : void 0;
+import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+var fontFam5 = Platform8.OS === "ios" ? "SF Pro Rounded" : void 0;
 function WidgetWebView({ visible, title, bundleUrl, onClose }) {
   const [loading, setLoading] = useState7(true);
   const [error, setError] = useState7(null);
@@ -1816,28 +1883,28 @@ function WidgetWebView({ visible, title, bundleUrl, onClose }) {
     if (/^https?:\/\//i.test(bundleUrl)) return bundleUrl;
     return `${getCoreApiUrl2()}${bundleUrl}`;
   }, [bundleUrl]);
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     Modal2,
     {
       visible,
       animationType: "slide",
       presentationStyle: "pageSheet",
       onRequestClose: onClose,
-      children: /* @__PURE__ */ jsxs10(View12, { style: styles11.root, children: [
-        /* @__PURE__ */ jsxs10(View12, { style: styles11.bar, children: [
-          /* @__PURE__ */ jsx13(Pressable6, { onPress: onClose, hitSlop: 12, style: styles11.closeBtn, children: /* @__PURE__ */ jsx13(Text8, { style: styles11.closeIcon, children: "\u2715" }) }),
-          /* @__PURE__ */ jsx13(Text8, { style: styles11.title, numberOfLines: 1, children: title || "Widget" }),
-          /* @__PURE__ */ jsx13(View12, { style: styles11.closeBtn })
+      children: /* @__PURE__ */ jsxs10(View13, { style: styles12.root, children: [
+        /* @__PURE__ */ jsxs10(View13, { style: styles12.bar, children: [
+          /* @__PURE__ */ jsx14(Pressable7, { onPress: onClose, hitSlop: 12, style: styles12.closeBtn, children: /* @__PURE__ */ jsx14(Text9, { style: styles12.closeIcon, children: "\u2715" }) }),
+          /* @__PURE__ */ jsx14(Text9, { style: styles12.title, numberOfLines: 1, children: title || "Widget" }),
+          /* @__PURE__ */ jsx14(View13, { style: styles12.closeBtn })
         ] }),
-        !uri ? /* @__PURE__ */ jsx13(View12, { style: styles11.errorWrap, children: /* @__PURE__ */ jsx13(Text8, { style: styles11.errorText, children: "No bundle available for this widget." }) }) : error ? /* @__PURE__ */ jsxs10(View12, { style: styles11.errorWrap, children: [
-          /* @__PURE__ */ jsx13(Text8, { style: styles11.errorText, children: "Couldn't load widget" }),
-          /* @__PURE__ */ jsx13(Text8, { style: styles11.errorSub, children: error })
+        !uri ? /* @__PURE__ */ jsx14(View13, { style: styles12.errorWrap, children: /* @__PURE__ */ jsx14(Text9, { style: styles12.errorText, children: "No bundle available for this widget." }) }) : error ? /* @__PURE__ */ jsxs10(View13, { style: styles12.errorWrap, children: [
+          /* @__PURE__ */ jsx14(Text9, { style: styles12.errorText, children: "Couldn't load widget" }),
+          /* @__PURE__ */ jsx14(Text9, { style: styles12.errorSub, children: error })
         ] }) : /* @__PURE__ */ jsxs10(Fragment2, { children: [
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             WebView2,
             {
               source: { uri },
-              style: styles11.web,
+              style: styles12.web,
               onLoadStart: () => {
                 setLoading(true);
                 setError(null);
@@ -1855,16 +1922,16 @@ function WidgetWebView({ visible, title, bundleUrl, onClose }) {
               setSupportMultipleWindows: false
             }
           ),
-          loading && /* @__PURE__ */ jsx13(View12, { pointerEvents: "none", style: styles11.spinner, children: /* @__PURE__ */ jsx13(ActivityIndicator4, { color: ada8.orange }) })
+          loading && /* @__PURE__ */ jsx14(View13, { pointerEvents: "none", style: styles12.spinner, children: /* @__PURE__ */ jsx14(ActivityIndicator4, { color: ada9.orange }) })
         ] })
       ] })
     }
   );
 }
-var styles11 = StyleSheet11.create({
+var styles12 = StyleSheet12.create({
   root: {
     flex: 1,
-    backgroundColor: ada8.paper
+    backgroundColor: ada9.paper
   },
   bar: {
     flexDirection: "row",
@@ -1872,8 +1939,8 @@ var styles11 = StyleSheet11.create({
     paddingHorizontal: 14,
     paddingVertical: 12,
     borderBottomWidth: 1,
-    borderBottomColor: ada8.border,
-    backgroundColor: ada8.paperSoft
+    borderBottomColor: ada9.border,
+    backgroundColor: ada9.paperSoft
   },
   closeBtn: {
     width: 32,
@@ -1883,7 +1950,7 @@ var styles11 = StyleSheet11.create({
   },
   closeIcon: {
     fontSize: 18,
-    color: ada8.ink,
+    color: ada9.ink,
     fontWeight: "500"
   },
   title: {
@@ -1891,13 +1958,13 @@ var styles11 = StyleSheet11.create({
     textAlign: "center",
     fontSize: 16,
     fontWeight: "600",
-    color: ada8.ink,
-    fontFamily: fontFam4,
+    color: ada9.ink,
+    fontFamily: fontFam5,
     letterSpacing: -0.2
   },
   web: {
     flex: 1,
-    backgroundColor: ada8.paper
+    backgroundColor: ada9.paper
   },
   spinner: {
     position: "absolute",
@@ -1914,23 +1981,23 @@ var styles11 = StyleSheet11.create({
   },
   errorText: {
     fontSize: 15,
-    color: ada8.ink,
+    color: ada9.ink,
     fontWeight: "600",
     marginBottom: 6
   },
   errorSub: {
     fontSize: 13,
-    color: ada8.inkMuted,
+    color: ada9.inkMuted,
     textAlign: "center"
   }
 });
 
 // src/TenantPicker.tsx
 import { useEffect as useEffect7, useState as useState8 } from "react";
-import { View as View13, Text as Text9, Pressable as Pressable7, ActivityIndicator as ActivityIndicator5, StyleSheet as StyleSheet12, Platform as Platform8 } from "react-native";
-import { ada as ada9, fontSize as fontSize5, borderRadius as borderRadius4, listMyTenants, switchTenant, getTenant as getTenant4 } from "@ateam-ai-mobile/core";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
-var fontFam5 = Platform8.OS === "ios" ? "SF Pro Rounded" : void 0;
+import { View as View14, Text as Text10, Pressable as Pressable8, ActivityIndicator as ActivityIndicator5, StyleSheet as StyleSheet13, Platform as Platform9 } from "react-native";
+import { ada as ada10, fontSize as fontSize6, borderRadius as borderRadius4, listMyTenants, switchTenant, getTenant as getTenant4 } from "@ateam-ai-mobile/core";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+var fontFam6 = Platform9.OS === "ios" ? "SF Pro Rounded" : void 0;
 function TenantPicker({ onSwitched, onSelect, currentTenantId }) {
   const [tenants, setTenants] = useState8(null);
   const [error, setError] = useState8(null);
@@ -1964,36 +2031,36 @@ function TenantPicker({ onSwitched, onSelect, currentTenantId }) {
       setSwitching(null);
     }
   };
-  if (error) return /* @__PURE__ */ jsx14(Text9, { style: styles12.error, children: error });
+  if (error) return /* @__PURE__ */ jsx15(Text10, { style: styles13.error, children: error });
   if (!tenants) {
-    return /* @__PURE__ */ jsx14(View13, { style: styles12.loading, children: /* @__PURE__ */ jsx14(ActivityIndicator5, { color: ada9.orange }) });
+    return /* @__PURE__ */ jsx15(View14, { style: styles13.loading, children: /* @__PURE__ */ jsx15(ActivityIndicator5, { color: ada10.orange }) });
   }
-  if (tenants.length === 0) return /* @__PURE__ */ jsx14(Text9, { style: styles12.empty, children: "No teams found for this account." });
-  return /* @__PURE__ */ jsx14(View13, { style: styles12.list, children: tenants.map((t) => {
+  if (tenants.length === 0) return /* @__PURE__ */ jsx15(Text10, { style: styles13.empty, children: "No teams found for this account." });
+  return /* @__PURE__ */ jsx15(View14, { style: styles13.list, children: tenants.map((t) => {
     const isActive = t.id === active;
     const isSwitching = switching === t.id;
     return /* @__PURE__ */ jsxs11(
-      Pressable7,
+      Pressable8,
       {
         accessibilityRole: "button",
         accessibilityLabel: `Team ${t.name}${isActive ? ", current" : ""}`,
         disabled: !!switching,
         onPress: () => handlePress(t),
-        style: [styles12.row, isActive && styles12.rowActive],
+        style: [styles13.row, isActive && styles13.rowActive],
         children: [
-          /* @__PURE__ */ jsx14(View13, { style: styles12.dot }),
-          /* @__PURE__ */ jsxs11(View13, { style: styles12.rowText, children: [
-            /* @__PURE__ */ jsx14(Text9, { style: styles12.name, children: t.name }),
-            /* @__PURE__ */ jsx14(Text9, { style: styles12.slug, children: t.id })
+          /* @__PURE__ */ jsx15(View14, { style: styles13.dot }),
+          /* @__PURE__ */ jsxs11(View14, { style: styles13.rowText, children: [
+            /* @__PURE__ */ jsx15(Text10, { style: styles13.name, children: t.name }),
+            /* @__PURE__ */ jsx15(Text10, { style: styles13.slug, children: t.id })
           ] }),
-          isSwitching ? /* @__PURE__ */ jsx14(ActivityIndicator5, { color: ada9.orange }) : isActive ? /* @__PURE__ */ jsx14(Text9, { style: styles12.check, children: "\u2713" }) : null
+          isSwitching ? /* @__PURE__ */ jsx15(ActivityIndicator5, { color: ada10.orange }) : isActive ? /* @__PURE__ */ jsx15(Text10, { style: styles13.check, children: "\u2713" }) : null
         ]
       },
       t.id
     );
   }) });
 }
-var styles12 = StyleSheet12.create({
+var styles13 = StyleSheet13.create({
   list: {
     gap: 10
   },
@@ -2001,7 +2068,7 @@ var styles12 = StyleSheet12.create({
     flexDirection: "row",
     alignItems: "center",
     gap: 12,
-    backgroundColor: ada9.paperSoft,
+    backgroundColor: ada10.paperSoft,
     borderRadius: borderRadius4.lg,
     borderWidth: 1,
     borderColor: "transparent",
@@ -2009,32 +2076,32 @@ var styles12 = StyleSheet12.create({
     paddingVertical: 14
   },
   rowActive: {
-    backgroundColor: ada9.orangeSoft,
-    borderColor: ada9.orange
+    backgroundColor: ada10.orangeSoft,
+    borderColor: ada10.orange
   },
   dot: {
     width: 10,
     height: 10,
     borderRadius: 5,
-    backgroundColor: ada9.orange
+    backgroundColor: ada10.orange
   },
   rowText: {
     flex: 1
   },
   name: {
-    color: ada9.ink,
-    fontSize: fontSize5.lg,
+    color: ada10.ink,
+    fontSize: fontSize6.lg,
     fontWeight: "600",
-    fontFamily: fontFam5
+    fontFamily: fontFam6
   },
   slug: {
-    color: ada9.inkMuted,
-    fontSize: fontSize5.sm,
+    color: ada10.inkMuted,
+    fontSize: fontSize6.sm,
     fontFamily: "monospace"
   },
   check: {
-    color: ada9.orangeDeep,
-    fontSize: fontSize5.lg,
+    color: ada10.orangeDeep,
+    fontSize: fontSize6.lg,
     fontWeight: "700"
   },
   loading: {
@@ -2042,14 +2109,14 @@ var styles12 = StyleSheet12.create({
     alignItems: "center"
   },
   empty: {
-    color: ada9.inkMuted,
-    fontSize: fontSize5.md,
+    color: ada10.inkMuted,
+    fontSize: fontSize6.md,
     textAlign: "center",
     paddingVertical: 16
   },
   error: {
     color: "#C15545",
-    fontSize: fontSize5.md,
+    fontSize: fontSize6.md,
     textAlign: "center",
     paddingVertical: 16
   }
@@ -2058,21 +2125,35 @@ var styles12 = StyleSheet12.create({
 // src/voice/VoiceCallSheet.tsx
 import { useEffect as useEffect8, useRef as useRef6, useMemo as useMemo5 } from "react";
 import {
-  View as View14,
-  Text as Text10,
-  StyleSheet as StyleSheet13,
-  Platform as Platform9,
-  Pressable as Pressable8,
+  View as View15,
+  Text as Text11,
+  StyleSheet as StyleSheet14,
+  Platform as Platform10,
+  Pressable as Pressable9,
   ScrollView
 } from "react-native";
 import Svg2, { Path as Path2, Line as Line2 } from "react-native-svg";
 import { WebView as WebView3 } from "react-native-webview";
-import { ada as ada10 } from "@ateam-ai-mobile/core";
+import { ada as ada11 } from "@ateam-ai-mobile/core";
 import { AdaOrb as AdaOrb3, SurfaceFullscreen as SurfaceFullscreen2 } from "@ateam-ai-mobile/plugin-runtime";
 
 // src/voice/useVoiceCall.ts
 import { useState as useState9, useRef as useRef5, useCallback as useCallback6 } from "react";
-import { getVoiceApiUrl as getVoiceApiUrl2, getToken as getToken2, getTenant as getTenant5, getUser as getUser2 } from "@ateam-ai-mobile/core";
+import { getVoiceApiUrl as getVoiceApiUrl2, getToken as getToken2, getTenant as getTenant5, getUser as getUser2, refreshToken } from "@ateam-ai-mobile/core";
+var TOKEN_REFRESH_SKEW_MS = 9e4;
+function tokenNeedsRefresh(token) {
+  if (!token) return true;
+  try {
+    const payloadB64 = token.split(".")[1];
+    const padded = payloadB64.replace(/-/g, "+").replace(/_/g, "/");
+    const json = typeof atob === "function" ? atob(padded) : Buffer.from(padded, "base64").toString("utf8");
+    const exp = JSON.parse(json)?.exp;
+    if (typeof exp !== "number") return false;
+    return Date.now() >= exp * 1e3 - TOKEN_REFRESH_SKEW_MS;
+  } catch {
+    return false;
+  }
+}
 var INJECT_TRACK_HOOK = `
 (function() {
   if (window._adaTrackHookInstalled) return;
@@ -2163,7 +2244,7 @@ var buildMuteScript = (muted) => `
   console.log('[ada-mute]', muted ? 'MUTED' : 'UNMUTED', 'tracks=', n);
 })(${muted}); true;
 `;
-function useVoiceCall() {
+function useVoiceCall({ skillSlug } = {}) {
   const [callState, setCallState] = useState9("idle");
   const [sessionId, setSessionId] = useState9(null);
   const [error, setError] = useState9(null);
@@ -2204,12 +2285,18 @@ function useVoiceCall() {
     } catch {
     }
   }, []);
-  const startCall = useCallback6(() => {
-    setCallState("connecting");
+  const startCall = useCallback6(async () => {
     setError(null);
     setTranscript([]);
     setAiPartial("");
     setUserPartial("");
+    try {
+      if (tokenNeedsRefresh(getToken2())) {
+        await refreshToken();
+      }
+    } catch {
+    }
+    setCallState("connecting");
   }, []);
   const stopCall = useCallback6(() => {
     webViewRef.current?.injectJavaScript?.("window.hangUp && window.hangUp(); true;");
@@ -2229,10 +2316,11 @@ function useVoiceCall() {
     const token = getToken2();
     const tenant = getTenant5();
     const actorId = getUser2()?.actorId || "";
+    const skillParam = skillSlug ? `&skillSlug=${encodeURIComponent(skillSlug)}` : "";
     return {
-      uri: `${getVoiceApiUrl2()}/app?mode=mini&embedded=rn&authToken=${encodeURIComponent(token || "")}&tenant=${encodeURIComponent(tenant)}&actorId=${encodeURIComponent(actorId)}`
+      uri: `${getVoiceApiUrl2()}/app?mode=mini&embedded=rn&authToken=${encodeURIComponent(token || "")}&tenant=${encodeURIComponent(tenant)}&actorId=${encodeURIComponent(actorId)}${skillParam}`
     };
-  }, []);
+  }, [skillSlug]);
   return {
     callState,
     sessionId,
@@ -2252,8 +2340,8 @@ function useVoiceCall() {
 }
 
 // src/voice/VoiceCallSheet.tsx
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
-var fontFam6 = Platform9.OS === "ios" ? "SF Pro Rounded" : void 0;
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+var fontFam7 = Platform10.OS === "ios" ? "SF Pro Rounded" : void 0;
 var HIGHLIGHT_PATTERNS = [
   /[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}/g,
   /(?:\+?\d[\s\-().]?){7,}\d/g,
@@ -2297,9 +2385,9 @@ function HighlightedText({
   importantStyle
 }) {
   const segments = useMemo5(() => highlightSegments(text), [text]);
-  return /* @__PURE__ */ jsx15(Text10, { style: baseStyle, children: segments.map((seg, i) => /* @__PURE__ */ jsx15(Text10, { style: seg.important ? importantStyle : void 0, children: seg.text }, i)) });
+  return /* @__PURE__ */ jsx16(Text11, { style: baseStyle, children: segments.map((seg, i) => /* @__PURE__ */ jsx16(Text11, { style: seg.important ? importantStyle : void 0, children: seg.text }, i)) });
 }
-function VoiceCallSheet({ visible, onClose }) {
+function VoiceCallSheet({ visible, onClose, skillSlug }) {
   const {
     callState,
     aiPartial,
@@ -2314,7 +2402,7 @@ function VoiceCallSheet({ visible, onClose }) {
     getWebViewSource,
     webViewRef,
     injectedTrackHook
-  } = useVoiceCall();
+  } = useVoiceCall({ skillSlug });
   const scrollRef = useRef6(null);
   useEffect8(() => {
     if (visible && callState === "idle") startCall();
@@ -2349,7 +2437,7 @@ function VoiceCallSheet({ visible, onClose }) {
       visible,
       onClose: handleHangUp,
       status: statusLabel,
-      hero: /* @__PURE__ */ jsx15(AdaOrb3, { size: 180, state: orbState }),
+      hero: /* @__PURE__ */ jsx16(AdaOrb3, { size: 180, state: orbState }),
       closeIcon: "hangup",
       closeLabel: "End",
       children: [
@@ -2357,58 +2445,58 @@ function VoiceCallSheet({ visible, onClose }) {
           ScrollView,
           {
             ref: scrollRef,
-            style: styles13.transcript,
-            contentContainerStyle: styles13.transcriptContent,
+            style: styles14.transcript,
+            contentContainerStyle: styles14.transcriptContent,
             showsVerticalScrollIndicator: false,
             children: [
-              callState === "error" && error ? /* @__PURE__ */ jsx15(View14, { style: styles13.errorBox, children: /* @__PURE__ */ jsx15(Text10, { style: styles13.errorText, children: error }) }) : null,
-              visibleEntries.map((entry, i) => /* @__PURE__ */ jsxs12(View14, { style: styles13.entry, children: [
-                /* @__PURE__ */ jsx15(Text10, { style: styles13.role, children: entry.role === "user" ? "YOU" : "ADA" }),
-                /* @__PURE__ */ jsx15(
+              callState === "error" && error ? /* @__PURE__ */ jsx16(View15, { style: styles14.errorBox, children: /* @__PURE__ */ jsx16(Text11, { style: styles14.errorText, children: error }) }) : null,
+              visibleEntries.map((entry, i) => /* @__PURE__ */ jsxs12(View15, { style: styles14.entry, children: [
+                /* @__PURE__ */ jsx16(Text11, { style: styles14.role, children: entry.role === "user" ? "YOU" : "ADA" }),
+                /* @__PURE__ */ jsx16(
                   HighlightedText,
                   {
                     text: entry.text,
-                    baseStyle: styles13.entryText,
-                    importantStyle: styles13.important
+                    baseStyle: styles14.entryText,
+                    importantStyle: styles14.important
                   }
                 )
               ] }, `${entry.ts}-${i}`)),
-              userPartial || aiPartial ? /* @__PURE__ */ jsxs12(View14, { style: styles13.entry, children: [
-                /* @__PURE__ */ jsx15(Text10, { style: styles13.role, children: userPartial ? "YOU" : "ADA" }),
-                /* @__PURE__ */ jsx15(
+              userPartial || aiPartial ? /* @__PURE__ */ jsxs12(View15, { style: styles14.entry, children: [
+                /* @__PURE__ */ jsx16(Text11, { style: styles14.role, children: userPartial ? "YOU" : "ADA" }),
+                /* @__PURE__ */ jsx16(
                   HighlightedText,
                   {
                     text: userPartial || aiPartial,
-                    baseStyle: styles13.entryTextLive,
-                    importantStyle: styles13.important
+                    baseStyle: styles14.entryTextLive,
+                    importantStyle: styles14.important
                   }
                 )
               ] }) : null
             ]
           }
         ),
-        callState === "connected" || callState === "connecting" ? /* @__PURE__ */ jsxs12(View14, { style: styles13.muteWrap, pointerEvents: "box-none", children: [
-          /* @__PURE__ */ jsx15(
-            Pressable8,
+        callState === "connected" || callState === "connecting" ? /* @__PURE__ */ jsxs12(View15, { style: styles14.muteWrap, pointerEvents: "box-none", children: [
+          /* @__PURE__ */ jsx16(
+            Pressable9,
             {
               onPress: toggleMute,
               accessibilityRole: "button",
               accessibilityLabel: muted ? "Unmute microphone" : "Mute microphone",
               accessibilityState: { selected: muted },
-              style: [styles13.muteBtn, muted && styles13.muteBtnActive],
+              style: [styles14.muteBtn, muted && styles14.muteBtnActive],
               hitSlop: 12,
-              children: /* @__PURE__ */ jsxs12(Svg2, { width: 22, height: 22, viewBox: "0 0 24 24", fill: "none", stroke: muted ? ada10.paper : ada10.ink, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
-                /* @__PURE__ */ jsx15(Path2, { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }),
-                /* @__PURE__ */ jsx15(Path2, { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
-                /* @__PURE__ */ jsx15(Line2, { x1: "12", y1: "19", x2: "12", y2: "23" }),
-                /* @__PURE__ */ jsx15(Line2, { x1: "8", y1: "23", x2: "16", y2: "23" }),
-                muted ? /* @__PURE__ */ jsx15(Line2, { x1: "3", y1: "3", x2: "21", y2: "21", stroke: ada10.paper, strokeWidth: 2.4 }) : null
+              children: /* @__PURE__ */ jsxs12(Svg2, { width: 22, height: 22, viewBox: "0 0 24 24", fill: "none", stroke: muted ? ada11.paper : ada11.ink, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+                /* @__PURE__ */ jsx16(Path2, { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }),
+                /* @__PURE__ */ jsx16(Path2, { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+                /* @__PURE__ */ jsx16(Line2, { x1: "12", y1: "19", x2: "12", y2: "23" }),
+                /* @__PURE__ */ jsx16(Line2, { x1: "8", y1: "23", x2: "16", y2: "23" }),
+                muted ? /* @__PURE__ */ jsx16(Line2, { x1: "3", y1: "3", x2: "21", y2: "21", stroke: ada11.paper, strokeWidth: 2.4 }) : null
               ] })
             }
           ),
-          /* @__PURE__ */ jsx15(Text10, { style: styles13.muteLabel, children: muted ? "Muted" : "Mute" })
+          /* @__PURE__ */ jsx16(Text11, { style: styles14.muteLabel, children: muted ? "Muted" : "Mute" })
         ] }) : null,
-        callState !== "idle" && /* @__PURE__ */ jsx15(View14, { style: styles13.hiddenWebView, pointerEvents: "none", children: /* @__PURE__ */ jsx15(
+        callState !== "idle" && /* @__PURE__ */ jsx16(View15, { style: styles14.hiddenWebView, pointerEvents: "none", children: /* @__PURE__ */ jsx16(
           WebView3,
           {
             ref: webViewRef,
@@ -2428,7 +2516,7 @@ function VoiceCallSheet({ visible, onClose }) {
     }
   );
 }
-var styles13 = StyleSheet13.create({
+var styles14 = StyleSheet14.create({
   transcript: {
     flex: 1,
     paddingHorizontal: 28
@@ -2445,9 +2533,9 @@ var styles13 = StyleSheet13.create({
   },
   role: {
     fontSize: 10,
-    fontFamily: fontFam6,
+    fontFamily: fontFam7,
     fontWeight: "700",
-    color: ada10.inkMuted,
+    color: ada11.inkMuted,
     letterSpacing: 1.4,
     minWidth: 32,
     paddingTop: 3,
@@ -2456,9 +2544,9 @@ var styles13 = StyleSheet13.create({
   entryText: {
     flex: 1,
     fontSize: 14,
-    fontFamily: fontFam6,
+    fontFamily: fontFam7,
     fontWeight: "400",
-    color: ada10.inkSoft,
+    color: ada11.inkSoft,
     lineHeight: 20,
     letterSpacing: -0.1,
     opacity: 0.42
@@ -2466,18 +2554,18 @@ var styles13 = StyleSheet13.create({
   entryTextLive: {
     flex: 1,
     fontSize: 14,
-    fontFamily: fontFam6,
+    fontFamily: fontFam7,
     fontWeight: "400",
-    color: ada10.inkSoft,
+    color: ada11.inkSoft,
     lineHeight: 20,
     letterSpacing: -0.1,
     opacity: 0.7
   },
   important: {
     fontSize: 17,
-    fontFamily: fontFam6,
+    fontFamily: fontFam7,
     fontWeight: "700",
-    color: ada10.ink,
+    color: ada11.ink,
     letterSpacing: -0.1,
     opacity: 1
   },
@@ -2492,14 +2580,14 @@ var styles13 = StyleSheet13.create({
   },
   errorText: {
     fontSize: 13,
-    fontFamily: fontFam6,
+    fontFamily: fontFam7,
     fontWeight: "500",
     color: "#fca5a5",
     lineHeight: 18
   },
   muteWrap: {
     position: "absolute",
-    bottom: Platform9.OS === "ios" ? 56 : 40,
+    bottom: Platform10.OS === "ios" ? 56 : 40,
     left: 28,
     alignItems: "center",
     gap: 6
@@ -2508,9 +2596,9 @@ var styles13 = StyleSheet13.create({
     width: 56,
     height: 56,
     borderRadius: 28,
-    backgroundColor: ada10.paperSoft,
+    backgroundColor: ada11.paperSoft,
     borderWidth: 1,
-    borderColor: ada10.border,
+    borderColor: ada11.border,
     justifyContent: "center",
     alignItems: "center"
   },
@@ -2520,9 +2608,9 @@ var styles13 = StyleSheet13.create({
   },
   muteLabel: {
     fontSize: 12,
-    fontFamily: fontFam6,
+    fontFamily: fontFam7,
     fontWeight: "500",
-    color: ada10.inkMuted,
+    color: ada11.inkMuted,
     letterSpacing: 0.3
   },
   hiddenWebView: {