ai-design-system 0.1.110 → 0.1.111

package/components/composites/SessionHeader/SessionHeader.tsx

@@ -28,6 +28,8 @@ export interface SessionHeaderProps extends React.HTMLAttributes<HTMLDivElement>
   onSelectSession?: (id: string) => void;
   onDownloadSession?: () => Promise<FileDownloadResult | undefined>;
   showActions?: boolean;
+  showNewSession?: boolean;
+  showDownloadSession?: boolean;
 }
 
 /**
@@ -37,7 +39,7 @@ export interface SessionHeaderProps extends React.HTMLAttributes<HTMLDivElement>
  * and a dropdown history of past sessions.
  */
 export const SessionHeader = React.forwardRef<HTMLDivElement, SessionHeaderProps>(
-  ({ title, sessions, activeSessionId, onNewSession, onCloseSession, onSelectSession, onDownloadSession, showActions = true, className, ...props }, ref) => {
+  ({ title, sessions, activeSessionId, onNewSession, onCloseSession, onSelectSession, onDownloadSession, showActions = true, showNewSession = true, showDownloadSession = true, className, ...props }, ref) => {
     const activeSession = sessions?.find(s => s.id === activeSessionId);
     const downloadRef = React.useRef<HTMLAnchorElement>(null);
 
@@ -72,14 +74,16 @@ export const SessionHeader = React.forwardRef<HTMLDivElement, SessionHeaderProps
         </div>
         {showActions && (
           <div className="flex items-center space-x-1 flex-none">
-            {onDownloadSession && (
+            {Boolean(onDownloadSession && showDownloadSession) && (
               <Button variant="ghost" size="icon" onClick={handleDownloadClick} className="h-8 w-8" title="Download Chat History">
                 <Icon name="download" className="h-4 w-4" />
               </Button>
             )}
-            <Button variant="ghost" size="icon" onClick={onNewSession} className="h-8 w-8" title="New Session">
-              <Icon name="plus" className="h-4 w-4" />
-            </Button>
+            {Boolean(onNewSession && showNewSession) && (
+              <Button variant="ghost" size="icon" onClick={onNewSession} className="h-8 w-8" title="New Session">
+                <Icon name="plus" className="h-4 w-4" />
+              </Button>
+            )}
             
             <DropdownMenu>
               <DropdownMenuTrigger asChild>

package/components/features/ChatPanel/ChatPanel.tsx

@@ -225,6 +225,16 @@ export interface ChatPanelProps {
    * @default true
    */
   showSessionActions?: boolean;
+  /**
+   * Whether to show the new session (+) action in the session header
+   * @default true
+   */
+  showNewSession?: boolean;
+  /**
+   * Whether to show the download session action in the session header
+   * @default true
+   */
+  showDownloadSession?: boolean;
   /**
    * Presentation variant for ChatPanel:
    * - "default": standard full flex-1 panel (default)
@@ -286,6 +296,8 @@ export const ChatPanel = React.memo<ChatPanelProps>(
     showHeader = true,
     sessionTitle,
     showSessionActions = true,
+    showNewSession = true,
+    showDownloadSession = true,
     variant = "default",
     onClose,
   }) => {
@@ -446,6 +458,8 @@ export const ChatPanel = React.memo<ChatPanelProps>(
           <SessionHeader
             title={sessionTitle}
             showActions={showSessionActions}
+            showNewSession={showNewSession}
+            showDownloadSession={showDownloadSession}
             sessions={sessions}
             activeSessionId={activeSessionId}
             onNewSession={onNewSession}

package/dist/index.cjs

@@ -7921,7 +7921,7 @@ var ApprovalCard = React3__namespace.memo(
 ApprovalCard.displayName = "ApprovalCard";
 var SessionHeader = React3__namespace.forwardRef(
   (_a, ref) => {
-    var _b = _a, { title, sessions, activeSessionId, onNewSession, onCloseSession, onSelectSession, onDownloadSession, showActions = true, className } = _b, props = __objRest(_b, ["title", "sessions", "activeSessionId", "onNewSession", "onCloseSession", "onSelectSession", "onDownloadSession", "showActions", "className"]);
+    var _b = _a, { title, sessions, activeSessionId, onNewSession, onCloseSession, onSelectSession, onDownloadSession, showActions = true, showNewSession = true, showDownloadSession = true, className } = _b, props = __objRest(_b, ["title", "sessions", "activeSessionId", "onNewSession", "onCloseSession", "onSelectSession", "onDownloadSession", "showActions", "showNewSession", "showDownloadSession", "className"]);
     const activeSession = sessions == null ? void 0 : sessions.find((s) => s.id === activeSessionId);
     const downloadRef = React3__namespace.useRef(null);
     const handleDownloadClick = React3__namespace.useCallback(async () => {
@@ -7947,8 +7947,8 @@ var SessionHeader = React3__namespace.forwardRef(
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center space-x-2 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium truncate", children: displayTitle }) }),
           showActions && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-1 flex-none", children: [
-            onDownloadSession && /* @__PURE__ */ jsxRuntime.jsx(Button2, { variant: "ghost", size: "icon", onClick: handleDownloadClick, className: "h-8 w-8", title: "Download Chat History", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "download", className: "h-4 w-4" }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Button2, { variant: "ghost", size: "icon", onClick: onNewSession, className: "h-8 w-8", title: "New Session", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "plus", className: "h-4 w-4" }) }),
+            Boolean(onDownloadSession && showDownloadSession) && /* @__PURE__ */ jsxRuntime.jsx(Button2, { variant: "ghost", size: "icon", onClick: handleDownloadClick, className: "h-8 w-8", title: "Download Chat History", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "download", className: "h-4 w-4" }) }),
+            Boolean(onNewSession && showNewSession) && /* @__PURE__ */ jsxRuntime.jsx(Button2, { variant: "ghost", size: "icon", onClick: onNewSession, className: "h-8 w-8", title: "New Session", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "plus", className: "h-4 w-4" }) }),
             /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu2, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button2, { variant: "ghost", size: "icon", className: "h-8 w-8", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "clock", className: "h-4 w-4" }) }) }),
               /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { align: "end", className: "w-64 max-h-80 overflow-y-auto", children: [
@@ -8180,6 +8180,8 @@ var ChatPanel = React3__namespace.memo(
     showHeader = true,
     sessionTitle,
     showSessionActions = true,
+    showNewSession = true,
+    showDownloadSession = true,
     variant = "default",
     onClose
   }) => {
@@ -8305,6 +8307,8 @@ var ChatPanel = React3__namespace.memo(
         {
           title: sessionTitle,
           showActions: showSessionActions,
+          showNewSession,
+          showDownloadSession,
           sessions,
           activeSessionId,
           onNewSession,