cue-console 0.1.17 → 0.1.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cue-console",
-  "version": "0.1.17",
+  "version": "0.1.18",
   "description": "Cue Hub console launcher (Next.js UI)",
   "license": "Apache-2.0",
   "keywords": ["mcp", "cue", "console", "nextjs"],

package/src/components/chat-composer.tsx

@@ -12,9 +12,15 @@ import {
   type SetStateAction,
 } from "react";
 import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
 import { cn, getAgentEmoji } from "@/lib/utils";
 import { setAgentDisplayName } from "@/lib/actions";
-import { CornerUpLeft, GripVertical, Plus, Send, Trash2, X } from "lucide-react";
+import { Bot, CornerUpLeft, GripVertical, Plus, Send, Trash2, X } from "lucide-react";
 
 type MentionDraft = {
   userId: string;
@@ -71,6 +77,8 @@ export function ChatComposer({
   setImages,
   setNotice,
   setPreviewImage,
+  botEnabled,
+  onToggleBot,
   handleSend,
   enqueueCurrent,
   queue,
@@ -113,6 +121,8 @@ export function ChatComposer({
   setImages: Dispatch<SetStateAction<{ mime_type: string; base64_data: string; file_name?: string }[]>>;
   setNotice: Dispatch<SetStateAction<string | null>>;
   setPreviewImage: Dispatch<SetStateAction<{ mime_type: string; base64_data: string } | null>>;
+  botEnabled: boolean;
+  onToggleBot: () => Promise<boolean>;
   handleSend: () => void | Promise<void>;
   enqueueCurrent: () => void;
   queue: QueuedMessage[];
@@ -152,6 +162,8 @@ export function ChatComposer({
   }, [onBack]);
 
   const [dragIndex, setDragIndex] = useState<number | null>(null);
+  const [botToggling, setBotToggling] = useState(false);
+  const [botConfirmOpen, setBotConfirmOpen] = useState(false);
   const isComposingRef = useRef(false);
 
   const submitOrQueue = () => {
@@ -251,6 +263,54 @@ export function ChatComposer({
             </div>
           )}
 
+          <Dialog open={botConfirmOpen} onOpenChange={setBotConfirmOpen}>
+            <DialogContent className="sm:max-w-110">
+              <DialogHeader>
+                <DialogTitle>Enable bot mode?</DialogTitle>
+              </DialogHeader>
+
+              <div className="text-sm text-muted-foreground space-y-3">
+                <p>
+                  Bot mode will automatically reply to <span className="text-foreground font-medium">cue</span> requests
+                  in this conversation.
+                </p>
+                <ul className="list-disc pl-5 space-y-1">
+                  <li>Only affects the current {type === "group" ? "group" : "agent"} conversation.</li>
+                  <li>May immediately reply to currently pending cue requests.</li>
+                  <li>Does not reply to pause confirmations.</li>
+                  <li>You can turn it off anytime.</li>
+                </ul>
+              </div>
+
+              <div className="mt-4 flex items-center justify-end gap-2">
+                <Button
+                  type="button"
+                  variant="outline"
+                  disabled={botToggling}
+                  onClick={() => setBotConfirmOpen(false)}
+                >
+                  Cancel
+                </Button>
+                <Button
+                  type="button"
+                  disabled={botToggling}
+                  onClick={async () => {
+                    if (botToggling) return;
+                    setBotToggling(true);
+                    try {
+                      await onToggleBot();
+                      setBotConfirmOpen(false);
+                    } finally {
+                      setBotToggling(false);
+                    }
+                  }}
+                >
+                  {botToggling ? "Enabling…" : "Enable"}
+                </Button>
+              </div>
+            </DialogContent>
+          </Dialog>
+
           {/* Image Preview */}
           {images.length > 0 && (
             <div className="flex max-w-full gap-2 overflow-x-auto px-0.5 pt-0.5">
@@ -614,6 +674,48 @@ export function ChatComposer({
               >
                 Queue
               </Button>
+
+              <div className="relative group">
+                <Button
+                  type="button"
+                  variant="ghost"
+                  size="icon"
+                  disabled={busy || botToggling}
+                  className={cn(
+                    "relative h-9 w-9 rounded-2xl",
+                    "hover:bg-white/40",
+                    botEnabled ? "text-primary" : "text-muted-foreground",
+                    (busy || botToggling) && "opacity-60 cursor-not-allowed"
+                  )}
+                  onClick={async () => {
+                    if (busy || botToggling) return;
+                    if (!botEnabled) {
+                      setBotConfirmOpen(true);
+                      return;
+                    }
+                    setBotToggling(true);
+                    try {
+                      await onToggleBot();
+                    } finally {
+                      setBotToggling(false);
+                    }
+                  }}
+                  aria-label={botEnabled ? "Stop bot" : "Start bot"}
+                  title={botToggling ? "Turning…" : botEnabled ? "Stop bot" : "Start bot"}
+                >
+                  {botEnabled && (
+                    <span className="pointer-events-none absolute inset-0 rounded-xl">
+                      <span className="absolute inset-0 rounded-2xl bg-primary/15 blur-md animate-pulse" />
+                    </span>
+                  )}
+                  <Bot
+                    className={cn(
+                      "relative z-10 h-5 w-5",
+                      botEnabled && "drop-shadow-[0_0_12px_rgba(99,102,241,0.45)]"
+                    )}
+                  />
+                </Button>
+              </div>
             </div>
 
             <Button

package/src/components/chat-view.tsx

@@ -25,6 +25,7 @@ import {
   submitResponse,
   cancelRequest,
   batchRespond,
+  processBotTick,
   type CueRequest,
 } from "@/lib/actions";
 import { ChatComposer } from "@/components/chat-composer";
@@ -77,6 +78,12 @@ function ChatViewContent({ type, id, name, onBack }: ChatViewProps) {
   const deferredInput = useDeferredValue(input);
   const imagesRef = useRef(images);
 
+  const botStorageKey = useMemo(() => {
+    return `cue-console:botEnabled:${type}:${id}`;
+  }, [type, id]);
+
+  const [botEnabled, setBotEnabled] = useState(false);
+
   const { soundEnabled, setSoundEnabled, playDing } = useAudioNotification();
 
   const {
@@ -103,6 +110,17 @@ function ChatViewContent({ type, id, name, onBack }: ChatViewProps) {
 
   const [composerPadPx, setComposerPadPx] = useState(36 * 4);
 
+  const botHolderIdRef = useRef<string>(
+    (() => {
+      try {
+        return globalThis.crypto?.randomUUID?.() || `bot-${Date.now()}-${Math.random().toString(16).slice(2)}`;
+      } catch {
+        return `bot-${Date.now()}-${Math.random().toString(16).slice(2)}`;
+      }
+    })()
+  );
+  const botTickBusyRef = useRef(false);
+
   const nextCursorRef = useRef<string | null>(null);
   const loadingMoreRef = useRef(false);
 
@@ -207,6 +225,85 @@ function ChatViewContent({ type, id, name, onBack }: ChatViewProps) {
     setError,
   });
 
+  const triggerBotTickOnce = useCallback(async () => {
+    if (document.visibilityState !== "visible") return;
+    if (botTickBusyRef.current) return;
+    botTickBusyRef.current = true;
+    try {
+      const res = await processBotTick({
+        holderId: botHolderIdRef.current,
+        convType: type,
+        convId: id,
+        limit: 80,
+      });
+      if (res.success && res.replied > 0) {
+        await refreshLatest();
+      }
+    } catch {
+    } finally {
+      botTickBusyRef.current = false;
+    }
+  }, [id, refreshLatest, type]);
+
+  const toggleBot = useCallback(async (): Promise<boolean> => {
+    const prev = botEnabled;
+    const next = !prev;
+    setBotEnabled(next);
+    try {
+      window.localStorage.setItem(botStorageKey, next ? "1" : "0");
+      if (next) void triggerBotTickOnce();
+      return next;
+    } catch {
+      setBotEnabled(prev);
+      setNotice("Failed to toggle bot");
+      return prev;
+    }
+  }, [botEnabled, botStorageKey, setNotice, triggerBotTickOnce]);
+
+  useEffect(() => {
+    try {
+      const raw = window.localStorage.getItem(botStorageKey);
+      setBotEnabled(raw === "1");
+    } catch {
+      setBotEnabled(false);
+    }
+  }, [botStorageKey]);
+
+  useEffect(() => {
+    if (!botEnabled) return;
+
+    let cancelled = false;
+
+    const tick = async () => {
+      if (cancelled) return;
+      if (document.visibilityState !== "visible") return;
+      if (botTickBusyRef.current) return;
+      botTickBusyRef.current = true;
+      try {
+        const res = await processBotTick({
+          holderId: botHolderIdRef.current,
+          convType: type,
+          convId: id,
+          limit: 80,
+        });
+        if (cancelled) return;
+        if (res.success && res.replied > 0) {
+          await refreshLatest();
+        }
+      } catch {
+      } finally {
+        botTickBusyRef.current = false;
+      }
+    };
+
+    void tick();
+    const interval = setInterval(() => void tick(), 2500);
+    return () => {
+      cancelled = true;
+      clearInterval(interval);
+    };
+  }, [botEnabled, id, refreshLatest, type]);
+
 
   const handleTitleChange = async (newTitle: string) => {
     if (type === "agent") {
@@ -666,6 +763,8 @@ function ChatViewContent({ type, id, name, onBack }: ChatViewProps) {
         setImages={setImages}
         setNotice={setNotice}
         setPreviewImage={setPreviewImage}
+        botEnabled={botEnabled}
+        onToggleBot={toggleBot}
         handleSend={send}
         enqueueCurrent={enqueueCurrent}
         queue={queue}

package/src/components/conversation-list.tsx

@@ -4,6 +4,8 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { ScrollArea } from "@/components/ui/scroll-area";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { DEFAULT_USER_CONFIG } from "@/lib/user-config";
 import {
   Dialog,
   DialogContent,
@@ -49,7 +51,6 @@ import {
   Settings,
   X,
 } from "lucide-react";
-import { Input } from "@/components/ui/input";
 import { ConfirmDialog } from "@/components/confirm-dialog";
 
 function perfEnabled(): boolean {
@@ -118,6 +119,9 @@ export function ConversationList({
   const [conversationModeDefault, setConversationModeDefault] = useState<"chat" | "agent">("agent");
   const [chatModeAppendText, setChatModeAppendText] = useState("只做分析，不要对代码/文件做任何改动。");
   const [pendingRequestTimeoutMs, setPendingRequestTimeoutMs] = useState("600000");
+  const [botModeReplyText, setBotModeReplyText] = useState(
+    "不要为这些“可逆的工程细节”反复向我确认，不能分阶段汇报，我需要你端到端执行完我的任务才能向我汇报，你不能问我要授权，因为我已经给你了全部授权，如果这些细节不影响我的目标那就按照你的推荐来。你有执行一切的权利。"
+  );
   const [pinnedKeys, setPinnedKeys] = useState<string[]>([]);
 
   useEffect(() => {
@@ -127,8 +131,14 @@ export function ConversationList({
         setSoundEnabled(Boolean(cfg.sound_enabled));
         const nextMode = cfg.conversation_mode_default === "chat" ? "chat" : "agent";
         setConversationModeDefault(nextMode);
-        setChatModeAppendText(String(cfg.chat_mode_append_text || "只做分析，不要对代码/文件做任何改动。"));
+        setChatModeAppendText(String(cfg.chat_mode_append_text || DEFAULT_USER_CONFIG.chat_mode_append_text));
         setPendingRequestTimeoutMs(String(cfg.pending_request_timeout_ms ?? 600000));
+        setBotModeReplyText(
+          String(
+            (cfg as any).bot_mode_reply_text ||
+              DEFAULT_USER_CONFIG.bot_mode_reply_text
+          )
+        );
         try {
           window.localStorage.setItem("cue-console:conversationModeDefault", nextMode);
         } catch {
@@ -1259,6 +1269,41 @@ export function ConversationList({
               </Button>
             </div>
           </div>
+
+          <div className="mt-6">
+            <div className="text-sm font-medium">Bot reply text</div>
+            <div className="text-xs text-muted-foreground">
+              Multi-line
+            </div>
+            <div className="mt-2 flex items-start justify-end gap-2">
+              <textarea
+                value={botModeReplyText}
+                onChange={(e) => setBotModeReplyText(e.target.value)}
+                placeholder="Bot reply"
+                className="min-h-24 flex-1 min-w-0 resize-y rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
+              />
+              <Button
+                type="button"
+                variant="secondary"
+                size="sm"
+                className="h-9 rounded-md px-3 text-xs"
+                onClick={async () => {
+                  const next = botModeReplyText;
+                  try {
+                    await setUserConfig({ bot_mode_reply_text: next });
+                  } catch {
+                  }
+                  window.dispatchEvent(
+                    new CustomEvent("cue-console:configUpdated", {
+                      detail: { bot_mode_reply_text: next },
+                    })
+                  );
+                }}
+              >
+                Save
+              </Button>
+            </div>
+          </div>
         </DialogContent>
       </Dialog>
 

package/src/contexts/config-context.tsx

@@ -2,13 +2,7 @@
 
 import { createContext, useContext, useEffect, useMemo, useState, type ReactNode } from "react";
 import { getUserConfig, type UserConfig } from "@/lib/actions";
-
-const defaultConfig: UserConfig = {
-  sound_enabled: true,
-  conversation_mode_default: "agent",
-  chat_mode_append_text: "只做分析，不要对代码/文件做任何改动。",
-  pending_request_timeout_ms: 10 * 60 * 1000,
-};
+import { DEFAULT_USER_CONFIG } from "@/lib/user-config";
 
 type ConfigContextValue = {
   config: UserConfig;
@@ -25,7 +19,7 @@ export function useConfig() {
 }
 
 export function ConfigProvider({ children }: { children: ReactNode }) {
-  const [config, setConfig] = useState<UserConfig>(defaultConfig);
+  const [config, setConfig] = useState<UserConfig>(DEFAULT_USER_CONFIG);
 
   useEffect(() => {
     let cancelled = false;
@@ -69,7 +63,26 @@ export function ConfigProvider({ children }: { children: ReactNode }) {
       );
     } catch {
     }
-  }, [config.pending_request_timeout_ms, config.chat_mode_append_text]);
+    try {
+      window.localStorage.setItem(
+        "cue-console:bot_mode_enabled",
+        config.bot_mode_enabled ? "1" : "0"
+      );
+    } catch {
+    }
+    try {
+      window.localStorage.setItem(
+        "cue-console:bot_mode_reply_text",
+        String(config.bot_mode_reply_text || "")
+      );
+    } catch {
+    }
+  }, [
+    config.pending_request_timeout_ms,
+    config.chat_mode_append_text,
+    config.bot_mode_enabled,
+    config.bot_mode_reply_text,
+  ]);
 
   const value = useMemo<ConfigContextValue>(() => ({ config }), [config]);
 

package/src/lib/actions.ts

@@ -56,12 +56,15 @@ export type { Group, UserResponse, ImageContent, ConversationItem } from "./type
 export type { CueRequest, CueResponse, AgentTimelineItem } from "./db";
 import { v4 as uuidv4 } from "uuid";
 
-export type UserConfig = {
-  sound_enabled: boolean;
-  conversation_mode_default: "chat" | "agent";
-  chat_mode_append_text: string;
-  pending_request_timeout_ms: number;
-};
+import {
+  DEFAULT_USER_CONFIG,
+  clampNumber,
+  normalizeMultiline,
+  normalizeSingleLine,
+  type UserConfig,
+} from "./user-config";
+
+export type { UserConfig } from "./user-config";
 
 export type QueuedMessage = {
   id: string;
@@ -70,23 +73,6 @@ export type QueuedMessage = {
   createdAt: number;
 };
 
-const defaultUserConfig: UserConfig = {
-  sound_enabled: true,
-  conversation_mode_default: "agent",
-  chat_mode_append_text: "只做分析，不要对代码/文件做任何改动。",
-  pending_request_timeout_ms: 10 * 60 * 1000,
-};
-
-function clampNumber(n: number, min: number, max: number): number {
-  if (!Number.isFinite(n)) return min;
-  return Math.max(min, Math.min(max, n));
-}
-
-function normalizeSingleLine(s: string): string {
-  const t = String(s ?? "").replace(/\r?\n/g, " ").trim();
-  return t;
-}
-
 function getUserConfigPath(): string {
   return path.join(os.homedir(), ".cue", "config.json");
 }
@@ -100,24 +86,34 @@ export async function getUserConfig(): Promise<UserConfig> {
       sound_enabled:
         typeof parsed.sound_enabled === "boolean"
           ? parsed.sound_enabled
-          : defaultUserConfig.sound_enabled,
+          : DEFAULT_USER_CONFIG.sound_enabled,
       conversation_mode_default:
         parsed.conversation_mode_default === "chat" || parsed.conversation_mode_default === "agent"
           ? parsed.conversation_mode_default
-          : defaultUserConfig.conversation_mode_default,
+          : DEFAULT_USER_CONFIG.conversation_mode_default,
 
       chat_mode_append_text:
         typeof parsed.chat_mode_append_text === "string" && normalizeSingleLine(parsed.chat_mode_append_text).length > 0
           ? normalizeSingleLine(parsed.chat_mode_append_text)
-          : defaultUserConfig.chat_mode_append_text,
+          : DEFAULT_USER_CONFIG.chat_mode_append_text,
 
       pending_request_timeout_ms:
         typeof parsed.pending_request_timeout_ms === "number"
           ? clampNumber(parsed.pending_request_timeout_ms, 60_000, 86_400_000)
-          : defaultUserConfig.pending_request_timeout_ms,
+          : DEFAULT_USER_CONFIG.pending_request_timeout_ms,
+
+      bot_mode_enabled:
+        typeof parsed.bot_mode_enabled === "boolean"
+          ? parsed.bot_mode_enabled
+          : DEFAULT_USER_CONFIG.bot_mode_enabled,
+
+      bot_mode_reply_text:
+        typeof parsed.bot_mode_reply_text === "string" && normalizeMultiline(parsed.bot_mode_reply_text).length > 0
+          ? normalizeMultiline(parsed.bot_mode_reply_text)
+          : DEFAULT_USER_CONFIG.bot_mode_reply_text,
     };
   } catch {
-    return defaultUserConfig;
+    return DEFAULT_USER_CONFIG;
   }
 }
 
@@ -140,6 +136,14 @@ export async function setUserConfig(next: Partial<UserConfig>): Promise<UserConf
       typeof next.pending_request_timeout_ms === "number"
         ? clampNumber(next.pending_request_timeout_ms, 60_000, 86_400_000)
         : prev.pending_request_timeout_ms,
+
+    bot_mode_enabled:
+      typeof next.bot_mode_enabled === "boolean" ? next.bot_mode_enabled : prev.bot_mode_enabled,
+
+    bot_mode_reply_text:
+      typeof next.bot_mode_reply_text === "string" && normalizeMultiline(next.bot_mode_reply_text).length > 0
+        ? normalizeMultiline(next.bot_mode_reply_text)
+        : prev.bot_mode_reply_text,
   };
   const p = getUserConfigPath();
   await fs.mkdir(path.dirname(p), { recursive: true });
@@ -147,6 +151,63 @@ export async function setUserConfig(next: Partial<UserConfig>): Promise<UserConf
   return merged;
 }
 
+export async function processBotTick(args: {
+  holderId: string;
+  convType: ConversationType;
+  convId: string;
+  limit?: number;
+}): Promise<{ success: true; acquired: boolean; replied: number } | { success: false; error: string }> {
+  try {
+    const holderId = String(args.holderId || "").trim();
+    if (!holderId) return { success: false, error: "holderId required" } as const;
+
+    const convType = args.convType === "group" ? "group" : "agent";
+    const convId = String(args.convId || "").trim();
+    if (!convId) return { success: false, error: "convId required" } as const;
+
+    const cfg = await getUserConfig();
+
+    const lease = acquireWorkerLease({
+      leaseKey: `cue-console:bot-mode:${convType}:${convId}`,
+      holderId,
+      ttlMs: 5_000,
+    });
+    if (!lease.acquired) return { success: true, acquired: false, replied: 0 } as const;
+
+    const limit = Math.max(1, Math.min(200, args.limit ?? 50));
+    const pending =
+      convType === "agent"
+        ? getRequestsByAgent(convId)
+            .filter((r) => r.status === "PENDING")
+            .filter((r) => {
+              if (!r.payload) return true;
+              try {
+                const obj = JSON.parse(r.payload) as Record<string, unknown>;
+                return !(obj?.type === "confirm" && obj?.variant === "pause");
+              } catch {
+                return true;
+              }
+            })
+            .slice(0, limit)
+        : getGroupPendingRequests(convId).slice(0, limit);
+
+    let replied = 0;
+    const text = cfg.bot_mode_reply_text;
+    for (const r of pending) {
+      try {
+        sendResponse(String(r.request_id), { text }, false);
+        replied += 1;
+      } catch {
+        // ignore per-request failures
+      }
+    }
+
+    return { success: true, acquired: true, replied } as const;
+  } catch (e) {
+    return { success: false, error: e instanceof Error ? e.message : String(e) } as const;
+  }
+}
+
 export async function fetchAgentDisplayNames(agentIds: string[]) {
   return getAgentDisplayNames(agentIds);
 }

package/src/lib/user-config.ts

@@ -0,0 +1,32 @@
+export type UserConfig = {
+  sound_enabled: boolean;
+  conversation_mode_default: "chat" | "agent";
+  chat_mode_append_text: string;
+  pending_request_timeout_ms: number;
+  bot_mode_enabled: boolean;
+  bot_mode_reply_text: string;
+};
+
+export const DEFAULT_USER_CONFIG: UserConfig = {
+  sound_enabled: true,
+  conversation_mode_default: "agent",
+  chat_mode_append_text: "只做分析，不要对代码/文件做任何改动。",
+  pending_request_timeout_ms: 10 * 60 * 1000,
+  bot_mode_enabled: false,
+  bot_mode_reply_text:
+    "不要为“可逆的工程细节”反复向我确认，不能分阶段汇报，我需要你端到端执行完我的任务才能向我汇报，你不能问我要授权，因为我已经给你了除了 push以外的全部授权，，如果这些细节不影响我的目标那就按照你的推荐来。你有执行一切的能力。最后，如果你执行完我的任务请使用  cue pause 来回复我.",
+};
+
+export function clampNumber(n: number, min: number, max: number): number {
+  if (!Number.isFinite(n)) return min;
+  return Math.max(min, Math.min(max, n));
+}
+
+export function normalizeSingleLine(s: string): string {
+  const t = String(s ?? "").replace(/\r?\n/g, " ").trim();
+  return t;
+}
+
+export function normalizeMultiline(s: string): string {
+  return String(s ?? "").replace(/\r\n/g, "\n").trim();
+}