cue-console 0.1.16 → 0.1.17

package/package.json

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

package/src/app/layout.tsx

@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import "@fontsource-variable/source-sans-3";
 import "./globals.css";
+import { Providers } from "./providers";
 
 export const metadata: Metadata = {
   title: "cue-console",
@@ -18,7 +19,7 @@ export default function RootLayout({
         className="antialiased"
         suppressHydrationWarning
       >
-        {children}
+        <Providers>{children}</Providers>
       </body>
     </html>
   );

package/src/app/providers.tsx

@@ -0,0 +1,8 @@
+"use client";
+
+import type { ReactNode } from "react";
+import { ConfigProvider } from "@/contexts/config-context";
+
+export function Providers({ children }: { children: ReactNode }) {
+  return <ConfigProvider>{children}</ConfigProvider>;
+}

package/src/components/chat/timeline-list.tsx

@@ -1,13 +1,11 @@
 "use client";
 
-import { memo, useMemo, useState, type ReactNode } from "react";
+import { memo } from "react";
 import { Button } from "@/components/ui/button";
-import { Badge } from "@/components/ui/badge";
-import { cn, formatFullTime, getAgentEmoji, getWaitingDuration } from "@/lib/utils";
-import { MarkdownRenderer } from "@/components/markdown-renderer";
-import { PayloadCard } from "@/components/payload-card";
-import type { AgentTimelineItem, CueRequest, CueResponse } from "@/lib/actions";
-import { Copy, Check } from "lucide-react";
+import { cn } from "@/lib/utils";
+import type { AgentTimelineItem } from "@/lib/actions";
+import { MessageBubble } from "@/components/chat/message-bubble";
+import { UserResponseBubble } from "@/components/chat/user-response-bubble";
 
 function parseDbTime(dateStr: string) {
   return new Date((dateStr || "").replace(" ", "T"));
@@ -153,347 +151,3 @@ export const TimelineList = memo(function TimelineList({
     </>
   );
 });
-
-const MessageBubble = memo(function MessageBubble({
-  request,
-  showAgent,
-  agentNameMap,
-  avatarUrlMap,
-  isHistory,
-  showName,
-  showAvatar,
-  compact,
-  disabled,
-  currentInput,
-  isGroup,
-  onPasteChoice,
-  onSubmitConfirm,
-  onMentionAgent,
-  onReply,
-  onCancel,
-}: {
-  request: CueRequest;
-  showAgent?: boolean;
-  agentNameMap?: Record<string, string>;
-  avatarUrlMap?: Record<string, string>;
-  isHistory?: boolean;
-  showName?: boolean;
-  showAvatar?: boolean;
-  compact?: boolean;
-  disabled?: boolean;
-  currentInput?: string;
-  isGroup?: boolean;
-  onPasteChoice?: (text: string, mode?: "replace" | "append" | "upsert") => void;
-  onSubmitConfirm?: (
-    requestId: string,
-    text: string,
-    cancelled: boolean
-  ) => void | Promise<void>;
-  onMentionAgent?: (agentId: string) => void;
-  onReply?: () => void;
-  onCancel?: () => void;
-}) {
-  const isPending = request.status === "PENDING";
-  const [copied, setCopied] = useState(false);
-
-  const handleCopy = async () => {
-    try {
-      await navigator.clipboard.writeText(request.prompt || "");
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2000);
-    } catch (err) {
-      console.error("Failed to copy:", err);
-    }
-  };
-
-  const isPause = useMemo(() => {
-    if (!request.payload) return false;
-    try {
-      const obj = JSON.parse(request.payload) as Record<string, unknown>;
-      return obj?.type === "confirm" && obj?.variant === "pause";
-    } catch {
-      return false;
-    }
-  }, [request.payload]);
-
-  const selectedLines = useMemo(() => {
-    const text = (currentInput || "").trim();
-    if (!text) return new Set<string>();
-    return new Set(
-      text
-        .split(/\r?\n/)
-        .map((s) => s.trim())
-        .filter(Boolean)
-    );
-  }, [currentInput]);
-
-  const rawId = request.agent_id || "";
-  const displayName = (agentNameMap && rawId ? agentNameMap[rawId] || rawId : rawId) || "";
-  const cardMaxWidth = (showAvatar ?? true) ? "calc(100% - 3rem)" : "100%";
-  const avatarUrl = rawId && avatarUrlMap ? avatarUrlMap[`agent:${rawId}`] : "";
-
-  return (
-    <div
-      className={cn(
-        "flex max-w-full min-w-0 items-start gap-3",
-        compact && "gap-2",
-        isHistory && "opacity-60"
-      )}
-    >
-      {(showAvatar ?? true) ? (
-        <span
-          className={cn(
-            "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-muted text-lg",
-            isGroup && request.agent_id && onMentionAgent && "cursor-pointer"
-          )}
-          title={
-            isGroup && request.agent_id && onMentionAgent
-              ? "Double-click avatar to @mention"
-              : undefined
-          }
-          onDoubleClick={() => {
-            if (!isGroup) return;
-            const agentId = request.agent_id;
-            if (!agentId) return;
-            onMentionAgent?.(agentId);
-          }}
-        >
-          {avatarUrl ? (
-            <img src={avatarUrl} alt="" className="h-full w-full rounded-full" />
-          ) : (
-            getAgentEmoji(request.agent_id || "")
-          )}
-        </span>
-      ) : (
-        <span className="h-9 w-9 shrink-0" />
-      )}
-      <div className="flex-1 min-w-0 overflow-hidden">
-        {(showName ?? true) && (showAgent || displayName) && (
-          <p className="mb-1 text-xs text-muted-foreground truncate">{displayName}</p>
-        )}
-        <div
-          className={cn(
-            "rounded-3xl p-3 sm:p-4 max-w-full flex-1 basis-0 min-w-0 overflow-hidden",
-            "glass-surface-soft glass-noise",
-            isPending ? "ring-1 ring-ring/25" : "ring-1 ring-white/25"
-          )}
-          style={{ clipPath: "inset(0 round 1rem)", maxWidth: cardMaxWidth }}
-        >
-          <div className="text-sm wrap-anywhere overflow-hidden min-w-0">
-            <MarkdownRenderer>{request.prompt || ""}</MarkdownRenderer>
-          </div>
-          <PayloadCard
-            raw={request.payload}
-            disabled={disabled}
-            onPasteChoice={onPasteChoice}
-            onSubmitConfirm={(text, cancelled) =>
-              isPending ? onSubmitConfirm?.(request.request_id, text, cancelled) : undefined
-            }
-            selectedLines={selectedLines}
-          />
-        </div>
-        <div className="mt-1 flex flex-wrap items-center gap-2 text-xs text-muted-foreground">
-          <span className="shrink-0">{formatFullTime(request.created_at || "")}</span>
-          <Button
-            variant="ghost"
-            size="sm"
-            className="h-auto p-1 text-xs"
-            onClick={handleCopy}
-            disabled={disabled}
-            title={copied ? "已复制" : "复制"}
-          >
-            {copied ? <Check className="h-3 w-3" /> : <Copy className="h-3 w-3" />}
-            <span className="ml-1">{copied ? "已复制" : "复制"}</span>
-          </Button>
-          {isPending && (
-            <>
-              <Badge variant="outline" className="text-xs shrink-0">
-                Waiting {getWaitingDuration(request.created_at || "")}
-              </Badge>
-              {!isPause && (
-                <>
-                  <Badge variant="default" className="text-xs shrink-0">
-                    Pending
-                  </Badge>
-                  {onReply && (
-                    <Button
-                      variant="link"
-                      size="sm"
-                      className="h-auto p-0 text-xs"
-                      onClick={onReply}
-                      disabled={disabled}
-                    >
-                      Reply
-                    </Button>
-                  )}
-                  {onCancel && (
-                    <Button
-                      variant="link"
-                      size="sm"
-                      className="h-auto p-0 text-xs text-destructive"
-                      onClick={onCancel}
-                      disabled={disabled}
-                    >
-                      End
-                    </Button>
-                  )}
-                </>
-              )}
-            </>
-          )}
-          {request.status === "COMPLETED" && (
-            <Badge variant="secondary" className="text-xs shrink-0">
-              Replied
-            </Badge>
-          )}
-          {request.status === "CANCELLED" && (
-            <Badge variant="destructive" className="text-xs shrink-0">
-              Ended
-            </Badge>
-          )}
-        </div>
-      </div>
-    </div>
-  );
-});
-
-const UserResponseBubble = memo(function UserResponseBubble({
-  response,
-  showAvatar = true,
-  compact = false,
-  onPreview,
-}: {
-  response: CueResponse;
-  showAvatar?: boolean;
-  compact?: boolean;
-  onPreview?: (img: { mime_type: string; base64_data: string }) => void;
-}) {
-  const parsed = JSON.parse(response.response_json || "{}") as {
-    text?: string;
-    mentions?: { userId: string; start: number; length: number; display: string }[];
-  };
-
-  const filesRaw = (response as unknown as { files?: unknown }).files;
-  const files = Array.isArray(filesRaw) ? filesRaw : [];
-  const imageFiles = files.filter((f) => {
-    const obj = f && typeof f === "object" ? (f as Record<string, unknown>) : null;
-    const mime = String(obj?.mime_type || "");
-    const b64 = obj?.inline_base64;
-    return mime.startsWith("image/") && typeof b64 === "string" && b64.length > 0;
-  });
-  const otherFiles = files.filter((f) => {
-    const obj = f && typeof f === "object" ? (f as Record<string, unknown>) : null;
-    const mime = String(obj?.mime_type || "");
-    return !mime.startsWith("image/");
-  });
-
-  const renderTextWithMentions = (text: string, mentions?: { start: number; length: number }[]) => {
-    if (!mentions || mentions.length === 0) return text;
-    const safe = [...mentions]
-      .filter((m) => m.start >= 0 && m.length > 0 && m.start + m.length <= text.length)
-      .sort((a, b) => a.start - b.start);
-
-    const nodes: ReactNode[] = [];
-    let cursor = 0;
-    for (const m of safe) {
-      if (m.start < cursor) continue;
-      if (m.start > cursor) {
-        nodes.push(text.slice(cursor, m.start));
-      }
-      const seg = text.slice(m.start, m.start + m.length);
-      nodes.push(
-        <span key={`m-${m.start}`} className="text-emerald-900/90 dark:text-emerald-950 font-semibold">
-          {seg}
-        </span>
-      );
-      cursor = m.start + m.length;
-    }
-    if (cursor < text.length) nodes.push(text.slice(cursor));
-    return nodes;
-  };
-
-  if (response.cancelled) {
-    return (
-      <div className="flex justify-end gap-3 max-w-full min-w-0">
-        <div
-          className="rounded-3xl p-3 sm:p-4 max-w-full flex-1 basis-0 min-w-0 sm:max-w-215 sm:flex-none sm:w-fit overflow-hidden glass-surface-soft glass-noise ring-1 ring-white/25"
-          style={{
-            clipPath: "inset(0 round 1rem)",
-            maxWidth: showAvatar ? "calc(100% - 3rem)" : "100%",
-          }}
-        >
-          <p className="text-sm text-muted-foreground italic">Conversation ended</p>
-          <p className="text-xs text-muted-foreground mt-1">{formatFullTime(response.created_at)}</p>
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <div className={cn("flex justify-end gap-3 max-w-full min-w-0", compact && "gap-2")}>
-      <div
-        className="rounded-3xl p-3 sm:p-4 max-w-full flex-1 basis-0 min-w-0 sm:max-w-215 sm:flex-none sm:w-fit overflow-hidden glass-surface-soft glass-noise ring-1 ring-white/25"
-        style={{
-          clipPath: "inset(0 round 1rem)",
-          maxWidth: showAvatar ? "calc(100% - 3rem)" : "100%",
-        }}
-      >
-        {parsed.text && (
-          <div className="text-sm wrap-anywhere overflow-hidden min-w-0">
-            {parsed.mentions && parsed.mentions.length > 0 ? (
-              <p className="whitespace-pre-wrap">{renderTextWithMentions(parsed.text, parsed.mentions)}</p>
-            ) : (
-              <MarkdownRenderer>{parsed.text}</MarkdownRenderer>
-            )}
-          </div>
-        )}
-        {imageFiles.length > 0 && (
-          <div className="flex flex-wrap gap-2 mt-2 max-w-full">
-            {imageFiles.map((f, i) => {
-              const obj = f && typeof f === "object" ? (f as Record<string, unknown>) : null;
-              const mime = String(obj?.mime_type || "image/png");
-              const b64 = String(obj?.inline_base64 || "");
-              const img = { mime_type: mime, base64_data: b64 };
-              return (
-                <img
-                  key={i}
-                  src={`data:${img.mime_type};base64,${img.base64_data}`}
-                  alt=""
-                  className="max-h-32 max-w-full h-auto rounded cursor-pointer"
-                  onClick={() => onPreview?.(img)}
-                />
-              );
-            })}
-          </div>
-        )}
-
-        {otherFiles.length > 0 && (
-          <div className="mt-2 flex flex-col gap-1 max-w-full">
-            {otherFiles.map((f, i) => {
-              const obj = f && typeof f === "object" ? (f as Record<string, unknown>) : null;
-              const fileRef = String(obj?.file || "");
-              const name = fileRef.split("/").filter(Boolean).pop() || fileRef || "file";
-              return (
-                <div
-                  key={i}
-                  className="px-2 py-1 rounded-lg bg-white/40 dark:bg-black/20 ring-1 ring-border/40 text-xs text-foreground/80 truncate"
-                  title={fileRef}
-                >
-                  {name}
-                </div>
-              );
-            })}
-          </div>
-        )}
-        <p className="text-xs opacity-70 mt-1 text-right">{formatFullTime(response.created_at)}</p>
-      </div>
-      {showAvatar ? (
-        <span className="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-muted text-lg">
-          👤
-        </span>
-      ) : (
-        <span className="h-9 w-9 shrink-0" />
-      )}
-    </div>
-  );
-});

package/src/components/chat/user-response-bubble.tsx

@@ -1,7 +1,8 @@
-import type { ReactNode } from "react";
+import { useMemo, type ReactNode } from "react";
 import { cn, formatFullTime } from "@/lib/utils";
 import { MarkdownRenderer } from "@/components/markdown-renderer";
 import type { CueResponse } from "@/lib/actions";
+import { useConfig } from "@/contexts/config-context";
 
 interface UserResponseBubbleProps {
   response: CueResponse;
@@ -16,11 +17,45 @@ export function UserResponseBubble({
   compact = false,
   onPreview,
 }: UserResponseBubbleProps) {
+  const { config } = useConfig();
   const parsed = JSON.parse(response.response_json || "{}") as {
     text?: string;
     mentions?: { userId: string; start: number; length: number; display: string }[];
   };
 
+  const analysisOnlyInstruction = config.chat_mode_append_text;
+  const { analysisOnlyApplied, displayText } = useMemo(() => {
+    const text = parsed.text;
+    if (typeof text !== "string") return { analysisOnlyApplied: false, displayText: text };
+
+    const raw = text;
+    const lines = raw.split(/\r?\n/);
+    let lastNonEmpty = -1;
+    for (let i = lines.length - 1; i >= 0; i--) {
+      if (lines[i]?.trim().length) {
+        lastNonEmpty = i;
+        break;
+      }
+    }
+    if (lastNonEmpty === -1) return { analysisOnlyApplied: false, displayText: raw };
+
+    const tail = (lines[lastNonEmpty] ?? "").trim();
+    if (tail !== analysisOnlyInstruction) {
+      return { analysisOnlyApplied: false, displayText: raw };
+    }
+
+    let cut = lastNonEmpty;
+    if (cut > 0 && (lines[cut - 1] ?? "").trim().length === 0) {
+      cut -= 1;
+    }
+    const stripped = lines.slice(0, cut).join("\n").replace(/\s+$/, "");
+    if (stripped.trim().length === 0) {
+      return { analysisOnlyApplied: false, displayText: raw };
+    }
+
+    return { analysisOnlyApplied: true, displayText: stripped };
+  }, [parsed.text, analysisOnlyInstruction]);
+
   const filesRaw = (response as unknown as { files?: unknown }).files;
   const files = Array.isArray(filesRaw) ? filesRaw : [];
   const imageFiles = files.filter((f) => {
@@ -89,14 +124,14 @@ export function UserResponseBubble({
           maxWidth: showAvatar ? "calc(100% - 3rem)" : "100%",
         }}
       >
-        {parsed.text && (
+        {displayText && (
           <div className="text-sm wrap-anywhere overflow-hidden min-w-0">
             {parsed.mentions && parsed.mentions.length > 0 ? (
               <p className="whitespace-pre-wrap">
-                {renderTextWithMentions(parsed.text, parsed.mentions)}
+                {renderTextWithMentions(displayText, parsed.mentions)}
               </p>
             ) : (
-              <MarkdownRenderer>{parsed.text}</MarkdownRenderer>
+              <MarkdownRenderer>{displayText}</MarkdownRenderer>
             )}
           </div>
         )}
@@ -138,7 +173,17 @@ export function UserResponseBubble({
             })}
           </div>
         )}
-        <p className="text-xs opacity-70 mt-1 text-right">{formatFullTime(response.created_at)}</p>
+        <div className="mt-1 flex items-center justify-end gap-2 text-xs opacity-70">
+          {analysisOnlyApplied && (
+            <span
+              className="rounded-full bg-white/40 dark:bg-black/20 px-2 py-0.5 ring-1 ring-border/40"
+              title="Chat 模式：只做分析，不做改动（该规则会发送给模型，但不会显示在消息正文里）"
+            >
+              Chat
+            </span>
+          )}
+          <span>{formatFullTime(response.created_at)}</span>
+        </div>
       </div>
       {showAvatar ? (
         <span className="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-muted text-lg">

package/src/components/chat-view.tsx

@@ -37,6 +37,7 @@ import { useMentions } from "@/hooks/use-mentions";
 import { useAvatarManagement } from "@/hooks/use-avatar-management";
 import { useAudioNotification } from "@/hooks/use-audio-notification";
 import { ChatProviders } from "@/contexts/chat-providers";
+import { useConfig } from "@/contexts/config-context";
 import { useInputContext } from "@/contexts/input-context";
 import { useUIStateContext } from "@/contexts/ui-state-context";
 import { useMessageSender } from "@/hooks/use-message-sender";
@@ -44,6 +45,7 @@ import { useFileHandler } from "@/hooks/use-file-handler";
 import { useDraftPersistence } from "@/hooks/use-draft-persistence";
 import { isPauseRequest, filterPendingRequests } from "@/lib/chat-logic";
 import type { ChatType, MentionDraft } from "@/types/chat";
+import { ArrowDown } from "lucide-react";
 
 function perfEnabled(): boolean {
   try {
@@ -69,15 +71,8 @@ export function ChatView({ type, id, name, onBack }: ChatViewProps) {
 }
 
 function ChatViewContent({ type, id, name, onBack }: ChatViewProps) {
-  const [isAtBottom, setIsAtBottom] = useState(true);
-  const [members, setMembers] = useState<string[]>([]);
-  const [agentNameMap, setAgentNameMap] = useState<Record<string, string>>({});
-  const [groupTitle, setGroupTitle] = useState(name);
-  const [previewImage, setPreviewImage] = useState<
-    { mime_type: string; base64_data: string } | null
-  >(null);
-
-  const { input, images, conversationMode, setConversationMode, setInput, setImages } = useInputContext();
+  const { config } = useConfig();
+  const { input, images, conversationMode, setInput, setImages, setConversationMode } = useInputContext();
   const { busy, error, notice, setBusy, setError, setNotice } = useUIStateContext();
   const deferredInput = useDeferredValue(input);
   const imagesRef = useRef(images);
@@ -100,6 +95,12 @@ function ChatViewContent({ type, id, name, onBack }: ChatViewProps) {
   const fileInputRef = useRef<HTMLInputElement>(null);
   const scrollRef = useRef<HTMLDivElement>(null);
 
+  const [members, setMembers] = useState<string[]>([]);
+  const [agentNameMap, setAgentNameMap] = useState<Record<string, string>>({});
+  const [groupTitle, setGroupTitle] = useState<string>(name);
+  const [previewImage, setPreviewImage] = useState<{ mime_type: string; base64_data: string } | null>(null);
+  const [isAtBottom, setIsAtBottom] = useState(true);
+
   const [composerPadPx, setComposerPadPx] = useState(36 * 4);
 
   const nextCursorRef = useRef<string | null>(null);
@@ -427,9 +428,17 @@ function ChatViewContent({ type, id, name, onBack }: ChatViewProps) {
     setBusy(true);
     setError(null);
 
+    const analysisOnlyInstruction = config.chat_mode_append_text;
+    const textToSend =
+      conversationMode === "chat"
+        ? text.trim().length > 0
+          ? `${text}\n\n${analysisOnlyInstruction}`
+          : analysisOnlyInstruction
+        : text;
+
     const result = cancelled
       ? await cancelRequest(requestId)
-      : await submitResponse(requestId, text, [], []);
+      : await submitResponse(requestId, textToSend, [], []);
 
     if (!result.success) {
       setError(result.error || "Send failed");
@@ -439,7 +448,7 @@ function ChatViewContent({ type, id, name, onBack }: ChatViewProps) {
 
     await refreshLatest();
     setBusy(false);
-  }, [busy, setBusy, setError, refreshLatest]);
+  }, [busy, conversationMode, setBusy, setError, refreshLatest, config.chat_mode_append_text]);
 
   const handleCancel = useCallback(async (requestId: string) => {
     if (busy) return;
@@ -461,7 +470,16 @@ function ChatViewContent({ type, id, name, onBack }: ChatViewProps) {
     if (busy) return;
     setBusy(true);
     setError(null);
-    const result = await submitResponse(requestId, input, currentImages, mentions);
+
+    const analysisOnlyInstruction = config.chat_mode_append_text;
+    const textToSend =
+      conversationMode === "chat"
+        ? input.trim().length > 0
+          ? `${input}\n\n${analysisOnlyInstruction}`
+          : analysisOnlyInstruction
+        : input;
+
+    const result = await submitResponse(requestId, textToSend, currentImages, mentions);
     if (!result.success) {
       setError(result.error || "Reply failed");
       setBusy(false);
@@ -472,7 +490,7 @@ function ChatViewContent({ type, id, name, onBack }: ChatViewProps) {
     setMentions([]);
     await refreshLatest();
     setBusy(false);
-  }, [input, mentions, busy, imagesRef, setBusy, setError, setInput, setImages, setMentions, refreshLatest]);
+  }, [input, mentions, busy, conversationMode, imagesRef, setBusy, setError, setInput, setImages, setMentions, refreshLatest, config.chat_mode_append_text]);
 
 
   const hasPendingRequests = pendingRequests.length > 0;
@@ -517,8 +535,18 @@ function ChatViewContent({ type, id, name, onBack }: ChatViewProps) {
     return () => ro.disconnect();
   }, []);
 
+  const scrollToBottom = useCallback(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    try {
+      el.scrollTo({ top: el.scrollHeight, behavior: "smooth" });
+    } catch {
+      el.scrollTop = el.scrollHeight;
+    }
+  }, []);
+
   return (
-    <div className="flex h-full flex-1 flex-col overflow-hidden">
+    <div className="relative flex h-full flex-1 flex-col overflow-hidden">
       {notice && (
         <div className="pointer-events-none fixed right-5 top-5 z-50">
           <div className="rounded-2xl border bg-background/95 px-3 py-2 text-sm shadow-lg backdrop-blur">
@@ -598,6 +626,26 @@ function ChatViewContent({ type, id, name, onBack }: ChatViewProps) {
         </div>
       </ScrollArea>
 
+      {!bootstrapping && !isAtBottom && (
+        <Button
+          type="button"
+          variant="outline"
+          size="icon"
+          onClick={scrollToBottom}
+          className={cn(
+            "absolute right-4 z-40",
+            "h-10 w-10 rounded-full",
+            "bg-background/85 backdrop-blur",
+            "shadow-sm",
+            "hover:bg-background"
+          )}
+          style={{ bottom: Math.max(16, composerPadPx - 8) }}
+          title="Scroll to bottom"
+        >
+          <ArrowDown className="h-4 w-4" />
+        </Button>
+      )}
+
       {error && (
         <div className="border-t bg-background px-3 py-2 text-sm text-destructive">
           {error}

package/src/components/conversation-list.tsx

@@ -116,6 +116,8 @@ export function ConversationList({
   const [settingsOpen, setSettingsOpen] = useState(false);
   const [soundEnabled, setSoundEnabled] = useState(true);
   const [conversationModeDefault, setConversationModeDefault] = useState<"chat" | "agent">("agent");
+  const [chatModeAppendText, setChatModeAppendText] = useState("只做分析，不要对代码/文件做任何改动。");
+  const [pendingRequestTimeoutMs, setPendingRequestTimeoutMs] = useState("600000");
   const [pinnedKeys, setPinnedKeys] = useState<string[]>([]);
 
   useEffect(() => {
@@ -125,6 +127,8 @@ 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 || "只做分析，不要对代码/文件做任何改动。"));
+        setPendingRequestTimeoutMs(String(cfg.pending_request_timeout_ms ?? 600000));
         try {
           window.localStorage.setItem("cue-console:conversationModeDefault", nextMode);
         } catch {
@@ -1181,6 +1185,80 @@ export function ConversationList({
               </Button>
             </div>
           </div>
+
+          <div className="mt-6">
+            <div className="text-sm font-medium">Chat mode append text</div>
+            <div className="text-xs text-muted-foreground">
+              Appended to every message in Chat mode (single line)
+            </div>
+            <div className="mt-2 flex items-center justify-end gap-2">
+              <Input
+                value={chatModeAppendText}
+                onChange={(e) => setChatModeAppendText(e.target.value)}
+                placeholder="Append text"
+                className="h-9 flex-1 min-w-0"
+              />
+              <Button
+                type="button"
+                variant="secondary"
+                size="sm"
+                className="h-9 rounded-md px-3 text-xs"
+                onClick={async () => {
+                  const next = chatModeAppendText;
+                  try {
+                    await setUserConfig({ chat_mode_append_text: next });
+                  } catch {
+                  }
+                  window.dispatchEvent(
+                    new CustomEvent("cue-console:configUpdated", {
+                      detail: { chat_mode_append_text: next },
+                    })
+                  );
+                }}
+              >
+                Save
+              </Button>
+            </div>
+          </div>
+
+          <div className="mt-4">
+            <div className="text-sm font-medium">Pending request timeout (ms)</div>
+            <div className="text-xs text-muted-foreground">
+              Filter out pending requests older than this duration
+            </div>
+            <div className="mt-2 flex items-center justify-end gap-2">
+              <Input
+                value={pendingRequestTimeoutMs}
+                onChange={(e) => setPendingRequestTimeoutMs(e.target.value)}
+                placeholder="600000"
+                inputMode="numeric"
+                className="h-9 flex-1 min-w-0"
+              />
+              <Button
+                type="button"
+                variant="secondary"
+                size="sm"
+                className="h-9 rounded-md px-3 text-xs"
+                onClick={async () => {
+                  const raw = pendingRequestTimeoutMs.trim();
+                  const parsed = Number(raw);
+                  const next = Number.isFinite(parsed) ? parsed : 600000;
+                  try {
+                    await setUserConfig({ pending_request_timeout_ms: next });
+                  } catch {
+                  }
+                  window.dispatchEvent(
+                    new CustomEvent("cue-console:configUpdated", {
+                      detail: { pending_request_timeout_ms: next },
+                    })
+                  );
+                  setPendingRequestTimeoutMs(String(next));
+                }}
+              >
+                Save
+              </Button>
+            </div>
+          </div>
         </DialogContent>
       </Dialog>
 

package/src/contexts/config-context.tsx

@@ -0,0 +1,77 @@
+"use client";
+
+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,
+};
+
+type ConfigContextValue = {
+  config: UserConfig;
+};
+
+const ConfigContext = createContext<ConfigContextValue | null>(null);
+
+export function useConfig() {
+  const ctx = useContext(ConfigContext);
+  if (!ctx) {
+    throw new Error("useConfig must be used within ConfigProvider");
+  }
+  return ctx;
+}
+
+export function ConfigProvider({ children }: { children: ReactNode }) {
+  const [config, setConfig] = useState<UserConfig>(defaultConfig);
+
+  useEffect(() => {
+    let cancelled = false;
+    void (async () => {
+      try {
+        const cfg = await getUserConfig();
+        if (cancelled) return;
+        setConfig(cfg);
+      } catch {
+      }
+    })();
+
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+
+  useEffect(() => {
+    const onConfigUpdated = (evt: Event) => {
+      const e = evt as CustomEvent<Partial<UserConfig>>;
+      const next = e.detail;
+      if (!next || typeof next !== "object") return;
+      setConfig((prev) => ({ ...prev, ...next }));
+    };
+    window.addEventListener("cue-console:configUpdated", onConfigUpdated);
+    return () => window.removeEventListener("cue-console:configUpdated", onConfigUpdated);
+  }, []);
+
+  useEffect(() => {
+    try {
+      window.localStorage.setItem(
+        "cue-console:pending_request_timeout_ms",
+        String(config.pending_request_timeout_ms)
+      );
+    } catch {
+    }
+    try {
+      window.localStorage.setItem(
+        "cue-console:chat_mode_append_text",
+        String(config.chat_mode_append_text)
+      );
+    } catch {
+    }
+  }, [config.pending_request_timeout_ms, config.chat_mode_append_text]);
+
+  const value = useMemo<ConfigContextValue>(() => ({ config }), [config]);
+
+  return <ConfigContext.Provider value={value}>{children}</ConfigContext.Provider>;
+}

package/src/hooks/use-message-sender.ts

@@ -1,6 +1,7 @@
 import { useCallback, useRef } from "react";
 import { submitResponse, batchRespond } from "@/lib/actions";
 import { calculateMessageTargets } from "@/lib/chat-logic";
+import { useConfig } from "@/contexts/config-context";
 import { useInputContext } from "@/contexts/input-context";
 import { useUIStateContext } from "@/contexts/ui-state-context";
 import type { CueRequest } from "@/lib/actions";
@@ -14,6 +15,7 @@ interface UseMessageSenderParams {
 }
 
 export function useMessageSender({ type, pendingRequests, mentions, onSuccess }: UseMessageSenderParams) {
+  const { config } = useConfig();
   const { input, images, conversationMode, setInput, setImages } = useInputContext();
   const { busy, setBusy, setError } = useUIStateContext();
   const imagesRef = useRef(images);
@@ -47,8 +49,7 @@ export function useMessageSender({ type, pendingRequests, mentions, onSuccess }:
     try {
       let result;
 
-      const analysisOnlyInstruction =
-        "只做分析，不要对代码/文件做任何改动。";
+      const analysisOnlyInstruction = config.chat_mode_append_text;
       const textToSend =
         conversationMode === "chat"
           ? input.trim().length > 0
@@ -87,7 +88,7 @@ export function useMessageSender({ type, pendingRequests, mentions, onSuccess }:
     } finally {
       setBusy(false);
     }
-  }, [type, input, conversationMode, mentions, pendingRequests, busy, setBusy, setError, setInput, setImages, onSuccess]);
+  }, [type, input, conversationMode, mentions, pendingRequests, busy, setBusy, setError, setInput, setImages, onSuccess, config.chat_mode_append_text]);
 
   return { send };
 }

package/src/lib/actions.ts

@@ -59,6 +59,8 @@ 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;
 };
 
 export type QueuedMessage = {
@@ -71,8 +73,20 @@ export type QueuedMessage = {
 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");
 }
@@ -91,6 +105,16 @@ export async function getUserConfig(): Promise<UserConfig> {
         parsed.conversation_mode_default === "chat" || parsed.conversation_mode_default === "agent"
           ? parsed.conversation_mode_default
           : defaultUserConfig.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,
+
+      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,
     };
   } catch {
     return defaultUserConfig;
@@ -106,6 +130,16 @@ export async function setUserConfig(next: Partial<UserConfig>): Promise<UserConf
       next.conversation_mode_default === "chat" || next.conversation_mode_default === "agent"
         ? next.conversation_mode_default
         : prev.conversation_mode_default,
+
+    chat_mode_append_text:
+      typeof next.chat_mode_append_text === "string" && normalizeSingleLine(next.chat_mode_append_text).length > 0
+        ? normalizeSingleLine(next.chat_mode_append_text)
+        : prev.chat_mode_append_text,
+
+    pending_request_timeout_ms:
+      typeof next.pending_request_timeout_ms === "number"
+        ? clampNumber(next.pending_request_timeout_ms, 60_000, 86_400_000)
+        : prev.pending_request_timeout_ms,
   };
   const p = getUserConfigPath();
   await fs.mkdir(path.dirname(p), { recursive: true });

package/src/lib/chat-logic.ts

@@ -1,6 +1,21 @@
 import type { CueRequest } from "@/lib/actions";
 import type { MessageActionParams, MentionDraft, ImageAttachment } from "@/types/chat";
 
+function clampNumber(n: number, min: number, max: number): number {
+  if (!Number.isFinite(n)) return min;
+  return Math.max(min, Math.min(max, n));
+}
+
+function getPendingRequestTimeoutMs(): number {
+  try {
+    const raw = window.localStorage.getItem("cue-console:pending_request_timeout_ms");
+    const n = Number(raw);
+    if (Number.isFinite(n)) return clampNumber(n, 60_000, 86_400_000);
+  } catch {
+  }
+  return 10 * 60 * 1000;
+}
+
 export function isPauseRequest(req: CueRequest): boolean {
   if (!req.payload) return false;
   try {
@@ -13,12 +28,12 @@ export function isPauseRequest(req: CueRequest): boolean {
 
 export function filterPendingRequests(requests: CueRequest[]): CueRequest[] {
   const now = Date.now();
-  const TIMEOUT_MS = 10 * 60 * 1000; // 10 minutes
+  const TIMEOUT_MS = getPendingRequestTimeoutMs();
   
   return requests.filter((r) => {
     if (r.status !== "PENDING") return false;
     
-    // Filter out requests older than 10 minutes
+    // Filter out requests older than timeout
     if (r.created_at) {
       const createdTime = new Date(r.created_at).getTime();
       const age = now - createdTime;

package/src/lib/db.ts

@@ -592,6 +592,8 @@ export function processMessageQueueTick(workerId: string, options?: { limit?: nu
   failed: number;
   removedQueueIds: string[];
 } {
+  cancelExpiredPendingRequests({ timeoutMs: 10 * 60 * 1000, excludePause: true });
+
   const limit = Math.max(1, Math.min(50, options?.limit ?? 20));
   const claimed = claimDueQueueItems(workerId, limit);
   let sent = 0;
@@ -688,6 +690,52 @@ export function processMessageQueueTick(workerId: string, options?: { limit?: nu
   };
 }
 
+function cancelExpiredPendingRequests(options?: { timeoutMs?: number; excludePause?: boolean }): {
+  considered: number;
+  cancelled: number;
+} {
+  const timeoutMs = Math.max(1, options?.timeoutMs ?? 10 * 60 * 1000);
+  const excludePause = options?.excludePause ?? true;
+
+  const db = getDb();
+  const now = Date.now();
+  const cutoff = now - timeoutMs;
+
+  const rows = db
+    .prepare(
+      `SELECT request_id, created_at, payload
+       FROM cue_requests
+       WHERE status = 'PENDING'
+       ORDER BY created_at ASC`
+    )
+    .all() as Array<{ request_id: string; created_at: string; payload: string | null }>;
+
+  let cancelled = 0;
+
+  for (const r of rows) {
+    if (excludePause) {
+      const payload = r.payload;
+      if (payload && payload.includes('"type"') && payload.includes('"confirm"')) {
+        const looksLikePause =
+          payload.includes('"variant"') && payload.includes('"pause"');
+        if (looksLikePause) continue;
+      }
+    }
+
+    const createdAtMs = new Date(r.created_at).getTime();
+    if (!Number.isFinite(createdAtMs)) continue;
+    if (createdAtMs > cutoff) continue;
+
+    try {
+      sendResponse(String(r.request_id), { text: "" }, true);
+      cancelled += 1;
+    } catch {
+    }
+  }
+
+  return { considered: rows.length, cancelled };
+}
+
 function metaKey(type: "agent" | "group", id: string): string {
   return `${type}:${id}`;
 }