@vadimcomanescu/nadicode-design-system 2.0.6 → 2.0.8

package/dist/{chunk-AUSYEAIJ.js → chunk-I66XWYSS.js}

@@ -10,12 +10,18 @@ var bubbleVariants = cva(
     variants: {
       role: {
         user: "ml-auto bg-primary/10 border-primary/20 text-text-primary",
+        assistant: "mr-auto glass-panel border-border text-text-primary",
         agent: "mr-auto glass-panel border-border text-text-primary",
         system: "mx-auto bg-muted border-border text-text-secondary text-center text-xs"
+      },
+      status: {
+        default: "",
+        error: "border-destructive/40 bg-destructive/5"
       }
     },
     defaultVariants: {
-      role: "agent"
+      role: "assistant",
+      status: "default"
     }
   }
 );
@@ -26,6 +32,7 @@ function AgentMessageBubble({
   avatar,
   timestamp,
   toolCalls,
+  status = "default",
   actions,
   isStreaming,
   ref,
@@ -45,11 +52,28 @@ function AgentMessageBubble({
       children: [
         avatar && role !== "system" && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", "aria-hidden": "true", children: avatar }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 min-w-0", children: [
-          /* @__PURE__ */ jsxs("div", { className: cn(bubbleVariants({ role })), children: [
-            /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap break-words", children: content }),
-            isStreaming && /* @__PURE__ */ jsx("span", { className: "inline-block w-1.5 h-4 ml-0.5 bg-accent animate-pulse rounded-sm" })
-          ] }),
-          !!toolCalls && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1.5 mt-1.5", children: toolCalls }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(bubbleVariants({ role, status })),
+              ...isStreaming ? { "aria-live": "polite" } : {},
+              children: [
+                /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap break-words", children: content }),
+                !!isStreaming && /* @__PURE__ */ jsx("span", { className: "inline-block w-1.5 h-4 ml-0.5 bg-accent animate-pulse rounded-sm" })
+              ]
+            }
+          ),
+          !!toolCalls && (Array.isArray(toolCalls) ? toolCalls.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5 mt-1.5", children: toolCalls.map((tc) => /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "inline-flex items-center gap-1 rounded-md border px-2 py-0.5 text-xs",
+                tc.state === "error" ? "border-destructive/30 text-destructive" : tc.state === "complete" ? "border-success/30 text-success" : tc.state === "running" ? "border-accent/30 text-accent" : "border-border text-text-tertiary"
+              ),
+              children: tc.name
+            },
+            tc.id
+          )) }) : /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1.5 mt-1.5", children: toolCalls })),
           /* @__PURE__ */ jsxs(
             "div",
             {
@@ -67,7 +91,7 @@ function AgentMessageBubble({
                       onClick: actions.onCopy,
                       className: "hover:text-text-secondary transition-colors",
                       "aria-label": "Copy message",
-                      children: /* @__PURE__ */ jsx(CopyIcon, { size: 12 })
+                      children: /* @__PURE__ */ jsx(CopyIcon, { size: 12, "aria-hidden": "true" })
                     }
                   ),
                   actions.onRetry && /* @__PURE__ */ jsx(
@@ -77,7 +101,7 @@ function AgentMessageBubble({
                       onClick: actions.onRetry,
                       className: "hover:text-text-secondary transition-colors",
                       "aria-label": "Retry message",
-                      children: /* @__PURE__ */ jsx(RefreshCWIcon, { size: 12 })
+                      children: /* @__PURE__ */ jsx(RefreshCWIcon, { size: 12, "aria-hidden": "true" })
                     }
                   )
                 ] })

package/dist/chunk-IXQGKJU4.js

@@ -0,0 +1,183 @@
+import { useSafeTimeout } from './chunk-MDAYDDTC.js';
+import { StaggerChildren } from './chunk-DQPK2XRL.js';
+import { InputOTP, InputOTPGroup, InputOTPSlot } from './chunk-WN5ONOHC.js';
+import { FormWizard } from './chunk-T5LXQNIP.js';
+import { Checkbox } from './chunk-756Q7AC5.js';
+import { Label } from './chunk-LIBXYD5Q.js';
+import { Empty, EmptyDescription } from './chunk-55HD4L6G.js';
+import { Collapsible, CollapsibleTrigger, CollapsibleContent } from './chunk-VJIL7W55.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './chunk-AH6YSYYT.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { m, scaleIn } from './chunk-PD2YEH3H.js';
+import { ShieldIcon } from './chunk-P6IRHPFM.js';
+import { Badge } from './chunk-S4JAHKOP.js';
+import { CopyIcon } from './chunk-TV4RSQH4.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { useReducedMotion } from 'motion/react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DEFAULT_BACKUP_CODES = [
+  "a1b2-c3d4",
+  "e5f6-g7h8",
+  "i9j0-k1l2",
+  "m3n4-o5p6",
+  "q7r8-s9t0",
+  "u1v2-w3x4",
+  "y5z6-a7b8",
+  "c9d0-e1f2"
+];
+function TwoFactorSetupBlock({
+  className,
+  qrCodeUrl,
+  secret = "JBSWY3DPEHPK3PXP",
+  backupCodes = DEFAULT_BACKUP_CODES,
+  onVerify,
+  onComplete,
+  title = "Set up two-factor authentication",
+  description = "Add an extra layer of security to your account"
+}) {
+  const prefersReduced = useReducedMotion();
+  const [otpCode, setOtpCode] = React.useState("");
+  const [verified, setVerified] = React.useState(false);
+  const [verifying, setVerifying] = React.useState(false);
+  const [verifyError, setVerifyError] = React.useState();
+  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);
+  };
+  const copyAllCodes = () => {
+    copyToClipboard(backupCodes.join("\n"));
+  };
+  const downloadCodes = () => {
+    const blob = new Blob([backupCodes.join("\n")], { type: "text/plain" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = "backup-codes.txt";
+    a.click();
+    URL.revokeObjectURL(url);
+  };
+  const handleVerify = (value) => {
+    setOtpCode(value);
+    setVerifyError(void 0);
+    setVerified(false);
+    if (value.length !== 6) {
+      setVerifying(false);
+      return;
+    }
+    if (!onVerify) {
+      setVerified(true);
+      return;
+    }
+    setVerifying(true);
+    void Promise.resolve(onVerify(value)).then((ok) => {
+      if (ok) {
+        setVerified(true);
+        return;
+      }
+      setVerifyError("Verification failed. Please try again.");
+    }).catch(() => {
+      setVerifyError("Verification failed. Please try again.");
+    }).finally(() => {
+      setVerifying(false);
+    });
+  };
+  const steps = [
+    {
+      id: "scan",
+      title: "Scan QR code",
+      content: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: qrCodeUrl ? /* @__PURE__ */ jsx("img", { src: qrCodeUrl, alt: "QR Code", className: "h-48 w-48 rounded-lg border border-border" }) : /* @__PURE__ */ jsx(Empty, { className: "h-48 w-48", children: /* @__PURE__ */ jsx(EmptyDescription, { children: "QR Code" }) }) }),
+        /* @__PURE__ */ jsxs(Collapsible, { children: [
+          /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "default", className: "w-full text-text-tertiary", children: [
+            "Can",
+            "'",
+            "t scan? Enter code manually"
+          ] }) }),
+          /* @__PURE__ */ jsx(CollapsibleContent, { className: "pt-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-md border border-border bg-surface p-4", children: [
+            /* @__PURE__ */ jsx("code", { className: "flex-1 text-sm font-mono text-text-primary break-all", children: secret }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                onClick: () => copyToClipboard(secret),
+                children: /* @__PURE__ */ jsx(CopyIcon, { size: 14 })
+              }
+            )
+          ] }) })
+        ] })
+      ] })
+    },
+    {
+      id: "verify",
+      title: "Verify code",
+      content: /* @__PURE__ */ jsxs("div", { className: "space-y-4 text-center", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: "Enter the 6-digit code from your authenticator app" }),
+        /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(InputOTP, { maxLength: 6, value: otpCode, onChange: handleVerify, children: /* @__PURE__ */ jsxs(InputOTPGroup, { children: [
+          /* @__PURE__ */ jsx(InputOTPSlot, { index: 0 }),
+          /* @__PURE__ */ jsx(InputOTPSlot, { index: 1 }),
+          /* @__PURE__ */ jsx(InputOTPSlot, { index: 2 }),
+          /* @__PURE__ */ jsx(InputOTPSlot, { index: 3 }),
+          /* @__PURE__ */ jsx(InputOTPSlot, { index: 4 }),
+          /* @__PURE__ */ jsx(InputOTPSlot, { index: 5 })
+        ] }) }) }),
+        !!verifying && /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: "Verifying..." }),
+        !!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" })
+      ] }),
+      validate: () => verified
+    },
+    {
+      id: "backup",
+      title: "Save backup codes",
+      content: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: "Save these backup codes in a secure location. Each code can only be used once." }),
+        /* @__PURE__ */ jsx(StaggerChildren, { staggerMs: 40, className: "grid grid-cols-2 gap-2", children: backupCodes.map((code) => /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "justify-center font-mono text-xs py-1.5", children: code }, code)) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "default", className: "flex-1", onClick: copyAllCodes, children: [
+            /* @__PURE__ */ jsx(CopyIcon, { size: 14, className: "mr-2" }),
+            copied ? "Copied!" : "Copy all"
+          ] }),
+          /* @__PURE__ */ jsx(Button, { variant: "outline", size: "default", className: "flex-1", onClick: downloadCodes, children: "Download" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pt-2", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              id: "saved-codes",
+              checked: savedCodes,
+              onCheckedChange: (v) => setSavedCodes(v === true)
+            }
+          ),
+          /* @__PURE__ */ jsx(Label, { htmlFor: "saved-codes", className: "text-sm", children: "I have saved my backup codes" })
+        ] })
+      ] }),
+      validate: () => savedCodes
+    }
+  ];
+  return /* @__PURE__ */ jsx(m.div, { ...prefersReduced ? {} : scaleIn, className: cn("w-full max-w-lg mx-auto", className), children: /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsx(ShieldIcon, { size: 32, className: "text-text-secondary" }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(CardTitle, { className: "text-xl", children: title }),
+        /* @__PURE__ */ jsx(CardDescription, { children: description })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
+      FormWizard,
+      {
+        steps,
+        onComplete,
+        completeLabel: "Done"
+      }
+    ) })
+  ] }) });
+}
+
+export { TwoFactorSetupBlock };

package/dist/chunk-JDJY4ABS.js

@@ -0,0 +1,60 @@
+import { m } from './chunk-PD2YEH3H.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { memo, useMemo } from 'react';
+import { useReducedMotion } from 'motion/react';
+import { jsx } from 'react/jsx-runtime';
+
+function ChatShimmerInner({
+  children,
+  as: Component = "span",
+  className,
+  duration = 2,
+  spread = 2,
+  ref
+}) {
+  const prefersReduced = useReducedMotion();
+  const dynamicSpread = useMemo(
+    () => (children?.length ?? 0) * spread,
+    [children, spread]
+  );
+  const style = {
+    "--spread": `${dynamicSpread}px`,
+    backgroundImage: "var(--bg), linear-gradient(var(--color-text-secondary), var(--color-text-secondary))"
+  };
+  if (prefersReduced) {
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        className: cn("inline-block text-text-secondary", className),
+        "data-shimmer": "true",
+        children
+      }
+    );
+  }
+  const MotionComponent = m[Component];
+  return /* @__PURE__ */ jsx(
+    MotionComponent,
+    {
+      ref,
+      className: cn(
+        "inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent",
+        "[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-text-primary),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]",
+        className
+      ),
+      "data-shimmer": "true",
+      style,
+      initial: { backgroundPosition: "100% center" },
+      animate: { backgroundPosition: "0% center" },
+      transition: {
+        repeat: Number.POSITIVE_INFINITY,
+        duration,
+        ease: "linear"
+      },
+      children
+    }
+  );
+}
+var ChatShimmer = memo(ChatShimmerInner);
+
+export { ChatShimmer };

package/dist/chunk-K7NQ6ZAW.js

@@ -0,0 +1,84 @@
+import { Shine } from './chunk-DARC2ACH.js';
+import { useSafeTimeout } from './chunk-MDAYDDTC.js';
+import { Typography } from './chunk-N53OMWW2.js';
+import { Spinner } from './chunk-ZLSWCV55.js';
+import { Heading } from './chunk-WI547C47.js';
+import { Input } from './chunk-AP3XXYAY.js';
+import { ScrollFadeIn } from './chunk-I23DDSU7.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { CheckIcon } from './chunk-CXACRCZ4.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function NewsletterBlock({
+  onSubscribe,
+  title = "Stay in the loop",
+  description = "Get notified about new components, updates, and design system tips. No spam.",
+  className
+}) {
+  const [email, setEmail] = useState("");
+  const [status, setStatus] = useState("idle");
+  const setSafeTimeout = useSafeTimeout();
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!email.trim()) return;
+    setStatus("loading");
+    try {
+      await onSubscribe?.(email);
+    } catch {
+    }
+    setSafeTimeout(() => {
+      setStatus("success");
+      setSafeTimeout(() => {
+        setStatus("idle");
+        setEmail("");
+      }, 3e3);
+    }, 600);
+  };
+  return /* @__PURE__ */ jsx("section", { className: cn("py-16 md:py-24", className), children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-xl px-6", children: /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsx(Shine, { enableOnHover: true, loop: true, loopDelay: 300, color: "var(--color-accent)", opacity: 0.1, children: /* @__PURE__ */ jsxs("div", { className: "glass-panel rounded-2xl border border-border/50 p-8 text-center sm:p-12", children: [
+    /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "text-text-primary", children: title }),
+    /* @__PURE__ */ jsx(Typography, { variant: "body", className: "mt-4 text-text-secondary", children: description }),
+    status === "success" ? /* @__PURE__ */ jsxs("div", { className: "mt-8 flex items-center justify-center gap-2 text-success", children: [
+      /* @__PURE__ */ jsx(CheckIcon, { size: 20 }),
+      /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium", children: [
+        "You",
+        "'",
+        "re subscribed!"
+      ] })
+    ] }) : /* @__PURE__ */ jsxs(
+      "form",
+      {
+        onSubmit: handleSubmit,
+        className: "mt-8 flex flex-col gap-4 sm:flex-row",
+        children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              name: "email",
+              type: "email",
+              placeholder: "you@example.com",
+              value: email,
+              onChange: (e) => setEmail(e.target.value),
+              required: true,
+              className: "flex-1"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "submit",
+              variant: "accent",
+              disabled: status === "loading",
+              className: "shrink-0",
+              children: status === "loading" ? /* @__PURE__ */ jsx(Spinner, { className: "h-4 w-4" }) : "Subscribe"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Typography, { variant: "small", className: "mt-4 text-text-tertiary", children: "Unsubscribe anytime. We respect your inbox." })
+  ] }) }) }) }) });
+}
+
+export { NewsletterBlock };

package/dist/chunk-KWILREVQ.js

@@ -0,0 +1,147 @@
+import { NavigationShellPageKit } from './chunk-ZKLB5N3Q.js';
+import { Typography } from './chunk-N53OMWW2.js';
+import { Textarea } from './chunk-4OBE2FS2.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-WH62BE24.js';
+import { Heading } from './chunk-WI547C47.js';
+import { FieldSet, Field, FieldLabel, FieldDescription, FieldError } from './chunk-RX5EUODB.js';
+import { Input } from './chunk-AP3XXYAY.js';
+import { Card, CardHeader, CardTitle, CardContent } from './chunk-AH6YSYYT.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { Badge } from './chunk-S4JAHKOP.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var EMPTY_SECTIONS = [];
+var ALERT_CLASS = "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive";
+function renderFieldInput(field, onFieldChange) {
+  const disabled = field.disabled || field.readOnly;
+  if (field.type === "textarea") {
+    return /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        id: field.id,
+        value: field.value,
+        placeholder: field.placeholder,
+        disabled,
+        readOnly: field.readOnly,
+        onChange: (event) => onFieldChange?.(field.id, event.target.value)
+      }
+    );
+  }
+  if (field.type === "select") {
+    return /* @__PURE__ */ jsxs(
+      Select,
+      {
+        value: field.value,
+        disabled,
+        onValueChange: (value) => onFieldChange?.(field.id, value),
+        children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { id: field.id, "aria-label": field.label, children: /* @__PURE__ */ jsx(SelectValue, { placeholder: field.placeholder ?? "Select value" }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: (field.options ?? []).map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      id: field.id,
+      type: field.type ?? "text",
+      value: field.value,
+      placeholder: field.placeholder,
+      disabled,
+      readOnly: field.readOnly,
+      onChange: (event) => onFieldChange?.(field.id, event.target.value)
+    }
+  );
+}
+function CrudFormPageKit({
+  shell,
+  title = "CRUD form",
+  description = "Create and edit entities through a stable form contract with explicit save and error states.",
+  state = "pristine",
+  sections = EMPTY_SECTIONS,
+  onFieldChange,
+  actions,
+  validationMessage,
+  fatalErrorMessage,
+  savedMessage = "Changes saved.",
+  className
+}) {
+  const isBusy = state === "submitting" || state === "validating";
+  return /* @__PURE__ */ jsx(NavigationShellPageKit, { ...shell, children: /* @__PURE__ */ jsxs("section", { className: cn("space-y-6", className), children: [
+    /* @__PURE__ */ jsxs("header", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Heading, { level: 3, children: title }),
+      /* @__PURE__ */ jsx(Typography, { variant: "muted", children: description })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+      state === "dirty" ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Unsaved changes" }) : null,
+      state === "validating" ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Validating" }) : null,
+      state === "submitting" ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Saving" }) : null,
+      state === "saved" ? /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: "Saved" }) : null
+    ] }),
+    state === "validation-error" ? /* @__PURE__ */ jsx("div", { role: "alert", className: ALERT_CLASS, children: validationMessage ?? "Validation failed. Resolve field errors and retry." }) : null,
+    state === "fatal-error" ? /* @__PURE__ */ jsx("div", { role: "alert", className: ALERT_CLASS, children: fatalErrorMessage ?? "The form failed to load. Retry or contact support." }) : null,
+    state === "saved" ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-success", children: savedMessage }) : null,
+    /* @__PURE__ */ jsx("div", { className: "grid gap-4", children: sections.map((section) => /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsxs(CardHeader, { children: [
+        /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { children: section.title }),
+          section.optional ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Optional" }) : null
+        ] }),
+        section.description ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: section.description }) : null
+      ] }),
+      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+        section.content ? /* @__PURE__ */ jsx("div", { children: section.content }) : null,
+        section.fields && section.fields.length > 0 ? /* @__PURE__ */ jsx(FieldSet, { children: section.fields.map((field) => /* @__PURE__ */ jsxs(Field, { children: [
+          /* @__PURE__ */ jsxs(FieldLabel, { htmlFor: field.id, children: [
+            field.label,
+            field.required ? /* @__PURE__ */ jsx("span", { className: "ml-1 text-destructive", children: "*" }) : null
+          ] }),
+          renderFieldInput(field, onFieldChange),
+          field.description ? /* @__PURE__ */ jsx(FieldDescription, { children: field.description }) : null,
+          field.errorMessage ? /* @__PURE__ */ jsx(FieldError, { children: field.errorMessage }) : null
+        ] }, field.id)) }) : null
+      ] })
+    ] }, section.id)) }),
+    actions ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [
+      actions.secondary ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          onClick: actions.secondary.onAction,
+          disabled: actions.secondary.disabled || isBusy,
+          children: actions.secondary.label
+        }
+      ) : null,
+      actions.tertiary ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          onClick: actions.tertiary.onAction,
+          disabled: actions.tertiary.disabled || isBusy,
+          children: actions.tertiary.label
+        }
+      ) : null,
+      actions.destructive ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "destructive",
+          onClick: actions.destructive.onAction,
+          disabled: actions.destructive.disabled || isBusy,
+          children: actions.destructive.label
+        }
+      ) : null,
+      actions.primary ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: actions.primary.onAction,
+          disabled: actions.primary.disabled || isBusy,
+          children: actions.primary.label
+        }
+      ) : null
+    ] }) : null
+  ] }) });
+}
+
+export { CrudFormPageKit };

package/dist/chunk-LCKLZ4XK.js

@@ -0,0 +1,60 @@
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './chunk-AH6YSYYT.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { useMotionConfig, m, scaleIn, motionSpring } from './chunk-PD2YEH3H.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function AuthSuccessBlock({
+  className,
+  icon,
+  title,
+  description,
+  buttonText = "Continue",
+  onContinue,
+  autoRedirectSeconds
+}) {
+  const motionConfig = useMotionConfig();
+  const [countdown, setCountdown] = React.useState(autoRedirectSeconds ?? 0);
+  React.useEffect(() => {
+    if (!autoRedirectSeconds) return;
+    setCountdown(autoRedirectSeconds);
+    const interval = setInterval(() => {
+      setCountdown((prev) => {
+        if (prev <= 1) {
+          clearInterval(interval);
+          onContinue?.();
+          return 0;
+        }
+        return prev - 1;
+      });
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [autoRedirectSeconds, onContinue]);
+  return /* @__PURE__ */ jsx(m.div, { ...scaleIn, className: cn("w-full max-w-sm mx-auto", className), children: /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "text-center", children: [
+      /* @__PURE__ */ jsx(
+        m.div,
+        {
+          className: "mx-auto mb-2",
+          initial: { scale: 0.8, opacity: 0 },
+          animate: { scale: 1, opacity: 1 },
+          transition: { ...motionSpring.bouncy, ...motionConfig },
+          children: /* @__PURE__ */ jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-success/10 shadow-[0_0_24px_rgb(var(--color-success)/0.2)]", children: icon })
+        }
+      ),
+      /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl", children: title }),
+      /* @__PURE__ */ jsx(CardDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "grid gap-4", children: [
+      autoRedirectSeconds !== void 0 && countdown > 0 && /* @__PURE__ */ jsxs("p", { className: "text-center text-sm text-text-tertiary tabular-nums", children: [
+        "Redirecting in ",
+        countdown,
+        "..."
+      ] }),
+      /* @__PURE__ */ jsx(Button, { variant: "accent", className: "w-full", onClick: onContinue, children: buttonText })
+    ] })
+  ] }) });
+}
+
+export { AuthSuccessBlock };

package/dist/{chunk-WI37ZYIF.js → chunk-M4XKO45H.js}

@@ -98,6 +98,7 @@ var seedMessagesIt = {
     },
     "thinkingIndicator": {
       "thinking": "In elaborazione",
+      "complete": "Completo",
       "showReasoning": "Mostra ragionamento",
       "hideReasoning": "Nascondi ragionamento"
     },
@@ -150,8 +151,19 @@ var seedMessagesIt = {
     "agentTeamPanel": {
       "agentTeam": "Team agente"
     },
+    "agentConversationBlock": {
+      "noMessages": "Nessun messaggio"
+    },
+    "agentStatus": {
+      "idle": "Inattivo",
+      "thinking": "In elaborazione...",
+      "streaming": "In streaming",
+      "error": "Errore",
+      "complete": "Completato"
+    },
     "agentTimeline": {
-      "timeline": "Cronologia"
+      "timeline": "Cronologia",
+      "noEvents": "Nessun evento"
     },
     "morphingText": {
       "morphingText": "Testo in trasformazione"