@hienlh/ppm 0.9.31 → 0.9.33

package/src/services/proxy.service.ts

@@ -2,6 +2,7 @@ import { getConfigValue, setConfigValue } from "./db.service.ts";
 import { accountSelector } from "./account-selector.service.ts";
 import { accountService } from "./account.service.ts";
 import { forwardViaSdk } from "./proxy-sdk-bridge.ts";
+import { forwardOpenAiViaSdk } from "./proxy-openai-bridge.ts";
 import { randomBytes } from "node:crypto";
 
 const PROXY_ENABLED_KEY = "proxy_enabled";
@@ -86,6 +87,38 @@ class ProxyService {
     return this.forwardDirect(path, method, headers, body, token, account);
   }
 
+  /**
+   * Forward an OpenAI-format chat completions request via SDK query().
+   * Always uses SDK bridge (works for both OAuth and API key accounts).
+   */
+  async forwardOpenAi(body: string): Promise<Response> {
+    const account = accountSelector.next();
+    if (!account) {
+      return new Response(
+        JSON.stringify({ error: { message: "No active accounts available", type: "server_error" } }),
+        { status: 401, headers: { "Content-Type": "application/json" } },
+      );
+    }
+
+    let token = account.accessToken;
+    if (token.startsWith("sk-ant-oat")) {
+      const fresh = await accountService.ensureFreshToken(account.id);
+      if (fresh) token = fresh.accessToken;
+    }
+
+    try {
+      const parsed = JSON.parse(body);
+      this.requestCount++;
+      return await forwardOpenAiViaSdk(parsed, { id: account.id, email: account.email, accessToken: token });
+    } catch (e) {
+      console.error(`[proxy] OpenAI bridge error:`, (e as Error).message);
+      return new Response(
+        JSON.stringify({ error: { message: (e as Error).message, type: "server_error" } }),
+        { status: 502, headers: { "Content-Type": "application/json" } },
+      );
+    }
+  }
+
   /** Direct HTTP forward for API key accounts */
   private async forwardDirect(
     path: string,

package/src/types/clawbot.ts

@@ -0,0 +1,103 @@
+/** Telegram update object (subset we care about) */
+export interface TelegramUpdate {
+  update_id: number;
+  message?: TelegramMessage;
+  edited_message?: TelegramMessage;
+}
+
+export interface TelegramMessage {
+  message_id: number;
+  from?: { id: number; first_name: string; username?: string };
+  chat: { id: number; type: "private" | "group" | "supergroup" };
+  date: number;
+  text?: string;
+  caption?: string;
+}
+
+/** Sent message result from Telegram API */
+export interface TelegramSentMessage {
+  message_id: number;
+  chat: { id: number };
+  date: number;
+}
+
+/** ClawBot session row from SQLite */
+export interface ClawBotSessionRow {
+  id: number;
+  telegram_chat_id: string;
+  session_id: string;
+  provider_id: string;
+  project_name: string;
+  project_path: string;
+  is_active: number;
+  created_at: number;
+  last_message_at: number;
+}
+
+/** ClawBot memory row from SQLite */
+export interface ClawBotMemoryRow {
+  id: number;
+  project: string;
+  content: string;
+  category: ClawBotMemoryCategory;
+  importance: number;
+  created_at: number;
+  updated_at: number;
+  session_id: string | null;
+  superseded_by: number | null;
+}
+
+export type ClawBotMemoryCategory =
+  | "fact"
+  | "decision"
+  | "preference"
+  | "architecture"
+  | "issue";
+
+/** Active session state tracked in memory (not DB) */
+export interface ClawBotActiveSession {
+  telegramChatId: string;
+  sessionId: string;
+  providerId: string;
+  projectName: string;
+  projectPath: string;
+  /** Telegram message ID being edited for streaming */
+  currentMessageId?: number;
+  /** Debounce timer for rapid messages */
+  debounceTimer?: ReturnType<typeof setTimeout>;
+  /** Accumulated debounced text */
+  debouncedText?: string;
+}
+
+/** Parsed command from Telegram message */
+export interface ClawBotCommand {
+  command: string;
+  args: string;
+  chatId: number;
+  messageId: number;
+  userId: number;
+  username?: string;
+}
+
+/** Memory recall result with relevance score */
+export interface MemoryRecallResult {
+  id: number;
+  content: string;
+  category: ClawBotMemoryCategory;
+  importance: number;
+  project: string;
+  /** FTS5 rank score (lower = more relevant) */
+  rank?: number;
+}
+
+/** Paired chat row from SQLite */
+export interface ClawBotPairedChat {
+  id: number;
+  telegram_chat_id: string;
+  telegram_user_id: string | null;
+  display_name: string | null;
+  pairing_code: string | null;
+  status: "pending" | "approved" | "revoked";
+  created_at: number;
+  approved_at: number | null;
+}

package/src/types/config.ts

@@ -9,6 +9,17 @@ export interface TelegramConfig {
   chat_id: string;
 }
 
+export interface ClawBotConfig {
+  enabled: boolean;
+  default_provider: string;
+  default_project: string;
+  system_prompt: string;
+  show_tool_calls: boolean;
+  show_thinking: boolean;
+  permission_mode: string;
+  debounce_ms: number;
+}
+
 export type ThemeConfig = "light" | "dark" | "system";
 
 export interface PpmConfig {
@@ -21,6 +32,7 @@ export interface PpmConfig {
   ai: AIConfig;
   push?: PushConfig;
   telegram?: TelegramConfig;
+  clawbot?: ClawBotConfig;
   cloud_url?: string;
 }
 
@@ -85,6 +97,20 @@ export const DEFAULT_CONFIG: PpmConfig = {
       },
     },
   },
+  telegram: {
+    bot_token: "",
+    chat_id: "",
+  },
+  clawbot: {
+    enabled: false,
+    default_provider: "claude",
+    default_project: "",
+    system_prompt: "",
+    show_tool_calls: true,
+    show_thinking: false,
+    permission_mode: "bypassPermissions",
+    debounce_ms: 2000,
+  },
 };
 
 const VALID_TYPES = ["agent-sdk", "cli", "mock"] as const;

package/src/web/components/chat/chat-history-bar.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect, useCallback, useRef } from "react";
-import { History, Settings2, Loader2, MessageSquare, RefreshCw, Search, Pencil, Check, X, BellOff, Bug, ClipboardCheck, Pin, PinOff, Trash2, Users } from "lucide-react";
+import { History, Settings2, Loader2, MessageSquare, RefreshCw, Search, Pencil, Check, X, BellOff, Bug, ClipboardCheck, Pin, PinOff, Trash2, Users, Bot } from "lucide-react";
 import { Activity } from "lucide-react";
 import { api, projectUrl } from "@/lib/api-client";
 import { useTabStore } from "@/stores/tab-store";
@@ -398,9 +398,14 @@ export function ChatHistoryBar({
                     <>
                       <button
                         onClick={() => openSession(session)}
-                        className="text-[11px] truncate flex-1 text-left"
+                        className="text-[11px] truncate flex-1 text-left flex items-center gap-1"
                       >
-                        {session.title || "Untitled"}
+                        {session.title?.startsWith("[Claw]") && (
+                          <Bot className="size-3 text-muted-foreground shrink-0" />
+                        )}
+                        {session.title?.startsWith("[Claw]")
+                          ? session.title.slice(7)
+                          : session.title || "Untitled"}
                       </button>
                       <button
                         onClick={(e) => togglePin(e, session)}

package/src/web/components/settings/clawbot-settings-section.tsx

@@ -0,0 +1,270 @@
+import { useState, useEffect, useCallback, type ChangeEvent } from "react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Switch } from "@/components/ui/switch";
+import { api } from "@/lib/api-client";
+import { Trash2, CheckCircle, Clock } from "lucide-react";
+
+interface ClawBotConfig {
+  enabled: boolean;
+  default_provider: string;
+  default_project: string;
+  system_prompt: string;
+  show_tool_calls: boolean;
+  show_thinking: boolean;
+  permission_mode: string;
+  debounce_ms: number;
+}
+
+interface PairedChat {
+  id: number;
+  telegram_chat_id: string;
+  telegram_user_id: string | null;
+  display_name: string | null;
+  pairing_code: string | null;
+  status: "pending" | "approved";
+  created_at: number;
+  approved_at: number | null;
+}
+
+export function ClawBotSettingsSection() {
+  const [config, setConfig] = useState<ClawBotConfig | null>(null);
+  const [saving, setSaving] = useState(false);
+  const [status, setStatus] = useState<{ type: "ok" | "err"; msg: string } | null>(null);
+
+  const [enabled, setEnabled] = useState(false);
+  const [defaultProject, setDefaultProject] = useState("");
+  const [systemPrompt, setSystemPrompt] = useState("");
+  const [showToolCalls, setShowToolCalls] = useState(true);
+  const [showThinking, setShowThinking] = useState(false);
+  const [debounceMs, setDebounceMs] = useState(2000);
+
+  const [pairedChats, setPairedChats] = useState<PairedChat[]>([]);
+  const [approveCode, setApproveCode] = useState("");
+  const [approving, setApproving] = useState(false);
+
+  const fetchPairedChats = useCallback(async () => {
+    try {
+      const data = await api.get<PairedChat[]>("/api/settings/clawbot/paired");
+      setPairedChats(data);
+    } catch {}
+  }, []);
+
+  useEffect(() => {
+    api.get<ClawBotConfig>("/api/settings/clawbot").then((data) => {
+      setConfig(data);
+      setEnabled(data.enabled);
+      setDefaultProject(data.default_project);
+      setSystemPrompt(data.system_prompt);
+      setShowToolCalls(data.show_tool_calls);
+      setShowThinking(data.show_thinking);
+      setDebounceMs(data.debounce_ms);
+    }).catch(() => {});
+    fetchPairedChats();
+  }, [fetchPairedChats]);
+
+  const save = async () => {
+    setSaving(true);
+    setStatus(null);
+    try {
+      const body: Partial<ClawBotConfig> = {
+        enabled,
+        default_project: defaultProject.trim(),
+        system_prompt: systemPrompt,
+        show_tool_calls: showToolCalls,
+        show_thinking: showThinking,
+        debounce_ms: debounceMs,
+      };
+      const data = await api.put<ClawBotConfig>("/api/settings/clawbot", body);
+      setConfig(data);
+      setStatus({ type: "ok", msg: enabled ? "Saved — bot started" : "Saved — bot stopped" });
+    } catch (e) {
+      setStatus({ type: "err", msg: (e as Error).message });
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const handleApprovePairing = async () => {
+    if (!approveCode.trim()) return;
+    setApproving(true);
+    try {
+      await api.post("/api/settings/clawbot/paired/approve", { code: approveCode.trim().toUpperCase() });
+      setApproveCode("");
+      await fetchPairedChats();
+      setStatus({ type: "ok", msg: "Device approved" });
+    } catch (e) {
+      setStatus({ type: "err", msg: (e as Error).message });
+    } finally {
+      setApproving(false);
+    }
+  };
+
+  const handleRevokePairing = async (chatId: string) => {
+    try {
+      await api.del(`/api/settings/clawbot/paired/${chatId}`);
+      await fetchPairedChats();
+      setStatus({ type: "ok", msg: "Device revoked" });
+    } catch (e) {
+      setStatus({ type: "err", msg: (e as Error).message });
+    }
+  };
+
+  if (!config) return <p className="text-xs text-muted-foreground">Loading...</p>;
+
+  return (
+    <div className="space-y-4">
+      {/* Enable/Disable */}
+      <div className="flex items-center justify-between">
+        <div>
+          <p className="text-xs font-medium">Enable ClawBot</p>
+          <p className="text-[10px] text-muted-foreground">
+            Telegram bot that chats with your AI providers
+          </p>
+        </div>
+        <Switch checked={enabled} onCheckedChange={setEnabled} />
+      </div>
+
+      {/* Paired Devices */}
+      <div className="space-y-2">
+        <p className="text-xs font-medium">Paired Devices</p>
+        <p className="text-[10px] text-muted-foreground">
+          Send any message to the bot on Telegram to get a pairing code. Enter it below to approve.
+        </p>
+
+        <div className="flex gap-2">
+          <Input
+            placeholder="Enter pairing code (e.g. A3K7WR)"
+            value={approveCode}
+            onChange={(e) => setApproveCode(e.target.value.toUpperCase())}
+            className="h-8 text-xs font-mono tracking-wider uppercase"
+            maxLength={6}
+          />
+          <Button
+            variant="outline"
+            size="sm"
+            className="h-8 text-xs shrink-0 cursor-pointer"
+            disabled={approving || approveCode.length < 6}
+            onClick={handleApprovePairing}
+          >
+            {approving ? "..." : "Approve"}
+          </Button>
+        </div>
+
+        {pairedChats.length === 0 ? (
+          <p className="text-[10px] text-muted-foreground italic">No paired devices yet.</p>
+        ) : (
+          <div className="space-y-1">
+            {pairedChats.map((chat) => (
+              <div
+                key={chat.id}
+                className="flex items-center justify-between rounded-md border p-2"
+              >
+                <div className="flex items-center gap-2 min-w-0">
+                  {chat.status === "approved" ? (
+                    <CheckCircle className="size-3.5 text-green-500 shrink-0" />
+                  ) : (
+                    <Clock className="size-3.5 text-yellow-500 shrink-0" />
+                  )}
+                  <div className="min-w-0">
+                    <p className="text-xs truncate">
+                      {chat.display_name || `Chat ${chat.telegram_chat_id}`}
+                    </p>
+                    <p className="text-[10px] text-muted-foreground">
+                      {chat.status === "pending" && chat.pairing_code
+                        ? `Code: ${chat.pairing_code}`
+                        : chat.status}
+                    </p>
+                  </div>
+                </div>
+                <Button
+                  variant="ghost"
+                  size="sm"
+                  className="h-7 w-7 p-0 text-destructive hover:text-destructive cursor-pointer"
+                  onClick={() => handleRevokePairing(chat.telegram_chat_id)}
+                >
+                  <Trash2 className="size-3.5" />
+                </Button>
+              </div>
+            ))}
+          </div>
+        )}
+      </div>
+
+      {/* Default Project */}
+      <div className="space-y-1.5">
+        <label className="text-[11px] text-muted-foreground">Default Project</label>
+        <Input
+          placeholder="my-project"
+          value={defaultProject}
+          onChange={(e) => setDefaultProject(e.target.value)}
+          className="h-7 text-xs"
+        />
+        <p className="text-[10px] text-muted-foreground">
+          Project used when starting a new chat. Must match a project name in PPM.
+        </p>
+      </div>
+
+      {/* System Prompt */}
+      <div className="space-y-1.5">
+        <label className="text-[11px] text-muted-foreground">System Prompt</label>
+        <textarea
+          placeholder="You are a helpful assistant..."
+          value={systemPrompt}
+          onChange={(e: ChangeEvent<HTMLTextAreaElement>) => setSystemPrompt(e.target.value)}
+          className="flex w-full rounded-md border border-input bg-background px-3 py-2 text-xs min-h-[60px] resize-y ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+          rows={3}
+        />
+        <p className="text-[10px] text-muted-foreground">
+          Custom personality/instructions prepended to each session.
+        </p>
+      </div>
+
+      {/* Display Toggles */}
+      <div className="space-y-2">
+        <div className="flex items-center justify-between">
+          <p className="text-xs">Show tool calls</p>
+          <Switch checked={showToolCalls} onCheckedChange={setShowToolCalls} />
+        </div>
+        <div className="flex items-center justify-between">
+          <p className="text-xs">Show thinking</p>
+          <Switch checked={showThinking} onCheckedChange={setShowThinking} />
+        </div>
+      </div>
+
+      {/* Debounce */}
+      <div className="space-y-1.5">
+        <label className="text-[11px] text-muted-foreground">Debounce (ms)</label>
+        <Input
+          type="number"
+          min={0}
+          max={30000}
+          step={500}
+          value={debounceMs}
+          onChange={(e) => setDebounceMs(Number(e.target.value))}
+          className="h-7 text-xs w-24"
+        />
+        <p className="text-[10px] text-muted-foreground">
+          Merge rapid messages within this window. 0 = no debounce.
+        </p>
+      </div>
+
+      {/* Save */}
+      <Button
+        variant="default"
+        size="sm"
+        className="h-8 text-xs w-full cursor-pointer"
+        disabled={saving}
+        onClick={save}
+      >
+        {saving ? "Saving..." : "Save"}
+      </Button>
+
+      {status && (
+        <p className={`text-[11px] ${status.type === "ok" ? "text-green-600 dark:text-green-400" : "text-destructive"}`}>
+          {status.msg}
+        </p>
+      )}
+    </div>
+  );
+}

package/src/web/components/settings/proxy-settings-section.tsx

@@ -134,43 +134,43 @@ export function ProxySettingsSection() {
             <ProxyTestButton authKey={settings.authKey!} baseUrl={window.location.origin} />
           </div>
 
-          {/* Local endpoint */}
+          {/* Anthropic endpoint */}
           <div className="space-y-1">
-            <Label className="text-[10px] text-muted-foreground">Local Endpoint</Label>
+            <Label className="text-[10px] text-muted-foreground">Anthropic Endpoint</Label>
             <div className="flex gap-1.5 items-center">
               <code className="text-[10px] font-mono bg-muted px-1.5 py-0.5 rounded flex-1 truncate">
-                {localEndpoint}
+                {hasTunnel ? settings.proxyEndpoint : localEndpoint}
               </code>
               <Button
                 variant="ghost"
                 size="sm"
                 className="h-6 px-1.5 cursor-pointer shrink-0"
-                onClick={() => copyToClipboard(localEndpoint, "local")}
+                onClick={() => copyToClipboard(hasTunnel ? settings.proxyEndpoint! : localEndpoint, "anthropic")}
               >
-                {copied === "local" ? "Copied!" : <Copy className="size-3" />}
+                {copied === "anthropic" ? "Copied!" : <Copy className="size-3" />}
               </Button>
             </div>
           </div>
 
-          {/* Tunnel endpoint */}
-          {hasTunnel && settings.proxyEndpoint && (
-            <div className="space-y-1">
-              <Label className="text-[10px] text-muted-foreground">Public Endpoint (Tunnel)</Label>
-              <div className="flex gap-1.5 items-center">
-                <code className="text-[10px] font-mono bg-muted px-1.5 py-0.5 rounded flex-1 truncate">
-                  {settings.proxyEndpoint}
-                </code>
-                <Button
-                  variant="ghost"
-                  size="sm"
-                  className="h-6 px-1.5 cursor-pointer shrink-0"
-                  onClick={() => copyToClipboard(settings.proxyEndpoint!, "tunnel")}
-                >
-                  {copied === "tunnel" ? "Copied!" : <Copy className="size-3" />}
-                </Button>
-              </div>
+          {/* OpenAI endpoint */}
+          <div className="space-y-1">
+            <Label className="text-[10px] text-muted-foreground">OpenAI-Compatible Endpoint</Label>
+            <div className="flex gap-1.5 items-center">
+              <code className="text-[10px] font-mono bg-muted px-1.5 py-0.5 rounded flex-1 truncate">
+                {hasTunnel ? settings.openAiEndpoint : settings.localOpenAiEndpoint}
+              </code>
+              <Button
+                variant="ghost"
+                size="sm"
+                className="h-6 px-1.5 cursor-pointer shrink-0"
+                onClick={() => copyToClipboard(
+                  hasTunnel ? settings.openAiEndpoint! : settings.localOpenAiEndpoint, "openai",
+                )}
+              >
+                {copied === "openai" ? "Copied!" : <Copy className="size-3" />}
+              </Button>
             </div>
-          )}
+          </div>
 
           {!hasTunnel && (
             <p className="text-[10px] text-muted-foreground">
@@ -178,21 +178,13 @@ export function ProxySettingsSection() {
             </p>
           )}
 
-          {/* Usage example */}
+          {/* Usage examples */}
           <div className="space-y-1 pt-1">
-            <Label className="text-[10px] text-muted-foreground">Usage Example</Label>
+            <Label className="text-[10px] text-muted-foreground">Anthropic Format</Label>
             <div className="relative">
               <pre className="text-[9px] font-mono bg-muted p-2 rounded overflow-x-auto whitespace-pre">
-{`# Set as base URL in your tool
-ANTHROPIC_BASE_URL=${hasTunnel ? settings.tunnelUrl + "/proxy" : localBaseUrl + "/proxy"}
-ANTHROPIC_API_KEY=${settings.authKey}
-
-# Or use curl
-curl ${hasTunnel ? settings.proxyEndpoint : localEndpoint} \\
-  -H "x-api-key: ${settings.authKey}" \\
-  -H "content-type: application/json" \\
-  -H "anthropic-version: 2023-06-01" \\
-  -d '{"model":"claude-sonnet-4-6","max_tokens":1024,"messages":[{"role":"user","content":"Hello"}]}'`}
+{`ANTHROPIC_BASE_URL=${hasTunnel ? settings.tunnelUrl + "/proxy" : localBaseUrl + "/proxy"}
+ANTHROPIC_API_KEY=${settings.authKey}`}
               </pre>
               <Button
                 variant="ghost"
@@ -200,10 +192,31 @@ curl ${hasTunnel ? settings.proxyEndpoint : localEndpoint} \\
                 className="absolute top-1 right-1 h-5 px-1 cursor-pointer"
                 onClick={() => copyToClipboard(
                   `ANTHROPIC_BASE_URL=${hasTunnel ? settings.tunnelUrl + "/proxy" : localBaseUrl + "/proxy"}\nANTHROPIC_API_KEY=${settings.authKey}`,
-                  "example",
+                  "anthropic-env",
+                )}
+              >
+                {copied === "anthropic-env" ? "Copied!" : <Copy className="size-2.5" />}
+              </Button>
+            </div>
+          </div>
+
+          <div className="space-y-1">
+            <Label className="text-[10px] text-muted-foreground">OpenAI Format</Label>
+            <div className="relative">
+              <pre className="text-[9px] font-mono bg-muted p-2 rounded overflow-x-auto whitespace-pre">
+{`OPENAI_BASE_URL=${hasTunnel ? settings.tunnelUrl + "/proxy/v1" : localBaseUrl + "/proxy/v1"}
+OPENAI_API_KEY=${settings.authKey}`}
+              </pre>
+              <Button
+                variant="ghost"
+                size="sm"
+                className="absolute top-1 right-1 h-5 px-1 cursor-pointer"
+                onClick={() => copyToClipboard(
+                  `OPENAI_BASE_URL=${hasTunnel ? settings.tunnelUrl + "/proxy/v1" : localBaseUrl + "/proxy/v1"}\nOPENAI_API_KEY=${settings.authKey}`,
+                  "openai-env",
                 )}
               >
-                {copied === "example" ? "Copied!" : <Copy className="size-2.5" />}
+                {copied === "openai-env" ? "Copied!" : <Copy className="size-2.5" />}
               </Button>
             </div>
           </div>