@ateam-ai-mobile/ui 0.1.0

package/dist/index.js

@@ -0,0 +1,1870 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AdasChatScreen: () => AdasChatScreen,
+  ChatInput: () => ChatInput,
+  DaySeparator: () => DaySeparator,
+  EmbeddedPluginWebView: () => EmbeddedPluginWebView,
+  JobProgressBar: () => JobProgressBar,
+  Lightbox: () => Lightbox,
+  MessageBubble: () => MessageBubble,
+  Plugin: () => Plugin,
+  PluginSurface: () => PluginSurface,
+  TableCardBlock: () => TableCardBlock,
+  TypingIndicator: () => TypingIndicator,
+  UIActionsRow: () => UIActionsRow,
+  WidgetWebView: () => WidgetWebView,
+  buildPluginBridgeJS: () => buildPluginBridgeJS,
+  setClipboardProvider: () => setClipboardProvider,
+  setUIActionNavigator: () => setUIActionNavigator,
+  useLightboxStore: () => useLightboxStore,
+  usePluginBridge: () => usePluginBridge
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/AdasChatScreen.tsx
+var import_react4 = require("react");
+var import_react_native8 = require("react-native");
+var import_core7 = require("@ateam-ai-mobile/core");
+
+// src/chat/MessageBubble.tsx
+var import_react2 = require("react");
+var import_react_native4 = require("react-native");
+var import_react_native_markdown_display = __toESM(require("react-native-markdown-display"));
+var import_core4 = require("@ateam-ai-mobile/core");
+var import_plugin_runtime2 = require("@ateam-ai-mobile/plugin-runtime");
+
+// src/chat/JobProgressBar.tsx
+var import_react = require("react");
+var import_react_native = require("react-native");
+var import_core = require("@ateam-ai-mobile/core");
+var import_jsx_runtime = require("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 = (0, import_react.useRef)(new import_react_native.Animated.Value(0.5)).current;
+  const [elapsed, setElapsed] = (0, import_react.useState)(0);
+  const isRunning = progress.status === "running";
+  const isDone = progress.status === "done";
+  const isError = progress.status === "error";
+  const isPaused = progress.status === "paused";
+  (0, import_react.useEffect)(() => {
+    if (!isRunning) {
+      pulseAnim.setValue(1);
+      return;
+    }
+    const anim = import_react_native.Animated.loop(
+      import_react_native.Animated.sequence([
+        import_react_native.Animated.timing(pulseAnim, { toValue: 1, duration: 800, useNativeDriver: true }),
+        import_react_native.Animated.timing(pulseAnim, { toValue: 0.5, duration: 800, useNativeDriver: true })
+      ])
+    );
+    anim.start();
+    return () => anim.stop();
+  }, [isRunning, pulseAnim]);
+  (0, import_react.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 : import_core.ada.orange;
+  const statusBg = isDone ? WARM_GREEN_SOFT : isError ? WARM_RED_SOFT : isPaused ? WARM_AMBER_SOFT : import_core.ada.orangeSoft;
+  if (isDone || isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, { style: styles.container, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, { style: styles.row, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, { style: [styles.dot, { backgroundColor: statusColor }] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, { style: [styles.label, { color: statusColor }], children: isDone ? "Completed" : "Failed" })
+    ] }) });
+  }
+  if (isPaused) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, { style: styles.container, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, { style: styles.row, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, { style: [styles.dot, { backgroundColor: statusColor }] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.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__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, { style: styles.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, { style: styles.row, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_native.Animated.View,
+        {
+          style: [styles.dot, { backgroundColor: import_core.ada.orange, opacity: pulseAnim }]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, { style: styles.skill, numberOfLines: 1, children: progress.skillSlug || "Processing..." }),
+      !!progress.currentTool && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, { style: styles.tool, numberOfLines: 1, children: ` \u2192 ${progress.currentTool}` }),
+      metaParts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, { style: styles.meta, numberOfLines: 1, children: `  \xB7  ${metaParts.join("  \xB7  ")}` })
+    ] }),
+    !!lp?.message && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, { style: styles.liveProgressRow, children: [
+      lp.step != null && lp.total != null && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.Text, { style: styles.liveProgressStep, children: [
+        "[",
+        lp.step,
+        "/",
+        lp.total,
+        "]"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, { style: styles.liveProgressMsg, numberOfLines: 1, children: lp.message })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, { style: [styles.progressTrack, { backgroundColor: statusBg }], children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_native.Animated.View,
+      {
+        style: [styles.progressFill, { backgroundColor: import_core.ada.orange, opacity: pulseAnim }]
+      }
+    ) })
+  ] });
+}
+var styles = import_react_native.StyleSheet.create({
+  container: {
+    marginTop: 8,
+    paddingTop: 8,
+    borderTopWidth: 1,
+    borderTopColor: import_core.ada.border
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    flexWrap: "nowrap",
+    overflow: "hidden"
+  },
+  dot: {
+    width: 7,
+    height: 7,
+    borderRadius: 4,
+    marginRight: 6,
+    flexShrink: 0
+  },
+  label: {
+    fontSize: import_core.fontSize.xs,
+    fontWeight: "600"
+  },
+  // Running state text segments
+  skill: {
+    fontSize: import_core.fontSize.xs,
+    fontWeight: "600",
+    color: import_core.ada.orange,
+    flexShrink: 1
+  },
+  tool: {
+    fontSize: import_core.fontSize.xs,
+    color: import_core.ada.inkMuted,
+    flexShrink: 2
+  },
+  meta: {
+    fontSize: import_core.fontSize.xs,
+    color: import_core.ada.inkMuted,
+    flexShrink: 0
+  },
+  liveProgressRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    marginTop: 4,
+    gap: 4
+  },
+  liveProgressStep: {
+    fontSize: import_core.fontSize.xs,
+    fontWeight: "600",
+    color: import_core.ada.inkMuted
+  },
+  liveProgressMsg: {
+    fontSize: import_core.fontSize.xs,
+    color: import_core.ada.orange,
+    flex: 1
+  },
+  progressTrack: {
+    height: 3,
+    borderRadius: 2,
+    marginTop: 6,
+    overflow: "hidden"
+  },
+  progressFill: {
+    height: "100%",
+    width: "60%",
+    borderRadius: 2
+  }
+});
+
+// src/chat/UIActionsRow.tsx
+var import_react_native2 = require("react-native");
+var import_core2 = require("@ateam-ai-mobile/core");
+var import_plugin_runtime = require("@ateam-ai-mobile/plugin-runtime");
+
+// 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
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var fontFam = import_react_native2.Platform.OS === "ios" ? "SF Pro Rounded" : void 0;
+var ICON_MAP = {
+  timer: "\u23F1",
+  memory: "\u{1F9E0}",
+  calendar: "\u{1F4C5}",
+  home: "\u{1F3E0}",
+  bell: "\u{1F514}",
+  star: "\u2B50",
+  bolt: "\u26A1"
+};
+function UIActionsRow({ actions }) {
+  if (!Array.isArray(actions) || actions.length === 0) return null;
+  const handlePress = (a) => {
+    (0, import_plugin_runtime.getHaptics)()?.selection();
+    const id = a.pluginId || a.target;
+    if (!id) return;
+    const focus = a.payload?.id || a.payload?.entity_id || a.payload?.focusId;
+    const surface = import_plugin_runtime.useSurfaceStore.getState().manifests[id];
+    if (surface) {
+      import_plugin_runtime.useSurfaceStore.getState().show(id, focus ? { focus } : void 0);
+      return;
+    }
+    const params = {};
+    if (focus) params.focus = String(focus);
+    if (a.intent === "suggested_action" && a.payload?.tool) {
+      params.tool = String(a.payload.tool);
+      if (a.payload?.args) {
+        try {
+          params.args = JSON.stringify(a.payload.args);
+        } catch {
+        }
+      }
+    }
+    if (a.intent === "quick_toggle" && a.payload?.verb) {
+      params.verb = String(a.payload.verb);
+    }
+    const navigate = getUIActionNavigator();
+    if (!navigate) {
+      console.warn("[UIActionsRow] no navigator registered \u2014 call setUIActionNavigator() in the host to handle plugin chips");
+      return;
+    }
+    navigate({ pluginId: id, params });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: styles2.row, children: actions.map((a, i) => {
+    const icon = a.icon ? ICON_MAP[a.icon.toLowerCase()] : null;
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      import_react_native2.Pressable,
+      {
+        accessibilityRole: "button",
+        accessibilityLabel: a.description || a.label,
+        onPress: () => handlePress(a),
+        style: ({ pressed }) => [styles2.chip, pressed && styles2.chipPressed],
+        children: [
+          icon ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: styles2.icon, children: icon }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: styles2.label, numberOfLines: 1, children: a.label })
+        ]
+      },
+      `${a.target || "a"}-${i}`
+    );
+  }) });
+}
+var styles2 = import_react_native2.StyleSheet.create({
+  row: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 6,
+    marginTop: 10
+  },
+  chip: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    backgroundColor: import_core2.ada.orangeSoft,
+    borderColor: import_core2.ada.orange,
+    borderWidth: 1,
+    borderRadius: 14
+  },
+  chipPressed: {
+    backgroundColor: import_core2.ada.orange
+  },
+  icon: {
+    fontSize: 12,
+    lineHeight: 14
+  },
+  label: {
+    color: import_core2.ada.orangeDeep,
+    fontSize: import_core2.fontSize.xs,
+    fontWeight: "600",
+    fontFamily: fontFam
+  }
+});
+
+// src/chat/TableCardBlock.tsx
+var import_react_native3 = require("react-native");
+var import_core3 = require("@ateam-ai-mobile/core");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var fontFam2 = import_react_native3.Platform.OS === "ios" ? "SF Pro Rounded" : void 0;
+function TableCardBlock({ columns, rows }) {
+  if (!columns?.length || !rows?.length) return null;
+  const [titleCol, ...detailCols] = columns;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: styles3.wrap, children: rows.map((row, i) => {
+    const cells = Array.isArray(row) ? row : [row];
+    const title = cells[0];
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: styles3.card, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: styles3.title, children: String(title ?? "") }),
+      detailCols.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: styles3.details, children: detailCols.map((col, ci) => {
+        const value = cells[ci + 1];
+        if (value == null || value === "") return null;
+        return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: styles3.row, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: styles3.label, children: String(col) }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: styles3.value, children: String(value) })
+        ] }, ci);
+      }) })
+    ] }, i);
+  }) });
+}
+var styles3 = import_react_native3.StyleSheet.create({
+  wrap: {
+    marginVertical: 6,
+    gap: 8
+  },
+  card: {
+    backgroundColor: import_core3.ada.paper,
+    borderRadius: import_core3.borderRadius.md,
+    borderWidth: 1,
+    borderColor: import_core3.ada.border,
+    padding: import_core3.spacing.md
+  },
+  title: {
+    color: import_core3.ada.ink,
+    fontSize: import_core3.fontSize.md,
+    fontWeight: "600",
+    fontFamily: fontFam2,
+    letterSpacing: -0.2,
+    marginBottom: 6
+  },
+  details: {
+    gap: 4
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    gap: 8
+  },
+  label: {
+    color: import_core3.ada.inkMuted,
+    fontSize: import_core3.fontSize.xs,
+    fontFamily: fontFam2,
+    fontWeight: "500",
+    width: 84,
+    textTransform: "uppercase",
+    letterSpacing: 0.6,
+    paddingTop: 2
+  },
+  value: {
+    flex: 1,
+    color: import_core3.ada.inkSoft,
+    fontSize: import_core3.fontSize.sm,
+    fontFamily: fontFam2,
+    lineHeight: 18
+  }
+});
+
+// src/stores/lightboxStore.ts
+var import_zustand = require("zustand");
+var useLightboxStore = (0, import_zustand.create)((set) => ({
+  uri: null,
+  show: (uri) => set({ uri }),
+  hide: () => set({ uri: null })
+}));
+
+// src/chat/MessageBubble.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var fontFam3 = import_react_native4.Platform.OS === "ios" ? "SF Pro Rounded" : void 0;
+function formatTime(date) {
+  const h = date.getHours();
+  const m = date.getMinutes().toString().padStart(2, "0");
+  return `${h}:${m}`;
+}
+function DaySeparator({ date }) {
+  const today = /* @__PURE__ */ new Date();
+  const yesterday = new Date(today);
+  yesterday.setDate(yesterday.getDate() - 1);
+  let label;
+  if (isSameDay(date, today)) {
+    label = "Today";
+  } else if (isSameDay(date, yesterday)) {
+    label = "Yesterday";
+  } else {
+    label = date.toLocaleDateString(void 0, { weekday: "long", month: "short", day: "numeric" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.View, { style: separatorStyles.container, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.View, { style: separatorStyles.pill, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: separatorStyles.text, children: label }) }) });
+}
+function isSameDay(a, b) {
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+var separatorStyles = import_react_native4.StyleSheet.create({
+  container: {
+    alignItems: "center",
+    marginVertical: 14
+  },
+  pill: {
+    backgroundColor: import_core4.ada.paperSoft,
+    paddingHorizontal: 14,
+    paddingVertical: 5,
+    borderRadius: 999
+  },
+  text: {
+    fontSize: 12,
+    fontWeight: "600",
+    color: import_core4.ada.inkMuted,
+    letterSpacing: 0.4,
+    fontFamily: fontFam3
+  }
+});
+function MessageBubble({ message }) {
+  const isUser = message.role === "user";
+  const isSystem = message.role === "system";
+  const isNotification = !isUser && message.kind === "notification";
+  const [copied, setCopied] = (0, import_react2.useState)("");
+  const showCopied = (0, import_react2.useCallback)((label) => {
+    setCopied(label);
+    (0, import_plugin_runtime2.getHaptics)()?.notification("success");
+    setTimeout(() => setCopied(""), 1500);
+  }, []);
+  const copyText = (0, import_react2.useCallback)(async (text) => {
+    const clipboard = getClipboard();
+    if (!clipboard) return;
+    await clipboard.setString(text);
+    showCopied("Copied!");
+  }, [showCopied]);
+  const handleLongPress = (0, import_react2.useCallback)(() => {
+    copyText(message.content);
+  }, [message.content, copyText]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: [styles4.row, isUser && styles4.rowUser], children: [
+    !isUser && !isNotification && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.View, { style: styles4.avatarOrb, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_plugin_runtime2.AdaOrb,
+      {
+        size: 28,
+        state: message.jobProgress?.status === "running" ? "thinking" : "idle"
+      }
+    ) }),
+    isNotification && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.View, { style: styles4.notificationLeftStripe }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      import_react_native4.Pressable,
+      {
+        accessibilityRole: "text",
+        accessibilityLabel: `${isUser ? "You" : isNotification ? "Notification" : "Ada"}: ${message.content}`,
+        accessibilityHint: "Long-press to copy",
+        onLongPress: handleLongPress,
+        style: [
+          styles4.bubble,
+          isUser && styles4.bubbleUser,
+          isSystem && styles4.bubbleSystem,
+          isNotification && styles4.bubbleNotification
+        ],
+        children: [
+          isNotification && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: styles4.notificationHeader, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: styles4.notificationHeaderIcon, children: "\u{1F514}" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: styles4.notificationHeaderText, children: "Notification" })
+          ] }),
+          message.attachments && message.attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.View, { style: styles4.attachments, children: message.attachments.map((att, i) => att.previewUri ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            import_react_native4.Pressable,
+            {
+              accessibilityRole: "imagebutton",
+              accessibilityLabel: `Photo${att.name ? `: ${att.name}` : ""}. Tap to enlarge.`,
+              onPress: () => useLightboxStore.getState().show(att.previewUri),
+              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                import_react_native4.Image,
+                {
+                  source: {
+                    uri: att.previewUri,
+                    ...att.previewUri.startsWith("http") ? {
+                      headers: { Authorization: `Bearer ${(0, import_core4.getConfig)().tokenProvider.getToken()}` }
+                    } : {}
+                  },
+                  style: styles4.attachmentImage,
+                  resizeMode: "cover",
+                  onError: (e) => console.warn("[Image] Failed to load:", att.previewUri?.slice(0, 100), e.nativeEvent.error)
+                }
+              )
+            },
+            i
+          ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.View, { style: styles4.attachmentFile, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: styles4.attachmentFileName, numberOfLines: 1, children: att.name }) }, i)) }),
+          isUser ? (
+            // Hide the "See attachment" placeholder when the bubble already shows the photo.
+            message.content && !(message.content === "See attachment" && message.attachments?.length) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { selectable: true, style: styles4.userText, children: message.content }) : null
+          ) : renderAssistantContent(message.content, copyText),
+          !!copied && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.View, { style: styles4.copiedBadge, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: styles4.copiedText, children: copied }) }),
+          message.toolCalls && message.toolCalls.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ToolCallsBadge, { calls: message.toolCalls }),
+          message.jobProgress && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(JobProgressBar, { progress: message.jobProgress }),
+          !isUser && message.actions && message.actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(UIActionsRow, { actions: message.actions }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: [styles4.timeText, isUser && styles4.timeTextUser], children: formatTime(message.timestamp) })
+        ]
+      }
+    ),
+    isUser && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.View, { style: styles4.avatarSpacer })
+  ] });
+}
+function renderAssistantContent(content, copyText) {
+  if (!content) return null;
+  if (!content.includes(import_core4.TABLE_BLOCK_OPEN)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MarkdownBubble, { content, copyText });
+  }
+  const segments = [];
+  let cursor = 0;
+  while (cursor < content.length) {
+    const open = content.indexOf(import_core4.TABLE_BLOCK_OPEN, cursor);
+    if (open === -1) {
+      segments.push({ kind: "md", content: content.slice(cursor) });
+      break;
+    }
+    if (open > cursor) {
+      segments.push({ kind: "md", content: content.slice(cursor, open) });
+    }
+    const close = content.indexOf(import_core4.TABLE_BLOCK_CLOSE, open + import_core4.TABLE_BLOCK_OPEN.length);
+    if (close === -1) {
+      segments.push({ kind: "md", content: content.slice(open) });
+      break;
+    }
+    const payload = content.slice(open + import_core4.TABLE_BLOCK_OPEN.length, close);
+    segments.push({ kind: "table", content: payload });
+    cursor = close + import_core4.TABLE_BLOCK_CLOSE.length;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: segments.map((seg, i) => {
+    if (seg.kind === "md") {
+      const trimmed = seg.content.trim();
+      if (!trimmed) return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MarkdownBubble, { content: seg.content, copyText }, i);
+    }
+    try {
+      const data = JSON.parse(decodeURIComponent(seg.content));
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TableCardBlock, { columns: data.columns, rows: data.rows }, i);
+    } catch {
+      return null;
+    }
+  }) });
+}
+function MarkdownBubble({ content, copyText }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_react_native_markdown_display.default,
+    {
+      style: markdownStyles,
+      rules: {
+        code_inline: (node) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          import_react_native4.Text,
+          {
+            style: markdownStyles.code_inline,
+            onPress: () => copyText(node.content),
+            children: node.content
+          },
+          node.key
+        ),
+        fence: (node) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          import_react_native4.Pressable,
+          {
+            onPress: () => copyText(node.content),
+            style: markdownStyles.fence,
+            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: markdownStyles.fenceText, children: node.content })
+          },
+          node.key
+        )
+      },
+      children: content
+    }
+  );
+}
+function ToolCallsBadge({ calls }) {
+  const [expanded, setExpanded] = (0, import_react2.useState)(false);
+  const label = calls.filter((c) => c.name === "send_message_to_skill").map((c) => c.args.skill_name || c.skill).filter(Boolean).join(", ") || "Tool call";
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: styles4.toolCalls, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.Pressable, { style: styles4.toolToggle, onPress: () => setExpanded(!expanded), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: styles4.toolLabel, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: styles4.toolChevron, children: expanded ? "\u25B2" : "\u25BC" })
+    ] }),
+    expanded && calls.map((tc, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: styles4.toolItem, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: styles4.toolName, children: tc.name }),
+      tc.skill && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: styles4.toolSkill, children: tc.skill })
+    ] }, i))
+  ] });
+}
+var styles4 = import_react_native4.StyleSheet.create({
+  row: {
+    flexDirection: "row",
+    alignItems: "flex-end",
+    marginBottom: 12,
+    paddingHorizontal: 12,
+    gap: 8
+  },
+  rowUser: {
+    justifyContent: "flex-end"
+  },
+  avatarOrb: {
+    width: 28,
+    height: 28,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  avatarSpacer: {
+    width: 28,
+    height: 28
+  },
+  bubble: {
+    maxWidth: "78%",
+    backgroundColor: import_core4.ada.botBubble,
+    borderWidth: 1,
+    borderColor: import_core4.ada.botBubbleBorder,
+    borderRadius: import_core4.borderRadius.xl,
+    paddingHorizontal: 16,
+    paddingVertical: 12
+  },
+  bubbleUser: {
+    backgroundColor: import_core4.ada.userBubble,
+    borderColor: "transparent"
+  },
+  bubbleSystem: {
+    backgroundColor: import_core4.ada.orangeSoft,
+    borderColor: import_core4.ada.orange,
+    maxWidth: "90%"
+  },
+  bubbleNotification: {
+    backgroundColor: import_core4.ada.orangeSoft,
+    borderColor: "rgba(255, 122, 40, 0.35)",
+    borderRadius: import_core4.borderRadius.lg,
+    maxWidth: "90%"
+  },
+  notificationLeftStripe: {
+    width: 3,
+    alignSelf: "stretch",
+    backgroundColor: import_core4.ada.orange,
+    borderRadius: 2,
+    marginRight: 4
+  },
+  notificationHeader: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    marginBottom: 6
+  },
+  notificationHeaderIcon: {
+    fontSize: 12
+  },
+  notificationHeaderText: {
+    color: import_core4.ada.orangeDeep,
+    fontSize: 11,
+    fontWeight: "700",
+    letterSpacing: 0.6,
+    textTransform: "uppercase",
+    fontFamily: fontFam3
+  },
+  userText: {
+    color: import_core4.ada.userBubbleText,
+    fontSize: import_core4.fontSize.md,
+    lineHeight: 22,
+    fontFamily: fontFam3
+  },
+  timeText: {
+    fontSize: 11,
+    color: import_core4.ada.inkMuted,
+    alignSelf: "flex-end",
+    marginTop: 4,
+    fontFamily: fontFam3
+  },
+  timeTextUser: {
+    color: "rgba(250,246,238,0.55)"
+  },
+  attachments: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 6,
+    marginBottom: 8
+  },
+  attachmentImage: {
+    width: 120,
+    height: 90,
+    borderRadius: 8
+  },
+  attachmentFile: {
+    backgroundColor: "rgba(255,255,255,0.15)",
+    borderRadius: 8,
+    paddingHorizontal: 10,
+    paddingVertical: 6
+  },
+  attachmentFileName: {
+    color: "rgba(255,255,255,0.8)",
+    fontSize: 11,
+    maxWidth: 100
+  },
+  copiedBadge: {
+    position: "absolute",
+    top: 6,
+    right: 6,
+    backgroundColor: "#5A8A5C",
+    paddingHorizontal: 8,
+    paddingVertical: 2,
+    borderRadius: import_core4.borderRadius.sm
+  },
+  copiedText: {
+    color: "#fff",
+    fontSize: import_core4.fontSize.xs,
+    fontWeight: "600"
+  },
+  toolCalls: {
+    marginTop: 8,
+    borderTopWidth: 1,
+    borderTopColor: import_core4.ada.border,
+    paddingTop: 6
+  },
+  toolToggle: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6
+  },
+  toolLabel: {
+    color: import_core4.ada.inkSoft,
+    fontSize: import_core4.fontSize.xs,
+    fontWeight: "500"
+  },
+  toolChevron: {
+    color: import_core4.ada.inkMuted,
+    fontSize: 8
+  },
+  toolItem: {
+    marginTop: 4,
+    paddingLeft: 8
+  },
+  toolName: {
+    color: import_core4.ada.inkSoft,
+    fontSize: import_core4.fontSize.xs,
+    fontFamily: "monospace"
+  },
+  toolSkill: {
+    color: import_core4.ada.orangeDeep,
+    fontSize: import_core4.fontSize.xs
+  }
+});
+var markdownStyles = import_react_native4.StyleSheet.create({
+  body: {
+    color: import_core4.ada.botBubbleText,
+    fontSize: import_core4.fontSize.md,
+    lineHeight: 22,
+    fontFamily: fontFam3
+  },
+  paragraph: {
+    marginTop: 0,
+    marginBottom: 4
+  },
+  strong: {
+    fontWeight: "700",
+    color: import_core4.ada.botBubbleText
+  },
+  em: {
+    fontStyle: "italic"
+  },
+  code_inline: {
+    backgroundColor: import_core4.ada.paperDeep,
+    color: import_core4.ada.orangeDeep,
+    paddingHorizontal: 5,
+    paddingVertical: 1,
+    borderRadius: 4,
+    fontFamily: "monospace",
+    fontSize: import_core4.fontSize.sm
+  },
+  fence: {
+    backgroundColor: import_core4.ada.paperDeep,
+    padding: 10,
+    borderRadius: 10
+  },
+  fenceText: {
+    fontFamily: "monospace",
+    fontSize: import_core4.fontSize.sm,
+    color: import_core4.ada.ink
+  },
+  link: {
+    color: import_core4.ada.orangeDeep
+  },
+  list_item: {
+    color: import_core4.ada.botBubbleText
+  },
+  bullet_list: {
+    marginVertical: 4
+  }
+});
+
+// src/chat/TypingIndicator.tsx
+var import_react_native5 = require("react-native");
+var import_plugin_runtime3 = require("@ateam-ai-mobile/plugin-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function TypingIndicator() {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.View, { style: styles5.row, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_plugin_runtime3.AdaOrb, { size: 32, state: "thinking" }) });
+}
+var styles5 = import_react_native5.StyleSheet.create({
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    marginBottom: 12,
+    paddingHorizontal: 16,
+    paddingVertical: 4
+  }
+});
+
+// src/chat/ChatInput.tsx
+var import_react3 = require("react");
+var import_react_native6 = require("react-native");
+var import_react_native_svg = __toESM(require("react-native-svg"));
+var import_core5 = require("@ateam-ai-mobile/core");
+var import_plugin_runtime4 = require("@ateam-ai-mobile/plugin-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function ChatInput({ onSend, onCallStart, loading, prefill, placeholder }) {
+  const [text, setText] = (0, import_react3.useState)("");
+  const [height, setHeight] = (0, import_react3.useState)(40);
+  const inputRef = (0, import_react3.useRef)(null);
+  (0, import_react3.useEffect)(() => {
+    if (prefill) {
+      setText(prefill);
+      inputRef.current?.focus();
+    }
+  }, [prefill]);
+  const handleSend = (0, import_react3.useCallback)(() => {
+    const trimmed = text.trim();
+    if (!trimmed) return;
+    (0, import_plugin_runtime4.getHaptics)()?.impact("light");
+    onSend(trimmed);
+    setText("");
+    setHeight(40);
+  }, [text, loading, onSend]);
+  const canSend = text.trim().length > 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native6.View, { style: styles6.dock, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native6.View, { style: styles6.inputRow, children: [
+    onCallStart && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native6.Pressable, { style: styles6.callBtn, onPress: onCallStart, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native_svg.default, { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: import_core5.colors.light.accent, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native_svg.Path, { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.63A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_react_native6.TextInput,
+      {
+        ref: inputRef,
+        style: [styles6.input, { height: Math.min(Math.max(40, height), 120) }],
+        value: text,
+        onChangeText: setText,
+        onContentSizeChange: (e) => setHeight(e.nativeEvent.contentSize.height),
+        placeholder: placeholder || "Message A-Team...",
+        placeholderTextColor: import_core5.colors.light.textMuted,
+        multiline: true,
+        returnKeyType: "default",
+        blurOnSubmit: false,
+        onSubmitEditing: () => {
+          if (import_react_native6.Platform.OS === "web") handleSend();
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_react_native6.Pressable,
+      {
+        style: [styles6.sendBtn, canSend && styles6.sendBtnActive],
+        onPress: handleSend,
+        disabled: !canSend,
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native_svg.default, { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: canSend ? "#fff" : import_core5.colors.light.textMuted, strokeWidth: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native_svg.Line, { x1: "22", y1: "2", x2: "11", y2: "13" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native_svg.Polygon, { points: "22 2 15 22 11 13 2 9 22 2" })
+        ] })
+      }
+    )
+  ] }) });
+}
+var styles6 = import_react_native6.StyleSheet.create({
+  dock: {
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    backgroundColor: import_core5.colors.light.bgPrimary,
+    borderTopWidth: 0.5,
+    borderTopColor: import_core5.colors.light.border
+  },
+  inputRow: {
+    flexDirection: "row",
+    alignItems: "flex-end",
+    backgroundColor: import_core5.colors.light.bgInput,
+    borderRadius: import_core5.borderRadius.xl,
+    borderWidth: 1,
+    borderColor: import_core5.colors.light.border,
+    paddingHorizontal: 4,
+    paddingVertical: 4,
+    gap: 4
+  },
+  callBtn: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  input: {
+    flex: 1,
+    fontSize: 16,
+    color: import_core5.colors.light.textPrimary,
+    paddingHorizontal: 8,
+    paddingVertical: 8,
+    maxHeight: 120
+  },
+  sendBtn: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: import_core5.colors.light.bgTertiary
+  },
+  sendBtnActive: {
+    backgroundColor: import_core5.colors.light.accent
+  }
+});
+
+// src/Lightbox.tsx
+var import_react_native7 = require("react-native");
+var import_core6 = require("@ateam-ai-mobile/core");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function Lightbox() {
+  const uri = useLightboxStore((s) => s.uri);
+  const hide = useLightboxStore((s) => s.hide);
+  if (!uri) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.Modal, { visible: true, transparent: true, animationType: "fade", onRequestClose: hide, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native7.Pressable, { style: styles7.backdrop, onPress: hide, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      import_react_native7.Image,
+      {
+        source: {
+          uri,
+          ...uri.startsWith("http") ? {
+            headers: { Authorization: `Bearer ${(0, import_core6.getConfig)().tokenProvider.getToken()}` }
+          } : {}
+        },
+        style: styles7.image,
+        resizeMode: "contain"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.View, { style: styles7.closeHint, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.Text, { style: styles7.closeHintText, children: "Tap to close" }) })
+  ] }) });
+}
+var styles7 = import_react_native7.StyleSheet.create({
+  backdrop: {
+    flex: 1,
+    backgroundColor: "rgba(0,0,0,0.92)",
+    justifyContent: "center"
+  },
+  image: {
+    width: "100%",
+    height: "85%"
+  },
+  closeHint: {
+    position: "absolute",
+    bottom: 40,
+    alignSelf: "center"
+  },
+  closeHintText: {
+    color: "rgba(255,255,255,0.6)",
+    fontSize: 13
+  }
+});
+
+// src/AdasChatScreen.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function isSameDay2(a, b) {
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function AdasChatScreen({
+  onCallStart,
+  placeholder,
+  footerAccessory,
+  withLightbox = true
+}) {
+  const messages = (0, import_core7.useChatStore)((s) => s.messages);
+  const loading = (0, import_core7.useChatStore)((s) => s.loading);
+  const conversationLoaded = (0, import_core7.useChatStore)((s) => s.conversationLoaded);
+  const loadConversation = (0, import_core7.useChatStore)((s) => s.loadConversation);
+  const sendMessage = (0, import_core7.useChatStore)((s) => s.sendMessage);
+  const listRef = (0, import_react4.useRef)(null);
+  const [refreshing, setRefreshing] = (0, import_react4.useState)(false);
+  const [prefill, setPrefill] = (0, import_react4.useState)("");
+  (0, import_react4.useEffect)(() => {
+    if (!conversationLoaded) loadConversation();
+  }, [conversationLoaded, loadConversation]);
+  (0, import_react4.useEffect)(() => {
+    const unsub = import_core7.pluginCommandEmitter.on("prepare-chat-message", ({ text }) => {
+      if (text) setPrefill(text);
+    });
+    return unsub;
+  }, []);
+  const useInverted = import_react_native8.Platform.OS !== "web";
+  const listData = (0, import_react4.useMemo)(
+    () => useInverted ? [...messages].reverse() : messages,
+    [messages, useInverted]
+  );
+  const scrollToLatest = (0, import_react4.useCallback)((animated) => {
+    if (useInverted) listRef.current?.scrollToOffset({ offset: 0, animated });
+    else listRef.current?.scrollToEnd({ animated });
+  }, [useInverted]);
+  const handleSend = (0, import_react4.useCallback)((text) => {
+    setPrefill("");
+    sendMessage(text);
+    scrollToLatest(true);
+  }, [sendMessage, scrollToLatest]);
+  const handleRefresh = (0, import_react4.useCallback)(async () => {
+    setRefreshing(true);
+    try {
+      await loadConversation();
+    } catch {
+    }
+    setRefreshing(false);
+  }, [loadConversation]);
+  const renderItem = (0, import_react4.useCallback)(({ item, index }) => {
+    const older = useInverted ? listData[index + 1] : listData[index - 1];
+    const showDaySep = !older || !isSameDay2(older.timestamp, item.timestamp);
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native8.View, { children: [
+      showDaySep && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DaySeparator, { date: item.timestamp }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MessageBubble, { message: item })
+    ] });
+  }, [listData, useInverted]);
+  const typingIndicator = loading && !(useInverted ? listData[0] : listData[listData.length - 1])?.jobProgress ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TypingIndicator, {}) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    import_react_native8.KeyboardAvoidingView,
+    {
+      style: styles8.root,
+      behavior: import_react_native8.Platform.OS === "ios" ? "padding" : void 0,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_react_native8.FlatList,
+          {
+            ref: listRef,
+            style: styles8.list,
+            data: listData,
+            inverted: useInverted,
+            keyExtractor: (m) => m.id,
+            renderItem,
+            ListHeaderComponent: useInverted ? typingIndicator : null,
+            ListFooterComponent: useInverted ? null : typingIndicator,
+            onContentSizeChange: useInverted ? void 0 : () => scrollToLatest(false),
+            refreshControl: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native8.RefreshControl, { refreshing, onRefresh: handleRefresh, tintColor: import_core7.ada.orange }),
+            keyboardShouldPersistTaps: "handled",
+            contentContainerStyle: styles8.listContent
+          }
+        ),
+        footerAccessory,
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          ChatInput,
+          {
+            onSend: handleSend,
+            onCallStart,
+            loading,
+            prefill,
+            placeholder
+          }
+        ),
+        withLightbox && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Lightbox, {})
+      ]
+    }
+  );
+}
+var styles8 = import_react_native8.StyleSheet.create({
+  root: {
+    flex: 1,
+    backgroundColor: import_core7.ada.paper
+  },
+  list: {
+    flex: 1
+  },
+  listContent: {
+    paddingVertical: 12
+  }
+});
+
+// src/plugin/Plugin.tsx
+var import_react7 = __toESM(require("react"));
+var import_react_native10 = require("react-native");
+var import_core10 = require("@ateam-ai-mobile/core");
+var import_plugin_runtime6 = require("@ateam-ai-mobile/plugin-runtime");
+
+// src/plugin/EmbeddedPluginWebView.tsx
+var import_react6 = require("react");
+var import_react_native9 = require("react-native");
+var import_react_native_webview = require("react-native-webview");
+var import_core9 = require("@ateam-ai-mobile/core");
+var import_plugin_runtime5 = require("@ateam-ai-mobile/plugin-runtime");
+
+// src/plugin/usePluginBridge.ts
+var import_react5 = require("react");
+var import_core8 = require("@ateam-ai-mobile/core");
+function usePluginBridge(pluginId, connectorId, commandBufferRef, wsRef) {
+  const webViewRef = (0, import_react5.useRef)(null);
+  const sendInit = (0, import_react5.useCallback)(() => {
+    const msg = JSON.stringify({
+      source: "adas-host",
+      pluginId,
+      message: {
+        type: "init",
+        payload: {
+          tenant: (0, import_core8.getTenant)(),
+          connectorId: connectorId || null,
+          mcpEndpoint: null,
+          slug: null,
+          skillSlug: null
+        }
+      }
+    });
+    webViewRef.current?.postMessage(msg);
+  }, [pluginId, connectorId]);
+  const sendToPlugin = (0, import_react5.useCallback)(
+    (type, payload) => {
+      const msg = JSON.stringify({
+        source: "adas-host",
+        message: { type, payload }
+      });
+      webViewRef.current?.postMessage(msg);
+    },
+    []
+  );
+  const dispatchToWebView = (0, import_react5.useCallback)((cmd) => {
+    if (cmd.command === "__focus") return;
+    const msg = JSON.stringify({
+      source: "adas-host",
+      pluginId,
+      message: {
+        type: "plugin.command",
+        payload: {
+          command: cmd.command,
+          args: cmd.args,
+          correlationId: cmd.correlationId
+        }
+      }
+    });
+    webViewRef.current?.postMessage(msg);
+  }, [pluginId]);
+  (0, import_react5.useEffect)(() => {
+    const unsub = import_core8.pluginCommandEmitter.on("plugin-command", (cmd) => {
+      if (cmd.pluginId !== pluginId) return;
+      dispatchToWebView(cmd);
+    });
+    return unsub;
+  }, [pluginId, dispatchToWebView]);
+  (0, import_react5.useEffect)(() => {
+    if (!commandBufferRef) return;
+    const timer = setTimeout(() => {
+      const buf = commandBufferRef.current;
+      const remaining = [];
+      for (const cmd of buf) {
+        if (cmd.pluginId === pluginId) {
+          dispatchToWebView(cmd);
+        } else {
+          remaining.push(cmd);
+        }
+      }
+      commandBufferRef.current = remaining;
+    }, 1e3);
+    return () => clearTimeout(timer);
+  }, [pluginId, commandBufferRef, dispatchToWebView]);
+  const handleMessage = (0, import_react5.useCallback)(
+    async (event) => {
+      let data;
+      try {
+        data = JSON.parse(event.nativeEvent.data);
+      } catch {
+        return;
+      }
+      if (data.source !== "adas-plugin") return;
+      const action = data.message?.action || data.action;
+      const payload = data.message?.payload || data.payload;
+      const type = data.message?.type || data.type;
+      if (action === "mcp-fetch" && payload?.requestId) {
+        const { requestId, body } = payload;
+        try {
+          const result = await (0, import_core8.mcpFetch)(body);
+          sendToPlugin("mcp-fetch-result", { requestId, result, error: null });
+        } catch (err) {
+          console.warn("[PluginBridge] mcp-fetch ERROR:", err.message);
+          sendToPlugin("mcp-fetch-result", { requestId, result: null, error: err.message });
+        }
+        return;
+      }
+      if (action === "mcp-call" && payload?.requestId) {
+        const { requestId, toolName, args: callArgs } = payload;
+        if (toolName) {
+          try {
+            const rpcResponse = await (0, import_core8.mcpToolCall)(toolName, callArgs || {});
+            const result = rpcResponse?.result ?? rpcResponse;
+            sendToPlugin("mcp-result", { requestId, result, error: null });
+          } catch (err) {
+            sendToPlugin("mcp-result", { requestId, result: null, error: err.message });
+          }
+          return;
+        }
+        const cId = payload.connectorId || callArgs?.connectorId || callArgs?.params?.connectorId;
+        const tool = payload.tool || callArgs?.tool || callArgs?.params?.tool;
+        const toolArgs = payload.args || callArgs?.args || callArgs?.params?.args || {};
+        if (!cId || !tool) {
+          console.error(`[PluginBridge] mcp-call missing params \u2014 connectorId: ${cId}, tool: ${tool}`);
+          sendToPlugin("mcp-result", { requestId, result: null, error: `Missing connectorId or tool in mcp-call. Got connectorId=${cId}, tool=${tool}` });
+          return;
+        }
+        try {
+          const data2 = await (0, import_core8.connectorCall)(cId, tool, toolArgs);
+          if (data2.ok) {
+            sendToPlugin("mcp-result", { requestId, result: data2.result, error: null });
+          } else {
+            sendToPlugin("mcp-result", { requestId, result: null, error: data2.error || "MCP call failed" });
+          }
+        } catch (err) {
+          sendToPlugin("mcp-result", { requestId, result: null, error: err.message });
+        }
+        return;
+      }
+      if (action === "close") {
+        import_core8.pluginCommandEmitter.emit("plugin-close", { pluginId });
+        return;
+      }
+      if (type === "plugin.command.result" && payload?.correlationId) {
+        const ws = wsRef?.current;
+        if (ws && ws.readyState === WebSocket.OPEN) {
+          try {
+            ws.send(JSON.stringify({
+              type: "plugin-command-result",
+              correlationId: payload.correlationId,
+              result: payload.result,
+              error: payload.error
+            }));
+          } catch (err) {
+            console.warn("[PluginBridge] WS send failed, falling back to POST:", err.message);
+            await (0, import_core8.postCommandResult)(payload.correlationId, payload.result, payload.error).catch(() => {
+            });
+          }
+        } else {
+          try {
+            await (0, import_core8.postCommandResult)(payload.correlationId, payload.result, payload.error);
+          } catch (err) {
+            console.warn("[PluginBridge] Failed to send command result:", err.message);
+          }
+        }
+        return;
+      }
+    },
+    [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
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function EmbeddedPluginWebView({ pluginId, manifest, commandBufferRef }) {
+  const [error, setError] = (0, import_react6.useState)(null);
+  const token = (0, import_core9.getToken)();
+  const tenant = (0, import_core9.getTenant)();
+  const { webViewRef, sendInit, handleMessage } = usePluginBridge(pluginId, manifest._connectorId, commandBufferRef);
+  const url = (0, import_plugin_runtime5.resolvePluginUrl)(manifest, tenant || void 0);
+  const bridgeJS = buildPluginBridgeJS(token || "", tenant || "");
+  const allowedHosts = (0, import_react6.useMemo)(() => {
+    const hosts = /* @__PURE__ */ new Set();
+    const urls = [(0, import_core9.getCoreApiUrl)()];
+    const voice = (0, import_core9.getConfig)().voiceUrl;
+    if (voice) urls.push(voice);
+    for (const u of urls) {
+      try {
+        hosts.add(new URL(u).hostname);
+      } catch {
+      }
+    }
+    return hosts;
+  }, []);
+  const isAllowedPluginUrl = (0, import_react6.useCallback)((rawUrl) => {
+    if (!rawUrl) return false;
+    let parsed;
+    try {
+      parsed = new URL(rawUrl);
+    } catch {
+      return false;
+    }
+    if (parsed.protocol !== "https:" && parsed.protocol !== "http:") return false;
+    if (parsed.protocol === "http:") return false;
+    return allowedHosts.has(parsed.hostname);
+  }, [allowedHosts]);
+  const originWhitelist = (0, import_react6.useMemo)(
+    () => Array.from(allowedHosts).map((h) => `https://${h}`),
+    [allowedHosts]
+  );
+  if (error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native9.View, { style: styles9.center, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native9.Text, { style: styles9.errorText, children: error }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native9.View, { style: styles9.container, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_react_native_webview.WebView,
+    {
+      ref: webViewRef,
+      source: { uri: url },
+      style: styles9.webview,
+      javaScriptEnabled: true,
+      domStorageEnabled: true,
+      allowsInlineMediaPlayback: true,
+      mediaPlaybackRequiresUserAction: false,
+      mixedContentMode: "never",
+      originWhitelist,
+      allowsBackForwardNavigationGestures: false,
+      setSupportMultipleWindows: false,
+      javaScriptCanOpenWindowsAutomatically: false,
+      onShouldStartLoadWithRequest: (req) => {
+        if (!isAllowedPluginUrl(req.url)) {
+          console.warn(`[EmbeddedPluginWebView] BLOCKED nav to disallowed origin: ${req.url}`);
+          return false;
+        }
+        return true;
+      },
+      injectedJavaScriptBeforeContentLoaded: bridgeJS,
+      onMessage: handleMessage,
+      onLoad: () => {
+        setTimeout(sendInit, 100);
+        setTimeout(sendInit, 500);
+        setTimeout(sendInit, 1200);
+      },
+      onError: (syntheticEvent) => {
+        const { nativeEvent } = syntheticEvent;
+        console.warn("[EmbeddedPluginWebView] Error:", nativeEvent.description);
+        setError(`WebView error: ${nativeEvent.description}`);
+      },
+      onHttpError: (syntheticEvent) => {
+        const { nativeEvent } = syntheticEvent;
+        console.warn("[EmbeddedPluginWebView] HTTP error:", nativeEvent.statusCode, nativeEvent.url);
+        if (nativeEvent.statusCode >= 400) {
+          setError(`HTTP ${nativeEvent.statusCode}: Failed to load plugin`);
+        }
+      },
+      startInLoadingState: true,
+      renderLoading: () => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native9.View, { style: styles9.webviewLoading, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native9.ActivityIndicator, { size: "small", color: import_core9.ada.orange }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native9.Text, { style: styles9.loadingText, children: "Loading plugin..." })
+      ] }),
+      ...import_react_native9.Platform.OS === "ios" ? { bounces: false } : {}
+    }
+  ) });
+}
+var styles9 = import_react_native9.StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: import_core9.ada.paper
+  },
+  center: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: import_core9.ada.paper,
+    paddingHorizontal: 32
+  },
+  errorText: {
+    color: "#C15545",
+    fontSize: 16,
+    textAlign: "center"
+  },
+  webview: {
+    flex: 1,
+    backgroundColor: import_core9.ada.paper
+  },
+  webviewLoading: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: import_core9.ada.paper,
+    gap: 12
+  },
+  loadingText: {
+    color: import_core9.ada.inkSoft,
+    fontSize: 14
+  }
+});
+
+// src/plugin/Plugin.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var PluginErrorBoundary = class extends import_react7.default.Component {
+  constructor() {
+    super(...arguments);
+    this.state = { hasError: false, error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, info) {
+    console.error(`[Plugin:${this.props.pluginId}] Crash:`, error, info.componentStack);
+  }
+  render() {
+    if (this.state.hasError) {
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native10.View, { style: styles10.error, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.Text, { style: styles10.errorTitle, children: "Plugin Error" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.Text, { style: styles10.errorMessage, children: this.state.error?.message || "An unexpected error occurred" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          import_react_native10.Pressable,
+          {
+            style: styles10.retryBtn,
+            onPress: () => this.setState({ hasError: false, error: null }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.Text, { style: styles10.retryText, children: "Retry" })
+          }
+        )
+      ] });
+    }
+    return this.props.children;
+  }
+};
+function Plugin({ id, manifest, commandBufferRef, props: engineProps }) {
+  const { plugin, loading, error, bundleMissing } = (0, import_plugin_runtime6.usePlugin)(id, manifest);
+  const connectorId = id.startsWith("mcp:") ? id.split(":")[1] : manifest._connectorId;
+  const bridge = (0, import_plugin_runtime6.useNativeBridge)(id, connectorId, commandBufferRef);
+  const native = (0, import_plugin_runtime6.getPluginNative)();
+  const theme = (0, import_plugin_runtime6.usePluginTheme)();
+  const user = (0, import_core10.getUser)();
+  const context = (0, import_react7.useMemo)(() => ({
+    tenant: (0, import_core10.getTenant)(),
+    pluginId: id,
+    connectorId,
+    user: user ? { id: user.actorId || "", name: user.name || "", roles: [] } : void 0
+  }), [id, connectorId, user?.actorId, user?.name]);
+  const iframeUrl = manifest?.render?.iframeUrl;
+  if (bundleMissing && iframeUrl) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(EmbeddedPluginWebView, { pluginId: id, manifest, commandBufferRef });
+  }
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native10.View, { style: styles10.center, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.ActivityIndicator, { size: "small", color: import_core10.colors.dark.accent }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.Text, { style: styles10.loadingText, children: "Loading plugin..." })
+    ] });
+  }
+  if (error || !plugin) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.View, { style: styles10.center, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.Text, { style: styles10.errorMessage, children: error || "Plugin not found" }) });
+  }
+  const { Component } = plugin;
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PluginErrorBoundary, { pluginId: id, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Component, { bridge, native, theme, context, props: engineProps }) });
+}
+var styles10 = import_react_native10.StyleSheet.create({
+  center: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: import_core10.colors.dark.bgPrimary,
+    paddingHorizontal: 32,
+    gap: 12
+  },
+  loadingText: {
+    color: import_core10.colors.dark.textSecondary,
+    fontSize: 14
+  },
+  error: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: import_core10.colors.dark.bgPrimary,
+    paddingHorizontal: 32,
+    gap: 8
+  },
+  errorTitle: {
+    color: import_core10.colors.dark.red,
+    fontSize: 16,
+    fontWeight: "600"
+  },
+  errorMessage: {
+    color: import_core10.colors.dark.textSecondary,
+    fontSize: 14,
+    textAlign: "center"
+  },
+  retryBtn: {
+    marginTop: 12,
+    paddingHorizontal: 20,
+    paddingVertical: 10,
+    backgroundColor: import_core10.colors.dark.accentSoft,
+    borderRadius: 8
+  },
+  retryText: {
+    color: import_core10.colors.dark.accent,
+    fontSize: 14,
+    fontWeight: "600"
+  }
+});
+
+// src/plugin/PluginSurface.tsx
+var import_react8 = require("react");
+var import_react_native11 = require("react-native");
+var import_core11 = require("@ateam-ai-mobile/core");
+var import_plugin_runtime7 = require("@ateam-ai-mobile/plugin-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function PluginSurface({ pluginId, surface, dismiss, props }) {
+  const [manifest, setManifest] = (0, import_react8.useState)(null);
+  const [error, setError] = (0, import_react8.useState)(null);
+  (0, import_react8.useEffect)(() => {
+    let cancelled = false;
+    (0, import_plugin_runtime7.getPlugin)(pluginId).then((m) => {
+      if (!cancelled) m ? setManifest(m) : setError("Plugin not found");
+    }).catch((e) => {
+      if (!cancelled) setError(e?.message || "Failed to load");
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [pluginId]);
+  const body = manifest ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Plugin, { id: pluginId, manifest, props }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native11.View, { style: { flex: 1, justifyContent: "center", alignItems: "center", padding: 24 }, children: error ? null : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native11.ActivityIndicator, { color: import_core11.ada.orange }) });
+  if (surface.type === "fullscreen") {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      import_plugin_runtime7.SurfaceFullscreen,
+      {
+        visible: true,
+        onClose: dismiss,
+        status: surface.title,
+        showWordmark: true,
+        closeIcon: "x",
+        closeLabel: "Close",
+        children: body
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    import_plugin_runtime7.SurfaceDrawer,
+    {
+      visible: true,
+      onClose: dismiss,
+      title: surface.title || pluginId,
+      subtitle: surface.subtitle,
+      privacy: !!surface.privacy,
+      children: body
+    }
+  );
+}
+
+// src/widgets/WidgetWebView.tsx
+var import_react9 = require("react");
+var import_react_native12 = require("react-native");
+var import_react_native_webview2 = require("react-native-webview");
+var import_core12 = require("@ateam-ai-mobile/core");
+var import_core13 = require("@ateam-ai-mobile/core");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var fontFam4 = import_react_native12.Platform.OS === "ios" ? "SF Pro Rounded" : void 0;
+function WidgetWebView({ visible, title, bundleUrl, onClose }) {
+  const [loading, setLoading] = (0, import_react9.useState)(true);
+  const [error, setError] = (0, import_react9.useState)(null);
+  const uri = (0, import_react9.useMemo)(() => {
+    if (!bundleUrl) return null;
+    if (/^https?:\/\//i.test(bundleUrl)) return bundleUrl;
+    return `${(0, import_core13.getCoreApiUrl)()}${bundleUrl}`;
+  }, [bundleUrl]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_react_native12.Modal,
+    {
+      visible,
+      animationType: "slide",
+      presentationStyle: "pageSheet",
+      onRequestClose: onClose,
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native12.View, { style: styles11.root, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native12.View, { style: styles11.bar, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.Pressable, { onPress: onClose, hitSlop: 12, style: styles11.closeBtn, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.Text, { style: styles11.closeIcon, children: "\u2715" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.Text, { style: styles11.title, numberOfLines: 1, children: title || "Widget" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.View, { style: styles11.closeBtn })
+        ] }),
+        !uri ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.View, { style: styles11.errorWrap, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.Text, { style: styles11.errorText, children: "No bundle available for this widget." }) }) : error ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native12.View, { style: styles11.errorWrap, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.Text, { style: styles11.errorText, children: "Couldn't load widget" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.Text, { style: styles11.errorSub, children: error })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            import_react_native_webview2.WebView,
+            {
+              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__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.View, { pointerEvents: "none", style: styles11.spinner, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.ActivityIndicator, { color: import_core12.ada.orange }) })
+        ] })
+      ] })
+    }
+  );
+}
+var styles11 = import_react_native12.StyleSheet.create({
+  root: {
+    flex: 1,
+    backgroundColor: import_core12.ada.paper
+  },
+  bar: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingHorizontal: 14,
+    paddingVertical: 12,
+    borderBottomWidth: 1,
+    borderBottomColor: import_core12.ada.border,
+    backgroundColor: import_core12.ada.paperSoft
+  },
+  closeBtn: {
+    width: 32,
+    height: 32,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  closeIcon: {
+    fontSize: 18,
+    color: import_core12.ada.ink,
+    fontWeight: "500"
+  },
+  title: {
+    flex: 1,
+    textAlign: "center",
+    fontSize: 16,
+    fontWeight: "600",
+    color: import_core12.ada.ink,
+    fontFamily: fontFam4,
+    letterSpacing: -0.2
+  },
+  web: {
+    flex: 1,
+    backgroundColor: import_core12.ada.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: import_core12.ada.ink,
+    fontWeight: "600",
+    marginBottom: 6
+  },
+  errorSub: {
+    fontSize: 13,
+    color: import_core12.ada.inkMuted,
+    textAlign: "center"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AdasChatScreen,
+  ChatInput,
+  DaySeparator,
+  EmbeddedPluginWebView,
+  JobProgressBar,
+  Lightbox,
+  MessageBubble,
+  Plugin,
+  PluginSurface,
+  TableCardBlock,
+  TypingIndicator,
+  UIActionsRow,
+  WidgetWebView,
+  buildPluginBridgeJS,
+  setClipboardProvider,
+  setUIActionNavigator,
+  useLightboxStore,
+  usePluginBridge
+});
+//# sourceMappingURL=index.js.map