@vadimcomanescu/nadicode-design-system 2.0.7 → 2.0.9

package/contracts/spec-manifest.json

@@ -0,0 +1,46 @@
+{
+  "schemaVersion": "1.0.0",
+  "generatedAt": "<normalized>",
+  "entries": [
+    {
+      "id": "chat-elements-core",
+      "file": "specs/chat-elements-core.md",
+      "title": "Chat Elements Core Primitives",
+      "topic": "contract-enforcement",
+      "phase": "enforcement",
+      "dependencies": [],
+      "order": 1
+    },
+    {
+      "id": "chat-elements-advanced",
+      "file": "specs/chat-elements-advanced.md",
+      "title": "Chat Elements Advanced Compounds",
+      "topic": "contract-enforcement",
+      "phase": "enforcement",
+      "dependencies": [
+        "chat-elements-core"
+      ],
+      "order": 2
+    },
+    {
+      "id": "chat-elements-infra",
+      "file": "specs/chat-elements-infra.md",
+      "title": "Chat Elements Infrastructure",
+      "topic": "contract-enforcement",
+      "phase": "enforcement",
+      "dependencies": [],
+      "order": 3
+    },
+    {
+      "id": "chat-existing-upgrades",
+      "file": "specs/chat-existing-upgrades.md",
+      "title": "Chat Existing Component Upgrades",
+      "topic": "contract-enforcement",
+      "phase": "enforcement",
+      "dependencies": [
+        "chat-elements-core"
+      ],
+      "order": 4
+    }
+  ]
+}

package/dist/catalog.json

@@ -1,7 +1,7 @@
 {
-  "schemaVersion": "1.0.0",
-  "version": "2.0.7",
-  "generatedAt": "2026-03-25T09:17:09.614Z",
+  "schemaVersion": "1.1.0",
+  "version": "2.0.9",
+  "generatedAt": "2026-03-26T10:57:10.347Z",
   "components": {
     "Accordion": {
       "file": "src/components/ui/Accordion.tsx",
@@ -47,10 +47,18 @@
         "role": {
           "options": [
             "user",
+            "assistant",
             "agent",
             "system"
           ],
-          "default": "agent"
+          "default": "assistant"
+        },
+        "status": {
+          "options": [
+            "default",
+            "error"
+          ],
+          "default": "default"
         }
       },
       "notes": "Chat bubble with role-based styling"
@@ -581,6 +589,251 @@
       "variants": {},
       "notes": "Card wrapper for chart display with title and description"
     },
+    "ChatActions": {
+      "file": "src/components/ui/ChatActions.tsx",
+      "exportPath": "./chat-actions",
+      "tier": 2,
+      "category": "Agentic UI",
+      "lib": null,
+      "subComponents": [
+        "ChatAction"
+      ],
+      "variants": {},
+      "notes": "Quick-action buttons for chat messages"
+    },
+    "ChatBranch": {
+      "file": "src/components/ui/ChatBranch.tsx",
+      "exportPath": "./chat-branch",
+      "tier": 2,
+      "category": "Agentic UI",
+      "lib": null,
+      "subComponents": [
+        "ChatBranchPrevious",
+        "ChatBranchNext",
+        "ChatBranchCount"
+      ],
+      "variants": {},
+      "notes": "Conversation branching and fork navigation"
+    },
+    "ChatChainOfThought": {
+      "file": "src/components/ui/ChatChainOfThought.tsx",
+      "exportPath": "./chat-chain-of-thought",
+      "tier": 2,
+      "category": "Agentic UI",
+      "lib": null,
+      "subComponents": [
+        "ChatChainOfThoughtTrigger",
+        "ChatChainOfThoughtContent",
+        "ChatChainOfThoughtStep"
+      ],
+      "variants": {},
+      "notes": "Step-by-step reasoning display"
+    },
+    "ChatConfirmation": {
+      "file": "src/components/ui/ChatConfirmation.tsx",
+      "exportPath": "./chat-confirmation",
+      "tier": 2,
+      "category": "Agentic UI",
+      "lib": null,
+      "subComponents": [
+        "ChatConfirmationTitle",
+        "ChatConfirmationDescription",
+        "ChatConfirmationActions",
+        "ChatConfirmationPending",
+        "ChatConfirmationApproved",
+        "ChatConfirmationRejected"
+      ],
+      "variants": {},
+      "notes": "Action confirmation dialog in chat"
+    },
+    "ChatGreeting": {
+      "file": "src/components/ui/ChatGreeting.tsx",
+      "exportPath": "./chat-greeting",
+      "tier": 2,
+      "category": "Agentic UI",
+      "lib": null,
+      "subComponents": [],
+      "variants": {},
+      "notes": "Welcome greeting for chat sessions"
+    },
+    "ChatMessage": {
+      "file": "src/components/ui/ChatMessage.tsx",
+      "exportPath": "./chat-message",
+      "tier": 2,
+      "category": "Agentic UI",
+      "lib": null,
+      "subComponents": [
+        "ChatMessageContent",
+        "ChatMessageAvatar"
+      ],
+      "variants": {
+        "role": {
+          "options": [
+            "user",
+            "assistant",
+            "system"
+          ],
+          "default": "assistant"
+        }
+      },
+      "notes": "Core chat message with avatar, content, actions"
+    },
+    "ChatPlan": {
+      "file": "src/components/ui/ChatPlan.tsx",
+      "exportPath": "./chat-plan",
+      "tier": 2,
+      "category": "Agentic UI",
+      "lib": null,
+      "subComponents": [
+        "ChatPlanHeader",
+        "ChatPlanTitle",
+        "ChatPlanDescription",
+        "ChatPlanTrigger",
+        "ChatPlanContent"
+      ],
+      "variants": {},
+      "notes": "Collapsible plan card with streaming title"
+    },
+    "ChatPromptInput": {
+      "file": "src/components/ui/ChatPromptInput.tsx",
+      "exportPath": "./chat-prompt-input",
+      "tier": 2,
+      "category": "Agentic UI",
+      "lib": null,
+      "subComponents": [
+        "ChatPromptInputTextarea",
+        "ChatPromptInputToolbar",
+        "ChatPromptInputActions",
+        "ChatPromptInputSubmit"
+      ],
+      "variants": {},
+      "notes": "Chat text input with keyboard handling"
+    },
+    "ChatPromptInputAttachments": {
+      "file": "src/components/ui/ChatPromptInputAttachments.tsx",
+      "exportPath": "./chat-prompt-input-attachments",
+      "tier": 2,
+      "category": "Agentic UI",
+      "lib": null,
+      "subComponents": [],
+      "variants": {},
+      "notes": "File attachment support for chat input"
+    },
+    "ChatQueue": {
+      "file": "src/components/ui/ChatQueue.tsx",
+      "exportPath": "./chat-queue",
+      "tier": 2,
+      "category": "Agentic UI",
+      "lib": null,
+      "subComponents": [
+        "ChatQueueSection",
+        "ChatQueueSectionTrigger",
+        "ChatQueueSectionContent",
+        "ChatQueueItem",
+        "ChatQueueItemIndicator"
+      ],
+      "variants": {},
+      "notes": "Task queue with collapsible sections"
+    },
+    "ChatReasoning": {
+      "file": "src/components/ui/ChatReasoning.tsx",
+      "exportPath": "./chat-reasoning",
+      "tier": 2,
+      "category": "Agentic UI",
+      "lib": null,
+      "subComponents": [
+        "ChatReasoningTrigger",
+        "ChatReasoningContent"
+      ],
+      "variants": {},
+      "notes": "AI reasoning display with auto-close"
+    },
+    "ChatResponse": {
+      "file": "src/components/ui/ChatResponse.tsx",
+      "exportPath": "./chat-response",
+      "tier": 2,
+      "category": "Agentic UI",
+      "lib": null,
+      "subComponents": [],
+      "variants": {},
+      "notes": "Streaming markdown response renderer"
+    },
+    "ChatShimmer": {
+      "file": "src/components/ui/ChatShimmer.tsx",
+      "exportPath": "./chat-shimmer",
+      "tier": 2,
+      "category": "Agentic UI",
+      "lib": null,
+      "subComponents": [],
+      "variants": {},
+      "notes": "Loading shimmer placeholder for chat"
+    },
+    "ChatSources": {
+      "file": "src/components/ui/ChatSources.tsx",
+      "exportPath": "./chat-sources",
+      "tier": 2,
+      "category": "Agentic UI",
+      "lib": null,
+      "subComponents": [
+        "ChatSourcesTrigger",
+        "ChatSourcesContent",
+        "ChatSource",
+        "ChatInlineCitation"
+      ],
+      "variants": {},
+      "notes": "Source citations panel with inline citation"
+    },
+    "ChatSuggestion": {
+      "file": "src/components/ui/ChatSuggestion.tsx",
+      "exportPath": "./chat-suggestion",
+      "tier": 2,
+      "category": "Agentic UI",
+      "lib": null,
+      "subComponents": [
+        "ChatSuggestions"
+      ],
+      "variants": {},
+      "notes": "Suggested follow-up prompt chips"
+    },
+    "ChatThinkingMessage": {
+      "file": "src/components/ui/ChatThinkingMessage.tsx",
+      "exportPath": "./chat-thinking-message",
+      "tier": 2,
+      "category": "Agentic UI",
+      "lib": null,
+      "subComponents": [],
+      "variants": {},
+      "notes": "Animated thinking state message"
+    },
+    "ChatToolCall": {
+      "file": "src/components/ui/ChatToolCall.tsx",
+      "exportPath": "./chat-tool-call",
+      "tier": 2,
+      "category": "Agentic UI",
+      "lib": null,
+      "subComponents": [
+        "ChatToolCallInput",
+        "ChatToolCallOutput",
+        "ChatToolCallStatus",
+        "ChatToolCallHeader",
+        "ChatToolCallContent"
+      ],
+      "variants": {
+        "state": {
+          "options": [
+            "input-streaming",
+            "input-available",
+            "approval-requested",
+            "approval-responded",
+            "output-available",
+            "output-error",
+            "output-denied"
+          ],
+          "default": "input-streaming"
+        }
+      },
+      "notes": "Tool call lifecycle wrapper with state management"
+    },
     "CheckStatus": {
       "file": "src/components/ui/CheckStatus.tsx",
       "exportPath": "./check-status",
@@ -621,16 +874,6 @@
       "variants": {},
       "notes": "Stripe Elements checkout form"
     },
-    "CheckoutFormDemo": {
-      "file": "src/components/ui/CheckoutFormDemo.tsx",
-      "exportPath": "./checkout-form-demo",
-      "tier": 2,
-      "category": "Form Controls",
-      "lib": "@stripe/react-stripe-js",
-      "subComponents": [],
-      "variants": {},
-      "notes": "Demo checkout with pre-wired state"
-    },
     "CodeDiffViewer": {
       "file": "src/components/ui/CodeDiffViewer.tsx",
       "exportPath": "./code-diff-viewer",
@@ -737,6 +980,19 @@
       },
       "notes": "Context window usage visualization"
     },
+    "Conversation": {
+      "file": "src/components/ui/Conversation.tsx",
+      "exportPath": "./conversation",
+      "tier": 2,
+      "category": "Agentic UI",
+      "lib": null,
+      "subComponents": [
+        "ConversationContent",
+        "ConversationScrollButton"
+      ],
+      "variants": {},
+      "notes": "Scroll-aware conversation container with auto-scroll"
+    },
     "ConversationThread": {
       "file": "src/components/ui/ConversationThread.tsx",
       "exportPath": "./conversation-thread",
@@ -757,6 +1013,7 @@
           "options": [
             "user",
             "assistant",
+            "agent",
             "system"
           ],
           "default": "user"
@@ -2025,7 +2282,10 @@
             "pending",
             "running",
             "complete",
-            "error"
+            "error",
+            "approval-requested",
+            "approval-responded",
+            "output-denied"
           ],
           "default": "pending"
         }
@@ -3872,24 +4132,6 @@
         }
       }
     },
-    "KanbanDemoBlock": {
-      "file": "src/components/blocks/KanbanDemoBlock.tsx",
-      "exportPath": "./kanban-demo-block",
-      "tier": 2,
-      "category": "Application",
-      "lib": null,
-      "subComponents": [],
-      "variants": {},
-      "notes": "Kanban board demo with sample data",
-      "keyProps": [],
-      "propsSchema": {
-        "kind": "object",
-        "noDataProps": true,
-        "required": [],
-        "optional": [],
-        "properties": {}
-      }
-    },
     "LoginBlock": {
       "file": "src/components/blocks/LoginBlock.tsx",
       "exportPath": "./login-block",
@@ -4512,51 +4754,6 @@
         }
       }
     },
-    "SolutionShowcaseBlock": {
-      "file": "src/components/blocks/SolutionShowcaseBlock.tsx",
-      "exportPath": "./solution-showcase-block",
-      "tier": 2,
-      "category": "Marketing",
-      "lib": null,
-      "subComponents": [],
-      "variants": {},
-      "notes": "Problem -> Solution -> Output narrative with color-coded arc",
-      "keyProps": [
-        "title",
-        "description",
-        "badge",
-        "sections"
-      ],
-      "propsSchema": {
-        "kind": "object",
-        "noDataProps": false,
-        "required": [],
-        "optional": [
-          "title",
-          "description",
-          "badge",
-          "sections"
-        ],
-        "properties": {
-          "title": {
-            "required": false,
-            "type": "string"
-          },
-          "description": {
-            "required": false,
-            "type": "string"
-          },
-          "badge": {
-            "required": false,
-            "type": "string"
-          },
-          "sections": {
-            "required": false,
-            "type": "SolutionSection[]"
-          }
-        }
-      }
-    },
     "StatsBlock": {
       "file": "src/components/blocks/StatsBlock.tsx",
       "exportPath": "./stats-block",
@@ -4885,7 +5082,8 @@
         "agent",
         "state",
         "selected",
-        "onSelect"
+        "onSelect",
+        "ariaLabel"
       ],
       "propsSchema": {
         "kind": "object",
@@ -4896,7 +5094,8 @@
         ],
         "optional": [
           "selected",
-          "onSelect"
+          "onSelect",
+          "ariaLabel"
         ],
         "properties": {
           "agent": {
@@ -4914,6 +5113,10 @@
           "onSelect": {
             "required": false,
             "type": "() => void"
+          },
+          "ariaLabel": {
+            "required": false,
+            "type": "string"
           }
         }
       }
@@ -5004,7 +5207,7 @@
     },
     "2": {
       "label": "Domain",
-      "count": 43
+      "count": 61
     },
     "3": {
       "label": "Decorative",

package/dist/chunk-4IGBBIYW.js

@@ -0,0 +1,47 @@
+import { ToolCallCard } from './chunk-4WPZ6T7V.js';
+import { ThinkingIndicator } from './chunk-OSNTB6RY.js';
+import { ScrollArea } from './chunk-GLU236NN.js';
+import { AgentMessageBubble } from './chunk-I66XWYSS.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { useTranslations } from 'next-intl';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function AgentConversationBlock({ className, messages, ref, ...props }) {
+  const t = useTranslations("components.agentConversationBlock");
+  const endRef = React.useRef(null);
+  React.useEffect(() => {
+    endRef.current?.scrollIntoView({ block: "end" });
+  }, [messages]);
+  if (messages.length === 0) {
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("surface-solid rounded-lg h-96 p-4", className), "aria-live": "polite", ...props, children: /* @__PURE__ */ jsx("p", { className: "text-sm text-text-tertiary", children: t("noMessages") }) });
+  }
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("surface-solid rounded-lg h-96", className), ...props, children: /* @__PURE__ */ jsx(ScrollArea, { className: "h-full", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 p-4", "aria-live": "polite", children: [
+    messages.map((msg) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      !!msg.isThinking && /* @__PURE__ */ jsx(ThinkingIndicator, { reasoning: msg.reasoning }),
+      /* @__PURE__ */ jsx(
+        AgentMessageBubble,
+        {
+          role: msg.role,
+          content: msg.content,
+          timestamp: msg.timestamp,
+          isStreaming: msg.isStreaming,
+          toolCalls: msg.toolCalls?.length ? /* @__PURE__ */ jsx(Fragment, { children: msg.toolCalls.map((tc) => /* @__PURE__ */ jsx(
+            ToolCallCard,
+            {
+              toolName: tc.toolName,
+              args: tc.args,
+              status: tc.status,
+              result: tc.result,
+              duration: tc.duration
+            },
+            tc.id
+          )) }) : void 0
+        }
+      )
+    ] }, msg.id)),
+    /* @__PURE__ */ jsx("div", { ref: endRef, "aria-hidden": "true", className: "h-px w-full" })
+  ] }) }) });
+}
+
+export { AgentConversationBlock };