@clubmed/usg-chat-ui 1.2.7 → 1.4.0

package/organisms/chat/Chat.d.ts

@@ -1,6 +1,12 @@
 import { ReactNode } from 'react';
+import { ChatHeaderProps } from './ChatHeader';
+import { ChatLabelOverrides } from '../../config/chatLabels';
 export interface ChatProps {
+    title?: string;
     className?: string;
     headerActions?: ReactNode;
+    variant?: ChatHeaderProps["variant"];
+    labels?: ChatLabelOverrides;
 }
-export declare function Chat({ headerActions, className, }: ChatProps): import("react/jsx-runtime").JSX.Element;
+export declare function Chat({ title, headerActions, variant, className, labels, }: ChatProps): import("react/jsx-runtime").JSX.Element;
+export default Chat;

package/organisms/chat/Chat.js

@@ -1,63 +1,64 @@
 "use client";
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { cn as d } from "../../utils/cn.js";
-import { ChatHeader as L } from "./ChatHeader.js";
-import { SidebarToggleButton as R } from "./SidebarToggleButton.js";
-import { ConversationSidebar as M } from "./ConversationSidebar.js";
+import { ChatHeader as k } from "./ChatHeader.js";
+import { SidebarToggleButton as z } from "./SidebarToggleButton.js";
+import { ConversationSidebar as I } from "./ConversationSidebar.js";
 import { ChatMessageList as T } from "./ChatMessageList.js";
 import { PromptComposer as j } from "./PromptComposer.js";
-import { CanvasLayout as F } from "../canvas/CanvasLayout.js";
-import { StoryCanvas as I } from "../canvas/StoryCanvas.js";
-import { ApiDocsCanvas as k } from "../canvas/ApiDocsCanvas.js";
-import { ReleaseNoteCanvas as z } from "../canvas/ReleaseNoteCanvas.js";
+import { CanvasLayout as A } from "../canvas/CanvasLayout.js";
+import { StoryCanvas as F } from "../canvas/StoryCanvas.js";
+import { ApiDocsCanvas as B } from "../canvas/ApiDocsCanvas.js";
+import { ReleaseNoteCanvas as P } from "../canvas/ReleaseNoteCanvas.js";
 import { SettingsModal as W } from "../settings/SettingsModal.js";
 import { useChat as _ } from "./hooks/useChat.js";
-function V({
-  headerActions: h,
-  className: f
+import { ChatSettingsButton as p } from "./ChatSettingsButton.js";
+import { ChatLabelsProvider as $ } from "../../contexts/ChatLabelsContext.js";
+function te({
+  title: h = "ClubMed USG AI Assistant",
+  headerActions: u,
+  variant: o = "full",
+  className: f,
+  labels: g
 }) {
   const {
-    chatMessages: t,
-    settingsOpen: g,
-    setSettingsOpen: a,
-    sidebarOpen: i,
-    setSidebarOpen: r,
-    sidebarRefreshTrigger: u,
-    currentConversationId: v,
-    loadConversation: C,
-    handleNewConversation: x,
-    isLoadingMessage: s,
+    chatMessages: C,
+    settingsOpen: x,
+    setSettingsOpen: s,
+    sidebarOpen: b,
+    setSidebarOpen: l,
+    sidebarRefreshTrigger: v,
+    currentConversationId: S,
+    loadConversation: w,
+    handleNewConversation: N,
+    isLoadingMessage: r,
     canvasType: n,
-    isFullscreen: l,
-    canvasWidth: m,
-    isResizing: c,
-    resizeWidth: p,
-    handleFollowupClick: S,
-    handleSubmit: w,
-    handleRegenerate: y,
-    localInput: b,
-    setLocalInput: N,
-    emptyStateGreeting: O
+    isFullscreen: i,
+    canvasWidth: a,
+    isResizing: m,
+    resizeWidth: c,
+    handleFollowupClick: y,
+    handleSubmit: L,
+    handleRegenerate: O,
+    localInput: M,
+    setLocalInput: R
   } = _();
-  return /* @__PURE__ */ o("div", { className: d("usg-chat-ui", f), "data-testid": "chat", children: [
-    /* @__PURE__ */ e(
-      L,
-      {
-        conversationCount: t.length,
-        onOpenSettings: () => a(!0),
-        actions: h
-      }
-    ),
-    /* @__PURE__ */ o("div", { className: "flex-1 flex overflow-hidden relative", children: [
-      !i && /* @__PURE__ */ e(R, { onOpen: () => r(!0) }),
-      i && /* @__PURE__ */ e(
-        M,
+  return /* @__PURE__ */ e($, { labels: g, children: /* @__PURE__ */ t("div", { className: d("usg-chat-ui", f), "data-testid": "chat", children: [
+    !(o != null && o.includes("no-header")) && /* @__PURE__ */ t(k, { title: h, variant: o, children: [
+      u,
+      /* @__PURE__ */ e(p, { onClick: () => s(!0) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "flex-1 flex overflow-hidden relative", children: [
+      /* @__PURE__ */ e(z, { className: "absolute left-4 z-10 top-4", onOpen: () => l(!0) }),
+      (o == null ? void 0 : o.includes("no-header")) && /* @__PURE__ */ e(p, { className: "absolute right-4 z-10 top-4", onClick: () => s(!0) }),
+      b && /* @__PURE__ */ e(
+        I,
         {
-          currentConversationId: v,
-          onSelectConversation: C,
-          onNewConversation: x,
-          refreshTrigger: u,
-          onClose: () => r(!1)
+          currentConversationId: S,
+          onSelectConversation: w,
+          onNewConversation: N,
+          refreshTrigger: v,
+          onClose: () => l(!1)
         }
       ),
       /* @__PURE__ */ e(
@@ -65,45 +66,45 @@ function V({
         {
           className: d(
             "flex-1 flex items-stretch justify-center overflow-hidden min-h-0",
-            l && "lg:w-0 lg:opacity-0 lg:pointer-events-none",
-            !c && "transition-all duration-300"
+            i && "lg:w-0 lg:opacity-0 lg:pointer-events-none",
+            !m && "transition-all duration-300"
           ),
           style: {
-            width: l ? "0" : c && p !== null ? `calc(100% - ${p}px)` : m !== null ? `calc(100% - ${m}px)` : "50%"
+            width: i ? "0" : m && c !== null ? `calc(100% - ${c}px)` : a !== null ? `calc(100% - ${a}px)` : "50%"
           },
-          children: /* @__PURE__ */ o("div", { className: "w-full max-w-3xl flex flex-col h-full", children: [
+          children: /* @__PURE__ */ t("div", { className: "w-full max-w-3xl flex flex-col h-full", children: [
             /* @__PURE__ */ e(
               T,
               {
-                chatMessages: t,
-                isLoadingMessage: s,
-                onFollowupClick: S,
-                onRegenerate: y,
-                emptyStateGreeting: O
+                chatMessages: C,
+                isLoadingMessage: r,
+                onFollowupClick: y,
+                onRegenerate: O
               }
             ),
             /* @__PURE__ */ e(
               j,
               {
-                value: b,
-                isLoading: s,
-                onChange: N,
-                onSubmit: w
+                value: M,
+                isLoading: r,
+                onChange: R,
+                onSubmit: L
               }
             )
           ] })
         }
       ),
-      /* @__PURE__ */ o(F, { children: [
-        n === "story" && /* @__PURE__ */ e(I, {}),
-        n === "api_docs" && /* @__PURE__ */ e(k, {}),
-        n === "release_note" && /* @__PURE__ */ e(z, {})
+      /* @__PURE__ */ t(A, { children: [
+        n === "story" && /* @__PURE__ */ e(F, {}),
+        n === "api_docs" && /* @__PURE__ */ e(B, {}),
+        n === "release_note" && /* @__PURE__ */ e(P, {})
       ] })
     ] }),
-    /* @__PURE__ */ e(W, { open: g, onOpenChange: a })
-  ] });
+    /* @__PURE__ */ e(W, { open: x, onOpenChange: s })
+  ] }) });
 }
 export {
-  V as Chat
+  te as Chat,
+  te as default
 };
 //# sourceMappingURL=Chat.js.map

package/organisms/chat/Chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.js","sources":["../../../lib/organisms/chat/Chat.tsx"],"sourcesContent":["\"use client\";\n\nimport type {ReactNode} from \"react\";\n\nimport {cn} from \"../../utils/cn\";\nimport {ChatHeader} from \"./ChatHeader\";\nimport {SidebarToggleButton} from \"./SidebarToggleButton\";\nimport {ConversationSidebar} from \"./ConversationSidebar\";\nimport {ChatMessageList} from \"./ChatMessageList\";\nimport {PromptComposer} from \"./PromptComposer\";\nimport {CanvasLayout} from \"../canvas/CanvasLayout\";\nimport {StoryCanvas} from \"../canvas/StoryCanvas\";\nimport {ApiDocsCanvas} from \"../canvas/ApiDocsCanvas\";\nimport {ReleaseNoteCanvas} from \"../canvas/ReleaseNoteCanvas\";\nimport {SettingsModal} from \"../settings/SettingsModal\";\nimport {useChat} from \"./hooks/useChat\";\n\nexport interface ChatProps {\n  className?: string;\n  headerActions?: ReactNode;\n}\n\nexport function Chat({\n                       headerActions,\n                       className,\n                     }: ChatProps) {\n  const {\n    chatMessages,\n    settingsOpen,\n    setSettingsOpen,\n    sidebarOpen,\n    setSidebarOpen,\n    sidebarRefreshTrigger,\n    currentConversationId,\n    loadConversation,\n    handleNewConversation,\n    isLoadingMessage,\n    canvasType,\n    isFullscreen,\n    canvasWidth,\n    isResizing,\n    resizeWidth,\n    handleFollowupClick,\n    handleSubmit,\n    handleRegenerate,\n    localInput,\n    setLocalInput,\n    emptyStateGreeting\n  } = useChat();\n\n  return (\n    <div className={cn(\"usg-chat-ui\", className)} data-testid=\"chat\">\n      <ChatHeader\n        conversationCount={chatMessages.length}\n        onOpenSettings={() => setSettingsOpen(true)}\n        actions={headerActions}\n      />\n\n      <div className=\"flex-1 flex overflow-hidden relative\">\n        {!sidebarOpen && <SidebarToggleButton onOpen={() => setSidebarOpen(true)}/>}\n\n        {sidebarOpen && (\n          <ConversationSidebar\n            currentConversationId={currentConversationId}\n            onSelectConversation={loadConversation}\n            onNewConversation={handleNewConversation}\n            refreshTrigger={sidebarRefreshTrigger}\n            onClose={() => setSidebarOpen(false)}\n          />\n        )}\n\n        <main\n          className={cn(\n            \"flex-1 flex items-stretch justify-center overflow-hidden min-h-0\",\n            isFullscreen && \"lg:w-0 lg:opacity-0 lg:pointer-events-none\",\n            !isResizing && \"transition-all duration-300\"\n          )}\n          style={{\n            width: isFullscreen\n              ? \"0\"\n              : isResizing && resizeWidth !== null\n                ? `calc(100% - ${resizeWidth}px)`\n                : canvasWidth !== null\n                  ? `calc(100% - ${canvasWidth}px)`\n                  : \"50%\",\n          }}\n        >\n          <div className=\"w-full max-w-3xl flex flex-col h-full\">\n            <ChatMessageList\n              chatMessages={chatMessages}\n              isLoadingMessage={isLoadingMessage}\n              onFollowupClick={handleFollowupClick}\n              onRegenerate={handleRegenerate}\n              emptyStateGreeting={emptyStateGreeting}\n            />\n\n            <PromptComposer\n              value={localInput}\n              isLoading={isLoadingMessage}\n              onChange={setLocalInput}\n              onSubmit={handleSubmit}\n            />\n          </div>\n        </main>\n\n        <CanvasLayout>\n          {canvasType === \"story\" && <StoryCanvas/>}\n          {canvasType === \"api_docs\" && <ApiDocsCanvas/>}\n          {canvasType === \"release_note\" && <ReleaseNoteCanvas/>}\n        </CanvasLayout>\n      </div>\n\n      <SettingsModal open={settingsOpen} onOpenChange={setSettingsOpen}/>\n    </div>\n  );\n}\n"],"names":["Chat","headerActions","className","chatMessages","settingsOpen","setSettingsOpen","sidebarOpen","setSidebarOpen","sidebarRefreshTrigger","currentConversationId","loadConversation","handleNewConversation","isLoadingMessage","canvasType","isFullscreen","canvasWidth","isResizing","resizeWidth","handleFollowupClick","handleSubmit","handleRegenerate","localInput","setLocalInput","emptyStateGreeting","useChat","jsxs","cn","jsx","ChatHeader","SidebarToggleButton","ConversationSidebar","ChatMessageList","PromptComposer","CanvasLayout","StoryCanvas","ApiDocsCanvas","ReleaseNoteCanvas","SettingsModal"],"mappings":";;;;;;;;;;;;;;AAsBO,SAASA,EAAK;AAAA,EACE,eAAAC;AAAA,EACA,WAAAC;AACF,GAAc;AACjC,QAAM;AAAA,IACJ,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,IACEC,EAAA;AAEJ,SACE,gBAAAC,EAAC,SAAI,WAAWC,EAAG,eAAexB,CAAS,GAAG,eAAY,QACxD,UAAA;AAAA,IAAA,gBAAAyB;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,mBAAmBzB,EAAa;AAAA,QAChC,gBAAgB,MAAME,EAAgB,EAAI;AAAA,QAC1C,SAASJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAGX,gBAAAwB,EAAC,OAAA,EAAI,WAAU,wCACZ,UAAA;AAAA,MAAA,CAACnB,KAAe,gBAAAqB,EAACE,GAAA,EAAoB,QAAQ,MAAMtB,EAAe,EAAI,GAAE;AAAA,MAExED,KACC,gBAAAqB;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,uBAAArB;AAAA,UACA,sBAAsBC;AAAA,UACtB,mBAAmBC;AAAA,UACnB,gBAAgBH;AAAA,UAChB,SAAS,MAAMD,EAAe,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAIvC,gBAAAoB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWD;AAAA,YACT;AAAA,YACAZ,KAAgB;AAAA,YAChB,CAACE,KAAc;AAAA,UAAA;AAAA,UAEjB,OAAO;AAAA,YACL,OAAOF,IACH,MACAE,KAAcC,MAAgB,OAC5B,eAAeA,CAAW,QAC1BF,MAAgB,OACd,eAAeA,CAAW,QAC1B;AAAA,UAAA;AAAA,UAGV,UAAA,gBAAAU,EAAC,OAAA,EAAI,WAAU,yCACb,UAAA;AAAA,YAAA,gBAAAE;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,cAAA5B;AAAA,gBACA,kBAAAS;AAAA,gBACA,iBAAiBM;AAAA,gBACjB,cAAcE;AAAA,gBACd,oBAAAG;AAAA,cAAA;AAAA,YAAA;AAAA,YAGF,gBAAAI;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,OAAOX;AAAA,gBACP,WAAWT;AAAA,gBACX,UAAUU;AAAA,gBACV,UAAUH;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,wBAGDc,GAAA,EACE,UAAA;AAAA,QAAApB,MAAe,6BAAYqB,GAAA,CAAA,CAAW;AAAA,QACtCrB,MAAe,cAAc,gBAAAc,EAACQ,GAAA,CAAA,CAAa;AAAA,QAC3CtB,MAAe,kBAAkB,gBAAAc,EAACS,GAAA,CAAA,CAAiB;AAAA,MAAA,EAAA,CACtD;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAT,EAACU,GAAA,EAAc,MAAMjC,GAAc,cAAcC,EAAA,CAAgB;AAAA,EAAA,GACnE;AAEJ;"}
+{"version":3,"file":"Chat.js","sources":["../../../lib/organisms/chat/Chat.tsx"],"sourcesContent":["\"use client\";\n\nimport type {ReactNode} from \"react\";\n\nimport {cn} from \"../../utils/cn\";\nimport {ChatHeader, type ChatHeaderProps} from \"./ChatHeader\";\nimport {SidebarToggleButton} from \"./SidebarToggleButton\";\nimport {ConversationSidebar} from \"./ConversationSidebar\";\nimport {ChatMessageList} from \"./ChatMessageList\";\nimport {PromptComposer} from \"./PromptComposer\";\nimport {CanvasLayout} from \"../canvas/CanvasLayout\";\nimport {StoryCanvas} from \"../canvas/StoryCanvas\";\nimport {ApiDocsCanvas} from \"../canvas/ApiDocsCanvas\";\nimport {ReleaseNoteCanvas} from \"../canvas/ReleaseNoteCanvas\";\nimport {SettingsModal} from \"../settings/SettingsModal\";\nimport {useChat} from \"./hooks/useChat\";\nimport type {ChatLabelOverrides} from \"../../config/chatLabels\";\nimport {ChatSettingsButton} from \"@clubmed/usg-chat-ui/organisms/chat/ChatSettingsButton\";\nimport {ChatLabelsProvider} from \"../../contexts/ChatLabelsContext\";\n\nexport interface ChatProps {\n  title?: string;\n  className?: string;\n  headerActions?: ReactNode;\n  variant?: ChatHeaderProps[\"variant\"];\n  labels?: ChatLabelOverrides;\n}\n\nexport function Chat({\n                       title = \"ClubMed USG AI Assistant\",\n                       headerActions,\n                       variant = \"full\",\n                       className,\n                       labels,\n                     }: ChatProps) {\n  const {\n    chatMessages,\n    settingsOpen,\n    setSettingsOpen,\n    sidebarOpen,\n    setSidebarOpen,\n    sidebarRefreshTrigger,\n    currentConversationId,\n    loadConversation,\n    handleNewConversation,\n    isLoadingMessage,\n    canvasType,\n    isFullscreen,\n    canvasWidth,\n    isResizing,\n    resizeWidth,\n    handleFollowupClick,\n    handleSubmit,\n    handleRegenerate,\n    localInput,\n    setLocalInput,\n  } = useChat();\n\n  return (\n    <ChatLabelsProvider labels={labels}>\n      <div className={cn(\"usg-chat-ui\", className)} data-testid=\"chat\">\n        {\n          !variant?.includes(\"no-header\") && <ChatHeader title={title} variant={variant}>\n            {headerActions}\n            <ChatSettingsButton onClick={() => setSettingsOpen(true)}/>\n          </ChatHeader>\n        }\n\n        <div className=\"flex-1 flex overflow-hidden relative\">\n          <SidebarToggleButton className=\"absolute left-4 z-10 top-4\" onOpen={() => setSidebarOpen(true)}/>\n\n          {variant?.includes(\"no-header\") && <ChatSettingsButton className=\"absolute right-4 z-10 top-4\" onClick={() => setSettingsOpen(true)}/>}\n\n          {sidebarOpen && (\n            <ConversationSidebar\n              currentConversationId={currentConversationId}\n              onSelectConversation={loadConversation}\n              onNewConversation={handleNewConversation}\n              refreshTrigger={sidebarRefreshTrigger}\n              onClose={() => setSidebarOpen(false)}\n            />\n          )}\n\n          <main\n            className={cn(\n              \"flex-1 flex items-stretch justify-center overflow-hidden min-h-0\",\n              isFullscreen && \"lg:w-0 lg:opacity-0 lg:pointer-events-none\",\n              !isResizing && \"transition-all duration-300\"\n            )}\n            style={{\n              width: isFullscreen\n                ? \"0\"\n                : isResizing && resizeWidth !== null\n                  ? `calc(100% - ${resizeWidth}px)`\n                  : canvasWidth !== null\n                    ? `calc(100% - ${canvasWidth}px)`\n                    : \"50%\",\n            }}\n          >\n            <div className=\"w-full max-w-3xl flex flex-col h-full\">\n              <ChatMessageList\n                chatMessages={chatMessages}\n                isLoadingMessage={isLoadingMessage}\n                onFollowupClick={handleFollowupClick}\n                onRegenerate={handleRegenerate}\n              />\n\n              <PromptComposer\n                value={localInput}\n                isLoading={isLoadingMessage}\n                onChange={setLocalInput}\n                onSubmit={handleSubmit}\n              />\n            </div>\n          </main>\n\n          <CanvasLayout>\n            {canvasType === \"story\" && <StoryCanvas/>}\n            {canvasType === \"api_docs\" && <ApiDocsCanvas/>}\n            {canvasType === \"release_note\" && <ReleaseNoteCanvas/>}\n          </CanvasLayout>\n        </div>\n\n        <SettingsModal open={settingsOpen} onOpenChange={setSettingsOpen}/>\n      </div>\n    </ChatLabelsProvider>\n  );\n}\n\nexport default Chat;\n"],"names":["Chat","title","headerActions","variant","className","labels","chatMessages","settingsOpen","setSettingsOpen","sidebarOpen","setSidebarOpen","sidebarRefreshTrigger","currentConversationId","loadConversation","handleNewConversation","isLoadingMessage","canvasType","isFullscreen","canvasWidth","isResizing","resizeWidth","handleFollowupClick","handleSubmit","handleRegenerate","localInput","setLocalInput","useChat","jsx","ChatLabelsProvider","jsxs","cn","ChatHeader","ChatSettingsButton","SidebarToggleButton","ConversationSidebar","ChatMessageList","PromptComposer","CanvasLayout","StoryCanvas","ApiDocsCanvas","ReleaseNoteCanvas","SettingsModal"],"mappings":"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"}

package/organisms/chat/ChatHeader.d.ts

@@ -1,7 +1,6 @@
-import { ReactNode } from 'react';
+import { PropsWithChildren } from 'react';
 export interface ChatHeaderProps {
-    conversationCount: number;
-    onOpenSettings: () => void;
-    actions?: ReactNode;
+    title: string;
+    variant?: string;
 }
-export declare function ChatHeader({ conversationCount, onOpenSettings, actions }: ChatHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatHeader({ title, variant, children }: PropsWithChildren<ChatHeaderProps>): import("react/jsx-runtime").JSX.Element;

package/organisms/chat/ChatHeader.js

@@ -1,43 +1,40 @@
 "use client";
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { W as o } from "../../chunks/wand-sparkles.js";
-import { S as i } from "../../chunks/settings.js";
-function m({ conversationCount: t, onOpenSettings: s, actions: a }) {
-  return /* @__PURE__ */ r("div", { className: "h-16 flex items-center justify-between px-4 sm:px-6 border-b border-border bg-card/95 backdrop-blur-xl transition-colors shadow-sm", children: [
-    /* @__PURE__ */ r("div", { className: "flex items-center gap-3 sm:gap-4", children: [
-      /* @__PURE__ */ r("div", { className: "relative group", children: [
-        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-foreground/10 blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500" }),
-        /* @__PURE__ */ r(
-          "div",
-          {
-            className: "relative flex h-10 w-10 sm:h-11 sm:w-11 items-center justify-center rounded-xl shadow-lg ring-1 ring-border/40 transition-transform group-hover:scale-105 duration-300 overflow-hidden",
-            style: {
-              background: "linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 50%, #0f0f0f 100%)",
-              boxShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 4px 6px rgba(0, 0, 0, 0.3)"
-            },
-            children: [
-              /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-br from-white/10 to-transparent pointer-events-none" }),
-              /* @__PURE__ */ e(o, { className: "h-4 w-4 sm:h-5 sm:w-5 text-white relative z-10", strokeWidth: 2 })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e("div", { className: "flex flex-col", children: /* @__PURE__ */ e("h1", { className: "text-sm sm:text-base font-semibold text-foreground tracking-tight", children: "ClubMed USG AI Assistant" }) }),
-      t > 0 && /* @__PURE__ */ e("div", { className: "sm:hidden ml-2 px-2 py-1 rounded-full bg-muted text-xs font-medium text-foreground", children: t })
-    ] }),
-    /* @__PURE__ */ r("div", { className: "flex items-center gap-2 sm:gap-3", children: [
-      a,
-      /* @__PURE__ */ e(
-        "button",
-        {
-          onClick: s,
-          className: "group relative flex h-9 w-9 sm:h-10 sm:w-10 items-center justify-center rounded-lg border border-border bg-card hover:bg-muted transition-all duration-200 hover:scale-105 hover:shadow-md focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background",
-          "aria-label": "Paramètres",
-          children: /* @__PURE__ */ e(i, { className: "h-4 w-4 sm:h-5 sm:w-5 text-muted-foreground group-hover:rotate-90 transition-transform duration-500" })
-        }
-      )
-    ] })
-  ] });
+import { jsxs as r, jsx as s, Fragment as l } from "react/jsx-runtime";
+import { cn as d } from "../../utils/cn.js";
+import { W as i } from "../../chunks/wand-sparkles.js";
+function m({ title: o, variant: e = "", children: t }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: d("h-16 flex items-center justify-between px-4 sm:px-6 transition-colors", {
+        "shadow-sm": !(e != null && e.includes("no-shadow")),
+        "bg-card/95 border-b border-border backdrop-blur-xl": !(e != null && e.includes("no-border"))
+      }),
+      children: [
+        /* @__PURE__ */ r("div", { className: "flex items-center gap-3 sm:gap-4", children: [
+          /* @__PURE__ */ s("div", { className: "relative group", children: !(e != null && e.includes("no-logo")) && /* @__PURE__ */ r(l, { children: [
+            /* @__PURE__ */ s("div", { className: "absolute inset-0 bg-foreground/10 blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500" }),
+            /* @__PURE__ */ r(
+              "div",
+              {
+                className: "relative flex h-10 w-10 sm:h-11 sm:w-11 items-center justify-center rounded-xl shadow-lg ring-1 ring-border/40 transition-transform group-hover:scale-105 duration-300 overflow-hidden",
+                style: {
+                  background: "linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 50%, #0f0f0f 100%)",
+                  boxShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 4px 6px rgba(0, 0, 0, 0.3)"
+                },
+                children: [
+                  /* @__PURE__ */ s("div", { className: "absolute inset-0 bg-gradient-to-br from-white/10 to-transparent pointer-events-none" }),
+                  /* @__PURE__ */ s(i, { className: "h-4 w-4 sm:h-5 sm:w-5 text-white relative z-10", strokeWidth: 2 })
+                ]
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ s("div", { className: "flex flex-col", children: /* @__PURE__ */ s("h1", { className: "text-sm sm:text-base font-semibold text-foreground tracking-tight", children: o }) })
+        ] }),
+        /* @__PURE__ */ s("div", { className: "flex items-center gap-2 sm:gap-3", children: t })
+      ]
+    }
+  );
 }
 export {
   m as ChatHeader

package/organisms/chat/ChatHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatHeader.js","sources":["../../../lib/organisms/chat/ChatHeader.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { Settings as SettingsIcon, Wand2 } from \"lucide-react\";\n\nexport interface ChatHeaderProps {\n  conversationCount: number;\n  onOpenSettings: () => void;\n  actions?: ReactNode;\n}\n\nexport function ChatHeader({ conversationCount, onOpenSettings, actions }: ChatHeaderProps) {\n  return (\n    <div className=\"h-16 flex items-center justify-between px-4 sm:px-6 border-b border-border bg-card/95 backdrop-blur-xl transition-colors shadow-sm\">\n      <div className=\"flex items-center gap-3 sm:gap-4\">\n        <div className=\"relative group\">\n          <div className=\"absolute inset-0 bg-foreground/10 blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500\" />\n          <div\n            className=\"relative flex h-10 w-10 sm:h-11 sm:w-11 items-center justify-center rounded-xl shadow-lg ring-1 ring-border/40 transition-transform group-hover:scale-105 duration-300 overflow-hidden\"\n            style={{\n              background: \"linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 50%, #0f0f0f 100%)\",\n              boxShadow: \"inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 4px 6px rgba(0, 0, 0, 0.3)\",\n            }}\n          >\n            <div className=\"absolute inset-0 bg-gradient-to-br from-white/10 to-transparent pointer-events-none\" />\n            <Wand2 className=\"h-4 w-4 sm:h-5 sm:w-5 text-white relative z-10\" strokeWidth={2} />\n          </div>\n        </div>\n\n        <div className=\"flex flex-col\">\n          <h1 className=\"text-sm sm:text-base font-semibold text-foreground tracking-tight\">\n            ClubMed USG AI Assistant\n          </h1>\n        </div>\n\n        {conversationCount > 0 && (\n          <div className=\"sm:hidden ml-2 px-2 py-1 rounded-full bg-muted text-xs font-medium text-foreground\">\n            {conversationCount}\n          </div>\n        )}\n      </div>\n\n      <div className=\"flex items-center gap-2 sm:gap-3\">\n        {actions}\n        <button\n          onClick={onOpenSettings}\n          className=\"group relative flex h-9 w-9 sm:h-10 sm:w-10 items-center justify-center rounded-lg border border-border bg-card hover:bg-muted transition-all duration-200 hover:scale-105 hover:shadow-md focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background\"\n          aria-label=\"Paramètres\"\n        >\n          <SettingsIcon className=\"h-4 w-4 sm:h-5 sm:w-5 text-muted-foreground group-hover:rotate-90 transition-transform duration-500\" />\n        </button>\n      </div>\n    </div>\n  );\n}\n"],"names":["ChatHeader","conversationCount","onOpenSettings","actions","jsxs","jsx","Wand2","SettingsIcon"],"mappings":";;;;AAWO,SAASA,EAAW,EAAE,mBAAAC,GAAmB,gBAAAC,GAAgB,SAAAC,KAA4B;AAC1F,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,sIACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,oCACb,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,8GAAA,CAA8G;AAAA,QAC7H,gBAAAD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,YAAY;AAAA,cACZ,WAAW;AAAA,YAAA;AAAA,YAGb,UAAA;AAAA,cAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,sFAAA,CAAsF;AAAA,cACrG,gBAAAA,EAACC,GAAA,EAAM,WAAU,kDAAiD,aAAa,EAAA,CAAG;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACpF,GACF;AAAA,MAEA,gBAAAD,EAAC,SAAI,WAAU,iBACb,4BAAC,MAAA,EAAG,WAAU,qEAAoE,UAAA,2BAAA,CAElF,EAAA,CACF;AAAA,MAECJ,IAAoB,KACnB,gBAAAI,EAAC,OAAA,EAAI,WAAU,sFACZ,UAAAJ,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IAEA,gBAAAG,EAAC,OAAA,EAAI,WAAU,oCACZ,UAAA;AAAA,MAAAD;AAAA,MACD,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAASH;AAAA,UACT,WAAU;AAAA,UACV,cAAW;AAAA,UAEX,UAAA,gBAAAG,EAACE,GAAA,EAAa,WAAU,sGAAA,CAAsG;AAAA,QAAA;AAAA,MAAA;AAAA,IAChI,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"ChatHeader.js","sources":["../../../lib/organisms/chat/ChatHeader.tsx"],"sourcesContent":["\"use client\";\n\nimport type {PropsWithChildren} from \"react\";\nimport {Wand2} from \"lucide-react\";\nimport {cn} from \"@clubmed/usg-chat-ui/utils/cn\";\n\nexport interface ChatHeaderProps {\n  title: string;\n  variant?: string;\n}\n\nexport function ChatHeader({title, variant = \"\", children}: PropsWithChildren<ChatHeaderProps>) {\n  return (\n    <div\n      className={cn(\"h-16 flex items-center justify-between px-4 sm:px-6 transition-colors\", {\n        \"shadow-sm\": !variant?.includes(\"no-shadow\"),\n        \"bg-card/95 border-b border-border backdrop-blur-xl\": !variant?.includes(\"no-border\"),\n      })}>\n      <div className=\"flex items-center gap-3 sm:gap-4\">\n        <div className=\"relative group\">\n          {!variant?.includes(\"no-logo\") && (\n            <>\n              <div className=\"absolute inset-0 bg-foreground/10 blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500\"/>\n              <div\n                className=\"relative flex h-10 w-10 sm:h-11 sm:w-11 items-center justify-center rounded-xl shadow-lg ring-1 ring-border/40 transition-transform group-hover:scale-105 duration-300 overflow-hidden\"\n                style={{\n                  background: \"linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 50%, #0f0f0f 100%)\",\n                  boxShadow: \"inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 4px 6px rgba(0, 0, 0, 0.3)\",\n                }}\n              >\n                <div className=\"absolute inset-0 bg-gradient-to-br from-white/10 to-transparent pointer-events-none\"/>\n                <Wand2 className=\"h-4 w-4 sm:h-5 sm:w-5 text-white relative z-10\" strokeWidth={2}/>\n              </div>\n            </>\n          )}\n        </div>\n\n        <div className=\"flex flex-col\">\n          <h1 className=\"text-sm sm:text-base font-semibold text-foreground tracking-tight\">\n            {title}\n          </h1>\n        </div>\n      </div>\n\n      <div className=\"flex items-center gap-2 sm:gap-3\">\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"names":["ChatHeader","title","variant","children","jsxs","cn","jsx","Fragment","Wand2"],"mappings":";;;;AAWO,SAASA,EAAW,EAAC,OAAAC,GAAO,SAAAC,IAAU,IAAI,UAAAC,KAA+C;AAC9F,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,yEAAyE;AAAA,QACrF,aAAa,EAACH,KAAA,QAAAA,EAAS,SAAS;AAAA,QAChC,sDAAsD,EAACA,KAAA,QAAAA,EAAS,SAAS;AAAA,MAAW,CACrF;AAAA,MACD,UAAA;AAAA,QAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,oCACb,UAAA;AAAA,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,kBACZ,UAAA,EAACJ,KAAA,QAAAA,EAAS,SAAS,eAClB,gBAAAE,EAAAG,GAAA,EACE,UAAA;AAAA,YAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,8GAAA,CAA6G;AAAA,YAC5H,gBAAAF;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO;AAAA,kBACL,YAAY;AAAA,kBACZ,WAAW;AAAA,gBAAA;AAAA,gBAGb,UAAA;AAAA,kBAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,sFAAA,CAAqF;AAAA,kBACpG,gBAAAA,EAACE,GAAA,EAAM,WAAU,kDAAiD,aAAa,EAAA,CAAE;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACnF,EAAA,CACF,EAAA,CAEJ;AAAA,UAEA,gBAAAF,EAAC,SAAI,WAAU,iBACb,4BAAC,MAAA,EAAG,WAAU,qEACX,UAAAL,EAAA,CACH,EAAA,CACF;AAAA,QAAA,GACF;AAAA,QAEA,gBAAAK,EAAC,OAAA,EAAI,WAAU,oCACZ,UAAAH,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/organisms/chat/ChatHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/organisms/chat/ChatHeader.test.js

@@ -0,0 +1,18 @@
+import { jsx as e } from "react/jsx-runtime";
+import { a as o, s as a } from "../../chunks/react.esm.js";
+import { ChatHeader as s } from "./ChatHeader.js";
+import { ChatLabelsProvider as r } from "../../contexts/ChatLabelsContext.js";
+import { d as h, i, g as t } from "../../chunks/vi.2VT5v0um.js";
+h("<ChatHeader />", () => {
+  i("renders title, actions", () => {
+    o(
+      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(s, { title: "Assistant", children: /* @__PURE__ */ e("span", { children: "Action" }) }) })
+    ), t(a.getByText("Assistant")).toBeInTheDocument(), t(a.getByText("Action")).toBeInTheDocument();
+  }), i("toggles shadow based on variant and hides badge", () => {
+    const { container: n, queryByText: d } = o(
+      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(s, { title: "No Shadow", variant: "no-shadow" }) })
+    );
+    t(n.firstChild).not.toHaveClass("shadow-sm"), t(d("0")).toBeNull();
+  });
+});
+//# sourceMappingURL=ChatHeader.test.js.map

package/organisms/chat/ChatHeader.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatHeader.test.js","sources":["../../../lib/organisms/chat/ChatHeader.test.tsx"],"sourcesContent":["import {render, screen} from \"@testing-library/react\";\nimport {describe, expect, it} from \"vitest\";\nimport {ChatHeader} from \"./ChatHeader\";\nimport {ChatLabelsProvider} from \"../../contexts/ChatLabelsContext\";\n\ndescribe(\"<ChatHeader />\", () => {\n  it(\"renders title, actions\", () => {\n    render(\n      <ChatLabelsProvider>\n        <ChatHeader title=\"Assistant\">\n          <span>Action</span>\n        </ChatHeader>\n      </ChatLabelsProvider>\n    );\n\n    expect(screen.getByText(\"Assistant\")).toBeInTheDocument();\n    expect(screen.getByText(\"Action\")).toBeInTheDocument();\n  });\n\n  it(\"toggles shadow based on variant and hides badge\", () => {\n    const {container, queryByText} = render(\n      <ChatLabelsProvider>\n        <ChatHeader title=\"No Shadow\" variant=\"no-shadow\" />\n      </ChatLabelsProvider>\n    );\n\n    expect(container.firstChild).not.toHaveClass(\"shadow-sm\");\n    expect(queryByText(\"0\")).toBeNull();\n  });\n});\n"],"names":["describe","it","render","jsx","ChatLabelsProvider","ChatHeader","expect","screen","container","queryByText"],"mappings":";;;;;AAKAA,EAAS,kBAAkB,MAAM;AAC/B,EAAAC,EAAG,0BAA0B,MAAM;AACjC,IAAAC;AAAA,MACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAW,OAAM,aAChB,UAAA,gBAAAF,EAAC,QAAA,EAAK,UAAA,SAAA,CAAM,EAAA,CACd,EAAA,CACF;AAAA,IAAA,GAGFG,EAAOC,EAAO,UAAU,WAAW,CAAC,EAAE,kBAAA,GACtCD,EAAOC,EAAO,UAAU,QAAQ,CAAC,EAAE,kBAAA;AAAA,EACrC,CAAC,GAEDN,EAAG,mDAAmD,MAAM;AAC1D,UAAM,EAAC,WAAAO,GAAW,aAAAC,EAAA,IAAeP;AAAA,MAC/B,gBAAAC,EAACC,KACC,UAAA,gBAAAD,EAACE,GAAA,EAAW,OAAM,aAAY,SAAQ,aAAY,EAAA,CACpD;AAAA,IAAA;AAGFC,IAAAA,EAAOE,EAAU,UAAU,EAAE,IAAI,YAAY,WAAW,GACxDF,EAAOG,EAAY,GAAG,CAAC,EAAE,SAAA;AAAA,EAC3B,CAAC;AACH,CAAC;"}

package/organisms/chat/ChatMessageList.d.ts

@@ -4,7 +4,6 @@ interface ChatMessageListProps {
     isLoadingMessage: boolean;
     onFollowupClick: (question: string) => void;
     onRegenerate: (messageKey: string) => void;
-    emptyStateGreeting?: string;
 }
-export declare function ChatMessageList({ chatMessages, isLoadingMessage, onFollowupClick, onRegenerate, emptyStateGreeting, }: ChatMessageListProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatMessageList({ chatMessages, isLoadingMessage, onFollowupClick, onRegenerate, }: ChatMessageListProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/organisms/chat/ChatMessageList.js

@@ -1,73 +1,85 @@
 "use client";
-import { jsxs as t, jsx as e, Fragment as i } from "react/jsx-runtime";
-import { Branch as g, BranchMessages as x, BranchSelector as v, BranchPrevious as b, BranchPage as w, BranchNext as C } from "../../molecules/AiElements/Branch.js";
-import { Conversation as y, ConversationContent as B, ConversationEmptyState as S, ConversationScrollButton as N } from "../../molecules/AiElements/Conversation.js";
-import { Message as c, MessageContent as l } from "../../molecules/AiElements/Message.js";
-import { Reasoning as k, ReasoningTrigger as R, ReasoningContent as M } from "../../molecules/AiElements/Reasoning.js";
-import { Response as T } from "../../molecules/AiElements/Response.js";
-import { Sources as D, SourcesTrigger as j, SourcesContent as P, Source as Q } from "../../molecules/AiElements/Sources.js";
-import { MessageRenderer as W } from "./MessageRenderers.js";
-import { MessageActions as q } from "./MessageActions.js";
-import { W as z } from "../../chunks/wand-sparkles.js";
-function O({
+import { jsxs as r, jsx as e, Fragment as d } from "react/jsx-runtime";
+import { Branch as v, BranchMessages as C, BranchSelector as w, BranchPrevious as y, BranchPage as B, BranchNext as N } from "../../molecules/AiElements/Branch.js";
+import { Conversation as S, ConversationContent as T, ConversationEmptyState as k, ConversationScrollButton as R } from "../../molecules/AiElements/Conversation.js";
+import { Message as m, MessageContent as h } from "../../molecules/AiElements/Message.js";
+import { Reasoning as D, ReasoningTrigger as M, ReasoningContent as j } from "../../molecules/AiElements/Reasoning.js";
+import { Response as I } from "../../molecules/AiElements/Response.js";
+import { Sources as P, SourcesTrigger as Q, SourcesContent as W, Source as q } from "../../molecules/AiElements/Sources.js";
+import { MessageRenderer as z } from "./MessageRenderers.js";
+import { MessageActions as A } from "./MessageActions.js";
+import { useChatConfig as J } from "../../contexts/ChatContext.js";
+import { useChatLabels as L } from "../../contexts/ChatLabelsContext.js";
+import { W as $ } from "../../chunks/wand-sparkles.js";
+function ee({
   chatMessages: a,
-  isLoadingMessage: d,
-  onFollowupClick: h,
-  onRegenerate: m,
-  emptyStateGreeting: u
+  isLoadingMessage: u,
+  onFollowupClick: f,
+  onRegenerate: p
 }) {
-  const f = () => a.map(({ versions: s, ...n }, p) => /* @__PURE__ */ t(g, { defaultBranch: s.length - 1, children: [
-    /* @__PURE__ */ e(x, { children: s.map((r) => /* @__PURE__ */ e(c, { from: n.from, children: /* @__PURE__ */ t(l, { children: [
-      n.sources && n.sources.length > 0 && /* @__PURE__ */ t(D, { children: [
-        /* @__PURE__ */ e(j, { count: n.sources.length }),
-        /* @__PURE__ */ e(P, { children: n.sources.map((o) => /* @__PURE__ */ e(Q, { href: o.href, title: o.title }, o.href)) })
+  var l;
+  const { get: i, p: g } = L(), { user: s } = J(), x = () => a.map(({ versions: c, ...t }, b) => /* @__PURE__ */ r(v, { defaultBranch: c.length - 1, children: [
+    /* @__PURE__ */ e(C, { children: c.map((n) => /* @__PURE__ */ e(m, { from: t.from, children: /* @__PURE__ */ r(h, { children: [
+      t.sources && t.sources.length > 0 && /* @__PURE__ */ r(P, { children: [
+        /* @__PURE__ */ e(Q, { count: t.sources.length }),
+        /* @__PURE__ */ e(W, { children: t.sources.map((o) => /* @__PURE__ */ e(q, { href: o.href, title: o.title }, o.href)) })
       ] }),
-      n.reasoning && /* @__PURE__ */ t(k, { duration: n.reasoning.duration, children: [
-        /* @__PURE__ */ e(R, {}),
-        /* @__PURE__ */ e(M, { children: n.reasoning.content })
+      t.reasoning && /* @__PURE__ */ r(D, { duration: t.reasoning.duration, children: [
+        /* @__PURE__ */ e(M, {}),
+        /* @__PURE__ */ e(j, { children: t.reasoning.content })
       ] }),
-      n.from === "assistant" ? /* @__PURE__ */ t(i, { children: [
+      t.from === "assistant" ? /* @__PURE__ */ r(d, { children: [
         /* @__PURE__ */ e(
-          W,
+          z,
           {
-            responseType: r.responseType || "message",
-            content: r.content,
-            canvasData: r.canvasData,
-            followupQuestions: r.followupQuestions,
-            onQuestionClick: h
+            responseType: n.responseType || "message",
+            content: n.content,
+            canvasData: n.canvasData,
+            followupQuestions: n.followupQuestions,
+            onQuestionClick: f
           }
         ),
         /* @__PURE__ */ e(
-          q,
+          A,
           {
-            content: r.content,
-            messageId: r.id,
-            responseType: r.responseType,
-            canvasData: r.canvasData,
+            content: n.content,
+            messageId: n.id,
+            responseType: n.responseType,
+            canvasData: n.canvasData,
             onRegenerate: () => {
-              const o = a[p - 1];
-              (o == null ? void 0 : o.from) === "user" && m(n.key);
+              const o = a[b - 1];
+              (o == null ? void 0 : o.from) === "user" && p(t.key);
             }
           }
         )
-      ] }) : /* @__PURE__ */ e(T, { children: r.content })
-    ] }) }, `${n.key}-${r.id}`)) }),
-    s.length > 1 && /* @__PURE__ */ t(v, { from: n.from, children: [
-      /* @__PURE__ */ e(b, {}),
-      /* @__PURE__ */ e(w, {}),
-      /* @__PURE__ */ e(C, {})
+      ] }) : /* @__PURE__ */ e(I, { children: n.content })
+    ] }) }, `${t.key}-${n.id}`)) }),
+    c.length > 1 && /* @__PURE__ */ r(w, { from: t.from, children: [
+      /* @__PURE__ */ e(y, {}),
+      /* @__PURE__ */ e(B, {}),
+      /* @__PURE__ */ e(N, {})
     ] })
-  ] }, n.key));
-  return /* @__PURE__ */ t(y, { className: "flex-1", children: [
-    /* @__PURE__ */ e(B, { children: a.length === 0 ? /* @__PURE__ */ e(
-      S,
+  ] }, t.key));
+  return /* @__PURE__ */ r(S, { className: "flex-1", children: [
+    /* @__PURE__ */ e(T, { children: a.length === 0 ? /* @__PURE__ */ e(
+      k,
       {
-        greeting: u,
-        title: "Bienvenue dans votre assistant de product management",
-        description: "Je vous aide à créer des user stories Jira de qualité, générer des release notes, répondre à vos questions sur l'API ClubMed, structurer vos besoins fonctionnels. Décrivez votre besoin et commençons !",
-        icon: /* @__PURE__ */ t("div", { className: "relative mx-auto w-fit", children: [
+        greeting: g(
+          "greetingTemplate",
+          "Bonjour {{firstName}} 👋",
+          { firstName: (l = s == null ? void 0 : s.userName) == null ? void 0 : l.split(" ")[0] }
+        ),
+        title: i(
+          "emptyStateTitle",
+          "Bienvenue dans votre assistant de product management"
+        ),
+        description: i(
+          "emptyStateDescription",
+          "Je vous aide à créer des user stories Jira de qualité, générer des release notes, répondre à vos questions sur l'API ClubMed, structurer vos besoins fonctionnels. Décrivez votre besoin et commençons !"
+        ),
+        icon: /* @__PURE__ */ r("div", { className: "relative mx-auto w-fit", children: [
           /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-foreground/10 blur-3xl" }),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ r(
             "div",
             {
               className: "relative flex h-16 w-16 sm:h-20 sm:w-20 items-center justify-center rounded-2xl shadow-2xl ring-1 ring-border/40 transition-transform hover:scale-110 duration-500 overflow-hidden",
@@ -77,20 +89,23 @@ function O({
               },
               children: [
                 /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-br from-white/10 to-transparent pointer-events-none" }),
-                /* @__PURE__ */ e(z, { className: "h-8 w-8 sm:h-10 sm:w-10 text-white relative z-10", strokeWidth: 1.5 })
+                /* @__PURE__ */ e($, { className: "h-8 w-8 sm:h-10 sm:w-10 text-white relative z-10", strokeWidth: 1.5 })
               ]
             }
           )
         ] })
       }
-    ) : /* @__PURE__ */ t(i, { children: [
-      f(),
-      d && /* @__PURE__ */ e(c, { from: "assistant", children: /* @__PURE__ */ e(l, { variant: "flat", children: /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground animate-pulse", children: "Réflexion en cours..." }) }) })
+    ) : /* @__PURE__ */ r(d, { children: [
+      x(),
+      u && /* @__PURE__ */ e(m, { from: "assistant", children: /* @__PURE__ */ e(h, { variant: "flat", children: /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground animate-pulse", children: i(
+        "assistantThinkingIndicator",
+        "Réflexion en cours..."
+      ) }) }) })
     ] }) }),
-    /* @__PURE__ */ e(N, {})
+    /* @__PURE__ */ e(R, {})
   ] });
 }
 export {
-  O as ChatMessageList
+  ee as ChatMessageList
 };
 //# sourceMappingURL=ChatMessageList.js.map