@vadimcomanescu/nadicode-design-system 2.0.8 → 4.0.0

package/dist/components/blocks/UsageDonutBlock.js

@@ -1,84 +1,10 @@
 'use client';
-import { PieChart } from '../../chunk-U7V6TREO.js';
+export { UsageDonutBlock } from '../../chunk-VRGPG2YN.js';
+import '../../chunk-U7V6TREO.js';
 import '../../chunk-WSU2PCA2.js';
-import { Empty, EmptyTitle, EmptyDescription } from '../../chunk-55HD4L6G.js';
-import { Card, CardHeader, CardTitle, CardDescription, CardContent } from '../../chunk-AH6YSYYT.js';
+import '../../chunk-55HD4L6G.js';
+import '../../chunk-AH6YSYYT.js';
 import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
 import '../../chunk-HJC6U46F.js';
-import { cn } from '../../chunk-QYZT24TS.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var defaultData = [
-  { name: "Vector DB", value: 400, fill: "rgb(var(--chart-1))" },
-  { name: "Model Storage", value: 300, fill: "rgb(var(--chart-2))" },
-  { name: "Logs", value: 300, fill: "rgb(var(--chart-3))" },
-  { name: "Cache", value: 200, fill: "rgb(var(--chart-4))" }
-];
-var defaultConfig = {
-  "Vector DB": {
-    label: "Vector DB",
-    color: "rgb(var(--chart-1))"
-  },
-  "Model Storage": {
-    label: "Model Storage",
-    color: "rgb(var(--chart-2))"
-  },
-  "Logs": {
-    label: "Logs",
-    color: "rgb(var(--chart-3))"
-  },
-  "Cache": {
-    label: "Cache",
-    color: "rgb(var(--chart-4))"
-  }
-};
-var defaultCenterLabel = /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsxs("span", { className: "text-3xl font-bold text-text-primary", children: [
-    "1.2",
-    /* @__PURE__ */ jsx("span", { className: "text-lg text-text-secondary", children: "GB" })
-  ] }),
-  /* @__PURE__ */ jsx("span", { className: "text-xs text-text-tertiary uppercase tracking-wider", children: "Used" })
-] });
-function UsageDonutBlock({
-  data = defaultData,
-  config = defaultConfig,
-  title = "Storage",
-  description = "Distribution of data types",
-  centerLabel = defaultCenterLabel,
-  className
-}) {
-  return /* @__PURE__ */ jsxs(Card, { className: cn("w-full max-w-[350px]", className), children: [
-    /* @__PURE__ */ jsxs(CardHeader, { children: [
-      /* @__PURE__ */ jsx(CardTitle, { children: title }),
-      /* @__PURE__ */ jsx(CardDescription, { children: description })
-    ] }),
-    /* @__PURE__ */ jsx(CardContent, { className: "pb-4", children: data.length === 0 ? /* @__PURE__ */ jsxs(Empty, { className: "min-h-[240px]", children: [
-      /* @__PURE__ */ jsx(EmptyTitle, { children: "No storage breakdown" }),
-      /* @__PURE__ */ jsx(EmptyDescription, { children: "Storage categories will appear here once usage data is available." })
-    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs("div", { className: "h-[240px] relative", children: [
-        /* @__PURE__ */ jsx(
-          PieChart,
-          {
-            data,
-            config,
-            dataKey: "value",
-            nameKey: "name",
-            innerRadius: 60,
-            outerRadius: 80,
-            showLegend: false,
-            className: "mx-auto aspect-square max-h-[240px]"
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex flex-col items-center justify-center pointer-events-none", children: centerLabel })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "mt-4 grid grid-cols-2 gap-2 text-sm", children: data.map((item) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-text-secondary", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-2.5 w-2.5 rounded-full", style: { backgroundColor: item.fill } }),
-        item.name
-      ] }, item.name)) })
-    ] }) })
-  ] });
-}
-
-export { UsageDonutBlock };
+import '../../chunk-QYZT24TS.js';

package/dist/components/blocks/WizardBlock.js

@@ -1,13 +1,14 @@
 'use client';
+export { WizardBlock } from '../../chunk-XKKFSFYO.js';
 import '../../chunk-3NYTIDKZ.js';
-import { Step } from '../../chunk-HS7QNBCO.js';
-import { Stepper } from '../../chunk-2WEUTBDI.js';
-import { Heading } from '../../chunk-WI547C47.js';
-import { Field, FieldLabel } from '../../chunk-RX5EUODB.js';
-import { Input } from '../../chunk-AP3XXYAY.js';
+import '../../chunk-HS7QNBCO.js';
+import '../../chunk-2WEUTBDI.js';
+import '../../chunk-WI547C47.js';
+import '../../chunk-RX5EUODB.js';
+import '../../chunk-AP3XXYAY.js';
 import '../../chunk-LIBXYD5Q.js';
-import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '../../chunk-AH6YSYYT.js';
-import { Button } from '../../chunk-7KIDDF3I.js';
+import '../../chunk-AH6YSYYT.js';
+import '../../chunk-7KIDDF3I.js';
 import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
 import '../../chunk-HJC6U46F.js';
@@ -26,14 +27,14 @@ import '../../chunk-KSHJQ2VT.js';
 import '../../chunk-GAKU7DFY.js';
 import '../../chunk-T6BRD7TS.js';
 import '../../chunk-TXGANOAX.js';
-import { SettingsIcon } from '../../chunk-OITJWGFV.js';
+import '../../chunk-OITJWGFV.js';
 import '../../chunk-Z74D6D2W.js';
 import '../../chunk-7WDT2PRI.js';
 import '../../chunk-IJJI4RQU.js';
 import '../../chunk-E7RBK6ML.js';
 import '../../chunk-UBIGDGOP.js';
 import '../../chunk-ALMGJVMT.js';
-import { RocketIcon } from '../../chunk-QPXTBZWN.js';
+import '../../chunk-QPXTBZWN.js';
 import '../../chunk-4NXZIMYZ.js';
 import '../../chunk-R5XP45PD.js';
 import '../../chunk-G5EO5FWC.js';
@@ -64,7 +65,7 @@ import '../../chunk-I3TH7PIB.js';
 import '../../chunk-WGPK3FQ7.js';
 import '../../chunk-JL4MVVFH.js';
 import '../../chunk-4FEAWXJD.js';
-import { CreditCardIcon } from '../../chunk-JHQTKMKG.js';
+import '../../chunk-JHQTKMKG.js';
 import '../../chunk-WA45EC4Y.js';
 import '../../chunk-2MOEOEOI.js';
 import '../../chunk-5LCXASRW.js';
@@ -116,7 +117,7 @@ import '../../chunk-P6IRHPFM.js';
 import '../../chunk-SXHYB7JB.js';
 import '../../chunk-BFLN54VR.js';
 import '../../chunk-ONGJ7AC2.js';
-import { UserIcon } from '../../chunk-UHXGBV5N.js';
+import '../../chunk-UHXGBV5N.js';
 import '../../chunk-UIUMTURU.js';
 import '../../chunk-PRUXIDBD.js';
 import '../../chunk-NURPUVUV.js';
@@ -124,85 +125,3 @@ import '../../chunk-TV4RSQH4.js';
 import '../../chunk-HJBXUXTD.js';
 import '../../chunk-ASKFAYYR.js';
 import '../../chunk-QYZT24TS.js';
-import { useState } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var defaultSteps = [
-  { title: "Account", description: "Setup your account", icon: /* @__PURE__ */ jsx(UserIcon, { size: 16 }) },
-  { title: "Profile", description: "Add personal info", icon: /* @__PURE__ */ jsx(SettingsIcon, { size: 16 }) },
-  { title: "Plan", description: "Choose a plan", icon: /* @__PURE__ */ jsx(CreditCardIcon, { size: 16 }) },
-  { title: "Launch", description: "Ready to go", icon: /* @__PURE__ */ jsx(RocketIcon, { size: 16 }) }
-];
-function WizardBlock({
-  title = "Create Project",
-  description = "Follow the steps to setup your new project workspace.",
-  steps = defaultSteps,
-  onFinish,
-  className
-}) {
-  const [activeStep, setActiveStep] = useState(0);
-  const handleNext = () => setActiveStep((p) => Math.min(p + 1, steps.length - 1));
-  const handlePrev = () => setActiveStep((p) => Math.max(p - 1, 0));
-  return /* @__PURE__ */ jsxs(Card, { className: className ?? "w-full max-w-2xl mx-auto", children: [
-    /* @__PURE__ */ jsxs(CardHeader, { children: [
-      /* @__PURE__ */ jsx(CardTitle, { children: title }),
-      /* @__PURE__ */ jsx(CardDescription, { children: description })
-    ] }),
-    /* @__PURE__ */ jsxs(CardContent, { className: "space-y-8", children: [
-      /* @__PURE__ */ jsx(Stepper, { activeStep, onStepChange: setActiveStep, className: "justify-between", children: steps.map((step, index) => /* @__PURE__ */ jsx(
-        Step,
-        {
-          index,
-          title: step.title,
-          description: step.description,
-          icon: step.icon,
-          completed: index < activeStep
-        },
-        index
-      )) }),
-      /* @__PURE__ */ jsxs("div", { className: "min-h-[200px] border rounded-lg p-6 bg-muted/20 animate-in fade-in slide-in-from-bottom-2 duration-300", children: [
-        activeStep === 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxs(Field, { children: [
-            /* @__PURE__ */ jsx(FieldLabel, { children: "Username" }),
-            /* @__PURE__ */ jsx(Input, { placeholder: "jdoe" })
-          ] }),
-          /* @__PURE__ */ jsxs(Field, { children: [
-            /* @__PURE__ */ jsx(FieldLabel, { children: "Email" }),
-            /* @__PURE__ */ jsx(Input, { placeholder: "john@example.com" })
-          ] })
-        ] }),
-        activeStep === 1 && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxs(Field, { children: [
-            /* @__PURE__ */ jsx(FieldLabel, { children: "Full Name" }),
-            /* @__PURE__ */ jsx(Input, { placeholder: "John Doe" })
-          ] }),
-          /* @__PURE__ */ jsxs(Field, { children: [
-            /* @__PURE__ */ jsx(FieldLabel, { children: "Bio" }),
-            /* @__PURE__ */ jsx(Input, { placeholder: "Tell us about yourself" })
-          ] })
-        ] }),
-        activeStep === 2 && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "border p-4 rounded-lg bg-background hover:bg-accent/50 cursor-pointer transition-colors", children: [
-            /* @__PURE__ */ jsx(Heading, { level: 3, size: "title", className: "font-bold", children: "Free" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-text-tertiary", children: "For hobbyists" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "border border-primary p-4 rounded-lg bg-primary/10 cursor-pointer", children: [
-            /* @__PURE__ */ jsx(Heading, { level: 3, size: "title", className: "font-bold text-primary", children: "Pro" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-text-tertiary", children: "For professionals" })
-          ] })
-        ] }),
-        activeStep === 3 && /* @__PURE__ */ jsxs("div", { className: "text-center space-y-4 py-8", children: [
-          /* @__PURE__ */ jsx(RocketIcon, { size: 64, className: "mx-auto text-primary animate-[float_2s_ease-in-out_infinite] motion-reduce:animate-none" }),
-          /* @__PURE__ */ jsx(Heading, { level: 3, size: "title", children: "Ready to Launch!" }),
-          /* @__PURE__ */ jsx("p", { className: "text-text-tertiary", children: "Review your settings and click Finish to deploy." })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(CardFooter, { className: "flex justify-between", children: [
-      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handlePrev, disabled: activeStep === 0, children: "Previous" }),
-      /* @__PURE__ */ jsx(Button, { onClick: activeStep === steps.length - 1 ? onFinish : handleNext, children: activeStep === steps.length - 1 ? "Finish" : "Next" })
-    ] })
-  ] });
-}
-
-export { WizardBlock };

package/dist/components/blocks/user/InviteUserModal.js

@@ -1,12 +1,13 @@
 'use client';
-import { RoleBadge } from '../../../chunk-OHCQPI3W.js';
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../../../chunk-WH62BE24.js';
-import { Field, FieldLabel } from '../../../chunk-RX5EUODB.js';
-import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from '../../../chunk-W73JAOHW.js';
-import { Input } from '../../../chunk-AP3XXYAY.js';
+export { InviteUserModal } from '../../../chunk-YDYDGG5K.js';
+import '../../../chunk-OHCQPI3W.js';
+import '../../../chunk-WH62BE24.js';
+import '../../../chunk-RX5EUODB.js';
+import '../../../chunk-W73JAOHW.js';
+import '../../../chunk-AP3XXYAY.js';
 import '../../../chunk-LIBXYD5Q.js';
 import '../../../chunk-KRBLVZII.js';
-import { Button } from '../../../chunk-7KIDDF3I.js';
+import '../../../chunk-7KIDDF3I.js';
 import '../../../chunk-6FOHUNXR.js';
 import '../../../chunk-PD2YEH3H.js';
 import '../../../chunk-CRY67BIF.js';
@@ -30,7 +31,7 @@ import '../../../chunk-OITJWGFV.js';
 import '../../../chunk-Z74D6D2W.js';
 import '../../../chunk-7WDT2PRI.js';
 import '../../../chunk-IJJI4RQU.js';
-import { PlusIcon } from '../../../chunk-E7RBK6ML.js';
+import '../../../chunk-E7RBK6ML.js';
 import '../../../chunk-UBIGDGOP.js';
 import '../../../chunk-ALMGJVMT.js';
 import '../../../chunk-QPXTBZWN.js';
@@ -44,7 +45,7 @@ import '../../../chunk-RYOTIXZO.js';
 import '../../../chunk-JZ4G2SJH.js';
 import '../../../chunk-KYGKJ553.js';
 import '../../../chunk-M7YSMMAC.js';
-import { MailIcon } from '../../../chunk-XQ2UDMPO.js';
+import '../../../chunk-XQ2UDMPO.js';
 import '../../../chunk-JMCSAGZ3.js';
 import '../../../chunk-QUKDUSHD.js';
 import '../../../chunk-O74AEVHW.js';
@@ -111,7 +112,7 @@ import '../../../chunk-G5YLGJXR.js';
 import '../../../chunk-G24VV5NO.js';
 import '../../../chunk-R3AO6AZM.js';
 import '../../../chunk-GCUTJI7M.js';
-import { CheckIcon } from '../../../chunk-CXACRCZ4.js';
+import '../../../chunk-CXACRCZ4.js';
 import '../../../chunk-P6IRHPFM.js';
 import '../../../chunk-SXHYB7JB.js';
 import '../../../chunk-BFLN54VR.js';
@@ -124,126 +125,3 @@ import '../../../chunk-TV4RSQH4.js';
 import '../../../chunk-HJBXUXTD.js';
 import '../../../chunk-ASKFAYYR.js';
 import '../../../chunk-QYZT24TS.js';
-import * as React from 'react';
-import { useForm } from 'react-hook-form';
-import { zodResolver } from '@hookform/resolvers/zod';
-import * as z from 'zod';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var inviteSchema = z.object({
-  email: z.string().email({ message: "Please enter a valid email address." }),
-  role: z.enum(["admin", "member", "guest"])
-});
-function InviteUserModal({ onInvite, onInvited }) {
-  const [open, setOpen] = React.useState(false);
-  const [isPending, startTransition] = React.useTransition();
-  const [submitError, setSubmitError] = React.useState();
-  const {
-    register,
-    handleSubmit,
-    setValue,
-    reset,
-    formState: { errors }
-  } = useForm({
-    resolver: zodResolver(inviteSchema),
-    defaultValues: {
-      role: "member"
-    }
-  });
-  function onSubmit(values) {
-    setSubmitError(void 0);
-    startTransition(() => {
-      void Promise.resolve(onInvite?.(values)).then((result) => {
-        if (result === false) {
-          setSubmitError("Failed to send invitation.");
-          return;
-        }
-        if (typeof result === "object" && result !== null && "success" in result && result.success === false) {
-          setSubmitError(result.error ?? "Failed to send invitation.");
-          return;
-        }
-        setOpen(false);
-        reset();
-        onInvited?.();
-      }).catch(() => {
-        setSubmitError("Failed to send invitation.");
-      });
-    });
-  }
-  return /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "accent", className: "gap-2", children: [
-      /* @__PURE__ */ jsx(PlusIcon, { size: 16 }),
-      "Invite User"
-    ] }) }),
-    /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [
-      /* @__PURE__ */ jsxs(DialogHeader, { children: [
-        /* @__PURE__ */ jsx(DialogTitle, { children: "Invite Teammate" }),
-        /* @__PURE__ */ jsx(DialogDescription, { children: "Send an invitation to join your workspace. They will receive an email with a magic link." })
-      ] }),
-      /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-6 pt-4", children: [
-        /* @__PURE__ */ jsxs(Field, { children: [
-          /* @__PURE__ */ jsx(FieldLabel, { htmlFor: "email", children: "Email Address" }),
-          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx(MailIcon, { size: 16, className: "absolute left-4 top-2.5 text-text-tertiary" }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "email",
-                placeholder: "colleague@company.com",
-                className: "pl-10",
-                ...register("email")
-              }
-            )
-          ] }),
-          errors.email && /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-destructive", children: errors.email.message })
-        ] }),
-        /* @__PURE__ */ jsxs(Field, { children: [
-          /* @__PURE__ */ jsx(FieldLabel, { children: "Role" }),
-          /* @__PURE__ */ jsxs(
-            Select,
-            {
-              defaultValue: "member",
-              onValueChange: (val) => setValue("role", val),
-              children: [
-                /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a role" }) }),
-                /* @__PURE__ */ jsxs(SelectContent, { children: [
-                  /* @__PURE__ */ jsx(SelectItem, { value: "admin", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx(RoleBadge, { role: "admin" }),
-                    /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: "Full access" })
-                  ] }) }),
-                  /* @__PURE__ */ jsx(SelectItem, { value: "member", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx(RoleBadge, { role: "member" }),
-                    /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: "Can view and edit" })
-                  ] }) }),
-                  /* @__PURE__ */ jsx(SelectItem, { value: "guest", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx(RoleBadge, { role: "guest" }),
-                    /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: "View only" })
-                  ] }) })
-                ] })
-              ]
-            }
-          ),
-          errors.role && /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-destructive", children: errors.role.message })
-        ] }),
-        /* @__PURE__ */ jsxs(DialogFooter, { children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              onClick: () => setOpen(false),
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ jsx(Button, { type: "submit", variant: "accent", disabled: isPending, children: isPending ? /* @__PURE__ */ jsx(Fragment, { children: "Sending..." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(CheckIcon, { size: 16, className: "mr-2" }),
-            " Send Invite"
-          ] }) })
-        ] }),
-        !!submitError && /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-destructive", children: submitError })
-      ] })
-    ] })
-  ] });
-}
-
-export { InviteUserModal };

package/dist/components/page-kits/AccountLockedPageKit.js

@@ -1,4 +1,5 @@
-import { AccountLockedBlock } from '../../chunk-FX23F33E.js';
+export { AccountLockedPageKit } from '../../chunk-DNJEVMDY.js';
+import '../../chunk-FX23F33E.js';
 import '../../chunk-AH6YSYYT.js';
 import '../../chunk-GJUR6HT3.js';
 import '../../chunk-7KIDDF3I.js';
@@ -7,42 +8,4 @@ import '../../chunk-CRY67BIF.js';
 import '../../chunk-HJC6U46F.js';
 import '../../chunk-RYOTIXZO.js';
 import '../../chunk-ASKFAYYR.js';
-import { cn } from '../../chunk-QYZT24TS.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function AccountLockedPageKit({
-  reason = "too_many_attempts",
-  unlockMinutes,
-  onContactSupport,
-  onBackToLogin,
-  title,
-  description,
-  errorMessage,
-  className,
-  cardClassName
-}) {
-  return /* @__PURE__ */ jsx("section", { className: cn("min-h-dvh w-full bg-background px-4 py-12 md:px-8 md:py-20", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex w-full max-w-5xl flex-col items-center justify-center gap-4", children: [
-    errorMessage ? /* @__PURE__ */ jsx(
-      "div",
-      {
-        role: "alert",
-        className: "w-full max-w-sm rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive",
-        children: errorMessage
-      }
-    ) : null,
-    /* @__PURE__ */ jsx(
-      AccountLockedBlock,
-      {
-        className: cn("w-full", cardClassName),
-        reason,
-        unlockMinutes,
-        onContactSupport,
-        onBackToLogin,
-        title,
-        description
-      }
-    )
-  ] }) });
-}
-
-export { AccountLockedPageKit };
+import '../../chunk-QYZT24TS.js';

package/dist/components/page-kits/AgentsChatPageKit.js

@@ -1,25 +1,26 @@
-import { NavigationShellPageKit } from '../../chunk-ZKLB5N3Q.js';
-import { AgentConversationBlock } from '../../chunk-4IGBBIYW.js';
-import { ToolCallCard } from '../../chunk-4WPZ6T7V.js';
+export { AgentsChatPageKit } from '../../chunk-UR43ANYS.js';
+import '../../chunk-ZKLB5N3Q.js';
+import '../../chunk-4IGBBIYW.js';
+import '../../chunk-4WPZ6T7V.js';
 import '../../chunk-MDAYDDTC.js';
-import { Typography } from '../../chunk-N53OMWW2.js';
-import { Textarea } from '../../chunk-4OBE2FS2.js';
+import '../../chunk-N53OMWW2.js';
+import '../../chunk-4OBE2FS2.js';
 import '../../chunk-OSNTB6RY.js';
 import '../../chunk-J2DCQDXO.js';
 import '../../chunk-C4SNHMYC.js';
 import '../../chunk-B5QL76GA.js';
 import '../../chunk-HOWTYZL5.js';
 import '../../chunk-GLU236NN.js';
-import { Heading } from '../../chunk-WI547C47.js';
+import '../../chunk-WI547C47.js';
 import '../../chunk-CUZJIDU7.js';
 import '../../chunk-AP3XXYAY.js';
 import '../../chunk-LIBXYD5Q.js';
 import '../../chunk-RASEB2XI.js';
 import '../../chunk-MJ4CB6ZL.js';
 import '../../chunk-35EX5FP5.js';
-import { Card, CardHeader, CardTitle, CardContent } from '../../chunk-AH6YSYYT.js';
+import '../../chunk-AH6YSYYT.js';
 import '../../chunk-NAAU5IWU.js';
-import { Button } from '../../chunk-7KIDDF3I.js';
+import '../../chunk-7KIDDF3I.js';
 import '../../chunk-6FOHUNXR.js';
 import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
@@ -134,157 +135,8 @@ import '../../chunk-UHXGBV5N.js';
 import '../../chunk-UIUMTURU.js';
 import '../../chunk-PRUXIDBD.js';
 import '../../chunk-NURPUVUV.js';
-import { Badge } from '../../chunk-S4JAHKOP.js';
+import '../../chunk-S4JAHKOP.js';
 import '../../chunk-TV4RSQH4.js';
 import '../../chunk-HJBXUXTD.js';
 import '../../chunk-ASKFAYYR.js';
-import { cn } from '../../chunk-QYZT24TS.js';
-import React from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var EMPTY_MESSAGES = [];
-var EMPTY_TOOL_CALLS = [];
-var EMPTY_ARTIFACTS = [];
-var EMPTY_TRACE_EVENTS = [];
-function stateLabel(state) {
-  switch (state) {
-    case "empty":
-      return "Empty";
-    case "loading":
-      return "Loading";
-    case "thinking":
-      return "Thinking";
-    case "blocked-approval":
-      return "Blocked on approval";
-    case "failed":
-      return "Failed";
-    case "running":
-      return "Running";
-    case "complete":
-      return "Complete";
-    default:
-      return "Running";
-  }
-}
-function placeholderContent(state) {
-  switch (state) {
-    case "empty":
-      return "No messages yet. Start the run from the composer.";
-    case "loading":
-      return "Loading run context...";
-    case "thinking":
-      return "Agent is thinking through the next step.";
-    default:
-      return "Waiting for conversation updates.";
-  }
-}
-function AgentsChatPageKit({
-  shell,
-  state = "running",
-  messages = EMPTY_MESSAGES,
-  toolCalls = EMPTY_TOOL_CALLS,
-  artifacts = EMPTY_ARTIFACTS,
-  traceEvents = EMPTY_TRACE_EVENTS,
-  approval,
-  composer,
-  errorMessage,
-  className
-}) {
-  const [draft, setDraft] = React.useState(composer?.value ?? "");
-  const composerValue = composer?.value ?? draft;
-  const composerPlaceholder = composer?.placeholder ?? "Type a message to the active run...";
-  const composerDisabled = composer?.disabled ?? false;
-  function handleComposerChange(value) {
-    if (composer?.value == null) {
-      setDraft(value);
-    }
-    composer?.onChange?.(value);
-  }
-  function handleComposerSend() {
-    const payload = composerValue.trim();
-    if (!payload || composerDisabled) {
-      return;
-    }
-    composer?.onSend?.(payload);
-    if (composer?.value == null) {
-      setDraft("");
-    }
-  }
-  const conversationMessages = messages.length > 0 ? messages : [{
-    id: "state-placeholder",
-    role: "system",
-    content: placeholderContent(state)
-  }];
-  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: "Agents chat" }),
-      /* @__PURE__ */ jsx(Typography, { variant: "muted", children: "Conversation-driven agent workflow surface with explicit tooling and traceability layers." }),
-      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: /* @__PURE__ */ jsx(Badge, { variant: state === "failed" ? "destructive" : "outline", children: stateLabel(state) }) })
-    ] }),
-    state === "failed" ? /* @__PURE__ */ jsx("div", { role: "alert", className: "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive", children: errorMessage ?? "The run failed. Inspect tooling and traceability details before retrying." }) : null,
-    state === "blocked-approval" && approval ? /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Approval required" }) }),
-      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "small", children: approval.pendingReason }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
-          /* @__PURE__ */ jsx(Button, { type: "button", onClick: approval.onApprove, children: "Approve run" }),
-          /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: approval.onReject, children: "Reject run" })
-        ] })
-      ] })
-    ] }) : null,
-    /* @__PURE__ */ jsxs("div", { className: "grid gap-4 xl:grid-cols-[minmax(0,1.4fr)_minmax(0,1fr)]", children: [
-      /* @__PURE__ */ jsxs(Card, { children: [
-        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Conversation" }) }),
-        /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx(AgentConversationBlock, { messages: conversationMessages }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx("label", { htmlFor: "agents-chat-composer", className: "text-sm font-medium text-text-primary", children: "Message composer" }),
-            /* @__PURE__ */ jsx(
-              Textarea,
-              {
-                id: "agents-chat-composer",
-                value: composerValue,
-                disabled: composerDisabled,
-                placeholder: composerPlaceholder,
-                onChange: (event) => handleComposerChange(event.target.value)
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(Button, { type: "button", onClick: handleComposerSend, disabled: composerDisabled || composerValue.trim().length === 0, children: "Send message" }) })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs(Card, { children: [
-          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Tooling" }) }),
-          /* @__PURE__ */ jsx(CardContent, { className: "space-y-3", children: toolCalls.length === 0 ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "No tool calls yet." }) : toolCalls.map((toolCall) => /* @__PURE__ */ jsx(
-            ToolCallCard,
-            {
-              toolName: toolCall.toolName,
-              status: toolCall.status,
-              result: toolCall.result,
-              duration: toolCall.durationMs
-            },
-            toolCall.id
-          )) })
-        ] }),
-        /* @__PURE__ */ jsxs(Card, { children: [
-          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Traceability" }) }),
-          /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3", children: [
-            artifacts.length === 0 && traceEvents.length === 0 ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "No artifacts or trace events recorded yet." }) : null,
-            artifacts.map((artifact) => /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border/70 p-3", children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "small", className: "font-medium text-text-primary", children: artifact.title }),
-              /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-tertiary uppercase tracking-wide", children: artifact.kind }),
-              /* @__PURE__ */ jsx(Typography, { variant: "small", className: "mt-1 text-text-secondary", children: artifact.summary })
-            ] }, artifact.id)),
-            traceEvents.map((event) => /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border/70 p-3", children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "small", className: "font-medium text-text-primary", children: event.label }),
-              /* @__PURE__ */ jsx(Typography, { variant: "small", className: "mt-1 text-text-secondary", children: event.detail })
-            ] }, event.id))
-          ] })
-        ] })
-      ] })
-    ] })
-  ] }) });
-}
-
-export { AgentsChatPageKit };
+import '../../chunk-QYZT24TS.js';