feat(channels): add web channel support and enhance routing logic

- Introduced a new 'web' channel definition in MessagingPanel, allowing chat via the built-in web UI.
- Updated channel connection state management to include the web channel, ensuring proper handling of connections.
- Enhanced routing logic to support fallback mechanisms across all defined channels, improving resilience in connection handling.
- Refactored channel type definitions to accommodate the new web channel, ensuring consistency across the application.

Author: senamakel

app/src/components/settings/panels/MessagingPanel.tsx

@@ -115,6 +115,21 @@ const FALLBACK_DEFINITIONS: ChannelDefinition[] = [
     ],
     capabilities: ['send_text', 'receive_text', 'typing', 'threaded_replies'],
   },
+  {
+    id: 'web',
+    display_name: 'Web',
+    description: 'Chat via the built-in web UI.',
+    icon: 'web',
+    auth_modes: [
+      {
+        mode: 'managed_dm',
+        description: 'Use the embedded web chat — no setup required.',
+        fields: [],
+        auth_action: undefined,
+      },
+    ],
+    capabilities: ['send_text', 'send_rich_text', 'receive_text'],
+  },
 ];
 
 const MessagingPanel = () => {

app/src/lib/channels/routing.ts

@@ -8,6 +8,8 @@ import type {
 
 const SEND_PRIORITY: ChannelAuthMode[] = ['managed_dm', 'oauth', 'bot_token', 'api_key'];
 
+const ALL_CHANNELS: ChannelType[] = ['telegram', 'discord', 'web'];
+
 function isConnected(connection: ChannelConnection | undefined): boolean {
   return connection?.status === 'connected';
 }
@@ -17,6 +19,7 @@ export function resolvePreferredAuthModeForChannel(
   channel: ChannelType
 ): ChannelAuthMode | null {
   const channelModes = state.connections[channel];
+  if (!channelModes) return null;
   for (const authMode of SEND_PRIORITY) {
     if (isConnected(channelModes[authMode])) {
       return authMode;
@@ -35,9 +38,14 @@ export function resolveOutboundRoute(
     return { channel, authMode: mode };
   }
 
-  const fallbackChannel: ChannelType = channel === 'telegram' ? 'discord' : 'telegram';
-  const fallbackMode = resolvePreferredAuthModeForChannel(state, fallbackChannel);
-  if (!fallbackMode) return null;
+  // Try other channels as fallback.
+  for (const fallback of ALL_CHANNELS) {
+    if (fallback === channel) continue;
+    const fallbackMode = resolvePreferredAuthModeForChannel(state, fallback);
+    if (fallbackMode) {
+      return { channel: fallback, authMode: fallbackMode };
+    }
+  }
 
-  return { channel: fallbackChannel, authMode: fallbackMode };
+  return null;
 }

app/src/store/channelConnectionsSlice.ts

@@ -21,7 +21,11 @@ const initialState: ChannelConnectionsState = {
   schemaVersion: SCHEMA_VERSION,
   migrationCompleted: false,
   defaultMessagingChannel: 'telegram',
-  connections: { telegram: makeEmptyChannelModes(), discord: makeEmptyChannelModes() },
+  connections: {
+    telegram: makeEmptyChannelModes(),
+    discord: makeEmptyChannelModes(),
+    web: makeEmptyChannelModes(),
+  },
 };
 
 function touchConnection(
@@ -47,6 +51,7 @@ const channelConnectionsSlice = createSlice({
       if (state.migrationCompleted) return;
       state.connections.telegram = makeEmptyChannelModes();
       state.connections.discord = makeEmptyChannelModes();
+      state.connections.web = makeEmptyChannelModes();
       state.defaultMessagingChannel = 'telegram';
       state.migrationCompleted = true;
       state.schemaVersion = SCHEMA_VERSION;

app/src/types/channels.ts

@@ -1,4 +1,4 @@
-export type ChannelType = 'telegram' | 'discord';
+export type ChannelType = 'telegram' | 'discord' | 'web';
 
 export type ChannelAuthMode = 'managed_dm' | 'oauth' | 'bot_token' | 'api_key';
 

src/openhuman/channels/controllers/definitions.rs

@@ -150,7 +150,11 @@ impl ChannelDefinition {
 
 /// Return the static registry of all supported channel definitions.
 pub fn all_channel_definitions() -> Vec<ChannelDefinition> {
-    vec![telegram_definition(), discord_definition()]
+    vec![
+        telegram_definition(),
+        discord_definition(),
+        web_definition(),
+    ]
 }
 
 /// Look up a channel definition by id.
@@ -248,6 +252,26 @@ fn discord_definition() -> ChannelDefinition {
     }
 }
 
+fn web_definition() -> ChannelDefinition {
+    ChannelDefinition {
+        id: "web",
+        display_name: "Web",
+        description: "Chat via the built-in web UI.",
+        icon: "web",
+        auth_modes: vec![AuthModeSpec {
+            mode: ChannelAuthMode::ManagedDm,
+            description: "Use the embedded web chat — no setup required.",
+            fields: vec![],
+            auth_action: None,
+        }],
+        capabilities: vec![
+            ChannelCapability::SendText,
+            ChannelCapability::SendRichText,
+            ChannelCapability::ReceiveText,
+        ],
+    }
+}
+
 #[cfg(test)]
 mod tests {
     use super::*;