Teleton Client is offline
+Live Telegram, agent, proxy, and TON actions need network access or a configured local bridge.
+
+
+
+
+
+
+
+
+
+
+
+ Teleton Agent
+{agentStatus.connection}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Runtime
+-
+
- Connection +
- {agentStatus.connection} +
- Lifecycle +
- {agentStatus.lifecycle ?? 'unknown'} +
- Uptime +
- {agentStatus.uptime ? `${Math.floor(agentStatus.uptime)}s` : 'none'} +
+
+
+
+
+
+ {agentStatus.error}
} +
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+ Teleton Client
+Alpha Web
+
+ {[
+ ['TDLib', authStatus === 'error' ? 'blocked' : authStatus === 'initializing' ? 'starting' : 'ready'],
+ ['Agent', 'optional'],
+ ['TON', 'confirmable']
+ ].map(([label, value]) => (
+
+
+
+ {label}
+ {value}
+
+ ))}
+
+
+
+
+
+
+
+
+
+ void selectChat(chatId)} />
+
+
+
+ Chats
+ +
+ void sendMessage(text)} />
+
+
+
+
+
+
+
+
+
+ Settings
+Proxy and encrypted browser state
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ TON
+Agent-backed operations
+
+
+ Wallet State
+-
+
- Balance +
- + {tonBalance ? `${tonBalance.balance} ${tonBalance.currency}` : 'none'} + +
- Address +
- {tonBalance?.address ?? 'none'} +
- Transaction +
- {txHash || 'none'} +
+
+
+
+
+
+ No chats loaded.
;
+ }
+
+ return (
+
+ {chats.map((chat) => (
+
+ ))}
+
+ );
+}
diff --git a/web/src/widgets/InputBar.tsx b/web/src/widgets/InputBar.tsx
new file mode 100644
index 0000000..5493cf8
--- /dev/null
+++ b/web/src/widgets/InputBar.tsx
@@ -0,0 +1,41 @@
+import { Send } from 'lucide-react';
+import { FormEvent, useState } from 'react';
+
+interface InputBarProps {
+ disabled?: boolean;
+ onSend: (text: string) => void;
+}
+
+export function InputBar({ disabled, onSend }: InputBarProps) {
+ const [text, setText] = useState('');
+
+ const submit = (event: FormEvent) => {
+ event.preventDefault();
+ const value = text.trim();
+ if (!value) return;
+ onSend(value);
+ setText('');
+ };
+
+ return (
+