@mieweb/ui 0.6.1 → 0.7.0-dev.178

package/dist/chunk-NQME7MCK.js

@@ -0,0 +1,1416 @@
+import { AudioPlayer } from './chunk-KAKH2UZA.js';
+import { cn } from './chunk-F3SOEIN2.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+
+var sizeClasses = {
+  sm: "h-4 w-4",
+  md: "h-5 w-5",
+  lg: "h-7 w-7"
+};
+function SparklesIcon({ className, size = "md" }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: cn(sizeClasses[size], className),
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M20 3v4",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M22 5h-4",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function AILogoIcon({ className, size = "md" }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: cn(sizeClasses[size], className),
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 2L2 7L12 12L22 7L12 2Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            fill: "currentColor",
+            fillOpacity: "0.2"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M2 17L12 22L22 17",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M2 12L12 17L22 12",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function CloseIcon({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: cn("h-5 w-5", className),
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M6 18L18 6M6 6l12 12"
+        }
+      )
+    }
+  );
+}
+function RefreshIcon({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: cn("h-5 w-5", className),
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99"
+        }
+      )
+    }
+  );
+}
+var chevronRotation = {
+  up: "-rotate-180",
+  down: "",
+  left: "rotate-90",
+  right: "-rotate-90"
+};
+function ChevronIcon({
+  className,
+  direction = "down"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: cn("h-4 w-4", chevronRotation[direction], className),
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" })
+    }
+  );
+}
+function SendIcon({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: cn("h-5 w-5", className),
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M12 19l9 2-9-18-9 18 9-2zm0 0v-8"
+        }
+      )
+    }
+  );
+}
+function SpinnerIcon({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: cn("h-5 w-5 animate-spin", className),
+      fill: "none",
+      viewBox: "0 0 24 24",
+      children: [
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            className: "opacity-25",
+            cx: "12",
+            cy: "12",
+            r: "10",
+            stroke: "currentColor",
+            strokeWidth: "4"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            className: "opacity-75",
+            fill: "currentColor",
+            d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+          }
+        )
+      ]
+    }
+  );
+}
+var statusIconVariants = cva(
+  "flex h-5 w-5 items-center justify-center rounded-full",
+  {
+    variants: {
+      status: {
+        pending: "bg-neutral-200 dark:bg-neutral-700",
+        running: "bg-primary-100 dark:bg-primary-900/50",
+        success: "bg-green-100 dark:bg-green-900/50",
+        error: "bg-red-100 dark:bg-red-900/50",
+        cancelled: "bg-neutral-200 dark:bg-neutral-700"
+      }
+    },
+    defaultVariants: {
+      status: "pending"
+    }
+  }
+);
+function ToolStatusIcon({ status, className }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-slot": "ai-tool-status-icon",
+      className: cn(statusIconVariants({ status }), className),
+      children: [
+        status === "pending" && /* @__PURE__ */ jsx(
+          "svg",
+          {
+            "aria-hidden": "true",
+            className: "h-3 w-3 text-neutral-500",
+            fill: "currentColor",
+            viewBox: "0 0 20 20",
+            children: /* @__PURE__ */ jsx("circle", { cx: "10", cy: "10", r: "3" })
+          }
+        ),
+        status === "running" && /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            "aria-hidden": "true",
+            className: "text-primary-800 dark:text-primary-400 h-3 w-3 animate-spin",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            children: [
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  className: "opacity-25",
+                  cx: "12",
+                  cy: "12",
+                  r: "10",
+                  stroke: "currentColor",
+                  strokeWidth: "4"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  className: "opacity-75",
+                  fill: "currentColor",
+                  d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+                }
+              )
+            ]
+          }
+        ),
+        status === "success" && /* @__PURE__ */ jsx(
+          "svg",
+          {
+            "aria-hidden": "true",
+            className: "h-3 w-3 text-green-600 dark:text-green-400",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            strokeWidth: "3",
+            children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                d: "M5 13l4 4L19 7"
+              }
+            )
+          }
+        ),
+        status === "error" && /* @__PURE__ */ jsx(
+          "svg",
+          {
+            "aria-hidden": "true",
+            className: "h-3 w-3 text-red-600 dark:text-red-400",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            strokeWidth: "3",
+            children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                d: "M6 18L18 6M6 6l12 12"
+              }
+            )
+          }
+        ),
+        status === "cancelled" && /* @__PURE__ */ jsx(
+          "svg",
+          {
+            "aria-hidden": "true",
+            className: "h-3 w-3 text-neutral-500",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            strokeWidth: "3",
+            children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 12H6" })
+          }
+        )
+      ]
+    }
+  );
+}
+var TOOL_ICONS = {
+  // Patient tools
+  create_patient: /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: "h-4 w-4",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zM3 19.235v-.11a6.375 6.375 0 0112.75 0v.109A12.318 12.318 0 019.374 21c-2.331 0-4.512-.645-6.374-1.766z"
+        }
+      )
+    }
+  ),
+  get_patient: /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: "h-4 w-4",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"
+        }
+      )
+    }
+  ),
+  search_patients: /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: "h-4 w-4",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
+        }
+      )
+    }
+  ),
+  // Appointment tools
+  schedule_appointment: /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: "h-4 w-4",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z"
+        }
+      )
+    }
+  ),
+  // Document tools
+  create_document: /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: "h-4 w-4",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m3.75 9v6m3-3H9m1.5-12H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"
+        }
+      )
+    }
+  ),
+  // Provider tools
+  search_providers: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: "h-4 w-4",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M15 10.5a3 3 0 11-6 0 3 3 0 016 0z"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z"
+          }
+        )
+      ]
+    }
+  ),
+  // Default tool icon
+  default: /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: "h-4 w-4",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M11.42 15.17L17.25 21A2.652 2.652 0 0021 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 11-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14a4.5 4.5 0 004.486-6.336l-3.276 3.277a3.004 3.004 0 01-2.25-2.25l3.276-3.276a4.5 4.5 0 00-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437l1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008v-.008z"
+        }
+      )
+    }
+  )
+};
+function getToolIcon(toolName) {
+  return TOOL_ICONS[toolName] || TOOL_ICONS.default;
+}
+function ResourceLink({ link, onClick, className }) {
+  const handleClick = (e) => {
+    if (onClick) {
+      e.preventDefault();
+      onClick(link);
+    }
+  };
+  const linkTypeIcons = {
+    patient: /* @__PURE__ */ jsx(
+      "svg",
+      {
+        "aria-hidden": "true",
+        className: "h-4 w-4",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"
+          }
+        )
+      }
+    ),
+    document: /* @__PURE__ */ jsx(
+      "svg",
+      {
+        "aria-hidden": "true",
+        className: "h-4 w-4",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"
+          }
+        )
+      }
+    ),
+    appointment: /* @__PURE__ */ jsx(
+      "svg",
+      {
+        "aria-hidden": "true",
+        className: "h-4 w-4",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5"
+          }
+        )
+      }
+    ),
+    order: /* @__PURE__ */ jsx(
+      "svg",
+      {
+        "aria-hidden": "true",
+        className: "h-4 w-4",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25z"
+          }
+        )
+      }
+    ),
+    provider: /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        "aria-hidden": "true",
+        className: "h-4 w-4",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              d: "M15 10.5a3 3 0 11-6 0 3 3 0 016 0z"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              d: "M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z"
+            }
+          )
+        ]
+      }
+    ),
+    external: /* @__PURE__ */ jsx(
+      "svg",
+      {
+        "aria-hidden": "true",
+        className: "h-4 w-4",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"
+          }
+        )
+      }
+    ),
+    internal: /* @__PURE__ */ jsx(
+      "svg",
+      {
+        "aria-hidden": "true",
+        className: "h-4 w-4",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"
+          }
+        )
+      }
+    )
+  };
+  const icon = link.type ? linkTypeIcons[link.type] : linkTypeIcons.internal;
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: link.href,
+      onClick: handleClick,
+      className: cn(
+        "inline-flex items-center gap-1.5 rounded-md px-2.5 py-1.5",
+        "bg-primary-50 text-primary-900 hover:bg-primary-100",
+        "dark:bg-primary-900/30 dark:text-primary-300 dark:hover:bg-primary-900/50",
+        "text-sm font-medium transition-colors",
+        "focus:ring-primary-500 focus:ring-2 focus:ring-offset-2 focus:outline-none",
+        "dark:focus:ring-offset-neutral-900",
+        className
+      ),
+      children: [
+        icon,
+        /* @__PURE__ */ jsx("span", { children: link.label }),
+        link.type === "external" && /* @__PURE__ */ jsx(
+          "svg",
+          {
+            "aria-hidden": "true",
+            className: "h-3 w-3 opacity-60",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                d: "M4.5 19.5l15-15m0 0H8.25m11.25 0v11.25"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function ToolResultDisplay({
+  result,
+  onLinkClick,
+  showRawData = false,
+  className
+}) {
+  const [showJson, setShowJson] = React.useState(false);
+  if (result.type === "error") {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "mt-2 rounded-md bg-red-50 p-3 dark:bg-red-900/20",
+          className
+        ),
+        children: /* @__PURE__ */ jsx("p", { className: "text-sm text-red-700 dark:text-red-300", children: typeof result.data === "string" ? String(result.data) : "An error occurred" })
+      }
+    );
+  }
+  const hasRawData = result.type === "json" && result.data !== void 0 && result.data !== null;
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), children: [
+    result.summary && /* @__PURE__ */ jsx("p", { className: "text-sm text-neutral-700 dark:text-neutral-300", children: result.summary }),
+    result.link && /* @__PURE__ */ jsx(ResourceLink, { link: result.link, onClick: onLinkClick }),
+    result.resources && result.resources.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: result.resources.map((resource) => /* @__PURE__ */ jsx(
+      ResourceLink,
+      {
+        link: {
+          href: resource.uri || "#",
+          label: resource.name,
+          type: resource.type
+        },
+        onClick: onLinkClick
+      },
+      resource.id
+    )) }),
+    hasRawData && showRawData && /* @__PURE__ */ jsxs("div", { className: "mt-2", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => setShowJson(!showJson),
+          className: "flex items-center gap-1 text-xs text-neutral-600 hover:text-neutral-700 dark:text-neutral-400 dark:hover:text-neutral-300",
+          children: [
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                "aria-hidden": "true",
+                className: cn(
+                  "h-3 w-3 transition-transform",
+                  showJson && "rotate-90"
+                ),
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    d: "M9 5l7 7-7 7"
+                  }
+                )
+              }
+            ),
+            showJson ? "Hide" : "Show",
+            " raw data"
+          ]
+        }
+      ),
+      showJson && /* @__PURE__ */ jsx("pre", { className: "mt-2 max-h-40 overflow-auto rounded-md bg-neutral-100 p-2 text-xs dark:bg-neutral-800", children: JSON.stringify(result.data, null, 2) })
+    ] })
+  ] });
+}
+var toolCallVariants = cva(
+  ["rounded-lg border", "overflow-hidden", "transition-all duration-200"],
+  {
+    variants: {
+      status: {
+        pending: "border-neutral-200 bg-neutral-50 dark:border-neutral-700 dark:bg-neutral-800/50",
+        running: "border-primary-200 bg-primary-50/50 dark:border-primary-800 dark:bg-primary-900/20",
+        success: "border-green-200 bg-green-50/50 dark:border-green-800 dark:bg-green-900/20",
+        error: "border-red-200 bg-red-50/50 dark:border-red-800 dark:bg-red-900/20",
+        cancelled: "border-neutral-200 bg-neutral-50 dark:border-neutral-700 dark:bg-neutral-800/50 opacity-60"
+      },
+      compact: {
+        true: "p-2",
+        false: "p-3"
+      }
+    },
+    defaultVariants: {
+      status: "pending",
+      compact: false
+    }
+  }
+);
+var TOOL_FRIENDLY_NAMES = {
+  create_patient: "Creating patient",
+  get_patient: "Looking up patient",
+  search_patients: "Searching patients",
+  update_patient: "Updating patient",
+  delete_patient: "Removing patient",
+  schedule_appointment: "Scheduling appointment",
+  cancel_appointment: "Canceling appointment",
+  update_appointment: "Updating appointment",
+  create_document: "Creating document",
+  upload_document: "Uploading document",
+  get_document: "Retrieving document",
+  search_documents: "Searching documents",
+  create_order: "Creating order",
+  send_message: "Sending message",
+  search: "Searching",
+  search_providers: "Searching for providers"
+};
+function getToolFriendlyName(toolName, status) {
+  const baseName = TOOL_FRIENDLY_NAMES[toolName] || toolName.replace(/_/g, " ");
+  if (status === "success") {
+    if (baseName.startsWith("Creating"))
+      return baseName.replace("Creating", "Created");
+    if (baseName.startsWith("Scheduling"))
+      return baseName.replace("Scheduling", "Scheduled");
+    if (baseName.startsWith("Searching for"))
+      return baseName.replace("Searching for", "Found");
+    if (baseName.startsWith("Searching"))
+      return baseName.replace("Searching", "Found");
+    if (baseName.startsWith("Looking"))
+      return baseName.replace("Looking", "Found");
+    if (baseName.startsWith("Updating"))
+      return baseName.replace("Updating", "Updated");
+    if (baseName.startsWith("Removing"))
+      return baseName.replace("Removing", "Removed");
+    if (baseName.startsWith("Canceling"))
+      return baseName.replace("Canceling", "Canceled");
+    if (baseName.startsWith("Retrieving"))
+      return baseName.replace("Retrieving", "Retrieved");
+    if (baseName.startsWith("Uploading"))
+      return baseName.replace("Uploading", "Uploaded");
+    if (baseName.startsWith("Sending"))
+      return baseName.replace("Sending", "Sent");
+  }
+  return baseName;
+}
+function getParameterSummary(toolName, params) {
+  const paramMap = Object.fromEntries(params.map((p) => [p.name, p.value]));
+  if (toolName === "create_patient" && paramMap.firstName && paramMap.lastName) {
+    return `${paramMap.firstName} ${paramMap.lastName}`;
+  }
+  if (toolName.includes("search") && paramMap.query) {
+    return `"${paramMap.query}"`;
+  }
+  if (toolName.includes("appointment") && paramMap.patientName) {
+    const date = paramMap.preferredDate || paramMap.date;
+    return date ? `${paramMap.patientName} on ${date}` : String(paramMap.patientName);
+  }
+  if (toolName === "search_providers" && paramMap.zipcode) {
+    const service = paramMap.service;
+    return service ? `${service} near ${paramMap.zipcode}` : `near ${paramMap.zipcode}`;
+  }
+  return null;
+}
+function MCPToolCallDisplay({
+  toolCall,
+  showParameters = true,
+  collapsible = true,
+  defaultCollapsed = true,
+  compact,
+  onLinkClick,
+  className
+}) {
+  const [showDetails, setShowDetails] = React.useState(!defaultCollapsed);
+  const formatDuration = (ms) => {
+    if (!ms) return null;
+    if (ms < 1e3) return `${ms}ms`;
+    return `${(ms / 1e3).toFixed(1)}s`;
+  };
+  const friendlyName = getToolFriendlyName(toolCall.toolName, toolCall.status);
+  const paramSummary = getParameterSummary(
+    toolCall.toolName,
+    toolCall.parameters
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "ai-tool-call",
+      className: cn(
+        toolCallVariants({ status: toolCall.status, compact }),
+        className
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "ai-tool-icon",
+            className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md bg-white/50 text-neutral-600 dark:bg-neutral-700/50 dark:text-neutral-400",
+            children: getToolIcon(toolCall.toolName)
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { "data-slot": "ai-tool-content", className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-neutral-900 dark:text-white", children: friendlyName }),
+            /* @__PURE__ */ jsx(ToolStatusIcon, { status: toolCall.status }),
+            toolCall.duration && /* @__PURE__ */ jsx("span", { className: "text-xs text-neutral-600 dark:text-neutral-400", children: formatDuration(toolCall.duration) })
+          ] }),
+          paramSummary && toolCall.status !== "success" && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-0.5 text-sm", children: paramSummary }),
+          toolCall.result && /* @__PURE__ */ jsx("div", { "data-slot": "ai-tool-result", className: "mt-2", children: /* @__PURE__ */ jsx(
+            ToolResultDisplay,
+            {
+              result: toolCall.result,
+              onLinkClick,
+              showRawData: showDetails
+            }
+          ) }),
+          toolCall.error && /* @__PURE__ */ jsx("div", { className: "mt-2 rounded-md bg-red-100 p-2 dark:bg-red-900/30", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-red-700 dark:text-red-300", children: toolCall.error }) }),
+          collapsible && showParameters && toolCall.parameters.length > 0 && /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => setShowDetails(!showDetails),
+              className: "mt-2 flex items-center gap-1 text-xs text-neutral-600 hover:text-neutral-700 dark:text-neutral-400 dark:hover:text-neutral-300",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    "aria-hidden": "true",
+                    className: cn(
+                      "h-3 w-3 transition-transform",
+                      showDetails && "rotate-90"
+                    ),
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        d: "M9 5l7 7-7 7"
+                      }
+                    )
+                  }
+                ),
+                showDetails ? "Hide" : "Show",
+                " details"
+              ]
+            }
+          ),
+          showDetails && showParameters && toolCall.parameters.length > 0 && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "data-slot": "ai-tool-parameters",
+              className: "mt-3 rounded-md bg-neutral-100 p-2 dark:bg-neutral-800",
+              children: [
+                /* @__PURE__ */ jsx("h4", { className: "mb-1.5 text-xs font-medium tracking-wide text-neutral-600 uppercase dark:text-neutral-400", children: "Parameters" }),
+                /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: toolCall.parameters.map((param) => /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: "flex items-start gap-2 text-xs",
+                    children: [
+                      /* @__PURE__ */ jsxs("span", { className: "font-mono text-neutral-600 dark:text-neutral-400", children: [
+                        param.name,
+                        ":"
+                      ] }),
+                      /* @__PURE__ */ jsx("span", { className: "font-mono text-neutral-700 dark:text-neutral-300", children: typeof param.value === "string" ? param.value : JSON.stringify(param.value) })
+                    ]
+                  },
+                  param.name
+                )) })
+              ]
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+var avatarVariants = cva(
+  "flex shrink-0 items-center justify-center rounded-full",
+  {
+    variants: {
+      role: {
+        user: "bg-primary-100 text-primary-900 dark:bg-primary-900/50 dark:text-primary-300",
+        assistant: "bg-primary-800 text-white dark:bg-primary-800",
+        system: "bg-neutral-200 text-neutral-600 dark:bg-neutral-700 dark:text-neutral-400",
+        tool: "bg-amber-100 text-amber-700 dark:bg-amber-900/50 dark:text-amber-300"
+      },
+      size: {
+        sm: "h-6 w-6 text-xs",
+        md: "h-8 w-8 text-sm",
+        lg: "h-10 w-10 text-base"
+      }
+    },
+    defaultVariants: {
+      role: "user",
+      size: "md"
+    }
+  }
+);
+function MessageAvatar({
+  role,
+  size,
+  userName,
+  className
+}) {
+  const getInitials = (name) => {
+    if (!name) return "?";
+    return name.split(" ").map((n) => n[0]).join("").substring(0, 2).toUpperCase();
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "ai-message-avatar",
+      className: cn(avatarVariants({ role, size }), className),
+      children: role === "assistant" ? /* @__PURE__ */ jsx(SparklesIcon, { size: "md" }) : role === "user" ? /* @__PURE__ */ jsx("span", { className: "font-medium", children: getInitials(userName) }) : role === "system" ? /* @__PURE__ */ jsx(
+        "svg",
+        {
+          "aria-hidden": "true",
+          className: "h-4 w-4",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              d: "M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"
+            }
+          )
+        }
+      ) : /* @__PURE__ */ jsx(
+        "svg",
+        {
+          "aria-hidden": "true",
+          className: "h-4 w-4",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              d: "M11.42 15.17L17.25 21A2.652 2.652 0 0021 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 11-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14a4.5 4.5 0 004.486-6.336l-3.276 3.277a3.004 3.004 0 01-2.25-2.25l3.276-3.276a4.5 4.5 0 00-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437l1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008v-.008z"
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function AITypingIndicator({ className }) {
+  const dotStyle = {
+    width: "6px",
+    height: "6px",
+    minWidth: "6px",
+    minHeight: "6px",
+    flexShrink: 0
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "ai-typing-indicator",
+      className: cn("inline-flex items-center justify-center gap-2", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "rounded-full bg-neutral-500 dark:bg-neutral-400",
+            style: {
+              ...dotStyle,
+              animation: "typing-dot 1.4s infinite ease-in-out both",
+              animationDelay: "-0.32s"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "rounded-full bg-neutral-500 dark:bg-neutral-400",
+            style: {
+              ...dotStyle,
+              animation: "typing-dot 1.4s infinite ease-in-out both",
+              animationDelay: "-0.16s"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "rounded-full bg-neutral-500 dark:bg-neutral-400",
+            style: {
+              ...dotStyle,
+              animation: "typing-dot 1.4s infinite ease-in-out both"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx("style", { children: `
+        @keyframes typing-dot {
+          0%, 80%, 100% { opacity: 0.4; }
+          40% { opacity: 1; }
+        }
+      ` })
+      ]
+    }
+  );
+}
+function ContentBlock({
+  content,
+  onLinkClick,
+  messageId,
+  streaming,
+  role,
+  renderTextContent
+}) {
+  const [isCollapsed, setIsCollapsed] = React.useState(
+    content.collapsed ?? false
+  );
+  if (content.type === "text" && content.text) {
+    if (renderTextContent) {
+      return /* @__PURE__ */ jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none", children: renderTextContent(content.text, { messageId, streaming, role }) });
+    }
+    return /* @__PURE__ */ jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none", children: /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap", children: content.text }) });
+  }
+  if (content.type === "tool_use" && content.toolCall) {
+    return /* @__PURE__ */ jsx(
+      MCPToolCallDisplay,
+      {
+        toolCall: content.toolCall,
+        onLinkClick,
+        defaultCollapsed: content.collapsed
+      }
+    );
+  }
+  if (content.type === "thinking" && content.text) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "ai-message-thinking",
+        className: "rounded-lg border border-neutral-200 bg-neutral-50 dark:border-neutral-700 dark:bg-neutral-800/50",
+        children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => setIsCollapsed(!isCollapsed),
+              className: "flex w-full items-center justify-between px-3 py-2 text-left",
+              children: [
+                /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground flex items-center gap-2 text-sm", children: [
+                  /* @__PURE__ */ jsx(
+                    "svg",
+                    {
+                      "aria-hidden": "true",
+                      className: "h-4 w-4",
+                      fill: "none",
+                      viewBox: "0 0 24 24",
+                      stroke: "currentColor",
+                      strokeWidth: "1.5",
+                      children: /* @__PURE__ */ jsx(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          d: "M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z"
+                        }
+                      )
+                    }
+                  ),
+                  "Thinking..."
+                ] }),
+                /* @__PURE__ */ jsx(
+                  ChevronIcon,
+                  {
+                    direction: isCollapsed ? "right" : "down",
+                    className: "text-neutral-400"
+                  }
+                )
+              ]
+            }
+          ),
+          !isCollapsed && /* @__PURE__ */ jsx("div", { className: "border-t border-neutral-200 px-3 py-2 dark:border-neutral-700", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-neutral-600 italic dark:text-neutral-400", children: content.text }) })
+        ]
+      }
+    );
+  }
+  if (content.type === "code" && content.text) {
+    return /* @__PURE__ */ jsx(
+      "pre",
+      {
+        "data-slot": "ai-message-code",
+        className: "rounded-lg bg-neutral-900 p-3 text-sm dark:bg-neutral-950",
+        children: /* @__PURE__ */ jsx(
+          "code",
+          {
+            className: content.language ? `language-${content.language}` : "",
+            children: content.text
+          }
+        )
+      }
+    );
+  }
+  if (content.type === "audio" && content.audioUrl) {
+    if (/^\s*javascript:/i.test(content.audioUrl)) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(
+      AudioPlayer,
+      {
+        src: content.audioUrl,
+        title: content.text || "Audio recording",
+        variant: "waveform",
+        showTime: true,
+        showPlaybackRate: true,
+        fallbackDuration: content.duration
+      }
+    );
+  }
+  if (content.type === "video" && content.videoUrl) {
+    if (/^\s*javascript:/i.test(content.videoUrl)) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(
+      "video",
+      {
+        src: content.videoUrl,
+        controls: true,
+        preload: "metadata",
+        "aria-label": content.text || "Video recording",
+        className: "my-1 max-h-80 w-full rounded-lg bg-black",
+        children: /* @__PURE__ */ jsx("track", { kind: "captions" })
+      }
+    );
+  }
+  if (content.type === "image" && content.imageUrl) {
+    const safeHref = /^\s*javascript:/i.test(content.imageUrl) ? void 0 : content.imageUrl;
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: safeHref,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "block w-fit transition-transform hover:scale-[1.02]",
+        "aria-label": `View ${content.name || "Uploaded image"}`,
+        children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: content.imageUrl,
+            alt: content.name || "Uploaded image",
+            loading: "lazy",
+            className: "my-1 max-h-64 w-auto rounded-lg object-cover"
+          }
+        )
+      }
+    );
+  }
+  if (content.type === "file") {
+    const sizeLabel = typeof content.fileSize === "number" ? formatFileSize(content.fileSize) : void 0;
+    const card = /* @__PURE__ */ jsxs("div", { className: "my-1 flex items-center gap-3 rounded-lg bg-neutral-100 p-3 transition-colors dark:bg-neutral-800", children: [
+      /* @__PURE__ */ jsx("div", { className: "rounded-lg bg-neutral-200 p-2 dark:bg-neutral-700", children: /* @__PURE__ */ jsx(
+        "svg",
+        {
+          "aria-hidden": "true",
+          className: "h-6 w-6",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          stroke: "currentColor",
+          strokeWidth: 2,
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+            }
+          )
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium", children: content.name || "Document" }),
+        sizeLabel && /* @__PURE__ */ jsx("p", { className: "text-xs opacity-70", children: sizeLabel })
+      ] })
+    ] });
+    if (content.fileUrl) {
+      const safeFileHref = /^\s*javascript:/i.test(content.fileUrl) ? void 0 : content.fileUrl;
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: safeFileHref,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "block w-fit no-underline",
+          children: card
+        }
+      );
+    }
+    return card;
+  }
+  return null;
+}
+function formatFileSize(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+var messageVariants = cva("flex gap-3", {
+  variants: {
+    role: {
+      user: "flex-row-reverse",
+      assistant: "flex-row",
+      system: "flex-row justify-center",
+      tool: "flex-row"
+    }
+  },
+  defaultVariants: {
+    role: "assistant"
+  }
+});
+var bubbleVariants = cva("rounded-2xl px-4 py-2.5 w-fit max-w-[85%]", {
+  variants: {
+    variant: {
+      user: "bg-primary-800 text-white dark:bg-primary-800",
+      assistant: "bg-neutral-100 text-neutral-900 dark:bg-neutral-800 dark:text-white",
+      system: "bg-neutral-100 text-neutral-600 dark:bg-neutral-800 dark:text-neutral-400 text-center text-sm max-w-[95%]",
+      tool: "bg-transparent p-0 max-w-full w-full"
+    }
+  },
+  defaultVariants: {
+    variant: "assistant"
+  }
+});
+var ChatBubble = React.forwardRef(
+  ({ className, variant, hasError, accent, style, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "chat-bubble",
+        className: cn(
+          bubbleVariants({ variant }),
+          hasError && "border border-red-300 dark:border-red-700",
+          className
+        ),
+        style: accent ? { borderLeft: `3px solid ${accent}`, ...style } : style,
+        ...props,
+        children
+      }
+    );
+  }
+);
+ChatBubble.displayName = "ChatBubble";
+function AIMessageDisplay({
+  message,
+  userName,
+  showAvatar = true,
+  showTimestamp = false,
+  onLinkClick,
+  renderTextContent,
+  className
+}) {
+  const isStreaming = message.status === "streaming";
+  const hasContent = message.content.length > 0;
+  const formatTime = (timestamp) => {
+    const date = new Date(timestamp);
+    return date.toLocaleTimeString(void 0, {
+      hour: "numeric",
+      minute: "2-digit"
+    });
+  };
+  if (message.role === "tool") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "ai-message",
+        className: cn(messageVariants({ role: message.role }), className),
+        children: [
+          showAvatar && /* @__PURE__ */ jsx(MessageAvatar, { role: message.role }),
+          /* @__PURE__ */ jsx("div", { className: "flex-1 space-y-2", children: message.content.map((content, index) => /* @__PURE__ */ jsx(
+            ContentBlock,
+            {
+              content,
+              onLinkClick,
+              messageId: message.id,
+              streaming: isStreaming,
+              role: message.role,
+              renderTextContent
+            },
+            index
+          )) })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "ai-message",
+      className: cn(messageVariants({ role: message.role }), className),
+      children: [
+        showAvatar && message.role !== "system" && /* @__PURE__ */ jsx(MessageAvatar, { role: message.role, userName }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex min-w-0 flex-1 flex-col gap-1",
+              message.role === "user" && "items-end"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                ChatBubble,
+                {
+                  "data-slot": "ai-message-bubble",
+                  variant: message.role,
+                  hasError: message.status === "error",
+                  children: hasContent ? /* @__PURE__ */ jsx("div", { className: "space-y-3", children: message.content.map((content, index) => /* @__PURE__ */ jsx(
+                    ContentBlock,
+                    {
+                      content,
+                      onLinkClick,
+                      messageId: message.id,
+                      streaming: isStreaming,
+                      role: message.role,
+                      renderTextContent
+                    },
+                    index
+                  )) }) : isStreaming ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(AITypingIndicator, {}) }) : null
+                }
+              ),
+              showTimestamp && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "data-slot": "ai-message-timestamp",
+                  className: "px-2 text-xs text-neutral-500",
+                  children: formatTime(message.timestamp)
+                }
+              ),
+              message.status === "error" && /* @__PURE__ */ jsx("span", { className: "px-2 text-xs text-red-500", children: message.role === "user" ? "Failed to send" : "An error occurred" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { AILogoIcon, AIMessageDisplay, AITypingIndicator, ChatBubble, ChevronIcon, CloseIcon, MCPToolCallDisplay, MessageAvatar, RefreshIcon, ResourceLink, SendIcon, SparklesIcon, SpinnerIcon, ToolStatusIcon, getToolIcon };
+//# sourceMappingURL=chunk-NQME7MCK.js.map
+//# sourceMappingURL=chunk-NQME7MCK.js.map