@base44/superagent-native 0.0.2 → 0.0.3

package/lib/commonjs/AgentSphereIcon.js

@@ -5,19 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AgentSphereIcon = AgentSphereIcon;
 var _react = _interopRequireDefault(require("react"));
+var _theme = require("./theme.js");
 var _reactNative = require("react-native");
 var _lucideReactNative = require("lucide-react-native");
-var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _reactNativeSvg = require("react-native-svg");
+var _agentSphereAssets = require("./agentSphereAssets.js");
 var _agentSphereStyles = require("./agentSphereStyles.js");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const SIZES = {
   header: 34,
   md: 30,
   sm: 24
 };
-const SPHERE_PALETTES = [['#FF4F00', '#FF9867', '#F5D3A2', '#A9B0ED', '#FFF3E2'], ['#23AEE0', '#3874FF', '#93C5F7', '#33EBFF', '#D1F3FF'], ['#119C72', '#5FE6A3', '#C8FACC', '#2F7D6D', '#F0FFF4'], ['#9BE266', '#D9F99D', '#5AC27C', '#F4FFE7', '#7EA650'], ['#0A0A0F', '#2A2A36', '#73717F', '#F4F4F5', '#15151C']];
 function AgentSphereIcon({
   agent,
   isUser = false,
@@ -57,7 +57,7 @@ function AgentSphereIcon({
         width: dimension
       }],
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.User, {
-        color: "#D4D4D8",
+        color: (0, _theme.themedColor)('#D4D4D8'),
         size: dimension * 0.48,
         strokeWidth: 2.4
       })
@@ -111,116 +111,16 @@ function SphereAvatar({
   avatarIndex,
   size
 }) {
-  const palette = getSpherePalette(avatarIndex);
-  const rawId = _react.default.useId();
-  const id = rawId.replace(/[^a-zA-Z0-9_-]/g, '');
-  const clipId = `agentSphereClip${id}`;
-  const glowId = `agentSphereGlow${id}`;
-  const sheenId = `agentSphereSheen${id}`;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-    width: size,
-    height: size,
-    viewBox: "0 0 48 48",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.Defs, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.ClipPath, {
-        id: clipId,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
-          cx: "24",
-          cy: "24",
-          r: "19"
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.RadialGradient, {
-        id: glowId,
-        cx: "38%",
-        cy: "30%",
-        r: "72%",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
-          offset: "0%",
-          stopColor: palette[4],
-          stopOpacity: "0.95"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
-          offset: "36%",
-          stopColor: palette[2],
-          stopOpacity: "0.92"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
-          offset: "72%",
-          stopColor: palette[1],
-          stopOpacity: "0.92"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
-          offset: "100%",
-          stopColor: palette[0],
-          stopOpacity: "1"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.LinearGradient, {
-        id: sheenId,
-        x1: "7",
-        y1: "3",
-        x2: "44",
-        y2: "47",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
-          offset: "0%",
-          stopColor: "#FFFFFF",
-          stopOpacity: "0"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
-          offset: "42%",
-          stopColor: "#FFFFFF",
-          stopOpacity: "0.08"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
-          offset: "100%",
-          stopColor: "#FFFFFF",
-          stopOpacity: "0.24"
-        })]
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
-      clipPath: `url(#${clipId})`,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
-        width: "48",
-        height: "48",
-        fill: `url(#${glowId})`
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Ellipse, {
-        cx: "12",
-        cy: "18",
-        rx: "17",
-        ry: "8",
-        fill: palette[1],
-        opacity: "0.95",
-        transform: "rotate(-26 12 18)"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Ellipse, {
-        cx: "31",
-        cy: "13",
-        rx: "18",
-        ry: "7",
-        fill: palette[2],
-        opacity: "0.94",
-        transform: "rotate(25 31 13)"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Ellipse, {
-        cx: "34",
-        cy: "31",
-        rx: "18",
-        ry: "10",
-        fill: palette[3],
-        opacity: "0.68",
-        transform: "rotate(-18 34 31)"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Ellipse, {
-        cx: "16",
-        cy: "37",
-        rx: "18",
-        ry: "5",
-        fill: palette[4],
-        opacity: "0.72",
-        transform: "rotate(-5 16 37)"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-        d: "M6 30 C15 16 27 18 41 27 C36 40 14 44 6 30Z",
-        fill: "#FFFFFF",
-        opacity: "0.16"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
-        x: "-5",
-        y: "-2",
-        width: "58",
-        height: "54",
-        fill: `url(#${sheenId})`
-      })]
-    })]
+  // Renders the same built-in sphere SVGs the web builder uses, selected by
+  // avatarIndex (see AgentAvatarImage in the builder app). The artwork's
+  // visible sphere is a r=19 circle in a 48-unit viewBox, so scale up to make
+  // the sphere itself span `size`; the frame clips the transparent margins.
+  const index = ((avatarIndex ?? 0) % _agentSphereAssets.AGENT_SPHERE_SVGS.length + _agentSphereAssets.AGENT_SPHERE_SVGS.length) % _agentSphereAssets.AGENT_SPHERE_SVGS.length;
+  const renderedSize = size * (48 / 38);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.SvgXml, {
+    xml: _agentSphereAssets.AGENT_SPHERE_SVGS[index],
+    width: renderedSize,
+    height: renderedSize
   });
 }
 function getAgentLogo(agent) {
@@ -236,8 +136,4 @@ function getAgentLogo(agent) {
     url: logoUrl || null
   };
 }
-function getSpherePalette(avatarIndex) {
-  const index = ((avatarIndex ?? 0) % SPHERE_PALETTES.length + SPHERE_PALETTES.length) % SPHERE_PALETTES.length;
-  return SPHERE_PALETTES[index];
-}
 //# sourceMappingURL=AgentSphereIcon.js.map

package/lib/commonjs/AgentSphereIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_lucideReactNative","_reactNativeSvg","_interopRequireWildcard","_agentSphereStyles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SIZES","header","md","sm","SPHERE_PALETTES","AgentSphereIcon","agent","isUser","size","userAvatarUrl","dimension","borderRadius","logo","getAgentLogo","userImageFailed","setUserImageFailed","React","useState","normalizedUserAvatarUrl","trim","useEffect","jsx","View","style","agentSphereStyles","frame","userFrame","height","width","children","Image","onError","resizeMode","source","uri","image","User","color","strokeWidth","emoji","emojiFrame","Text","fontSize","lineHeight","url","builtInFrame","SphereAvatar","avatarIndex","palette","getSpherePalette","rawId","useId","id","replace","clipId","glowId","sheenId","jsxs","viewBox","Defs","ClipPath","Circle","cx","cy","RadialGradient","Stop","offset","stopColor","stopOpacity","LinearGradient","x1","y1","x2","y2","G","clipPath","Rect","fill","Ellipse","rx","ry","opacity","transform","Path","d","x","y","logoUrl","startsWith","index","length"],"sourceRoot":"../../src","sources":["AgentSphereIcon.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_theme","_reactNative","_lucideReactNative","_reactNativeSvg","_agentSphereAssets","_agentSphereStyles","_jsxRuntime","e","__esModule","default","SIZES","header","md","sm","AgentSphereIcon","agent","isUser","size","userAvatarUrl","dimension","borderRadius","logo","getAgentLogo","userImageFailed","setUserImageFailed","React","useState","normalizedUserAvatarUrl","trim","useEffect","jsx","View","style","agentSphereStyles","frame","userFrame","height","width","children","Image","onError","resizeMode","source","uri","image","User","color","themedColor","strokeWidth","emoji","emojiFrame","Text","fontSize","lineHeight","url","builtInFrame","SphereAvatar","avatarIndex","index","AGENT_SPHERE_SVGS","length","renderedSize","SvgXml","xml","logoUrl","startsWith","replace"],"sourceRoot":"../../src","sources":["AgentSphereIcon.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/AttachmentPickerStatusModal.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AttachmentPickerStatusModal = AttachmentPickerStatusModal;
 var _react = _interopRequireDefault(require("react"));
+var _theme = require("./theme.js");
 var _reactNative = require("react-native");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -24,7 +25,7 @@ function AttachmentPickerStatusModal({
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: styles.sheet,
         children: [isError ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-          color: "#F4F4F5",
+          color: (0, _theme.themedColor)('#F4F4F5'),
           style: styles.loader
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: styles.title,
@@ -45,7 +46,7 @@ function AttachmentPickerStatusModal({
     })
   });
 }
-const styles = _reactNative.StyleSheet.create({
+const styles = (0, _theme.createThemedStyles)({
   backdrop: {
     alignItems: 'center',
     backgroundColor: 'rgba(0, 0, 0, 0.62)',

package/lib/commonjs/AttachmentPickerStatusModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","AttachmentPickerStatusModal","isError","message","onClose","title","jsx","Modal","animationType","transparent","visible","onRequestClose","children","View","style","styles","backdrop","jsxs","sheet","ActivityIndicator","color","loader","Text","error","undefined","Pressable","accessibilityRole","onPress","closeButton","closeText","StyleSheet","create","alignItems","backgroundColor","flex","justifyContent","padding","borderRadius","height","marginTop","fontSize","fontWeight","marginBottom","lineHeight","textAlign","borderColor","borderWidth","width"],"sourceRoot":"../../src","sources":["AttachmentPickerStatusModal.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_theme","_reactNative","_jsxRuntime","e","__esModule","default","AttachmentPickerStatusModal","isError","message","onClose","title","jsx","Modal","animationType","transparent","visible","onRequestClose","children","View","style","styles","backdrop","jsxs","sheet","ActivityIndicator","color","themedColor","loader","Text","error","undefined","Pressable","accessibilityRole","onPress","closeButton","closeText","createThemedStyles","alignItems","backgroundColor","flex","justifyContent","padding","borderRadius","height","marginTop","fontSize","fontWeight","marginBottom","lineHeight","textAlign","borderColor","borderWidth","width"],"sourceRoot":"../../src","sources":["AttachmentPickerStatusModal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ChannelsPanel.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ChannelsPanel = ChannelsPanel;
 var _react = _interopRequireWildcard(require("react"));
+var _theme = require("./theme.js");
 var _reactNative = require("react-native");
 var _lucideReactNative = require("lucide-react-native");
 var _editorShellStyles = require("./editorShellStyles.js");
@@ -33,9 +34,10 @@ function ChannelsPanel({
 }) {
   const imessage = channelStatus?.imessage;
   const telegram = channelStatus?.telegram;
-  const line = channelStatus?.line;
   const whatsapp = channelStatus?.whatsapp;
-  const supportedCount = 4;
+  // LINE is hidden for now — its connection status isn't wired on native yet
+  // (no runtime status route), so it would always show as disconnected.
+  const supportedCount = 3;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: _editorShellStyles.editorShellStyles.settingsStack,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
@@ -53,7 +55,7 @@ function ChannelsPanel({
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
           style: channelStyles.headerActions,
           children: [isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-            color: "#FF5A1F",
+            color: (0, _theme.themedColor)('#FF5A1F'),
             size: "small"
           }) : null, onRefreshChannels ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
             accessibilityLabel: "Refresh channels",
@@ -64,7 +66,7 @@ function ChannelsPanel({
               pressed
             }) => [channelStyles.iconButton, isLoading && channelStyles.disabled, pressed && _styles.styles.pressed],
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.RefreshCw, {
-              color: "#F4F4F5",
+              color: (0, _theme.themedColor)('#F4F4F5'),
               size: 17,
               strokeWidth: 2.4
             })
@@ -77,9 +79,11 @@ function ChannelsPanel({
         style: channelStyles.stack,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(WhatsAppChannel, {
           agentId: agent.id,
+          connected: !!whatsapp?.connected,
           isBusy: connectingChannelId === 'whatsapp',
           isReady: !!whatsapp?.connectUrl,
-          onOpenWhatsApp: onOpenWhatsApp
+          onOpenWhatsApp: onOpenWhatsApp,
+          userHandle: whatsapp?.userHandle ?? null
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(IMessageChannel, {
           agentId: agent.id,
           imessage: imessage,
@@ -95,13 +99,6 @@ function ChannelsPanel({
           onOpenTelegram: onOpenTelegram,
           onSetupTelegram: onSetupTelegram,
           telegram: telegram
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(LineChannel, {
-          agentId: agent.id,
-          isBusy: connectingChannelId === 'line',
-          line: line,
-          onGenerateLineCode: onGenerateLineCode,
-          onOpenLine: onOpenLine,
-          onShareLineCode: onShareLineCode
         })]
       })]
     })
@@ -109,35 +106,60 @@ function ChannelsPanel({
 }
 function WhatsAppChannel({
   agentId,
+  connected,
   isBusy,
   isReady,
-  onOpenWhatsApp
+  onOpenWhatsApp,
+  userHandle
 }) {
+  // The handler builds the connect URL on press, so don't gate on a preloaded
+  // connectUrl — it's missing before status loads / after a failed refresh even
+  // though pressing the button would work.
+  const openButton = /*#__PURE__*/(0, _jsxRuntime.jsx)(ChannelButton, {
+    disabled: !onOpenWhatsApp || isBusy,
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.ExternalLink, {
+      color: (0, _theme.themedColor)('#111111'),
+      size: 15,
+      strokeWidth: 2.4
+    }),
+    isBusy: isBusy,
+    label: "Open WhatsApp",
+    onPress: () => onOpenWhatsApp?.({
+      agentId
+    })
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(ChannelCard, {
     accent: "#25D366",
-    body: "Open WhatsApp with the generated activation message for this Superagent.",
+    body: connected ? 'Connected and active via WhatsApp.' : 'Open WhatsApp with the generated activation message for this Superagent.',
     icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.MessageCircle, {
-      color: "#111111",
+      color: (0, _theme.themedColor)('#111111'),
       size: 20,
       strokeWidth: 2.45
     }),
-    status: isReady ? 'Setup link ready' : 'Needs auth token',
+    status: connected ? 'Active' : isReady ? 'Setup link ready' : 'Tap to open setup',
     title: "WhatsApp",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: channelStyles.actionRow,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ChannelButton, {
-        disabled: !isReady || !onOpenWhatsApp || isBusy,
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.ExternalLink, {
-          color: "#111111",
-          size: 15,
+    children: connected ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: channelStyles.connectedBox,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: channelStyles.connectedTitleRow,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.CheckCircle2, {
+          color: (0, _theme.themedColor)('#34D399'),
+          size: 17,
           strokeWidth: 2.4
-        }),
-        isBusy: isBusy,
-        label: "Open WhatsApp",
-        onPress: () => onOpenWhatsApp?.({
-          agentId
-        })
-      })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: channelStyles.connectedTitle,
+          children: "WhatsApp connection"
+        })]
+      }), userHandle ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        style: channelStyles.connectedBody,
+        children: ["From: ", userHandle]
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: channelStyles.actionRow,
+        children: openButton
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: channelStyles.actionRow,
+      children: openButton
     })
   });
 }
@@ -187,7 +209,7 @@ function IMessageChannel({
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: channelStyles.connectedTitleRow,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.CheckCircle2, {
-          color: "#34D399",
+          color: (0, _theme.themedColor)('#34D399'),
           size: 17,
           strokeWidth: 2.4
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
@@ -203,7 +225,7 @@ function IMessageChannel({
           danger: true,
           disabled: !onDisconnectIMessage || isBusy,
           icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Unplug, {
-            color: "#FCA5A5",
+            color: (0, _theme.themedColor)('#FCA5A5'),
             size: 15,
             strokeWidth: 2.4
           }),
@@ -253,7 +275,7 @@ function IMessageChannel({
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ChannelButton, {
             disabled: !onOpenIMessage || isBusy,
             icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.ExternalLink, {
-              color: "#111111",
+              color: (0, _theme.themedColor)('#111111'),
               size: 15,
               strokeWidth: 2.4
             }),
@@ -266,7 +288,7 @@ function IMessageChannel({
             secondary: true,
             disabled: !onShareIMessageCode,
             icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Copy, {
-              color: "#F4F4F5",
+              color: (0, _theme.themedColor)('#F4F4F5'),
               size: 15,
               strokeWidth: 2.4
             }),
@@ -324,7 +346,7 @@ function TelegramChannel({
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: channelStyles.connectedTitleRow,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.CheckCircle2, {
-          color: "#34D399",
+          color: (0, _theme.themedColor)('#34D399'),
           size: 17,
           strokeWidth: 2.4
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
@@ -338,7 +360,7 @@ function TelegramChannel({
         style: channelStyles.actionRow,
         children: [telegram.botLink ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ChannelButton, {
           icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.ExternalLink, {
-            color: "#111111",
+            color: (0, _theme.themedColor)('#111111'),
             size: 15,
             strokeWidth: 2.4
           }),
@@ -351,7 +373,7 @@ function TelegramChannel({
           danger: true,
           disabled: !onDisconnectTelegram || isBusy,
           icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Unplug, {
-            color: "#FCA5A5",
+            color: (0, _theme.themedColor)('#FCA5A5'),
             size: 15,
             strokeWidth: 2.4
           }),
@@ -378,7 +400,7 @@ function TelegramChannel({
           }
         },
         placeholder: "123456789:AA...",
-        placeholderTextColor: "#71717A",
+        placeholderTextColor: (0, _theme.themedColor)('#71717A'),
         style: channelStyles.tokenInput,
         value: tokenText
       }), tokenError ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
@@ -389,7 +411,7 @@ function TelegramChannel({
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ChannelButton, {
           disabled: !onSetupTelegram || isBusy,
           icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.CheckCircle2, {
-            color: "#111111",
+            color: (0, _theme.themedColor)('#111111'),
             size: 15,
             strokeWidth: 2.4
           }),
@@ -433,7 +455,7 @@ function LineChannel({
         style: channelStyles.actionRow,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ChannelButton, {
           icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.ExternalLink, {
-            color: "#111111",
+            color: (0, _theme.themedColor)('#111111'),
             size: 15,
             strokeWidth: 2.4
           }),
@@ -445,7 +467,7 @@ function LineChannel({
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ChannelButton, {
           secondary: true,
           icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Copy, {
-            color: "#F4F4F5",
+            color: (0, _theme.themedColor)('#F4F4F5'),
             size: 15,
             strokeWidth: 2.4
           }),
@@ -461,7 +483,7 @@ function LineChannel({
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ChannelButton, {
         disabled: !onGenerateLineCode || isBusy,
         icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.RefreshCw, {
-          color: "#111111",
+          color: (0, _theme.themedColor)('#111111'),
           size: 15,
           strokeWidth: 2.4
         }),
@@ -527,7 +549,7 @@ function ChannelButton({
       pressed
     }) => [channelStyles.button, secondary && channelStyles.buttonSecondary, danger && channelStyles.buttonDanger, disabled && channelStyles.disabled, pressed && _styles.styles.pressed],
     children: [isBusy ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-      color: danger || secondary ? '#F4F4F5' : '#111111',
+      color: danger || secondary ? (0, _theme.themedColor)('#F4F4F5') : (0, _theme.themedColor)('#111111'),
       size: "small"
     }) : icon, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       style: [channelStyles.buttonText, secondary && channelStyles.buttonTextSecondary, danger && channelStyles.buttonTextDanger],
@@ -542,7 +564,7 @@ function extractTelegramToken(value) {
   }
   return TELEGRAM_TOKEN_SEARCH.exec(trimmed)?.[0] ?? null;
 }
-const channelStyles = _reactNative.StyleSheet.create({
+const channelStyles = (0, _theme.createThemedStyles)({
   actionRow: {
     flexDirection: 'row',
     flexWrap: 'wrap',