@oscloudlab/vgen-agent-assistant 0.0.21 → 0.0.22

package/dist/types/src/components/LeftChatPanel/index.d.ts

@@ -0,0 +1,4 @@
+import { LeftChatPanelProps } from '../VgenAgent/type';
+
+declare const LeftChatPanel: React.FC<LeftChatPanelProps>;
+export default LeftChatPanel;

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

@@ -34,6 +34,9 @@ export interface VgenAgentProps {
     /** diffViewer 组件透传注入：结果卡差异区渲染（未注入时隐藏差异区）；
      *  资源编辑差异锚点（rel_resource_edit）以 modal 形态调用，opts 携带确认/取消回调 */
     customDiffViewer?: (payload: DiffCardPayload, opts?: CustomDiffViewerOpts) => ReactNode;
+    /** dock 无引用态快捷 chips 自定义注入（boarding 宿主自定意图提示词）；
+     *  不传回落 dockVM.GENERAL_CHIPS 默认组；QuickChip.icon 可选，缺省渲染默认消息图标 */
+    generalChips?: QuickChip[];
     /** dock 快捷 chips（send 模式）点击回调，未提供时默认按 label 直接发送 */
     onDockQuickAction?: (label: string) => void;
     /** dock 意图 CTA 点击回调（未提供时 dock 不渲染 CTA 按钮） */
@@ -301,7 +304,8 @@ export interface CustomDiffViewerOpts {
 }
 /** dock 快捷 chip */
 export interface QuickChip {
-    icon: ComponentType<{
+    /** 缺省可不传，渲染处回落默认消息图标 */
+    icon?: ComponentType<{
         className?: string;
     }>;
     label: string;
@@ -377,6 +381,12 @@ export interface BottomChatDockProps {
     /** diffViewer 组件透传注入（结果卡差异区渲染，未注入时结果卡隐藏差异区）；
      *  资源编辑差异锚点以 modal 形态调用，opts 含确认/取消变更回调 */
     customDiffViewer?: (payload: DiffCardPayload, opts?: CustomDiffViewerOpts) => ReactNode;
+    /** 无引用态快捷 chips 自定义注入（VgenAgent 从 props.generalChips 透传），不传回落 dockVM.GENERAL_CHIPS */
+    generalChips?: QuickChip[];
+    /** 头部「开启新对话」按钮回调（VgenAgent 透传 controller.addNewSession），不传不渲染该按钮 */
+    onNewSession?: () => void;
+    /** 头部「会话历史」Popover 内容（VgenAgent 透传 historyListRender 视图），不传不渲染该按钮 */
+    historyPanel?: ReactNode;
 }
 /**
  * 左侧固定形态面板（追加形态，不影响 BottomChatDock 浮窗）：
@@ -385,7 +395,7 @@ export interface BottomChatDockProps {
  * 在宿主布局左侧占据固定宽度的一列并与卡片同高
  * （宿主提供挂载槽位，见 KnowledgeCard bottomDockLayout='inline' 布局）
  */
-export interface BottomChatPanelProps extends BottomChatDockProps {
+export interface LeftChatPanelProps extends BottomChatDockProps {
     /** 展开态面板初始列宽兼拖拽下限（number 按 px 处理），缺省 320；resizable=true 时展开态可拖拽在
      *  [width, 50vw] 区间内自由拉伸；收起态固定为左侧窄竖条，仍在布局内占位 */
     width?: number | string;

package/dist/types/src/index.d.ts

@@ -1,11 +1,11 @@
 import { default as VgenAgent } from './components/VgenAgent';
 import { default as BottomChatDock } from './components/BottomChatDock';
-import { default as BottomChatPanel } from './components/BottomChatPanel';
+import { default as LeftChatPanel } from './components/LeftChatPanel';
 import { useVgenChat } from './hooks/useVgenChat';
 import { COOKIE_AVATAR, detectIntent, GENERAL_CHIPS, INTENT_REPLY, QUOTE_CHIPS, dockHint } from './components/BottomChatDock/dockVM';
 
 export default VgenAgent;
-export { BottomChatDock, BottomChatPanel, useVgenChat, COOKIE_AVATAR, detectIntent, GENERAL_CHIPS, INTENT_REPLY, QUOTE_CHIPS, dockHint, };
+export { BottomChatDock, LeftChatPanel, LeftChatPanel as BottomChatPanel, useVgenChat, COOKIE_AVATAR, detectIntent, GENERAL_CHIPS, INTENT_REPLY, QUOTE_CHIPS, dockHint, };
 export { msgType, agentScene } from './components/VgenAgent/type';
-export type { VgenAgentProps, VgenAgentRefProps, viewModeType, videoInfoProps, knowledgeInfoProps, courseInfoProps, MessageProps, resourceType, recommendVideosProps, chatMsgResProps, saveMsgProps, sessionProps, AdjustmentKind, DiffCardPayload, QuickChip, DockResultData, DockMessage, BottomChatDockProps, BottomChatPanelProps, } from './components/VgenAgent/type';
+export type { VgenAgentProps, VgenAgentRefProps, viewModeType, videoInfoProps, knowledgeInfoProps, courseInfoProps, MessageProps, resourceType, recommendVideosProps, chatMsgResProps, saveMsgProps, sessionProps, AdjustmentKind, DiffCardPayload, QuickChip, DockResultData, DockMessage, BottomChatDockProps, LeftChatPanelProps, LeftChatPanelProps as BottomChatPanelProps, } from './components/VgenAgent/type';
 export type { VgenChatController, UseVgenChatProps } from './hooks/useVgenChat';

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, Tooltip, Segmented, Dropdown, 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, 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 { message, Spin, Badge, Button, ConfigProvider, Modal, TimePicker, Select, Collapse, Form, Input, Checkbox, Tree, Tooltip, Segmented, Popover, Dropdown, Popconfirm } from "antd";
+import { FileText, FishSymbol, Target, GraduationCap, Video, BookOpen, Lightbulb, Code2, Search, X, RefreshCw, ArrowRight, Play, Eye, Zap, FileDiff, User, Pencil, Check, Copy, RefreshCcw, BookOpenText, Star, GitBranch, FileCode, Trophy, MessageCircleQuestion, Sparkles, Plus, History, ChevronDown, ChevronUp, Paperclip, StopCircle, Send, PanelLeftClose, PanelLeftOpen, Folder, Trash2, Cookie, Minimize2 } from "lucide-react";
 import "pako";
 import { twMerge } from "tailwind-merge";
 import "moment";
@@ -18325,6 +18325,9 @@ const BottomChatDock = (props) => {
     quote,
     onClearQuote,
     customDiffViewer,
+    generalChips,
+    onNewSession,
+    historyPanel,
     onSwitchLayout
   } = props;
   const [input, setInput] = useState("");
@@ -18390,6 +18393,32 @@ const BottomChatDock = (props) => {
                   ]
                 }
               ) }),
+              (onNewSession || historyPanel) && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "span",
+                {
+                  className: "flex shrink-0 items-center gap-0.5",
+                  onClick: (e) => e.stopPropagation(),
+                  children: [
+                    onNewSession && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: "开启新对话", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: onNewSession,
+                        className: "rounded-lg p-1.5 text-slate-400 transition-colors hover:bg-slate-100 hover:text-primary-600",
+                        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "h-4 w-4" })
+                      }
+                    ) }),
+                    historyPanel && /* @__PURE__ */ jsxRuntimeExports.jsx(Popover, { placement: "bottomRight", trigger: "click", content: historyPanel, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        className: "rounded-lg p-1.5 text-slate-400 transition-colors hover:bg-slate-100 hover:text-primary-600",
+                        children: /* @__PURE__ */ jsxRuntimeExports.jsx(History, { className: "h-4 w-4" })
+                      }
+                    ) })
+                  ]
+                }
+              ),
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-slate-100 text-slate-500 transition-colors group-hover:bg-slate-200", children: open ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronUp, { className: "h-4 w-4" }) })
             ]
           }
@@ -18456,19 +18485,22 @@ const BottomChatDock = (props) => {
               ] }) }),
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 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-3 gap-2", children: (quote ? QUOTE_CHIPS : GENERAL_CHIPS).map((c) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => handleChipClick(c),
-                    className: "flex items-center gap-1.5 rounded-xl bg-white px-2.5 py-2 text-[11px] font-black text-slate-600 ring-1 ring-slate-200/80 transition-all hover:bg-primary/10 hover:text-primary hover:ring-primary/30 active:scale-[0.97]",
-                    children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(c.icon, { className: "h-3.5 w-3.5 shrink-0" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: c.label })
-                    ]
-                  },
-                  c.label
-                )) })
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-3 gap-2", children: (quote ? QUOTE_CHIPS : generalChips ?? GENERAL_CHIPS).map((c) => {
+                  const ChipIcon = c.icon ?? MessageCircleQuestion;
+                  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => handleChipClick(c),
+                      className: "flex items-center gap-1.5 rounded-xl bg-white px-2.5 py-2 text-[11px] font-black text-slate-600 ring-1 ring-slate-200/80 transition-all hover:bg-primary/10 hover:text-primary hover:ring-primary/30 active:scale-[0.97]",
+                      children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(ChipIcon, { className: "h-3.5 w-3.5 shrink-0" }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: c.label })
+                      ]
+                    },
+                    c.label
+                  );
+                }) })
               ] }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 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(
@@ -18529,7 +18561,7 @@ const resolveMinWidth = (width) => {
   if (m) return Number(m[1]) / 100 * window.innerWidth;
   return null;
 };
-const BottomChatPanel = (props) => {
+const LeftChatPanel = (props) => {
   const {
     state = "fresh",
     messages,
@@ -18544,6 +18576,9 @@ const BottomChatPanel = (props) => {
     quote,
     onClearQuote,
     customDiffViewer,
+    generalChips,
+    onNewSession,
+    historyPanel,
     width = 320,
     collapsible = true,
     resizable = true,
@@ -18654,6 +18689,25 @@ const BottomChatPanel = (props) => {
                     ]
                   }
                 ),
+                (onNewSession || historyPanel) && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex shrink-0 items-center gap-0.5", children: [
+                  onNewSession && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: "开启新对话", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: onNewSession,
+                      className: "rounded-lg p-1.5 text-slate-400 transition-colors hover:bg-slate-100 hover:text-primary-600",
+                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "h-4 w-4" })
+                    }
+                  ) }),
+                  historyPanel && /* @__PURE__ */ jsxRuntimeExports.jsx(Popover, { placement: "bottomRight", trigger: "click", content: historyPanel, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "rounded-lg p-1.5 text-slate-400 transition-colors hover:bg-slate-100 hover:text-primary-600",
+                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(History, { className: "h-4 w-4" })
+                    }
+                  ) })
+                ] }),
                 collapsible && /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "button",
                   {
@@ -18719,19 +18773,22 @@ const BottomChatPanel = (props) => {
               ] }) }),
               /* @__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: "grid grid-cols-2 gap-1.5", children: (quote ? QUOTE_CHIPS : generalChips ?? GENERAL_CHIPS).map((c) => {
+                  const ChipIcon = c.icon ?? MessageCircleQuestion;
+                  return /* @__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(ChipIcon, { 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(
@@ -18855,10 +18912,11 @@ const VgenAgent = forwardRef((props, ref) => {
     dockLayout = "float",
     /* dock 形态切换回调（由 AI 学伴内右上角切换按钮触发） */
     onDockLayoutChange,
-    /* inline 左侧固定面板展开态列宽（透传 BottomChatPanel width） */
+    /* inline 左侧固定面板展开态列宽（透传 LeftChatPanel width） */
     dockPanelWidth = 320,
     quoteTarget,
     customDiffViewer,
+    generalChips,
     onDockQuickAction,
     onDockCta,
     onDockResultAccept,
@@ -19278,7 +19336,7 @@ const VgenAgent = forwardRef((props, ref) => {
                     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[13px] font-bold text-gray-800", children: "饼干 AI 学伴" })
                   ] }),
                   /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 z-10", children: [
-                    viewMode !== "knowledgeCard" && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: "开启新对话", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: "开启新对话", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                       "button",
                       {
                         onClick: () => {
@@ -19288,7 +19346,7 @@ const VgenAgent = forwardRef((props, ref) => {
                         children: /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "w-4 h-4" })
                       }
                     ) }),
-                    viewMode !== "knowledgeCard" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
                       Popover,
                       {
                         placement: "bottomRight",
@@ -19315,19 +19373,6 @@ const VgenAgent = forwardRef((props, ref) => {
                 ]
               }
             ),
-            viewMode === "video" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-primary-50 px-4 py-3 border-b border-primary-100 animate-in slide-in-from-top-2 duration-300", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { title: videoInfo == null ? void 0 : videoInfo.name, className: "text-[11px] font-medium text-primary-900 truncate pr-4 flex-1 text-ellipsis", children: videoInfo == null ? void 0 : videoInfo.name }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-2", children: ["视频总结", "章节大纲"].map(
-                (item) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "button",
-                  {
-                    className: "px-2 py-1 bg-white border border-primary-100 rounded text-[10px] text-primary-700 shadow-sm hover:bg-primary-50 transition-colors",
-                    children: item
-                  },
-                  item
-                )
-              ) })
-            ] }) }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 px-4 bg-white relative overflow-hidden", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "div",
@@ -19577,7 +19622,7 @@ const VgenAgent = forwardRef((props, ref) => {
       )
     ) }),
     controller.isLogin && showDock && (dockLayout === "inline" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      BottomChatPanel,
+      LeftChatPanel,
       {
         state: controller.dockHintState,
         messages: dockMessages,
@@ -19589,6 +19634,9 @@ const VgenAgent = forwardRef((props, ref) => {
         answerIsDone: controller.answerIsDone,
         onStopAnswer: controller.stopAnswer,
         onQuickAction: handleDockQuickAction,
+        generalChips,
+        onNewSession: () => controller.addNewSession(),
+        historyPanel: historyListRender,
         quote: controller.dockQuotedText,
         onClearQuote: () => controller.setDockQuotedText(null),
         customDiffViewer,
@@ -19613,6 +19661,9 @@ const VgenAgent = forwardRef((props, ref) => {
         answerIsDone: controller.answerIsDone,
         onStopAnswer: controller.stopAnswer,
         onQuickAction: handleDockQuickAction,
+        generalChips,
+        onNewSession: () => controller.addNewSession(),
+        historyPanel: historyListRender,
         onCta: handleDockCta,
         ctaEnabled: !!onDockCta,
         onAccept: handleDockAccept,
@@ -19666,10 +19717,11 @@ const VgenAgent = forwardRef((props, ref) => {
 });
 export {
   BottomChatDock,
-  BottomChatPanel,
+  LeftChatPanel as BottomChatPanel,
   COOKIE_AVATAR,
   GENERAL_CHIPS,
   INTENT_REPLY,
+  LeftChatPanel,
   QUOTE_CHIPS,
   agentScene$1 as agentScene,
   VgenAgent as default,