@oscloudlab/vgen-agent-assistant 0.0.18 → 0.0.20

package/dist/types/src/components/VgenAgent/type.d.ts

@@ -382,10 +382,15 @@ export interface BottomChatDockProps {
  * （宿主提供挂载槽位，见 KnowledgeCard bottomDockLayout='inline' 布局）
  */
 export interface BottomChatPanelProps extends BottomChatDockProps {
-    /** 展开态面板列宽（number 按 px 处理），缺省 320；收起态固定为左侧窄竖条，仍在布局内占位 */
+    /** 展开态面板初始列宽兼拖拽下限（number 按 px 处理），缺省 320；resizable=true 时展开态可拖拽在
+     *  [width, 50vw] 区间内自由拉伸；收起态固定为左侧窄竖条，仍在布局内占位 */
     width?: number | string;
     /** 是否支持收起为左侧窄竖条（不提供时缺省 true，收起后仍在布局中占位） */
     collapsible?: boolean;
+    /** 展开态右缘是否可拖拽调整宽度（缺省 true）；false 时回退纯固定宽（原行为） */
+    resizable?: boolean;
+    /** 拖拽或键盘（←/→）调整宽度结束时回调最新宽度（px），宿主可据此持久化用户偏好 */
+    onWidthChange?: (width: number) => void;
 }
 export interface addTaskProps {
     id?: number;

package/dist/vgen-agent-assistant.es.js

@@ -1,6 +1,6 @@
 import require$$0, { memo, useState, useEffect, useMemo, useRef, forwardRef, useImperativeHandle, useCallback } from "react";
 import { message, Spin, Badge, Button, ConfigProvider, Modal, TimePicker, Select, Collapse, Form, Input, Checkbox, Tree, Dropdown, Tooltip, Popconfirm, Popover } from "antd";
-import { FileText, FishSymbol, Target, GraduationCap, Video, BookOpen, Lightbulb, Code2, Search, X, RefreshCw, ArrowRight, Play, Eye, Zap, FileDiff, User, Pencil, Check, Copy, Wand2, RefreshCcw, BookOpenText, Star, GitBranch, FileCode, Trophy, MessageCircleQuestion, Sparkles, ListChecks, ChevronDown, ChevronUp, Paperclip, StopCircle, Send, PanelLeftClose, PanelLeftOpen, Folder, Trash2, Cookie, Plus, History, Minimize2 } from "lucide-react";
+import { FileText, FishSymbol, Target, GraduationCap, Video, BookOpen, Lightbulb, Code2, Search, X, RefreshCw, ArrowRight, Play, Eye, Zap, FileDiff, User, Pencil, Check, Copy, Wand2, RefreshCcw, BookOpenText, Star, GitBranch, FileCode, Trophy, MessageCircleQuestion, Sparkles, ChevronDown, ChevronUp, Paperclip, StopCircle, Send, PanelLeftClose, PanelLeftOpen, Folder, Trash2, Cookie, Plus, History, Minimize2 } from "lucide-react";
 import pako from "pako";
 import { twMerge } from "tailwind-merge";
 import "moment";
@@ -15401,6 +15401,13 @@ const ThinkingContent = memo((props) => {
     }
     return content2;
   }, [recommendScene]);
+  const thinkContentRef = useRef(null);
+  useEffect(() => {
+    const el = thinkContentRef.current;
+    if (el) {
+      el.scrollTop = el.scrollHeight;
+    }
+  }, [thinkContent]);
   const preheatContentMap = useMemo(() => {
     let content2 = "";
     switch (recommendScene) {
@@ -15455,7 +15462,14 @@ const ThinkingContent = memo((props) => {
           ) }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-base font-black italic text-slate-900 tracking-tight", children: createingMap }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs font-bold text-primary animate-pulse", children: thinkContent })
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "p",
+              {
+                ref: thinkContentRef,
+                className: "text-xs font-bold text-primary animate-pulse max-h-[50px] overflow-y-auto max-w-[40vw]",
+                children: thinkContent
+              }
+            )
           ] })
         ] }),
         preheatContentMap ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-[#FAFBFC] rounded-3xl p-6 border border-border/40 relative group overflow-hidden", children: [
@@ -18427,17 +18441,17 @@ const GENERAL_CHIPS = [
     mode: "prefill",
     fill: "我想问一下："
   },
-  {
-    icon: ListChecks,
-    label: "再出几题",
-    mode: "prefill",
-    fill: "再出3道问答题"
-  },
+  // {
+  //   icon: ListChecks,
+  //   label: '再出几题',
+  //   mode: 'prefill',
+  //   fill: '再出3道问答题',
+  // },
   {
     icon: Sparkles,
     label: "润色全文",
     mode: "prefill",
-    fill: "帮我润色一下，改成通俗版"
+    fill: "帮我润色一下知识文本讲解，改成通俗版"
   }
 ];
 const detectIntent = (text2) => {
@@ -18675,6 +18689,18 @@ const BottomChatDock = (props) => {
   ) });
 };
 const COLLAPSED_WIDTH = 52;
+const RESIZE_KEY_STEP = 16;
+const resolveMinWidth = (width) => {
+  if (typeof width === "number") return width > 0 ? width : null;
+  const w = width.trim();
+  let m = /^(\d+(?:\.\d+)?)px$/.exec(w);
+  if (m) return Number(m[1]);
+  m = /^(\d+(?:\.\d+)?)$/.exec(w);
+  if (m) return Number(m[1]);
+  m = /^(\d+(?:\.\d+)?)%$/.exec(w);
+  if (m) return Number(m[1]) / 100 * window.innerWidth;
+  return null;
+};
 const BottomChatPanel = (props) => {
   const {
     state = "fresh",
@@ -18691,10 +18717,57 @@ const BottomChatPanel = (props) => {
     onClearQuote,
     customDiffViewer,
     width = 320,
-    collapsible = true
+    collapsible = true,
+    resizable = true,
+    onWidthChange
   } = props;
   const expandedOpen = collapsible ? open : true;
-  const panelWidth = typeof width === "number" ? `${width}px` : width;
+  const [dragWidth, setDragWidth] = useState(null);
+  const [resizing, setResizing] = useState(false);
+  const panelRef = useRef(null);
+  const resizeRef = useRef(null);
+  const panelWidth = dragWidth !== null ? `${Math.round(dragWidth)}px` : typeof width === "number" ? `${width}px` : width;
+  const applyDragWidth = (next) => {
+    var _a;
+    const min = ((_a = resizeRef.current) == null ? void 0 : _a.min) ?? resolveMinWidth(width);
+    const clamped = Math.max(min ?? next, Math.min(next, window.innerWidth / 2));
+    setDragWidth(clamped);
+    if (resizeRef.current) resizeRef.current.applied = clamped;
+    return clamped;
+  };
+  const handleResizeDown = (e) => {
+    var _a;
+    if (e.button !== 0) return;
+    const startWidth = ((_a = panelRef.current) == null ? void 0 : _a.getBoundingClientRect().width) ?? 0;
+    resizeRef.current = { startX: e.clientX, startWidth, min: resolveMinWidth(width), applied: startWidth };
+    setResizing(true);
+    e.currentTarget.setPointerCapture(e.pointerId);
+    document.body.style.userSelect = "none";
+    document.body.style.cursor = "col-resize";
+  };
+  const handleResizeMove = (e) => {
+    const st = resizeRef.current;
+    if (!st) return;
+    applyDragWidth(st.startWidth + (e.clientX - st.startX));
+  };
+  const handleResizeEnd = (e) => {
+    const st = resizeRef.current;
+    if (!st) return;
+    resizeRef.current = null;
+    setResizing(false);
+    if (e.currentTarget.hasPointerCapture(e.pointerId)) e.currentTarget.releasePointerCapture(e.pointerId);
+    document.body.style.userSelect = "";
+    document.body.style.cursor = "";
+    onWidthChange == null ? void 0 : onWidthChange(st.applied);
+  };
+  const handleResizeKeyDown = (e) => {
+    var _a;
+    if (e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
+    e.preventDefault();
+    const current = dragWidth ?? ((_a = panelRef.current) == null ? void 0 : _a.getBoundingClientRect().width) ?? 0;
+    const clamped = applyDragWidth(current + (e.key === "ArrowRight" ? RESIZE_KEY_STEP : -RESIZE_KEY_STEP));
+    onWidthChange == null ? void 0 : onWidthChange(clamped);
+  };
   const [input, setInput] = useState("");
   const scrollRef = useRef(null);
   const inputRef = useRef(null);
@@ -18724,171 +18797,198 @@ const BottomChatPanel = (props) => {
   };
   return (
     /* 流内常驻块：左侧竖版面板，高度撑满宿主槽位（h-full），宽度参与动画 */
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
       motion.div,
       {
+        ref: panelRef,
         initial: false,
         animate: { width: expandedOpen ? panelWidth : `${COLLAPSED_WIDTH}px` },
-        transition: { duration: 0.24, ease: "easeOut" },
+        transition: { duration: resizing ? 0 : 0.24, ease: "easeOut" },
         className: "relative h-full shrink-0 overflow-hidden border-r border-slate-200/90 bg-white",
-        children: expandedOpen ? (
-          /* ==================== 展开态：完整侧栏面板（内容固定宽，动画期随外层裁剪显露） ==================== */
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: panelWidth }, className: "flex h-full flex-col", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center gap-2.5 px-3.5 py-3", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "aria-hidden": true, className: "h-9 w-9 shrink-0 overflow-hidden rounded-full ring-1 ring-primary/15", children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: COOKIE_AVATAR, alt: "", className: "h-full w-full object-cover" }) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 flex-1 truncate text-[13px] font-black text-slate-800", children: "饼干 · AI 学伴" }),
-              collapsible && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "button",
+        children: [
+          expandedOpen ? (
+            /* ==================== 展开态：完整侧栏面板（内容固定宽，动画期随外层裁剪显露） ==================== */
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: panelWidth }, className: "flex h-full flex-col", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center gap-2.5 px-3.5 py-3", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "aria-hidden": true, className: "h-9 w-9 shrink-0 overflow-hidden rounded-full ring-1 ring-primary/15", children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: COOKIE_AVATAR, alt: "", className: "h-full w-full object-cover" }) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 flex-1 truncate text-[13px] font-black text-slate-800", children: "饼干 · AI 学伴" }),
+                collapsible && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onOpenChange(false),
+                    title: "收起为窄条",
+                    "aria-label": "收起 AI 学伴面板",
+                    className: "shrink-0 rounded-lg p-1.5 text-slate-400 transition-colors hover:bg-slate-100 hover:text-slate-600",
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(PanelLeftClose, { className: "h-4 w-4" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "div",
                 {
-                  type: "button",
-                  onClick: () => onOpenChange(false),
-                  title: "收起为窄条",
-                  "aria-label": "收起 AI 学伴面板",
-                  className: "shrink-0 rounded-lg p-1.5 text-slate-400 transition-colors hover:bg-slate-100 hover:text-slate-600",
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(PanelLeftClose, { className: "h-4 w-4" })
+                  ref: scrollRef,
+                  className: "no-scrollbar min-h-0 flex-1 space-y-3 overflow-y-auto px-3.5 pb-2 pt-1",
+                  children: messages.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2.5 pt-1", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "img",
+                      {
+                        src: COOKIE_AVATAR,
+                        alt: "",
+                        "aria-hidden": true,
+                        className: "mt-0.5 h-7 w-7 shrink-0 rounded-full object-cover ring-1 ring-primary/15"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "rounded-2xl rounded-tl-md bg-slate-100 px-3.5 py-2.5 text-[12px] font-bold leading-relaxed text-slate-600", children: "想怎么调整？或者有问题都可以问我~" })
+                  ] }) : (
+                    /* 消息渲染与主聊天统一，全部由 MessageContent 组件承载 */
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      MessageContent$1,
+                      {
+                        messages,
+                        answerIsDone,
+                        isDev,
+                        userInfo,
+                        handleSend: ({ input: input2 }) => onSend(input2),
+                        customDiffViewer
+                      }
+                    )
+                  )
                 }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "div",
+              ),
+              quote && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0 px-3.5 pb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 rounded-xl bg-primary/5 px-3 py-2", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Paperclip, { className: "h-3 w-3 shrink-0 text-primary" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 text-[10px] font-black text-primary", children: "引用" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "min-w-0 flex-1 truncate text-[11px] font-bold text-slate-600", children: [
+                  '"',
+                  quote,
+                  '"'
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: onClearQuote,
+                    "aria-label": "取消引用",
+                    className: "shrink-0 rounded-md p-0.5 text-slate-400 transition-colors hover:text-rose-500",
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "h-3.5 w-3.5" })
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "shrink-0 px-3.5 pb-2", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mb-2 text-[10px] font-black uppercase tracking-widest text-muted-foreground", children: "你可以" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-2 gap-1.5", children: (quote ? QUOTE_CHIPS : GENERAL_CHIPS).map((c) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => handleChipClick(c),
+                    className: "flex items-center gap-2 rounded-xl bg-slate-50 px-2.5 py-1.5 text-[11px] font-bold text-slate-600 ring-1 ring-slate-200/70 transition-colors hover:bg-primary-50 hover:text-primary",
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(c.icon, { className: "h-3.5 w-3.5 shrink-0" }),
+                      c.label
+                    ]
+                  },
+                  c.label
+                )) })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0 px-3.5 pb-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-2xl bg-slate-50 p-1.5 ring-1 ring-slate-200/80 transition-shadow focus-within:bg-white focus-within:ring-2 focus-within:ring-primary/30", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-end gap-1.5", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "input",
+                  {
+                    ref: inputRef,
+                    value: input,
+                    onChange: (e) => setInput(e.target.value),
+                    onKeyDown: (e) => {
+                      if (e.key !== "Enter") return;
+                      if (e.shiftKey) return;
+                      submit();
+                    },
+                    placeholder: quote ? "针对这段提问，或说想怎么改..." : "描述你想怎么调，或问我任何问题...",
+                    "aria-label": "输入你想问的问题或想做的调整",
+                    className: "h-9 w-full border-0 bg-transparent px-2.5 text-[12px] font-bold outline-none placeholder:font-bold placeholder:text-slate-400"
+                  }
+                ),
+                !answerIsDone && onStopAnswer ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: onStopAnswer,
+                    title: "停止回答",
+                    "aria-label": "停止回答",
+                    className: "h-9 w-9 shrink-0 rounded-xl bg-primary text-white shadow-glow transition-all hover:bg-primary/80",
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(StopCircle, { className: "mx-auto h-4 w-4" })
+                  }
+                ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: submit,
+                    disabled: !input.trim(),
+                    "aria-label": "发送",
+                    className: "h-9 w-9 shrink-0 rounded-xl bg-primary text-white shadow-glow transition-all hover:bg-primary-700 disabled:bg-slate-200 disabled:text-slate-400 disabled:shadow-none",
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Send, { className: "mx-auto h-4 w-4" })
+                  }
+                )
+              ] }) }) })
+            ] })
+          ) : (
+            /* ==================== 收起态：左侧窄竖条把手（仍在布局内占位） ==================== */
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "button",
               {
-                ref: scrollRef,
-                className: "no-scrollbar min-h-0 flex-1 space-y-3 overflow-y-auto px-3.5 pb-2 pt-1",
-                children: messages.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2.5 pt-1", children: [
+                type: "button",
+                onClick: () => onOpenChange(true),
+                title: dockHint(state),
+                "aria-label": "展开 AI 学伴面板",
+                className: "flex h-full w-[52px] flex-col items-center gap-3 py-3 transition-colors hover:bg-slate-50",
+                children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx(
                     "img",
                     {
                       src: COOKIE_AVATAR,
                       alt: "",
                       "aria-hidden": true,
-                      className: "mt-0.5 h-7 w-7 shrink-0 rounded-full object-cover ring-1 ring-primary/15"
+                      className: "h-9 w-9 shrink-0 rounded-full object-cover ring-1 ring-primary/15"
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "rounded-2xl rounded-tl-md bg-slate-100 px-3.5 py-2.5 text-[12px] font-bold leading-relaxed text-slate-600", children: "想怎么调整？或者有问题都可以问我~" })
-                ] }) : (
-                  /* 消息渲染与主聊天统一，全部由 MessageContent 组件承载 */
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(PanelLeftOpen, { className: "h-4 w-4 shrink-0 text-slate-400" }),
                   /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    MessageContent$1,
+                    "span",
                     {
-                      messages,
-                      answerIsDone,
-                      isDev,
-                      userInfo,
-                      handleSend: ({ input: input2 }) => onSend(input2),
-                      customDiffViewer
+                      className: "text-[11px] font-black tracking-widest text-slate-500",
+                      style: { writingMode: "vertical-rl" },
+                      children: "饼干 · AI 学伴"
                     }
                   )
-                )
+                ]
               }
-            ),
-            quote && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0 px-3.5 pb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 rounded-xl bg-primary/5 px-3 py-2", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Paperclip, { className: "h-3 w-3 shrink-0 text-primary" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 text-[10px] font-black text-primary", children: "引用" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "min-w-0 flex-1 truncate text-[11px] font-bold text-slate-600", children: [
-                '"',
-                quote,
-                '"'
-              ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: onClearQuote,
-                  "aria-label": "取消引用",
-                  className: "shrink-0 rounded-md p-0.5 text-slate-400 transition-colors hover:text-rose-500",
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "h-3.5 w-3.5" })
-                }
-              )
-            ] }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "shrink-0 px-3.5 pb-2", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mb-2 text-[10px] font-black uppercase tracking-widest text-muted-foreground", children: "你可以" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-1 gap-1.5", children: (quote ? QUOTE_CHIPS : GENERAL_CHIPS).map((c) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => handleChipClick(c),
-                  className: "flex items-center gap-2 rounded-xl bg-slate-50 px-2.5 py-1.5 text-[11px] font-bold text-slate-600 ring-1 ring-slate-200/70 transition-colors hover:bg-primary-50 hover:text-primary",
-                  children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx(c.icon, { className: "h-3.5 w-3.5 shrink-0" }),
-                    c.label
-                  ]
-                },
-                c.label
-              )) })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0 px-3.5 pb-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-2xl bg-slate-50 p-1.5 ring-1 ring-slate-200/80 transition-shadow focus-within:bg-white focus-within:ring-2 focus-within:ring-primary/30", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-end gap-1.5", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "input",
-                {
-                  ref: inputRef,
-                  value: input,
-                  onChange: (e) => setInput(e.target.value),
-                  onKeyDown: (e) => {
-                    if (e.key !== "Enter") return;
-                    if (e.shiftKey) return;
-                    submit();
-                  },
-                  placeholder: quote ? "针对这段提问，或说想怎么改..." : "描述你想怎么调，或问我任何问题...",
-                  "aria-label": "输入你想问的问题或想做的调整",
-                  className: "h-9 w-full border-0 bg-transparent px-2.5 text-[12px] font-bold outline-none placeholder:font-bold placeholder:text-slate-400"
-                }
-              ),
-              !answerIsDone && onStopAnswer ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: onStopAnswer,
-                  title: "停止回答",
-                  "aria-label": "停止回答",
-                  className: "h-9 w-9 shrink-0 rounded-xl bg-primary text-white shadow-glow transition-all hover:bg-primary/80",
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(StopCircle, { className: "mx-auto h-4 w-4" })
-                }
-              ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "button",
+            )
+          ),
+          expandedOpen && resizable && /* ==================== 右缘拖拽把手：4px 命中区，hover/拖动/聚焦竖条转主题色 ==================== */
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              role: "separator",
+              "aria-orientation": "vertical",
+              "aria-label": "拖拽调整 AI 学伴面板宽度",
+              title: "拖拽调整面板宽度",
+              tabIndex: 0,
+              className: "group absolute inset-y-0 right-0 z-10 w-1 cursor-col-resize outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
+              onPointerDown: handleResizeDown,
+              onPointerMove: handleResizeMove,
+              onPointerUp: handleResizeEnd,
+              onPointerCancel: handleResizeEnd,
+              onKeyDown: handleResizeKeyDown,
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "span",
                 {
-                  type: "button",
-                  onClick: submit,
-                  disabled: !input.trim(),
-                  "aria-label": "发送",
-                  className: "h-9 w-9 shrink-0 rounded-xl bg-primary text-white shadow-glow transition-all hover:bg-primary-700 disabled:bg-slate-200 disabled:text-slate-400 disabled:shadow-none",
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Send, { className: "mx-auto h-4 w-4" })
+                  "aria-hidden": true,
+                  className: `absolute inset-y-0 left-1/2 w-0.5 -translate-x-1/2 rounded-full transition-colors ${resizing ? "bg-primary" : "bg-slate-200 group-hover:bg-primary/70 group-focus-visible:bg-primary/70"}`
                 }
               )
-            ] }) }) })
-          ] })
-        ) : (
-          /* ==================== 收起态：左侧窄竖条把手（仍在布局内占位） ==================== */
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => onOpenChange(true),
-              title: dockHint(state),
-              "aria-label": "展开 AI 学伴面板",
-              className: "flex h-full w-[52px] flex-col items-center gap-3 py-3 transition-colors hover:bg-slate-50",
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "img",
-                  {
-                    src: COOKIE_AVATAR,
-                    alt: "",
-                    "aria-hidden": true,
-                    className: "h-9 w-9 shrink-0 rounded-full object-cover ring-1 ring-primary/15"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(PanelLeftOpen, { className: "h-4 w-4 shrink-0 text-slate-400" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "span",
-                  {
-                    className: "text-[11px] font-black tracking-widest text-slate-500",
-                    style: { writingMode: "vertical-rl" },
-                    children: "饼干 · AI 学伴"
-                  }
-                )
-              ]
             }
           )
-        )
+        ]
       }
     )
   );