@vadimcomanescu/nadicode-design-system 5.0.2 → 6.0.1

package/dist/{chunk-IW36SVOH.js → chunk-HBVZYYTD.js}

@@ -16,9 +16,13 @@ var blocksCrudDefinitions = {
       ).nullable(),
       title: z.string().nullable(),
       description: z.string().nullable(),
-      newKeyName: z.string().nullable()
+      newKeyName: z.string().nullable(),
+      revokedKeyId: z.string().nullable(),
+      state: z.enum(["idle", "loading", "success", "error"]).nullable(),
+      error: z.string().nullable(),
+      createdKey: z.string().nullable()
     }),
-    events: ["create", "revoke"],
+    events: ["create", "revoke", "dialogClose"],
     description: "API key management block with table display, create dialog, copy-once flow, and revoke functionality.",
     example: {
       keys: [
@@ -27,7 +31,11 @@ var blocksCrudDefinitions = {
       ],
       title: "API Keys",
       description: "Manage your API keys for programmatic access.",
-      newKeyName: null
+      newKeyName: null,
+      revokedKeyId: null,
+      state: null,
+      error: null,
+      createdKey: null
     }
   },
   CreateBlock: {
@@ -37,11 +45,14 @@ var blocksCrudDefinitions = {
       submitLabel: z.string().nullable(),
       username: z.string().nullable(),
       email: z.string().nullable(),
-      bio: z.string().nullable()
+      bio: z.string().nullable(),
+      state: z.enum(["idle", "submitting", "success", "error"]).nullable(),
+      error: z.string().nullable(),
+      emailOptions: z.array(z.object({ value: z.string(), label: z.string() })).nullable()
     }),
     events: ["submit"],
     description: "Profile creation form with username, email, and bio fields.",
-    example: { title: "Create Your Profile", description: "Tell us a bit about yourself to get started.", submitLabel: "Create Profile", username: null, email: null, bio: null }
+    example: { title: "Create Your Profile", description: "Tell us a bit about yourself to get started.", submitLabel: "Create Profile", username: null, email: null, bio: null, state: null, error: null, emailOptions: null }
   },
   CrudListBlock: {
     props: z.object({
@@ -66,7 +77,10 @@ var blocksCrudDefinitions = {
         })
       ).nullable(),
       filterValue: z.string().nullable(),
+      changedFilterId: z.string().nullable(),
+      changedFilterValue: z.string().nullable(),
       pagination: z.object({ page: z.number(), totalPages: z.number() }),
+      currentPage: z.number().nullable(),
       errorMessage: z.string().nullable(),
       emptyTitle: z.string().nullable(),
       emptyDescription: z.string().nullable(),
@@ -91,7 +105,10 @@ var blocksCrudDefinitions = {
       selectedRowId: null,
       filterControls: null,
       filterValue: null,
+      changedFilterId: null,
+      changedFilterValue: null,
       pagination: { page: 1, totalPages: 4 },
+      currentPage: null,
       errorMessage: null,
       emptyTitle: null,
       emptyDescription: null,
@@ -107,8 +124,12 @@ var blocksCrudDefinitions = {
           isActive: z.boolean().nullable()
         })
       ).nullable(),
-      projects: z.array(z.object({ name: z.string(), url: z.string() })).nullable()
+      projects: z.array(z.object({ name: z.string(), url: z.string() })).nullable(),
+      selectedNavItem: z.string().nullable(),
+      selectedProject: z.string().nullable(),
+      projectAction: z.string().nullable()
     }),
+    events: ["navSelect", "projectSelect", "projectAction"],
     description: "Navigation directory with sidebar items and project listings.",
     example: {
       navItems: [
@@ -118,7 +139,10 @@ var blocksCrudDefinitions = {
       projects: [
         { name: "Marketing Site", url: "/projects/marketing" },
         { name: "Mobile App", url: "/projects/mobile" }
-      ]
+      ],
+      selectedNavItem: null,
+      selectedProject: null,
+      projectAction: null
     }
   },
   FormFieldBlock: {
@@ -166,6 +190,8 @@ var blocksCrudDefinitions = {
         tertiary: z.string().nullable(),
         destructive: z.string().nullable()
       }).nullable(),
+      changedFieldId: z.string().nullable(),
+      changedFieldValue: z.string().nullable(),
       className: z.string().nullable()
     }),
     events: [
@@ -196,6 +222,8 @@ var blocksCrudDefinitions = {
       fatalErrorMessage: null,
       savedMessage: null,
       actionLabels: { primary: "Save", secondary: "Reset", tertiary: null, destructive: null },
+      changedFieldId: null,
+      changedFieldValue: null,
       className: null
     }
   },
@@ -225,11 +253,14 @@ var blocksCrudDefinitions = {
   InviteUserModal: {
     props: z.object({
       email: z.string().nullable(),
-      role: z.enum(["admin", "member", "guest"]).nullable()
+      role: z.enum(["admin", "member", "guest"]).nullable(),
+      open: z.boolean().nullable(),
+      submitting: z.boolean().nullable(),
+      error: z.string().nullable()
     }),
     events: ["submit"],
     description: "Self-contained invite teammate modal triggered by a button. Renders a dialog with email and role (admin/member/guest) fields, Zod validation, and async submission. Use inside team management UIs.",
-    example: { email: null, role: null }
+    example: { email: null, role: null, open: null, submitting: null, error: null }
   },
   KanbanBoard: {
     props: z.object({
@@ -253,7 +284,8 @@ var blocksCrudDefinitions = {
           label: z.string(),
           href: z.string().nullable()
         })
-      ).nullable()
+      ).nullable(),
+      selectedItem: z.string().nullable()
     }),
     slots: ["footer"],
     events: ["select"],
@@ -264,7 +296,8 @@ var blocksCrudDefinitions = {
         { label: "Profile", href: "/settings/profile" },
         { label: "Billing", href: "/settings/billing" },
         { label: "Sign out", href: null }
-      ]
+      ],
+      selectedItem: null
     }
   },
   SettingsModal: {
@@ -345,7 +378,41 @@ var blocksCrudDefinitions = {
       className: null
     }
   },
-  TeamBlock: {
+  TeamManagementBlock: {
+    props: z.object({
+      members: z.array(z.object({
+        id: z.string(),
+        name: z.string(),
+        email: z.string(),
+        role: z.enum(["owner", "admin", "member", "guest"]),
+        avatar: z.string().nullable(),
+        joinedAt: z.string().nullable(),
+        status: z.enum(["active", "pending", "deactivated"]).nullable()
+      })).nullable(),
+      searchQuery: z.string().nullable(),
+      selectedMemberId: z.string().nullable(),
+      selectedRole: z.string().nullable(),
+      state: z.enum(["loading", "empty", "has-data", "error"]).nullable(),
+      title: z.string().nullable(),
+      description: z.string().nullable(),
+      errorMessage: z.string().nullable(),
+      className: z.string().nullable()
+    }),
+    events: ["invite", "roleChange", "removeMember", "searchChange"],
+    description: "Team member management with search, role assignment, invite, and member removal.",
+    example: {
+      members: null,
+      searchQuery: null,
+      selectedMemberId: null,
+      selectedRole: null,
+      state: null,
+      title: null,
+      description: null,
+      errorMessage: null,
+      className: null
+    }
+  },
+  TeamShowcaseBlock: {
     props: z.object({
       title: z.string().nullable(),
       sections: z.array(

package/dist/{chunk-P5I63ETD.js → chunk-HZ6WO2OD.js}

@@ -40,7 +40,19 @@ var formComponents = {
     const isBound = !!bindings?.selected;
     const singleSelected = isBound ? boundSelected : localSelected;
     const setSingleSelected = isBound ? setBoundSelected : setLocalSelected;
+    const [, setBoundRangeStart] = useBoundProp(
+      void 0,
+      bindings?.rangeStart
+    );
+    const [, setBoundRangeEnd] = useBoundProp(
+      void 0,
+      bindings?.rangeEnd
+    );
     const [rangeSelected, setRangeSelected] = useState(void 0);
+    const [, setBoundMultiple] = useBoundProp(
+      void 0,
+      bindings?.selectedDates
+    );
     const [multipleSelected, setMultipleSelected] = useState([]);
     if (mode === "range") {
       return /* @__PURE__ */ jsx(
@@ -50,6 +62,8 @@ var formComponents = {
           selected: rangeSelected,
           onSelect: (range) => {
             setRangeSelected(range);
+            if (range?.from) setBoundRangeStart(range.from.toISOString());
+            if (range?.to) setBoundRangeEnd(range.to.toISOString());
             emit("select");
           }
         }
@@ -62,7 +76,9 @@ var formComponents = {
           mode: "multiple",
           selected: multipleSelected,
           onSelect: (dates) => {
-            setMultipleSelected(dates ?? []);
+            const resolved = dates ?? [];
+            setMultipleSelected(resolved);
+            setBoundMultiple(resolved.map((d) => d.toISOString()));
             emit("select");
           }
         }
@@ -293,9 +309,14 @@ var formComponents = {
   },
   FileUpload: ({
     props,
+    bindings,
     emit
   }) => {
     const [files, setFiles] = useState([]);
+    const [, setBoundFiles] = useBoundProp(
+      void 0,
+      bindings?.files
+    );
     return /* @__PURE__ */ jsx(
       FileUpload,
       {
@@ -306,11 +327,17 @@ var formComponents = {
         disabled: props.disabled ?? false,
         files,
         onChange: (newFiles) => {
-          setFiles(newFiles.map((f) => ({ name: f.name, size: f.size, type: f.type })));
+          const mapped = newFiles.map((f) => ({ name: f.name, size: f.size, type: f.type }));
+          setFiles(mapped);
+          setBoundFiles(mapped);
           emit("upload");
         },
         onRemove: (index) => {
-          setFiles((prev) => prev.filter((_, i) => i !== index));
+          setFiles((prev) => {
+            const next = prev.filter((_, i) => i !== index);
+            setBoundFiles(next);
+            return next;
+          });
           emit("remove");
         }
       }

package/dist/{chunk-MOFWXBTK.js → chunk-IWFPYUHD.js}

@@ -69,7 +69,7 @@ function CheckoutForm({
   const clientSecret = props.clientSecret;
   const amount = props.amount ?? 2e3;
   const currency = props.currency ?? "usd";
-  const returnUrl = props.returnUrl ?? "/settings/billing";
+  const returnUrl = props.returnUrl ?? "/checkout/success";
   const appearance = props.appearance;
   const stripePromise = useMemo(
     () => loadStripe(publishableKey),

package/dist/{chunk-CQ75K2DH.js → chunk-JA6QAEVX.js}

@@ -1,6 +1,5 @@
 import { Sheet, SheetTrigger, SheetContent, SheetTitle } from './chunk-KPO4PD6C.js';
 import { Logo } from './chunk-GHIBG7OM.js';
-import { siteConfig } from './chunk-A7NUWD76.js';
 import { Button } from './chunk-7KIDDF3I.js';
 import { MenuIcon } from './chunk-JMCSAGZ3.js';
 import { XIcon } from './chunk-UIUMTURU.js';
@@ -10,13 +9,16 @@ import { useScroll, useMotionValueEvent } from 'motion/react';
 import Link from 'next/link';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var defaultMenuItems = siteConfig.nav.header;
-function HeaderBlock({ props }) {
+var defaultMenuItems = [
+  { name: "Features", href: "#" },
+  { name: "Solution", href: "#" },
+  { name: "Pricing", href: "#" },
+  { name: "About", href: "#" }
+];
+function HeaderBlock({ props, emit }) {
   const menuItems = props.menuItems ?? defaultMenuItems;
   const loginLabel = props.loginLabel ?? "Login";
   const signUpLabel = props.signUpLabel ?? "Sign Up";
-  const loginHref = props.loginHref ?? "#";
-  const signUpHref = props.signUpHref ?? "#";
   const t = useTranslations("blocks.headerBlock");
   const [mobileOpen, setMobileOpen] = useState(false);
   const navBarRef = useRef(null);
@@ -88,18 +90,18 @@ function HeaderBlock({ props }) {
                           /* @__PURE__ */ jsx(
                             Button,
                             {
-                              asChild: true,
                               variant: "outline",
                               size: "lg",
-                              children: /* @__PURE__ */ jsx(Link, { href: loginHref, children: /* @__PURE__ */ jsx("span", { children: loginLabel }) })
+                              onClick: () => emit("login"),
+                              children: /* @__PURE__ */ jsx("span", { children: loginLabel })
                             }
                           ),
                           /* @__PURE__ */ jsx(
                             Button,
                             {
-                              asChild: true,
                               size: "lg",
-                              children: /* @__PURE__ */ jsx(Link, { href: signUpHref, children: /* @__PURE__ */ jsx("span", { children: signUpLabel }) })
+                              onClick: () => emit("signup"),
+                              children: /* @__PURE__ */ jsx("span", { children: signUpLabel })
                             }
                           )
                         ] })
@@ -119,18 +121,18 @@ function HeaderBlock({ props }) {
                   /* @__PURE__ */ jsx(
                     Button,
                     {
-                      asChild: true,
                       variant: "outline",
                       size: "lg",
-                      children: /* @__PURE__ */ jsx(Link, { href: loginHref, children: /* @__PURE__ */ jsx("span", { children: loginLabel }) })
+                      onClick: () => emit("login"),
+                      children: /* @__PURE__ */ jsx("span", { children: loginLabel })
                     }
                   ),
                   /* @__PURE__ */ jsx(
                     Button,
                     {
-                      asChild: true,
                       size: "lg",
-                      children: /* @__PURE__ */ jsx(Link, { href: signUpHref, children: /* @__PURE__ */ jsx("span", { children: signUpLabel }) })
+                      onClick: () => emit("signup"),
+                      children: /* @__PURE__ */ jsx("span", { children: signUpLabel })
                     }
                   )
                 ] }) })

package/dist/{chunk-YEAJLVGB.js → chunk-JYDPEIAA.js}

@@ -20,6 +20,7 @@ var blocksMarketingDefinitions = {
       primaryAction: z.object({ label: z.string(), href: z.string() }).nullable(),
       secondaryAction: z.object({ label: z.string(), href: z.string() }).nullable()
     }),
+    events: ["primaryAction", "secondaryAction"],
     description: "Call-to-action section with headline, description, and primary/secondary action buttons.",
     example: {
       title: "Ready to get started?",
@@ -64,11 +65,13 @@ var blocksMarketingDefinitions = {
       submitLabel: z.string().nullable(),
       name: z.string().nullable(),
       email: z.string().nullable(),
-      message: z.string().nullable()
+      message: z.string().nullable(),
+      state: z.enum(["idle", "loading", "success", "error"]).nullable(),
+      error: z.string().nullable()
     }),
     events: ["submit"],
-    description: "Contact form with name, email, and message fields. Shows success state after submission.",
-    example: { title: "Get in touch", description: null, namePlaceholder: null, emailPlaceholder: null, messagePlaceholder: null, successTitle: null, submitLabel: "Send message", name: null, email: null, message: null }
+    description: "Contact form with name, email, and message fields. Consumer drives state transitions via state/error props.",
+    example: { title: "Get in touch", description: null, namePlaceholder: null, emailPlaceholder: null, messagePlaceholder: null, successTitle: null, submitLabel: "Send message", name: null, email: null, message: null, state: null, error: null }
   },
   FAQBlock: {
     props: z.object({
@@ -76,11 +79,12 @@ var blocksMarketingDefinitions = {
       description: z.string().nullable(),
       items: z.array(
         z.object({ question: z.string(), answer: z.string() })
-      ).nullable()
+      ).nullable(),
+      selectedQuestion: z.string().nullable()
     }),
     events: ["expand"],
-    description: "Accordion-style FAQ section with expandable question/answer pairs.",
-    example: { title: "Frequently Asked Questions", description: null, items: [{ question: "How do I reset my password?", answer: "Go to Settings, then Security, and click Reset Password." }] }
+    description: "Accordion-style FAQ section with expandable question/answer pairs. Writes selectedQuestion binding before emitting expand.",
+    example: { title: "Frequently Asked Questions", description: null, items: [{ question: "How do I reset my password?", answer: "Go to Settings, then Security, and click Reset Password." }], selectedQuestion: null }
   },
   FeatureBlock: {
     props: z.object({
@@ -120,34 +124,33 @@ var blocksMarketingDefinitions = {
           alt: z.string(),
           caption: z.string().nullable()
         })
-      ).nullable()
+      ).nullable(),
+      selectedImage: z.string().nullable()
     }),
     events: ["select"],
-    description: "Image gallery grid with configurable columns and optional captions.",
+    description: "Image gallery grid with configurable columns and optional captions. Writes selectedImage binding (image src) before emitting select.",
     example: {
       title: "Product Gallery",
       columns: 3,
       images: [
         { src: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe", alt: "Abstract gradient artwork", caption: "Aurora Series #1" },
         { src: "https://images.unsplash.com/photo-1579546929518-9e396f3cc809", alt: "Colorful gradient background", caption: null }
-      ]
+      ],
+      selectedImage: null
     }
   },
   HeaderBlock: {
     props: z.object({
       menuItems: z.array(z.object({ name: z.string(), href: z.string() })).nullable(),
       loginLabel: z.string().nullable(),
-      signUpLabel: z.string().nullable(),
-      loginHref: z.string().nullable(),
-      signUpHref: z.string().nullable()
+      signUpLabel: z.string().nullable()
     }),
-    description: "Site header with logo, navigation menu, and auth action buttons. Responsive with mobile hamburger menu.",
+    events: ["login", "signup"],
+    description: "Site header with logo, navigation menu, and auth action buttons. Responsive with mobile hamburger menu. Auth buttons emit login/signup events.",
     example: {
       menuItems: [{ name: "Features", href: "#features" }],
       loginLabel: "Login",
-      signUpLabel: null,
-      loginHref: null,
-      signUpHref: null
+      signUpLabel: null
     }
   },
   HeroBlock: {
@@ -179,13 +182,15 @@ var blocksMarketingDefinitions = {
       brandName: z.string().nullable(),
       brandDescription: z.string().nullable(),
       newsletterPlaceholder: z.string().nullable(),
+      email: z.string().nullable(),
       productLinks: z.array(z.object({ name: z.string(), href: z.string() })).nullable(),
       companyLinks: z.array(z.object({ name: z.string(), href: z.string() })).nullable(),
       legalLinks: z.array(z.object({ name: z.string(), href: z.string() })).nullable(),
       socialLinks: z.array(z.object({ platform: z.string(), href: z.string() })).nullable()
     }),
-    description: "Site footer with brand description, navigation columns, newsletter signup, and social icons. Social icons use platform string keys (twitter, github, linkedin) resolved via ICON_MAP.",
-    example: { brandName: "Acme", brandDescription: "The ultimate design system.", newsletterPlaceholder: null, productLinks: null, companyLinks: null, legalLinks: null, socialLinks: null }
+    events: ["subscribe"],
+    description: "Site footer with brand description, navigation columns, newsletter signup, and social icons. Newsletter input is wired with email binding and emits subscribe event.",
+    example: { brandName: "Acme", brandDescription: "The ultimate design system.", newsletterPlaceholder: null, email: null, productLinks: null, companyLinks: null, legalLinks: null, socialLinks: null }
   },
   LogoCloud: {
     props: z.object({
@@ -212,11 +217,13 @@ var blocksMarketingDefinitions = {
     props: z.object({
       title: z.string().nullable(),
       description: z.string().nullable(),
-      email: z.string().nullable()
+      email: z.string().nullable(),
+      state: z.enum(["idle", "loading", "success", "error"]).nullable(),
+      error: z.string().nullable()
     }),
     events: ["subscribe"],
-    description: "Newsletter signup form with email input and subscribe button.",
-    example: { title: "Stay in the loop", description: "Get product updates and engineering insights delivered weekly.", email: null }
+    description: "Newsletter signup form with email input and subscribe button. Consumer drives state transitions via state/error props.",
+    example: { title: "Stay in the loop", description: "Get product updates and engineering insights delivered weekly.", email: null, state: null, error: null }
   },
   SolutionShowcaseBlock: {
     props: z.object({
@@ -251,6 +258,7 @@ var blocksMarketingDefinitions = {
     props: z.object({
       title: z.string().nullable(),
       description: z.string().nullable(),
+      featuredCompanyLogo: z.string().nullable(),
       testimonials: z.array(
         z.object({
           quote: z.string(),
@@ -261,10 +269,11 @@ var blocksMarketingDefinitions = {
         })
       ).nullable()
     }),
-    description: "Customer testimonials with quotes, author info, and optional featured highlighting.",
+    description: "Customer testimonials with quotes, author info, and optional featured highlighting. Featured card shows company logo via featuredCompanyLogo prop.",
     example: {
       title: "What Our Customers Say",
       description: null,
+      featuredCompanyLogo: null,
       testimonials: [
         { quote: "This platform cut our deployment time by 80%. The team onboarding was seamless.", author: "Priya Sharma", role: "VP of Engineering at Finova", avatar: "https://avatars.githubusercontent.com/u/300", featured: true },
         { quote: "Outstanding developer experience. We migrated our entire stack in under a week.", author: "Tom Lindgren", role: "Staff Engineer at Meridian", avatar: "https://avatars.githubusercontent.com/u/301", featured: null }

package/dist/chunk-KEQFAIPJ.js

@@ -0,0 +1,84 @@
+import { mapToolCallStatus } from './chunk-STKNMEJA.js';
+import { ScrollArea } from './chunk-GLU236NN.js';
+import { Input } from './chunk-AP3XXYAY.js';
+import { ChatThinkingMessage } from './chunk-CY3PROVO.js';
+import { ChatToolCall, ChatToolCallHeader, ChatToolCallContent, ChatToolCallInput, ChatToolCallOutput } from './chunk-L2IRYY6K.js';
+import { ChatMessage, ChatMessageContent, ChatMessageFooter, ChatMessageTimestamp } from './chunk-UAN2YEI5.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { SendIcon } from './chunk-CRZ2JE24.js';
+import * as React from 'react';
+import { useTranslations } from 'next-intl';
+import { useBoundProp } from '@json-render/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function AgentConversationBlock({ props, bindings, emit }) {
+  const messages = props.messages;
+  const t = useTranslations("components.agentConversationBlock");
+  const endRef = React.useRef(null);
+  const [boundInput, setBoundInput] = useBoundProp(props.messageInput, bindings?.messageInput);
+  const [localInput, setLocalInput] = React.useState("");
+  const isInputBound = !!bindings?.messageInput;
+  const input = isInputBound ? boundInput ?? "" : localInput;
+  const setInput = isInputBound ? setBoundInput : setLocalInput;
+  const handleSend = () => {
+    if (!input.trim()) return;
+    emit("send");
+    setInput("");
+  };
+  React.useEffect(() => {
+    endRef.current?.scrollIntoView({ block: "end" });
+  }, [messages]);
+  if (messages.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "surface-solid rounded-lg h-96 p-4", "aria-live": "polite", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-text-tertiary", children: t("noMessages") }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "surface-solid rounded-lg h-96 flex flex-col", children: [
+    /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1", 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(ChatThinkingMessage, { variant: "pill", reasoning: msg.reasoning ?? void 0 }),
+        /* @__PURE__ */ jsxs(ChatMessage, { role: msg.role, children: [
+          /* @__PURE__ */ jsx(ChatMessageContent, { isStreaming: msg.isStreaming ?? void 0, children: msg.content }),
+          msg.timestamp && /* @__PURE__ */ jsx(ChatMessageFooter, { children: /* @__PURE__ */ jsx(ChatMessageTimestamp, { children: msg.timestamp }) })
+        ] }),
+        msg.toolCalls && msg.toolCalls.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1.5 mt-1", children: msg.toolCalls.map((tc) => /* @__PURE__ */ jsxs(ChatToolCall, { state: mapToolCallStatus(tc.status), children: [
+          /* @__PURE__ */ jsx(
+            ChatToolCallHeader,
+            {
+              name: tc.toolName,
+              summary: tc.duration != null ? `${tc.duration}ms` : void 0
+            }
+          ),
+          (tc.args != null || tc.result != null) && /* @__PURE__ */ jsxs(ChatToolCallContent, { children: [
+            tc.args != null && Object.keys(tc.args).length > 0 && /* @__PURE__ */ jsx(ChatToolCallInput, { children: JSON.stringify(tc.args, null, 2) }),
+            tc.result != null && /* @__PURE__ */ jsx(ChatToolCallOutput, { children: tc.result })
+          ] })
+        ] }, tc.id)) })
+      ] }, msg.id)),
+      /* @__PURE__ */ jsx("div", { ref: endRef, "aria-hidden": "true", className: "h-px w-full" })
+    ] }) }),
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        className: "flex items-center gap-2 border-t border-border p-3",
+        onSubmit: (e) => {
+          e.preventDefault();
+          handleSend();
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              name: "message",
+              placeholder: t("inputPlaceholder"),
+              value: input,
+              onChange: (e) => setInput(e.target.value),
+              className: "flex-1"
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { type: "submit", size: "icon", disabled: !input.trim(), "aria-label": t("sendMessage"), children: /* @__PURE__ */ jsx(SendIcon, { size: 16 }) })
+        ]
+      }
+    )
+  ] });
+}
+
+export { AgentConversationBlock };

package/dist/{chunk-QCFDSOTV.js → chunk-KPRBRDSY.js}

@@ -2,7 +2,6 @@ import { StaggerChildren } from './chunk-DQPK2XRL.js';
 import { InputOTP, InputOTPGroup, InputOTPSlot } from './chunk-WN5ONOHC.js';
 import { FormWizard } from './chunk-U5QLJHYN.js';
 import { Label } from './chunk-LIBXYD5Q.js';
-import { useSafeTimeout } from './chunk-MDAYDDTC.js';
 import { Checkbox } from './chunk-756Q7AC5.js';
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from './chunk-VJIL7W55.js';
 import { Empty, EmptyDescription } from './chunk-4TF4QFIM.js';
@@ -39,15 +38,14 @@ function TwoFactorSetupBlock({ props, bindings, emit, on }) {
   const isCodeBound = !!bindings?.verifyCode;
   const otpCode = isCodeBound ? boundCode ?? "" : localOtpCode;
   const setOtpCode = isCodeBound ? setBoundCode : setLocalOtpCode;
-  const [verified, setVerified] = React.useState(false);
-  const [verifyError, setVerifyError] = React.useState();
+  const state = props.state ?? "idle";
+  const error = props.error ?? null;
   const [savedCodes, setSavedCodes] = React.useState(false);
   const [copied, setCopied] = React.useState(false);
-  const setSafeTimeout = useSafeTimeout();
   const copyToClipboard = (text) => {
     navigator.clipboard.writeText(text);
     setCopied(true);
-    setSafeTimeout(() => setCopied(false), 2e3);
+    setTimeout(() => setCopied(false), 2e3);
   };
   const copyAllCodes = () => {
     copyToClipboard(backupCodes.join("\n"));
@@ -63,13 +61,10 @@ function TwoFactorSetupBlock({ props, bindings, emit, on }) {
   };
   const handleVerify = (value) => {
     setOtpCode(value);
-    setVerifyError(void 0);
-    setVerified(false);
     if (value.length !== 6) {
       return;
     }
     emit("verify");
-    setVerified(true);
   };
   const steps = [
     {
@@ -111,10 +106,10 @@ function TwoFactorSetupBlock({ props, bindings, emit, on }) {
           /* @__PURE__ */ jsx(InputOTPSlot, { index: 4 }),
           /* @__PURE__ */ jsx(InputOTPSlot, { index: 5 })
         ] }) }) }),
-        !!verifyError && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-destructive", children: verifyError }),
-        !!verified && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-success", children: "Code verified successfully" })
+        !!error && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-destructive", children: error }),
+        state === "success" && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-success", children: "Code verified successfully" })
       ] }),
-      validate: () => verified
+      validate: () => state === "success"
     },
     {
       id: "backup",

package/dist/{chunk-W4KI424V.js → chunk-KRNAMBZZ.js}

@@ -13,16 +13,18 @@ var displayDefinitions = {
           title: z.string(),
           content: z.string()
         })
-      ).nullable()
+      ).nullable(),
+      value: z.string().nullable()
     }),
     events: ["valueChange"],
-    description: "Radix-based accordion with single or multiple open mode. Each item has a value key, trigger title, and body content string.",
+    description: "Radix-based accordion with single or multiple open mode. Each item has a value key, trigger title, and body content string. value enables controlled mode; for multiple mode, bind a comma-separated string of open item values.",
     example: {
       type: "single",
       items: [
         { value: "shipping", title: "Shipping Policy", content: "Orders ship within 2 business days via USPS Priority Mail." },
         { value: "returns", title: "Return Policy", content: "Returns accepted within 30 days of delivery with original packaging." }
-      ]
+      ],
+      value: null
     }
   },
   Alert: {

package/dist/{chunk-XMGWLDNG.js → chunk-KSJUX6EA.js}

@@ -31,7 +31,7 @@ var defaultSections = [
   { heading: "Engineering", members: defaultMembers },
   { heading: "Marketing", members: defaultMembers }
 ];
-function TeamBlock({ props }) {
+function TeamShowcaseBlock({ props }) {
   const title = props.title ?? "Our team";
   const sections = props.sections ?? defaultSections;
   return /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsx("section", { className: "py-12 md:py-32", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl px-8 lg:px-0", children: [
@@ -47,4 +47,4 @@ function TeamBlock({ props }) {
   ] }) }) });
 }
 
-export { TeamBlock };
+export { TeamShowcaseBlock };