@axis-ds/agentic-ui 1.2.0 → 1.3.0

package/dist/plan-card/index.js

@@ -59,39 +59,39 @@ var PLAN_STATUS_LABELS = {
 var import_jsx_runtime = require("react/jsx-runtime");
 var planStatusStyles = {
   draft: {
-    border: "border-l-[var(--axis-color-gray-400)]",
-    badge: "bg-[var(--axis-color-gray-100)] text-[var(--axis-color-gray-600)]"
+    border: "border-l-[var(--axis-status-neutral)]",
+    badge: "bg-[var(--axis-status-neutral-bg)] text-[var(--axis-status-neutral-strong)]"
   },
   pending: {
-    border: "border-l-[var(--axis-color-yellow-500)]",
-    badge: "bg-[var(--axis-color-yellow-500)]/10 text-[var(--axis-color-yellow-600)]"
+    border: "border-l-[var(--axis-status-warning)]",
+    badge: "bg-[var(--axis-badge-warning-bg)] text-[var(--axis-badge-warning-text)]"
   },
   approved: {
-    border: "border-l-[var(--axis-color-green-500)]",
-    badge: "bg-[var(--axis-color-green-500)]/10 text-[var(--axis-color-green-600)]"
+    border: "border-l-[var(--axis-status-success)]",
+    badge: "bg-[var(--axis-badge-success-bg)] text-[var(--axis-badge-success-text)]"
   },
   rejected: {
-    border: "border-l-[var(--axis-color-red-500)]",
-    badge: "bg-[var(--axis-color-red-500)]/10 text-[var(--axis-color-red-600)]"
+    border: "border-l-[var(--axis-status-error)]",
+    badge: "bg-[var(--axis-badge-error-bg)] text-[var(--axis-badge-error-text)]"
   },
   executing: {
-    border: "border-l-[var(--axis-color-blue-500)]",
-    badge: "bg-[var(--axis-color-blue-500)]/10 text-[var(--axis-color-blue-600)]"
+    border: "border-l-[var(--axis-status-running)]",
+    badge: "bg-[var(--axis-badge-info-bg)] text-[var(--axis-badge-info-text)]"
   },
   completed: {
-    border: "border-l-[var(--axis-color-green-500)]",
-    badge: "bg-[var(--axis-color-green-500)]/10 text-[var(--axis-color-green-600)]"
+    border: "border-l-[var(--axis-status-success)]",
+    badge: "bg-[var(--axis-badge-success-bg)] text-[var(--axis-badge-success-text)]"
   }
 };
 var stepStatusIcons = {
-  pending: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-4 h-4 text-[var(--axis-color-gray-400)]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10", strokeWidth: 2 }) }),
-  running: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { className: "w-4 h-4 text-[var(--axis-color-blue-500)] animate-spin", viewBox: "0 0 24 24", fill: "none", children: [
+  pending: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-4 h-4 text-[var(--axis-status-neutral)]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10", strokeWidth: 2 }) }),
+  running: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { className: "w-4 h-4 text-[var(--axis-status-running)] animate-spin", viewBox: "0 0 24 24", fill: "none", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
   ] }),
-  complete: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-4 h-4 text-[var(--axis-color-green-500)]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }),
-  error: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-4 h-4 text-[var(--axis-color-red-500)]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }),
-  skipped: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-4 h-4 text-[var(--axis-color-gray-400)]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 5l7 7-7 7M5 5l7 7-7 7" }) })
+  complete: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-4 h-4 text-[var(--axis-status-success)]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }),
+  error: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-4 h-4 text-[var(--axis-status-error)]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }),
+  skipped: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-4 h-4 text-[var(--axis-status-neutral)]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 5l7 7-7 7M5 5l7 7-7 7" }) })
 };
 function PlanCard({
   title,
@@ -112,7 +112,7 @@ function PlanCard({
       role: "region",
       "aria-labelledby": titleId,
       className: (0, import_ui_react.cn)(
-        "rounded-lg border border-l-4 overflow-hidden",
+        "rounded-lg border border-l-[length:var(--axis-plan-card-accent-width)] overflow-hidden",
         "bg-[var(--axis-surface-default)] border-[var(--axis-border-default)]",
         styles.border,
         className
@@ -136,7 +136,7 @@ function PlanCard({
             steps.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1 h-1 rounded-full bg-[var(--axis-surface-secondary)] overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "div",
               {
-                className: "h-full rounded-full bg-[var(--axis-color-green-500)] transition-all",
+                className: "h-full rounded-full bg-[var(--axis-status-success)] transition-all",
                 style: { width: `${completedCount / steps.length * 100}%` },
                 "aria-hidden": "true"
               }
@@ -171,7 +171,7 @@ function PlanCard({
             "button",
             {
               onClick: onApprove,
-              className: "px-3 py-1.5 text-xs font-medium rounded-md bg-[var(--axis-color-green-500)] text-white hover:bg-[var(--axis-color-green-600)] transition-colors",
+              className: "px-3 py-1.5 text-xs font-medium rounded-md bg-[var(--axis-status-success)] text-[var(--axis-status-success-contrast)] hover:bg-[var(--axis-status-success-strong)] transition-colors",
               children: "\uC2B9\uC778"
             }
           ),
@@ -187,7 +187,7 @@ function PlanCard({
             "button",
             {
               onClick: onReject,
-              className: "px-3 py-1.5 text-xs font-medium rounded-md text-[var(--axis-color-red-500)] hover:bg-[var(--axis-color-red-500)]/10 transition-colors",
+              className: "px-3 py-1.5 text-xs font-medium rounded-md text-[var(--axis-status-error)] hover:text-[var(--axis-plan-card-reject-hover-text)] hover:bg-[color:color-mix(in_srgb,var(--axis-status-error)_10%,transparent)] transition-colors",
               children: "\uAC70\uC808"
             }
           )

package/dist/plan-card/index.mjs

@@ -1,6 +1,6 @@
 import {
   PlanCard
-} from "../chunk-PWKN5UHT.mjs";
+} from "../chunk-OYQX3SL4.mjs";
 import "../chunk-SCZ4BQ2G.mjs";
 export {
   PlanCard

package/dist/recovery-banner/index.js

@@ -50,7 +50,7 @@ function RecoveryBanner({
     {
       className: (0, import_ui_react.cn)(
         "flex items-start gap-3 p-4 rounded-lg border",
-        "bg-[var(--axis-surface-error)] border-[var(--axis-color-red-200)]",
+        "bg-[var(--axis-surface-error)] border-[var(--axis-status-error-border)]",
         className
       ),
       role: "alert",
@@ -60,7 +60,7 @@ function RecoveryBanner({
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "svg",
           {
-            className: "w-5 h-5 text-[var(--axis-color-red-500)] flex-shrink-0 mt-0.5",
+            className: "w-5 h-5 text-[var(--axis-status-error)] flex-shrink-0 mt-0.5",
             fill: "none",
             stroke: "currentColor",
             viewBox: "0 0 24 24",
@@ -85,7 +85,7 @@ function RecoveryBanner({
               {
                 onClick: onRetry,
                 "aria-describedby": descId,
-                className: "px-3 py-1.5 text-sm font-medium rounded-md bg-[var(--axis-color-red-500)] text-white hover:bg-[var(--axis-color-red-600)] transition-colors",
+                className: "px-3 py-1.5 text-sm font-medium rounded-md bg-[var(--axis-button-destructive-bg-default)] text-[var(--axis-button-destructive-text-default)] hover:bg-[var(--axis-button-destructive-bg-hover)] transition-colors",
                 children: "\uC7AC\uC2DC\uB3C4"
               }
             ),

package/dist/recovery-banner/index.mjs

@@ -1,6 +1,6 @@
 import {
   RecoveryBanner
-} from "../chunk-7UGSLEYG.mjs";
+} from "../chunk-UDL4M5RP.mjs";
 export {
   RecoveryBanner
 };

package/dist/run-progress/index.js

@@ -50,10 +50,10 @@ var STATUS_LABELS = {
 // src/run-progress/index.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var statusColors = {
-  pending: "bg-[var(--axis-color-gray-300)]",
-  running: "bg-[var(--axis-color-blue-500)] animate-pulse",
-  complete: "bg-[var(--axis-color-green-500)]",
-  error: "bg-[var(--axis-color-red-500)]"
+  pending: "bg-[var(--axis-status-neutral-muted)] text-[var(--axis-status-neutral-muted-contrast)]",
+  running: "bg-[var(--axis-status-running)] text-[var(--axis-status-running-contrast)] animate-pulse",
+  complete: "bg-[var(--axis-status-success)] text-[var(--axis-status-success-contrast)]",
+  error: "bg-[var(--axis-status-error)] text-[var(--axis-status-error-contrast)]"
 };
 var statusIcons = {
   pending: null,
@@ -87,7 +87,7 @@ function RunProgress({
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
-            status === "running" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-2 h-2 rounded-full bg-[var(--axis-color-blue-500)] animate-pulse" }),
+            status === "running" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-2 h-2 rounded-full bg-[var(--axis-status-running)] animate-pulse" }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-sm font-medium text-[var(--axis-text-primary)]", children: [
               status === "idle" && "\uB300\uAE30 \uC911",
               status === "running" && "\uC2E4\uD589 \uC911",
@@ -112,7 +112,7 @@ function RunProgress({
             children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "div",
               {
-                className: "h-full rounded-full bg-[var(--axis-color-blue-500)] transition-all duration-300",
+                className: "h-full rounded-full bg-[var(--axis-status-running)] transition-all duration-300",
                 style: { width: `${progressPercent}%` }
               }
             )
@@ -132,7 +132,7 @@ function RunProgress({
                 "div",
                 {
                   className: (0, import_ui_react.cn)(
-                    "w-5 h-5 rounded-full flex items-center justify-center text-white text-xs",
+                    "w-5 h-5 rounded-full flex items-center justify-center text-xs",
                     statusColors[step.status]
                   ),
                   "aria-hidden": "true",
@@ -164,7 +164,7 @@ function RunProgress({
             "button",
             {
               onClick: onRetry,
-              className: "px-3 py-1.5 text-sm rounded-md bg-[var(--axis-color-blue-500)] text-white hover:bg-[var(--axis-color-blue-600)]",
+              className: "px-3 py-1.5 text-sm rounded-md bg-[var(--axis-button-bg-default)] text-[var(--axis-button-text-default)] hover:bg-[var(--axis-button-bg-hover)]",
               children: "\uC7AC\uC2DC\uB3C4"
             }
           )

package/dist/run-progress/index.mjs

@@ -1,6 +1,6 @@
 import {
   RunProgress
-} from "../chunk-LZKOCELQ.mjs";
+} from "../chunk-SCXUEQLI.mjs";
 import "../chunk-SCZ4BQ2G.mjs";
 export {
   RunProgress

package/dist/step-timeline/index.js

@@ -79,13 +79,13 @@ function StepTimeline({
                 "aria-hidden": "true",
                 className: (0, import_ui_react.cn)(
                   "relative z-10 w-5 h-5 rounded-full flex items-center justify-center",
-                  step.status === "complete" && "bg-[var(--axis-color-green-500)]",
-                  step.status === "running" && "bg-[var(--axis-color-blue-500)] animate-pulse",
-                  step.status === "error" && "bg-[var(--axis-color-red-500)]",
-                  step.status === "skipped" && "bg-[var(--axis-color-gray-300)]",
-                  step.status === "pending" && "bg-[var(--axis-color-gray-300)]"
+                  step.status === "complete" && "bg-[var(--axis-status-success)]",
+                  step.status === "running" && "bg-[var(--axis-status-running)] animate-pulse",
+                  step.status === "error" && "bg-[var(--axis-status-error)]",
+                  step.status === "skipped" && "bg-[var(--axis-status-neutral-muted)]",
+                  step.status === "pending" && "bg-[var(--axis-status-neutral-muted)]"
                 ),
-                children: step.status === "complete" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-3 h-3 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) })
+                children: step.status === "complete" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-3 h-3 text-[var(--axis-status-success-contrast)]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) })
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_ui_react.cn)(isVertical ? "flex-1" : "text-center mt-2"), children: [

package/dist/step-timeline/index.mjs

@@ -1,6 +1,6 @@
 import {
   StepTimeline
-} from "../chunk-RGPKTWK4.mjs";
+} from "../chunk-4V4BWBRC.mjs";
 import "../chunk-SCZ4BQ2G.mjs";
 export {
   StepTimeline

package/dist/surface-renderer/index.js

@@ -36,7 +36,7 @@ function SurfaceRenderer({
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "prose prose-sm max-w-none text-[var(--axis-text-primary)]", children: String(surface.content) });
       case "code":
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className: "p-3 rounded-md bg-[var(--axis-surface-secondary)] overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: "text-sm font-mono text-[var(--axis-text-primary)]", children: String(surface.content) }) });
-      case "table":
+      case "table": {
         const tableData = surface.content;
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", { role: "table", className: "w-full text-sm", children: [
           surface.title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("caption", { className: "sr-only", children: surface.title }),
@@ -65,6 +65,7 @@ function SurfaceRenderer({
             i
           )) })
         ] }) });
+      }
       case "chart":
         return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "p-4 text-center text-[var(--axis-text-secondary)]", children: [
           "[\uCC28\uD2B8: ",

package/dist/surface-renderer/index.mjs

@@ -1,6 +1,6 @@
 import {
   SurfaceRenderer
-} from "../chunk-MVBXXDZB.mjs";
+} from "../chunk-ZW4Z27AB.mjs";
 export {
   SurfaceRenderer
 };

package/dist/token-usage-indicator/index.js

@@ -36,13 +36,13 @@ function TokenUsageIndicator({
   const ratio = max > 0 ? current / max : 0;
   const percentage = Math.min(Math.round(ratio * 100), 100);
   const getColor = () => {
-    if (ratio >= 1) return "bg-[var(--axis-color-red-500)]";
-    if (ratio >= warningThreshold) return "bg-[var(--axis-color-yellow-500)]";
-    return "bg-[var(--axis-color-green-500)]";
+    if (ratio >= 1) return "bg-[var(--axis-status-error)]";
+    if (ratio >= warningThreshold) return "bg-[var(--axis-status-warning)]";
+    return "bg-[var(--axis-status-success)]";
   };
   const getTextColor = () => {
-    if (ratio >= 1) return "text-[var(--axis-color-red-500)]";
-    if (ratio >= warningThreshold) return "text-[var(--axis-color-yellow-500)]";
+    if (ratio >= 1) return "text-[var(--axis-status-error)]";
+    if (ratio >= warningThreshold) return "text-[var(--axis-status-warning)]";
     return "text-[var(--axis-text-secondary)]";
   };
   const formatNumber = (n) => n >= 1e3 ? `${(n / 1e3).toFixed(1)}k` : String(n);

package/dist/token-usage-indicator/index.mjs

@@ -1,6 +1,6 @@
 import {
   TokenUsageIndicator
-} from "../chunk-H6VXOP7U.mjs";
+} from "../chunk-QS6GQNSE.mjs";
 export {
   TokenUsageIndicator
 };

package/dist/tool-call-card/index.js

@@ -51,22 +51,22 @@ var STATUS_LABELS = {
 var import_jsx_runtime = require("react/jsx-runtime");
 var statusConfig = {
   pending: {
-    color: "text-[var(--axis-color-gray-400)]",
+    color: "text-[var(--axis-status-neutral)]",
     icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10", strokeWidth: 2 }) })
   },
   running: {
-    color: "text-[var(--axis-color-blue-500)]",
+    color: "text-[var(--axis-status-running)]",
     icon: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { className: "w-4 h-4 animate-spin", viewBox: "0 0 24 24", fill: "none", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
     ] })
   },
   success: {
-    color: "text-[var(--axis-color-green-500)]",
+    color: "text-[var(--axis-status-success)]",
     icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
   },
   error: {
-    color: "text-[var(--axis-color-red-500)]",
+    color: "text-[var(--axis-status-error)]",
     icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
   }
 };

package/dist/tool-call-card/index.mjs

@@ -1,6 +1,6 @@
 import {
   ToolCallCard
-} from "../chunk-FAJF5RCY.mjs";
+} from "../chunk-WFYQINWD.mjs";
 import "../chunk-SCZ4BQ2G.mjs";
 export {
   ToolCallCard

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axis-ds/agentic-ui",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "AXIS Design System - Agentic UI Components for AI/LLM Applications",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -88,8 +88,8 @@
     "clsx": "^2.1.0",
     "framer-motion": "^11.0.0",
     "tailwind-merge": "^2.5.0",
-    "@axis-ds/tokens": "1.2.0",
-    "@axis-ds/ui-react": "1.2.0"
+    "@axis-ds/tokens": "1.3.0",
+    "@axis-ds/ui-react": "1.3.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
@@ -118,7 +118,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/thoughtandaction/axis.git",
+    "url": "https://github.com/IDEA-on-Action/AXIS-Design-System.git",
     "directory": "packages/axis-agentic-ui"
   },
   "homepage": "https://axis.minu.best",
@@ -126,6 +126,7 @@
     "build": "tsup src/index.ts src/*/index.tsx --format cjs,esm --dts --external react",
     "dev": "tsup src/index.ts --format cjs,esm --dts --watch --external react",
     "clean": "rm -rf dist",
+    "lint": "eslint .",
     "test": "vitest run",
     "test:coverage": "vitest run --coverage",
     "test:watch": "vitest",