@mastra/playground-ui 55.0.0 → 56.0.0-alpha.5

package/dist/toast-BfIhbri4.js

@@ -0,0 +1,52 @@
+import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import { toast as toast$1, Toaster as Toaster$1 } from 'sonner';
+import { c as cn } from './cn-Dxjsbr9n.js';
+
+import './toast.css';const Toaster = ({ className, toastOptions, ...rest }) => /* @__PURE__ */ jsx(
+  Toaster$1,
+  {
+    ...rest,
+    closeButton: true,
+    richColors: true,
+    className: cn("mastra-toaster", className),
+    toastOptions: { duration: 5e3, ...toastOptions }
+  }
+);
+const forEachOrOnce = (message, emit) => Array.isArray(message) ? message.map(emit) : emit(message);
+const toast = (message, options = {}) => {
+  if (Array.isArray(message)) return message.map((m) => toast$1(m, options));
+  if (React__default.isValidElement(message) || typeof message === "string") return toast$1(message, options);
+  throw new Error("Invalid message type");
+};
+toast.success = (message, options = {}) => forEachOrOnce(message, (m) => toast$1.success(m, options));
+toast.error = (message, options = {}) => forEachOrOnce(message, (m) => toast$1.error(m, options));
+toast.warning = (message, options = {}) => forEachOrOnce(message, (m) => toast$1.warning(m, options));
+toast.info = (message, options = {}) => forEachOrOnce(message, (m) => toast$1.info(m, options));
+toast.custom = (message, options = {}) => toast$1(message, options);
+toast.dismiss = (toastId) => toast$1.dismiss(toastId);
+toast.promise = ({
+  myPromise,
+  loadingMessage,
+  successMessage,
+  errorMessage,
+  onSuccess,
+  onError,
+  options = {}
+}) => toast$1.promise(myPromise, {
+  loading: loadingMessage ?? "Loading...",
+  success: (data) => {
+    onSuccess?.(data);
+    return successMessage;
+  },
+  error: (err) => {
+    onError?.(err);
+    if (errorMessage) return errorMessage;
+    if (err instanceof Error) return err.message;
+    return "Error...";
+  },
+  ...options
+});
+
+export { Toaster as T, toast as t };
+//# sourceMappingURL=toast-BfIhbri4.js.map

package/dist/toast-BfIhbri4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-BfIhbri4.js","sources":["../src/lib/toast.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React from 'react';\nimport type { ExternalToast, ToasterProps } from 'sonner';\nimport { toast as sonnerToast, Toaster as SonnerToaster } from 'sonner';\n\nimport { cn } from '@/lib/utils';\n\nimport './toast.css';\n\n// All theming lives in `.mastra-toaster` (see toast.css) — sonner reads --success-bg / --error-bg / etc.\n// from richColors mode. `rest` is spread first so callers can't override the closeButton / richColors\n// contract (sonner's per-type tinted colors only kick in with richColors, and the close button is the\n// only built-in dismiss affordance we expose).\nexport const Toaster = ({ className, toastOptions, ...rest }: ToasterProps) => (\n  <SonnerToaster\n    {...rest}\n    closeButton\n    richColors\n    className={cn('mastra-toaster', className)}\n    toastOptions={{ duration: 5000, ...toastOptions }}\n  />\n);\n\n// Forward sonner's return value so callers can update/dismiss by id later.\nconst forEachOrOnce = <M, R>(message: M | M[], emit: (m: M) => R): R | R[] =>\n  Array.isArray(message) ? message.map(emit) : emit(message);\n\nexport const toast = (message: string | string[] | ReactNode, options: ExternalToast = {}) => {\n  if (Array.isArray(message)) return message.map(m => sonnerToast(m, options));\n  if (React.isValidElement(message) || typeof message === 'string') return sonnerToast(message, options);\n  throw new Error('Invalid message type');\n};\n\ntoast.success = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.success(m, options));\ntoast.error = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.error(m, options));\ntoast.warning = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.warning(m, options));\ntoast.info = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.info(m, options));\n\ntoast.custom = (message: ReactNode, options: ExternalToast = {}) => sonnerToast(message, options);\n\ntoast.dismiss = (toastId?: string | number) => sonnerToast.dismiss(toastId);\n\ntoast.promise = <T,>({\n  myPromise,\n  loadingMessage,\n  successMessage,\n  errorMessage,\n  onSuccess,\n  onError,\n  options = {},\n}: {\n  myPromise: Promise<T>;\n  successMessage: string;\n  loadingMessage?: string;\n  errorMessage?: string;\n  onSuccess?: (data: T) => void;\n  onError?: (err: unknown) => void;\n  options?: ExternalToast;\n}) =>\n  sonnerToast.promise(myPromise, {\n    loading: loadingMessage ?? 'Loading...',\n    success: (data: T) => {\n      onSuccess?.(data);\n      return successMessage;\n    },\n    error: (err: unknown) => {\n      onError?.(err);\n      if (errorMessage) return errorMessage;\n      if (err instanceof Error) return err.message;\n      return 'Error...';\n    },\n    ...options,\n  });\n"],"names":["SonnerToaster","sonnerToast","React"],"mappings":"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"}

package/dist/toast-DF-uDV6R.cjs

@@ -0,0 +1,55 @@
+'use strict';
+
+require('./toast.css');const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const sonner = require('sonner');
+const utils_cn = require('./cn-DPfV6E6L.cjs');
+
+const Toaster = ({ className, toastOptions, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
+  sonner.Toaster,
+  {
+    ...rest,
+    closeButton: true,
+    richColors: true,
+    className: utils_cn.cn("mastra-toaster", className),
+    toastOptions: { duration: 5e3, ...toastOptions }
+  }
+);
+const forEachOrOnce = (message, emit) => Array.isArray(message) ? message.map(emit) : emit(message);
+const toast = (message, options = {}) => {
+  if (Array.isArray(message)) return message.map((m) => sonner.toast(m, options));
+  if (React.isValidElement(message) || typeof message === "string") return sonner.toast(message, options);
+  throw new Error("Invalid message type");
+};
+toast.success = (message, options = {}) => forEachOrOnce(message, (m) => sonner.toast.success(m, options));
+toast.error = (message, options = {}) => forEachOrOnce(message, (m) => sonner.toast.error(m, options));
+toast.warning = (message, options = {}) => forEachOrOnce(message, (m) => sonner.toast.warning(m, options));
+toast.info = (message, options = {}) => forEachOrOnce(message, (m) => sonner.toast.info(m, options));
+toast.custom = (message, options = {}) => sonner.toast(message, options);
+toast.dismiss = (toastId) => sonner.toast.dismiss(toastId);
+toast.promise = ({
+  myPromise,
+  loadingMessage,
+  successMessage,
+  errorMessage,
+  onSuccess,
+  onError,
+  options = {}
+}) => sonner.toast.promise(myPromise, {
+  loading: loadingMessage ?? "Loading...",
+  success: (data) => {
+    onSuccess?.(data);
+    return successMessage;
+  },
+  error: (err) => {
+    onError?.(err);
+    if (errorMessage) return errorMessage;
+    if (err instanceof Error) return err.message;
+    return "Error...";
+  },
+  ...options
+});
+
+exports.Toaster = Toaster;
+exports.toast = toast;
+//# sourceMappingURL=toast-DF-uDV6R.cjs.map

package/dist/toast-DF-uDV6R.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-DF-uDV6R.cjs","sources":["../src/lib/toast.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React from 'react';\nimport type { ExternalToast, ToasterProps } from 'sonner';\nimport { toast as sonnerToast, Toaster as SonnerToaster } from 'sonner';\n\nimport { cn } from '@/lib/utils';\n\nimport './toast.css';\n\n// All theming lives in `.mastra-toaster` (see toast.css) — sonner reads --success-bg / --error-bg / etc.\n// from richColors mode. `rest` is spread first so callers can't override the closeButton / richColors\n// contract (sonner's per-type tinted colors only kick in with richColors, and the close button is the\n// only built-in dismiss affordance we expose).\nexport const Toaster = ({ className, toastOptions, ...rest }: ToasterProps) => (\n  <SonnerToaster\n    {...rest}\n    closeButton\n    richColors\n    className={cn('mastra-toaster', className)}\n    toastOptions={{ duration: 5000, ...toastOptions }}\n  />\n);\n\n// Forward sonner's return value so callers can update/dismiss by id later.\nconst forEachOrOnce = <M, R>(message: M | M[], emit: (m: M) => R): R | R[] =>\n  Array.isArray(message) ? message.map(emit) : emit(message);\n\nexport const toast = (message: string | string[] | ReactNode, options: ExternalToast = {}) => {\n  if (Array.isArray(message)) return message.map(m => sonnerToast(m, options));\n  if (React.isValidElement(message) || typeof message === 'string') return sonnerToast(message, options);\n  throw new Error('Invalid message type');\n};\n\ntoast.success = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.success(m, options));\ntoast.error = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.error(m, options));\ntoast.warning = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.warning(m, options));\ntoast.info = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.info(m, options));\n\ntoast.custom = (message: ReactNode, options: ExternalToast = {}) => sonnerToast(message, options);\n\ntoast.dismiss = (toastId?: string | number) => sonnerToast.dismiss(toastId);\n\ntoast.promise = <T,>({\n  myPromise,\n  loadingMessage,\n  successMessage,\n  errorMessage,\n  onSuccess,\n  onError,\n  options = {},\n}: {\n  myPromise: Promise<T>;\n  successMessage: string;\n  loadingMessage?: string;\n  errorMessage?: string;\n  onSuccess?: (data: T) => void;\n  onError?: (err: unknown) => void;\n  options?: ExternalToast;\n}) =>\n  sonnerToast.promise(myPromise, {\n    loading: loadingMessage ?? 'Loading...',\n    success: (data: T) => {\n      onSuccess?.(data);\n      return successMessage;\n    },\n    error: (err: unknown) => {\n      onError?.(err);\n      if (errorMessage) return errorMessage;\n      if (err instanceof Error) return err.message;\n      return 'Error...';\n    },\n    ...options,\n  });\n"],"names":["jsx","SonnerToaster","cn","sonnerToast"],"mappings":"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"}

package/dist/tokens.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const spacings = require('./spacings-VmI3HJoY.cjs');
+const spacings = require('./spacings-DJ7CTlfI.cjs');
 const fonts = require('./fonts-DxgDxyKF.cjs');
 
 const Animations = {

package/dist/tokens.es.js

@@ -1,4 +1,4 @@
-export { B as BorderColors, a as BorderRadius, C as Colors, G as Glows, S as Shadows, b as Sizes, c as Spacings } from './spacings-DQxytUI3.js';
+export { B as BorderColors, a as BorderRadius, C as Colors, G as Glows, S as Shadows, b as Sizes, c as Spacings } from './spacings-2GNiO8Oq.js';
 export { a as CHART_LABEL_FONT_SIZE, C as CHART_TICK_FONT_SIZE, F as FontSizes, L as LineHeights } from './fonts-BD38FYaQ.js';
 
 const Animations = {

package/dist/tool-approval-B_6bj-6N.cjs

@@ -0,0 +1,69 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const Button = require('./Button-B1TWWXCy.cjs');
+
+function ToolApprovalActions({
+  onApprove,
+  onDecline,
+  disabled = false,
+  status,
+  toolName,
+  autoFocus = false
+}) {
+  const actionsDisabled = disabled || status !== void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Button.Button,
+      {
+        type: "button",
+        variant: status ? "default" : "primary",
+        size: "sm",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, {}),
+        "aria-label": toolName ? `Approve ${toolName}` : void 0,
+        autoFocus,
+        disabled: actionsDisabled,
+        className: status === "approved" ? "text-accent1!" : void 0,
+        onClick: onApprove,
+        children: "Approve"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Button.Button,
+      {
+        type: "button",
+        size: "sm",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}),
+        "aria-label": toolName ? `Decline ${toolName}` : void 0,
+        disabled: actionsDisabled,
+        className: status === "declined" ? "text-accent2!" : void 0,
+        onClick: onDecline,
+        children: "Decline"
+      }
+    )
+  ] });
+}
+function ToolApproval({ toolName, children, ...actions }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "border-border1 border-l-warning1 bg-surface3 my-2 min-w-0 rounded-lg border border-l-4 px-4 py-3 shadow-md",
+      role: "group",
+      "aria-label": `Tool approval for ${toolName}`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-icon6 text-ui-md mb-1.5 font-semibold", children: [
+          "Approve ",
+          /* @__PURE__ */ jsxRuntime.jsx("code", { className: "bg-surface5 text-ui-sm rounded px-1.5 py-px font-mono break-all", children: toolName }),
+          "?"
+        ] }),
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(ToolApprovalActions, { toolName, ...actions }) })
+      ]
+    }
+  );
+}
+
+exports.ToolApproval = ToolApproval;
+exports.ToolApprovalActions = ToolApprovalActions;
+//# sourceMappingURL=tool-approval-B_6bj-6N.cjs.map

package/dist/tool-approval-B_6bj-6N.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-approval-B_6bj-6N.cjs","sources":["../src/ds/components/ai/tool-approval/tool-approval.tsx"],"sourcesContent":["import { Check, X } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/ds/components/Button';\n\nexport interface ToolApprovalActionsProps {\n  onApprove: () => void;\n  onDecline: () => void;\n  disabled?: boolean;\n  status?: 'approved' | 'declined';\n  toolName?: string;\n  autoFocus?: boolean;\n}\n\nexport function ToolApprovalActions({\n  onApprove,\n  onDecline,\n  disabled = false,\n  status,\n  toolName,\n  autoFocus = false,\n}: ToolApprovalActionsProps) {\n  const actionsDisabled = disabled || status !== undefined;\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\">\n      <Button\n        type=\"button\"\n        variant={status ? 'default' : 'primary'}\n        size=\"sm\"\n        icon={<Check />}\n        aria-label={toolName ? `Approve ${toolName}` : undefined}\n        autoFocus={autoFocus}\n        disabled={actionsDisabled}\n        className={status === 'approved' ? 'text-accent1!' : undefined}\n        onClick={onApprove}\n      >\n        Approve\n      </Button>\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        icon={<X />}\n        aria-label={toolName ? `Decline ${toolName}` : undefined}\n        disabled={actionsDisabled}\n        className={status === 'declined' ? 'text-accent2!' : undefined}\n        onClick={onDecline}\n      >\n        Decline\n      </Button>\n    </div>\n  );\n}\n\nexport interface ToolApprovalProps extends ToolApprovalActionsProps {\n  toolName: string;\n  children?: ReactNode;\n}\n\nexport function ToolApproval({ toolName, children, ...actions }: ToolApprovalProps) {\n  return (\n    <div\n      className=\"border-border1 border-l-warning1 bg-surface3 my-2 min-w-0 rounded-lg border border-l-4 px-4 py-3 shadow-md\"\n      role=\"group\"\n      aria-label={`Tool approval for ${toolName}`}\n    >\n      <div className=\"text-icon6 text-ui-md mb-1.5 font-semibold\">\n        Approve <code className=\"bg-surface5 text-ui-sm rounded px-1.5 py-px font-mono break-all\">{toolName}</code>?\n      </div>\n      {children}\n      <div className=\"mt-2\">\n        <ToolApprovalActions toolName={toolName} {...actions} />\n      </div>\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","Button","Check","X"],"mappings":";;;;;;AAaO,SAAS,mBAAA,CAAoB;AAAA,EAClC,SAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,EAA6B;AAC3B,EAAA,MAAM,eAAA,GAAkB,YAAY,MAAA,KAAW,MAAA;AAE/C,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,SAAS,SAAA,GAAY,SAAA;AAAA,QAC9B,IAAA,EAAK,IAAA;AAAA,QACL,IAAA,iCAAOC,iBAAA,EAAA,EAAM,CAAA;AAAA,QACb,YAAA,EAAY,QAAA,GAAW,CAAA,QAAA,EAAW,QAAQ,CAAA,CAAA,GAAK,MAAA;AAAA,QAC/C,SAAA;AAAA,QACA,QAAA,EAAU,eAAA;AAAA,QACV,SAAA,EAAW,MAAA,KAAW,UAAA,GAAa,eAAA,GAAkB,MAAA;AAAA,QACrD,OAAA,EAAS,SAAA;AAAA,QACV,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBACAF,cAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,IAAA,EAAK,IAAA;AAAA,QACL,IAAA,iCAAOE,aAAA,EAAA,EAAE,CAAA;AAAA,QACT,YAAA,EAAY,QAAA,GAAW,CAAA,QAAA,EAAW,QAAQ,CAAA,CAAA,GAAK,MAAA;AAAA,QAC/C,QAAA,EAAU,eAAA;AAAA,QACV,SAAA,EAAW,MAAA,KAAW,UAAA,GAAa,eAAA,GAAkB,MAAA;AAAA,QACrD,OAAA,EAAS,SAAA;AAAA,QACV,QAAA,EAAA;AAAA;AAAA;AAED,GAAA,EACF,CAAA;AAEJ;AAOO,SAAS,aAAa,EAAE,QAAA,EAAU,QAAA,EAAU,GAAG,SAAQ,EAAsB;AAClF,EAAA,uBACEJ,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,4GAAA;AAAA,MACV,IAAA,EAAK,OAAA;AAAA,MACL,YAAA,EAAY,qBAAqB,QAAQ,CAAA,CAAA;AAAA,MAEzC,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,4CAAA,EAA6C,QAAA,EAAA;AAAA,UAAA,UAAA;AAAA,0BAClDC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iEAAA,EAAmE,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,UAAO;AAAA,SAAA,EAC7G,CAAA;AAAA,QACC,QAAA;AAAA,wBACDA,cAAA,CAAC,SAAI,SAAA,EAAU,MAAA,EACb,yCAAC,mBAAA,EAAA,EAAoB,QAAA,EAAqB,GAAG,OAAA,EAAS,CAAA,EACxD;AAAA;AAAA;AAAA,GACF;AAEJ;;;;;"}

package/dist/tool-approval-RUhKvh57.js

@@ -0,0 +1,66 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Check, X } from 'lucide-react';
+import { B as Button } from './Button-XSiL3zvL.js';
+
+function ToolApprovalActions({
+  onApprove,
+  onDecline,
+  disabled = false,
+  status,
+  toolName,
+  autoFocus = false
+}) {
+  const actionsDisabled = disabled || status !== void 0;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: status ? "default" : "primary",
+        size: "sm",
+        icon: /* @__PURE__ */ jsx(Check, {}),
+        "aria-label": toolName ? `Approve ${toolName}` : void 0,
+        autoFocus,
+        disabled: actionsDisabled,
+        className: status === "approved" ? "text-accent1!" : void 0,
+        onClick: onApprove,
+        children: "Approve"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        size: "sm",
+        icon: /* @__PURE__ */ jsx(X, {}),
+        "aria-label": toolName ? `Decline ${toolName}` : void 0,
+        disabled: actionsDisabled,
+        className: status === "declined" ? "text-accent2!" : void 0,
+        onClick: onDecline,
+        children: "Decline"
+      }
+    )
+  ] });
+}
+function ToolApproval({ toolName, children, ...actions }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "border-border1 border-l-warning1 bg-surface3 my-2 min-w-0 rounded-lg border border-l-4 px-4 py-3 shadow-md",
+      role: "group",
+      "aria-label": `Tool approval for ${toolName}`,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "text-icon6 text-ui-md mb-1.5 font-semibold", children: [
+          "Approve ",
+          /* @__PURE__ */ jsx("code", { className: "bg-surface5 text-ui-sm rounded px-1.5 py-px font-mono break-all", children: toolName }),
+          "?"
+        ] }),
+        children,
+        /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(ToolApprovalActions, { toolName, ...actions }) })
+      ]
+    }
+  );
+}
+
+export { ToolApproval as T, ToolApprovalActions as a };
+//# sourceMappingURL=tool-approval-RUhKvh57.js.map

package/dist/tool-approval-RUhKvh57.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-approval-RUhKvh57.js","sources":["../src/ds/components/ai/tool-approval/tool-approval.tsx"],"sourcesContent":["import { Check, X } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/ds/components/Button';\n\nexport interface ToolApprovalActionsProps {\n  onApprove: () => void;\n  onDecline: () => void;\n  disabled?: boolean;\n  status?: 'approved' | 'declined';\n  toolName?: string;\n  autoFocus?: boolean;\n}\n\nexport function ToolApprovalActions({\n  onApprove,\n  onDecline,\n  disabled = false,\n  status,\n  toolName,\n  autoFocus = false,\n}: ToolApprovalActionsProps) {\n  const actionsDisabled = disabled || status !== undefined;\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\">\n      <Button\n        type=\"button\"\n        variant={status ? 'default' : 'primary'}\n        size=\"sm\"\n        icon={<Check />}\n        aria-label={toolName ? `Approve ${toolName}` : undefined}\n        autoFocus={autoFocus}\n        disabled={actionsDisabled}\n        className={status === 'approved' ? 'text-accent1!' : undefined}\n        onClick={onApprove}\n      >\n        Approve\n      </Button>\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        icon={<X />}\n        aria-label={toolName ? `Decline ${toolName}` : undefined}\n        disabled={actionsDisabled}\n        className={status === 'declined' ? 'text-accent2!' : undefined}\n        onClick={onDecline}\n      >\n        Decline\n      </Button>\n    </div>\n  );\n}\n\nexport interface ToolApprovalProps extends ToolApprovalActionsProps {\n  toolName: string;\n  children?: ReactNode;\n}\n\nexport function ToolApproval({ toolName, children, ...actions }: ToolApprovalProps) {\n  return (\n    <div\n      className=\"border-border1 border-l-warning1 bg-surface3 my-2 min-w-0 rounded-lg border border-l-4 px-4 py-3 shadow-md\"\n      role=\"group\"\n      aria-label={`Tool approval for ${toolName}`}\n    >\n      <div className=\"text-icon6 text-ui-md mb-1.5 font-semibold\">\n        Approve <code className=\"bg-surface5 text-ui-sm rounded px-1.5 py-px font-mono break-all\">{toolName}</code>?\n      </div>\n      {children}\n      <div className=\"mt-2\">\n        <ToolApprovalActions toolName={toolName} {...actions} />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAaO,SAAS,mBAAA,CAAoB;AAAA,EAClC,SAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,EAA6B;AAC3B,EAAA,MAAM,eAAA,GAAkB,YAAY,MAAA,KAAW,MAAA;AAE/C,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,SAAS,SAAA,GAAY,SAAA;AAAA,QAC9B,IAAA,EAAK,IAAA;AAAA,QACL,IAAA,sBAAO,KAAA,EAAA,EAAM,CAAA;AAAA,QACb,YAAA,EAAY,QAAA,GAAW,CAAA,QAAA,EAAW,QAAQ,CAAA,CAAA,GAAK,MAAA;AAAA,QAC/C,SAAA;AAAA,QACA,QAAA,EAAU,eAAA;AAAA,QACV,SAAA,EAAW,MAAA,KAAW,UAAA,GAAa,eAAA,GAAkB,MAAA;AAAA,QACrD,OAAA,EAAS,SAAA;AAAA,QACV,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBACA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,IAAA,EAAK,IAAA;AAAA,QACL,IAAA,sBAAO,CAAA,EAAA,EAAE,CAAA;AAAA,QACT,YAAA,EAAY,QAAA,GAAW,CAAA,QAAA,EAAW,QAAQ,CAAA,CAAA,GAAK,MAAA;AAAA,QAC/C,QAAA,EAAU,eAAA;AAAA,QACV,SAAA,EAAW,MAAA,KAAW,UAAA,GAAa,eAAA,GAAkB,MAAA;AAAA,QACrD,OAAA,EAAS,SAAA;AAAA,QACV,QAAA,EAAA;AAAA;AAAA;AAED,GAAA,EACF,CAAA;AAEJ;AAOO,SAAS,aAAa,EAAE,QAAA,EAAU,QAAA,EAAU,GAAG,SAAQ,EAAsB;AAClF,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,4GAAA;AAAA,MACV,IAAA,EAAK,OAAA;AAAA,MACL,YAAA,EAAY,qBAAqB,QAAQ,CAAA,CAAA;AAAA,MAEzC,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,4CAAA,EAA6C,QAAA,EAAA;AAAA,UAAA,UAAA;AAAA,0BAClD,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iEAAA,EAAmE,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,UAAO;AAAA,SAAA,EAC7G,CAAA;AAAA,QACC,QAAA;AAAA,wBACD,GAAA,CAAC,SAAI,SAAA,EAAU,MAAA,EACb,8BAAC,mBAAA,EAAA,EAAoB,QAAA,EAAqB,GAAG,OAAA,EAAS,CAAA,EACxD;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/tool-call-B-OO_6DC.js

@@ -0,0 +1,181 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { X, ChevronRight } from 'lucide-react';
+import { useState, useId, useContext, createContext } from 'react';
+import { u as useArriving } from './use-watched-CG9KoWl3.js';
+import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from './collapsible-cOfcD1BM.js';
+import { C as CopyButton } from './copy-button-BBCLrGJB.js';
+import { S as Shimmer } from './shimmer-R2LMMF5x.js';
+import { T as Txt } from './Txt-23XtxAlc.js';
+import { c as cn } from './cn-Dxjsbr9n.js';
+
+const ToolCallContext = createContext(void 0);
+const noopOpenChange = () => {
+};
+function useToolCall() {
+  const context = useContext(ToolCallContext);
+  if (!context) throw new Error("ToolCall compounds must be rendered within ToolCall");
+  return context;
+}
+function ToolCall({
+  open: controlledOpen,
+  defaultOpen = false,
+  onOpenChange = noopOpenChange,
+  status = "idle",
+  className,
+  children,
+  ...props
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+  const open = controlledOpen ?? uncontrolledOpen;
+  const statusId = useId();
+  const handleOpenChange = (nextOpen) => {
+    if (controlledOpen === void 0) setUncontrolledOpen(nextOpen);
+    onOpenChange(nextOpen);
+  };
+  return /* @__PURE__ */ jsx(ToolCallContext.Provider, { value: { open, status }, children: /* @__PURE__ */ jsxs(
+    Collapsible,
+    {
+      open,
+      onOpenChange: handleOpenChange,
+      className: cn("max-w-full min-w-0", className),
+      role: "group",
+      "aria-busy": status === "running",
+      "aria-invalid": status === "error" || void 0,
+      "aria-describedby": status === "idle" ? void 0 : statusId,
+      "data-status": status,
+      ...props,
+      children: [
+        children,
+        status !== "idle" && /* @__PURE__ */ jsx("span", { id: statusId, className: "sr-only", children: status === "running" ? "Tool call running" : "Tool call failed" })
+      ]
+    }
+  ) });
+}
+const ToolCallTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  CollapsibleTrigger,
+  {
+    className: cn(
+      "group/row w-full cursor-pointer rounded-md text-left transition-colors hover:bg-neutral6/5 focus-visible:ring-1 focus-visible:ring-accent1 focus-visible:outline-hidden motion-reduce:transition-none",
+      className
+    ),
+    ...props
+  }
+);
+const ToolCallHeader = ({ className, children, ...props }) => {
+  const { status } = useToolCall();
+  return /* @__PURE__ */ jsx(
+    Shimmer,
+    {
+      active: status === "running",
+      className: cn("flex w-full min-w-0 items-center gap-2 px-1.5 py-1", className),
+      ...props,
+      children
+    }
+  );
+};
+const ToolCallIcon = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("flex size-4 shrink-0 items-center justify-center", className), ...props });
+const ToolCallLabel = ({ className, ...props }) => /* @__PURE__ */ jsx(Txt, { as: "span", variant: "ui-sm", className: cn("text-icon3 max-w-[55%] shrink-0 truncate", className), ...props });
+const ToolCallDetail = ({ className, ...props }) => {
+  const arriving = useArriving();
+  return /* @__PURE__ */ jsx(
+    Txt,
+    {
+      as: "span",
+      variant: "ui-xs",
+      font: "mono",
+      className: cn("text-icon3 min-w-0 truncate", arriving, className),
+      ...props
+    }
+  );
+};
+const ToolCallSummary = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("flex min-w-0 items-center gap-1", className), ...props });
+const ToolCallSpacer = ({ rule, className, ...props }) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    "aria-hidden": true,
+    className: cn("min-w-2 flex-1", rule && "h-px bg-border1 mask-r-from-[calc(100%-min(100%,160px))]", className),
+    ...props
+  }
+);
+const ToolCallTrailing = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("flex shrink-0 items-center", className), ...props });
+const ToolCallDisclosure = ({ className, children, ...props }) => {
+  const { open } = useToolCall();
+  return /* @__PURE__ */ jsx("span", { className: cn("flex size-4 shrink-0 items-center justify-center", className), ...props, children: /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: cn(
+        "text-icon3 flex shrink-0 items-center opacity-0 transition duration-150 motion-reduce:transition-none",
+        "group-hover/row:opacity-100 group-focus-visible/row:opacity-100",
+        open && "rotate-90 opacity-100"
+      ),
+      children: children ?? /* @__PURE__ */ jsx(ChevronRight, { size: 13 })
+    }
+  ) });
+};
+const ToolCallPresentedHeader = ({
+  leading,
+  icon: Icon,
+  label,
+  detail,
+  disclosure = true,
+  ...props
+}) => {
+  const { status } = useToolCall();
+  return /* @__PURE__ */ jsxs(ToolCallHeader, { ...props, children: [
+    leading,
+    /* @__PURE__ */ jsx(ToolCallIcon, { children: /* @__PURE__ */ jsx(
+      Icon,
+      {
+        size: 14,
+        strokeWidth: 1.75,
+        "aria-hidden": true,
+        className: status === "error" ? "text-error/80" : "text-icon2"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(ToolCallLabel, { children: label }),
+    detail && /* @__PURE__ */ jsx(ToolCallDetail, { children: detail }),
+    /* @__PURE__ */ jsx(ToolCallSpacer, {}),
+    status === "error" && /* @__PURE__ */ jsx(ToolCallTrailing, { children: /* @__PURE__ */ jsx(X, { size: 13, role: "img", "aria-label": "Failed", className: "text-error shrink-0" }) }),
+    disclosure && /* @__PURE__ */ jsx(ToolCallDisclosure, {})
+  ] });
+};
+const ToolCallContent = ({ className, children, ...props }) => /* @__PURE__ */ jsx(CollapsibleContent, { className: "max-w-full min-w-0", ...props, children: /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "relative ml-[14px] flex max-w-full min-w-0 flex-col gap-1.5 py-1.5 pr-1 pl-4 before:absolute before:inset-y-0 before:left-0 before:w-px before:bg-border1 before:mask-b-from-[calc(100%-min(40%,80px))] before:content-['']",
+      className
+    ),
+    children
+  }
+) });
+const ToolCallMono = ({ copyText, className, children, ...props }) => /* @__PURE__ */ jsxs("div", { className: "group/block relative max-w-full min-w-0", children: [
+  /* @__PURE__ */ jsx(
+    "pre",
+    {
+      className: cn(
+        "m-0 max-h-60 max-w-full overflow-auto rounded-md bg-neutral6/5 px-3 py-2 font-mono text-ui-sm break-words whitespace-pre-wrap",
+        className
+      ),
+      ...props,
+      children
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    CopyButton,
+    {
+      content: copyText,
+      size: "sm",
+      variant: "ghost",
+      className: "absolute top-1 right-1 opacity-0 transition-opacity group-hover/block:opacity-100 focus-visible:opacity-100"
+    }
+  )
+] });
+const ToolCallCommand = ({ command }) => /* @__PURE__ */ jsxs(ToolCallMono, { copyText: command, className: "text-icon5", children: [
+  /* @__PURE__ */ jsx("span", { className: "text-icon3 select-none", children: "$ " }),
+  command
+] });
+
+export { ToolCall as T, ToolCallTrigger as a, ToolCallTrailing as b, ToolCallContent as c, ToolCallHeader as d, ToolCallIcon as e, ToolCallLabel as f, ToolCallDetail as g, ToolCallSpacer as h, ToolCallDisclosure as i, ToolCallPresentedHeader as j, ToolCallMono as k, ToolCallSummary as l, ToolCallCommand as m };
+//# sourceMappingURL=tool-call-B-OO_6DC.js.map

package/dist/tool-call-B-OO_6DC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-call-B-OO_6DC.js","sources":["../src/ds/components/ai/tool-call/tool-call.tsx"],"sourcesContent":["import { ChevronRight, X } from 'lucide-react';\nimport type { LucideIcon } from 'lucide-react';\nimport { createContext, useContext, useId, useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useArriving } from '@/ds/components/Arrival';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { Shimmer } from '@/ds/components/Shimmer';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\ntype ToolCallStatus = 'idle' | 'running' | 'error';\n\ninterface ToolCallContextValue {\n  open: boolean;\n  status: ToolCallStatus;\n}\n\nconst ToolCallContext = createContext<ToolCallContextValue | undefined>(undefined);\n\n// Stryker disable next-line ArrowFunction: the default callback is intentionally behaviorless.\nconst noopOpenChange = () => {};\n\nfunction useToolCall() {\n  const context = useContext(ToolCallContext);\n  if (!context) throw new Error('ToolCall compounds must be rendered within ToolCall');\n  return context;\n}\n\nexport interface ToolCallProps extends Omit<\n  ComponentProps<typeof Collapsible>,\n  'defaultOpen' | 'onOpenChange' | 'open'\n> {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  status?: ToolCallStatus;\n}\n\nexport function ToolCall({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange = noopOpenChange,\n  status = 'idle',\n  className,\n  children,\n  ...props\n}: ToolCallProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const open = controlledOpen ?? uncontrolledOpen;\n  const statusId = useId();\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (controlledOpen === undefined) setUncontrolledOpen(nextOpen);\n    onOpenChange(nextOpen);\n  };\n\n  return (\n    <ToolCallContext.Provider value={{ open, status }}>\n      <Collapsible\n        open={open}\n        onOpenChange={handleOpenChange}\n        className={cn('max-w-full min-w-0', className)}\n        role=\"group\"\n        aria-busy={status === 'running'}\n        aria-invalid={status === 'error' || undefined}\n        aria-describedby={status === 'idle' ? undefined : statusId}\n        data-status={status}\n        {...props}\n      >\n        {children}\n        {status !== 'idle' && (\n          <span id={statusId} className=\"sr-only\">\n            {status === 'running' ? 'Tool call running' : 'Tool call failed'}\n          </span>\n        )}\n      </Collapsible>\n    </ToolCallContext.Provider>\n  );\n}\n\nexport const ToolCallTrigger = ({ className, ...props }: ComponentProps<typeof CollapsibleTrigger>) => (\n  <CollapsibleTrigger\n    className={cn(\n      'group/row w-full cursor-pointer rounded-md text-left transition-colors hover:bg-neutral6/5 focus-visible:ring-1 focus-visible:ring-accent1 focus-visible:outline-hidden motion-reduce:transition-none',\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport const ToolCallHeader = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { status } = useToolCall();\n\n  return (\n    <Shimmer\n      active={status === 'running'}\n      className={cn('flex w-full min-w-0 items-center gap-2 px-1.5 py-1', className)}\n      {...props}\n    >\n      {children}\n    </Shimmer>\n  );\n};\n\nexport const ToolCallIcon = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex size-4 shrink-0 items-center justify-center', className)} {...props} />\n);\n\nexport const ToolCallLabel = ({ className, ...props }: ComponentProps<typeof Txt>) => (\n  <Txt as=\"span\" variant=\"ui-sm\" className={cn('text-icon3 max-w-[55%] shrink-0 truncate', className)} {...props} />\n);\n\nexport const ToolCallDetail = ({ className, ...props }: ComponentProps<typeof Txt>) => {\n  const arriving = useArriving();\n\n  return (\n    <Txt\n      as=\"span\"\n      variant=\"ui-xs\"\n      font=\"mono\"\n      className={cn('text-icon3 min-w-0 truncate', arriving, className)}\n      {...props}\n    />\n  );\n};\n\nexport const ToolCallSummary = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex min-w-0 items-center gap-1', className)} {...props} />\n);\n\nexport interface ToolCallSpacerProps extends ComponentProps<'span'> {\n  rule?: boolean;\n}\n\nexport const ToolCallSpacer = ({ rule, className, ...props }: ToolCallSpacerProps) => (\n  <span\n    aria-hidden\n    className={cn('min-w-2 flex-1', rule && 'h-px bg-border1 mask-r-from-[calc(100%-min(100%,160px))]', className)}\n    {...props}\n  />\n);\n\nexport const ToolCallTrailing = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex shrink-0 items-center', className)} {...props} />\n);\n\nexport const ToolCallDisclosure = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { open } = useToolCall();\n\n  return (\n    <span className={cn('flex size-4 shrink-0 items-center justify-center', className)} {...props}>\n      <span\n        aria-hidden\n        className={cn(\n          'text-icon3 flex shrink-0 items-center opacity-0 transition duration-150 motion-reduce:transition-none',\n          'group-hover/row:opacity-100 group-focus-visible/row:opacity-100',\n          open && 'rotate-90 opacity-100',\n        )}\n      >\n        {children ?? <ChevronRight size={13} />}\n      </span>\n    </span>\n  );\n};\n\nexport interface ToolCallPresentedHeaderProps extends Omit<ComponentProps<typeof ToolCallHeader>, 'children'> {\n  /** Rendered ahead of the icon, e.g. a timestamp. */\n  leading?: ReactNode;\n  icon: LucideIcon;\n  label: string;\n  detail?: string;\n  disclosure?: boolean;\n}\n\n/** The canonical header of a presented tool call: icon, label, detail, failure mark, chevron. */\nexport const ToolCallPresentedHeader = ({\n  leading,\n  icon: Icon,\n  label,\n  detail,\n  disclosure = true,\n  ...props\n}: ToolCallPresentedHeaderProps) => {\n  const { status } = useToolCall();\n\n  return (\n    <ToolCallHeader {...props}>\n      {leading}\n      <ToolCallIcon>\n        <Icon\n          size={14}\n          strokeWidth={1.75}\n          aria-hidden\n          className={status === 'error' ? 'text-error/80' : 'text-icon2'}\n        />\n      </ToolCallIcon>\n      <ToolCallLabel>{label}</ToolCallLabel>\n      {detail && <ToolCallDetail>{detail}</ToolCallDetail>}\n      <ToolCallSpacer />\n      {status === 'error' && (\n        <ToolCallTrailing>\n          <X size={13} role=\"img\" aria-label=\"Failed\" className=\"text-error shrink-0\" />\n        </ToolCallTrailing>\n      )}\n      {disclosure && <ToolCallDisclosure />}\n    </ToolCallHeader>\n  );\n};\n\nexport const ToolCallContent = ({ className, children, ...props }: ComponentProps<typeof CollapsibleContent>) => (\n  <CollapsibleContent className=\"max-w-full min-w-0\" {...props}>\n    <div\n      className={cn(\n        \"relative ml-[14px] flex max-w-full min-w-0 flex-col gap-1.5 py-1.5 pr-1 pl-4 before:absolute before:inset-y-0 before:left-0 before:w-px before:bg-border1 before:mask-b-from-[calc(100%-min(40%,80px))] before:content-['']\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  </CollapsibleContent>\n);\n\nexport interface ToolCallMonoProps extends ComponentProps<'pre'> {\n  copyText: string;\n}\n\n/** Monospace body block of an expanded call — arguments, command, output — with a hover copy. */\nexport const ToolCallMono = ({ copyText, className, children, ...props }: ToolCallMonoProps) => (\n  <div className=\"group/block relative max-w-full min-w-0\">\n    <pre\n      className={cn(\n        'm-0 max-h-60 max-w-full overflow-auto rounded-md bg-neutral6/5 px-3 py-2 font-mono text-ui-sm break-words whitespace-pre-wrap',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </pre>\n    <CopyButton\n      content={copyText}\n      size=\"sm\"\n      variant=\"ghost\"\n      className=\"absolute top-1 right-1 opacity-0 transition-opacity group-hover/block:opacity-100 focus-visible:opacity-100\"\n    />\n  </div>\n);\n\n/** A shell command as the body shows it: `$` in the margin, the copy takes the command alone. */\nexport const ToolCallCommand = ({ command }: { command: string }) => (\n  <ToolCallMono copyText={command} className=\"text-icon5\">\n    <span className=\"text-icon3 select-none\">$ </span>\n    {command}\n  </ToolCallMono>\n);\n\nexport type { ToolCallStatus };\n"],"names":[],"mappings":";;;;;;;;;;AAkBA,MAAM,eAAA,GAAkB,cAAgD,MAAS,CAAA;AAGjF,MAAM,iBAAiB,MAAM;AAAC,CAAA;AAE9B,SAAS,WAAA,GAAc;AACrB,EAAA,MAAM,OAAA,GAAU,WAAW,eAAe,CAAA;AAC1C,EAAA,IAAI,CAAC,OAAA,EAAS,MAAM,IAAI,MAAM,qDAAqD,CAAA;AACnF,EAAA,OAAO,OAAA;AACT;AAYO,SAAS,QAAA,CAAS;AAAA,EACvB,IAAA,EAAM,cAAA;AAAA,EACN,WAAA,GAAc,KAAA;AAAA,EACd,YAAA,GAAe,cAAA;AAAA,EACf,MAAA,GAAS,MAAA;AAAA,EACT,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAS,WAAW,CAAA;AACpE,EAAA,MAAM,OAAO,cAAA,IAAkB,gBAAA;AAC/B,EAAA,MAAM,WAAW,KAAA,EAAM;AAEvB,EAAA,MAAM,gBAAA,GAAmB,CAAC,QAAA,KAAsB;AAC9C,IAAA,IAAI,cAAA,KAAmB,MAAA,EAAW,mBAAA,CAAoB,QAAQ,CAAA;AAC9D,IAAA,YAAA,CAAa,QAAQ,CAAA;AAAA,EACvB,CAAA;AAEA,EAAA,uBACE,GAAA,CAAC,gBAAgB,QAAA,EAAhB,EAAyB,OAAO,EAAE,IAAA,EAAM,QAAO,EAC9C,QAAA,kBAAA,IAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,YAAA,EAAc,gBAAA;AAAA,MACd,SAAA,EAAW,EAAA,CAAG,oBAAA,EAAsB,SAAS,CAAA;AAAA,MAC7C,IAAA,EAAK,OAAA;AAAA,MACL,aAAW,MAAA,KAAW,SAAA;AAAA,MACtB,cAAA,EAAc,WAAW,OAAA,IAAW,MAAA;AAAA,MACpC,kBAAA,EAAkB,MAAA,KAAW,MAAA,GAAS,MAAA,GAAY,QAAA;AAAA,MAClD,aAAA,EAAa,MAAA;AAAA,MACZ,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,MAAA,KAAW,MAAA,oBACV,GAAA,CAAC,MAAA,EAAA,EAAK,EAAA,EAAI,QAAA,EAAU,SAAA,EAAU,SAAA,EAC3B,QAAA,EAAA,MAAA,KAAW,SAAA,GAAY,mBAAA,GAAsB,kBAAA,EAChD;AAAA;AAAA;AAAA,GAEJ,EACF,CAAA;AAEJ;AAEO,MAAM,kBAAkB,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,qBACpD,GAAA;AAAA,EAAC,kBAAA;AAAA,EAAA;AAAA,IACC,SAAA,EAAW,EAAA;AAAA,MACT,uMAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN;AAGK,MAAM,iBAAiB,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,OAAM,KAA8B;AAC3F,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,WAAA,EAAY;AAE/B,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,QAAQ,MAAA,KAAW,SAAA;AAAA,MACnB,SAAA,EAAW,EAAA,CAAG,oDAAA,EAAsD,SAAS,CAAA;AAAA,MAC5E,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,YAAA,GAAe,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBACjD,GAAA,CAAC,MAAA,EAAA,EAAK,WAAW,EAAA,CAAG,kDAAA,EAAoD,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAG1F,MAAM,gBAAgB,CAAC,EAAE,WAAW,GAAG,KAAA,uBAC5C,GAAA,CAAC,GAAA,EAAA,EAAI,IAAG,MAAA,EAAO,OAAA,EAAQ,SAAQ,SAAA,EAAW,EAAA,CAAG,4CAA4C,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAG3G,MAAM,iBAAiB,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,KAAkC;AACrF,EAAA,MAAM,WAAW,WAAA,EAAY;AAE7B,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAG,MAAA;AAAA,MACH,OAAA,EAAQ,OAAA;AAAA,MACR,IAAA,EAAK,MAAA;AAAA,MACL,SAAA,EAAW,EAAA,CAAG,6BAAA,EAA+B,QAAA,EAAU,SAAS,CAAA;AAAA,MAC/D,GAAG;AAAA;AAAA,GACN;AAEJ;AAEO,MAAM,eAAA,GAAkB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBACpD,GAAA,CAAC,MAAA,EAAA,EAAK,WAAW,EAAA,CAAG,iCAAA,EAAmC,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAOzE,MAAM,iBAAiB,CAAC,EAAE,MAAM,SAAA,EAAW,GAAG,OAAM,qBACzD,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,aAAA,EAAW,IAAA;AAAA,IACX,SAAA,EAAW,EAAA,CAAG,gBAAA,EAAkB,IAAA,IAAQ,4DAA4D,SAAS,CAAA;AAAA,IAC5G,GAAG;AAAA;AACN;AAGK,MAAM,gBAAA,GAAmB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBACrD,GAAA,CAAC,MAAA,EAAA,EAAK,WAAW,EAAA,CAAG,4BAAA,EAA8B,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAGpE,MAAM,qBAAqB,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,OAAM,KAA8B;AAC/F,EAAA,MAAM,EAAE,IAAA,EAAK,GAAI,WAAA,EAAY;AAE7B,EAAA,uBACE,GAAA,CAAC,UAAK,SAAA,EAAW,EAAA,CAAG,oDAAoD,SAAS,CAAA,EAAI,GAAG,KAAA,EACtF,QAAA,kBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAW,EAAA;AAAA,QACT,uGAAA;AAAA,QACA,iEAAA;AAAA,QACA,IAAA,IAAQ;AAAA,OACV;AAAA,MAEC,QAAA,EAAA,QAAA,oBAAY,GAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAM,EAAA,EAAI;AAAA;AAAA,GACvC,EACF,CAAA;AAEJ;AAYO,MAAM,0BAA0B,CAAC;AAAA,EACtC,OAAA;AAAA,EACA,IAAA,EAAM,IAAA;AAAA,EACN,KAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,GAAG;AACL,CAAA,KAAoC;AAClC,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,WAAA,EAAY;AAE/B,EAAA,uBACE,IAAA,CAAC,cAAA,EAAA,EAAgB,GAAG,KAAA,EACjB,QAAA,EAAA;AAAA,IAAA,OAAA;AAAA,wBACA,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,EAAA;AAAA,QACN,WAAA,EAAa,IAAA;AAAA,QACb,aAAA,EAAW,IAAA;AAAA,QACX,SAAA,EAAW,MAAA,KAAW,OAAA,GAAU,eAAA,GAAkB;AAAA;AAAA,KACpD,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,iBAAe,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,IACrB,MAAA,oBAAU,GAAA,CAAC,cAAA,EAAA,EAAgB,QAAA,EAAA,MAAA,EAAO,CAAA;AAAA,wBAClC,cAAA,EAAA,EAAe,CAAA;AAAA,IACf,MAAA,KAAW,OAAA,oBACV,GAAA,CAAC,gBAAA,EAAA,EACC,8BAAC,CAAA,EAAA,EAAE,IAAA,EAAM,EAAA,EAAI,IAAA,EAAK,KAAA,EAAM,YAAA,EAAW,QAAA,EAAS,SAAA,EAAU,uBAAsB,CAAA,EAC9E,CAAA;AAAA,IAED,UAAA,wBAAe,kBAAA,EAAA,EAAmB;AAAA,GAAA,EACrC,CAAA;AAEJ;AAEO,MAAM,eAAA,GAAkB,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,qBAC9D,GAAA,CAAC,kBAAA,EAAA,EAAmB,SAAA,EAAU,oBAAA,EAAsB,GAAG,KAAA,EACrD,QAAA,kBAAA,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,SAAA,EAAW,EAAA;AAAA,MACT,6NAAA;AAAA,MACA;AAAA,KACF;AAAA,IAEC;AAAA;AACH,CAAA,EACF;AAQK,MAAM,YAAA,GAAe,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,qBACrE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yCAAA,EACb,QAAA,EAAA;AAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,+HAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAAA,kBACA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,QAAA;AAAA,MACT,IAAA,EAAK,IAAA;AAAA,MACL,OAAA,EAAQ,OAAA;AAAA,MACR,SAAA,EAAU;AAAA;AAAA;AACZ,CAAA,EACF;AAIK,MAAM,eAAA,GAAkB,CAAC,EAAE,OAAA,EAAQ,0BACvC,YAAA,EAAA,EAAa,QAAA,EAAU,OAAA,EAAS,SAAA,EAAU,YAAA,EACzC,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wBAAA,EAAyB,QAAA,EAAA,IAAA,EAAE,CAAA;AAAA,EAC1C;AAAA,CAAA,EACH;;;;"}