@automa8e/ui 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Daniel Evans
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,2 @@
+# automa8e-fe-component-library
+Automa8e FE Standardized Component Library

package/dist/_virtual/index.js

@@ -0,0 +1,6 @@
+import { __require as requireShim } from "../node_modules/use-sync-external-store/shim/index.js";
+var shimExports = requireShim();
+export {
+  shimExports as s
+};
+//# sourceMappingURL=index.js.map

package/dist/_virtual/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/_virtual/index2.js

@@ -0,0 +1,5 @@
+var shim = { exports: {} };
+export {
+  shim as __module
+};
+//# sourceMappingURL=index2.js.map

package/dist/_virtual/index2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/use-sync-external-store-shim.development.js

@@ -0,0 +1,5 @@
+var useSyncExternalStoreShim_development = {};
+export {
+  useSyncExternalStoreShim_development as __exports
+};
+//# sourceMappingURL=use-sync-external-store-shim.development.js.map

package/dist/_virtual/use-sync-external-store-shim.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-external-store-shim.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/use-sync-external-store-shim.production.js

@@ -0,0 +1,5 @@
+var useSyncExternalStoreShim_production = {};
+export {
+  useSyncExternalStoreShim_production as __exports
+};
+//# sourceMappingURL=use-sync-external-store-shim.production.js.map

package/dist/_virtual/use-sync-external-store-shim.production.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-external-store-shim.production.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/automa8e-ui.css

@@ -0,0 +1,226 @@
+@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=IBM+Plex+Mono:wght@300;400;500;600&family=Syne:wght@400;500;600;700;800&display=swap');
+
+/* ── Google Fonts ─────────────────────────────────────────────── */
+/* ── Design tokens ────────────────────────────────────────────── */
+:root {
+  /* ── Light mode (default, shadcn convention) ── */
+  --radius: 0.5rem;
+
+  --background:             oklch(0.99 0 0);
+  --foreground:             oklch(0.18 0.02 255);
+  --card:                   oklch(1.00 0 0);
+  --card-foreground:        oklch(0.18 0.02 255);
+  --popover:                oklch(1.00 0 0);
+  --popover-foreground:     oklch(0.18 0.02 255);
+  --primary:                oklch(0.70 0.18 52);
+  --primary-foreground:     oklch(0.99 0 0);
+  --secondary:              oklch(0.94 0.01 255);
+  --secondary-foreground:   oklch(0.22 0.02 255);
+  --muted:                  oklch(0.94 0.01 255);
+  --muted-foreground:       oklch(0.52 0.01 255);
+  --accent:                 oklch(0.94 0.01 255);
+  --accent-foreground:      oklch(0.22 0.02 255);
+  --destructive:            oklch(0.58 0.22 25);
+  --destructive-foreground: oklch(0.99 0 0);
+  --success:                oklch(0.60 0.18 145);
+  --success-foreground:     oklch(0.99 0 0);
+  --warning:                oklch(0.82 0.16 84);
+  --warning-foreground:     oklch(0.18 0.02 255);
+  --info:                   oklch(0.65 0.16 220);
+  --info-foreground:        oklch(0.99 0 0);
+  --border:                 oklch(0.88 0.01 255);
+  --input:                  oklch(0.88 0.01 255);
+  --ring:                   oklch(0.70 0.18 52);
+
+  /* sidebar */
+  --sidebar:                        oklch(0.96 0.005 255);
+  --sidebar-foreground:             oklch(0.18 0.02 255);
+  --sidebar-primary:                oklch(0.70 0.18 52);
+  --sidebar-primary-foreground:     oklch(0.99 0 0);
+  --sidebar-accent:                 oklch(0.92 0.01 255);
+  --sidebar-accent-foreground:      oklch(0.22 0.02 255);
+  --sidebar-border:                 oklch(0.88 0.01 255);
+  --sidebar-ring:                   oklch(0.70 0.18 52);
+
+  /* workflow status */
+  --workflow-running:   oklch(0.70 0.18 52);
+  --workflow-completed: oklch(0.60 0.18 145);
+  --workflow-failed:    oklch(0.58 0.22 25);
+  --workflow-pending:   oklch(0.52 0.01 255);
+  --workflow-paused:    oklch(0.82 0.16 84);
+  --workflow-cancelled: oklch(0.38 0.01 255);
+
+  /* charts */
+  --chart-1: oklch(0.70 0.18 52);
+  --chart-2: oklch(0.65 0.16 220);
+  --chart-3: oklch(0.60 0.18 145);
+  --chart-4: oklch(0.82 0.16 84);
+  --chart-5: oklch(0.58 0.22 25);
+}
+.dark {
+  /* ── Dark mode (automa8e default brand experience) ── */
+  --background:             oklch(0.14 0.02 255);
+  --foreground:             oklch(0.92 0.01 255);
+  --card:                   oklch(0.17 0.02 255);
+  --card-foreground:        oklch(0.92 0.01 255);
+  --popover:                oklch(0.17 0.02 255);
+  --popover-foreground:     oklch(0.92 0.01 255);
+  --primary:                oklch(0.72 0.18 52);
+  --primary-foreground:     oklch(0.14 0.02 255);
+  --secondary:              oklch(0.24 0.02 255);
+  --secondary-foreground:   oklch(0.92 0.01 255);
+  --muted:                  oklch(0.22 0.02 255);
+  --muted-foreground:       oklch(0.54 0.01 255);
+  --accent:                 oklch(0.24 0.02 255);
+  --accent-foreground:      oklch(0.92 0.01 255);
+  --destructive:            oklch(0.60 0.22 25);
+  --destructive-foreground: oklch(0.92 0.01 255);
+  --success:                oklch(0.62 0.18 145);
+  --success-foreground:     oklch(0.92 0.01 255);
+  --warning:                oklch(0.82 0.16 84);
+  --warning-foreground:     oklch(0.14 0.02 255);
+  --info:                   oklch(0.67 0.16 220);
+  --info-foreground:        oklch(0.92 0.01 255);
+  --border:                 oklch(0.26 0.02 255);
+  --input:                  oklch(0.26 0.02 255);
+  --ring:                   oklch(0.72 0.18 52);
+
+  --sidebar:                        oklch(0.17 0.02 255);
+  --sidebar-foreground:             oklch(0.92 0.01 255);
+  --sidebar-primary:                oklch(0.72 0.18 52);
+  --sidebar-primary-foreground:     oklch(0.14 0.02 255);
+  --sidebar-accent:                 oklch(0.22 0.02 255);
+  --sidebar-accent-foreground:      oklch(0.92 0.01 255);
+  --sidebar-border:                 oklch(0.26 0.02 255);
+  --sidebar-ring:                   oklch(0.72 0.18 52);
+
+  --workflow-running:   oklch(0.72 0.18 52);
+  --workflow-completed: oklch(0.62 0.18 145);
+  --workflow-failed:    oklch(0.60 0.22 25);
+  --workflow-pending:   oklch(0.54 0.01 255);
+  --workflow-paused:    oklch(0.82 0.16 84);
+  --workflow-cancelled: oklch(0.38 0.01 255);
+
+  --chart-1: oklch(0.72 0.18 52);
+  --chart-2: oklch(0.67 0.16 220);
+  --chart-3: oklch(0.62 0.18 145);
+  --chart-4: oklch(0.82 0.16 84);
+  --chart-5: oklch(0.60 0.22 25);
+}
+/* ── Tailwind v4 theme mapping ────────────────────────────────── */
+@theme inline {
+  /* radius */
+  --radius: 0.5rem;
+  --radius-sm:  calc(var(--radius) - 4px);
+  --radius-md:  calc(var(--radius) - 2px);
+  --radius-lg:  var(--radius);
+  --radius-xl:  calc(var(--radius) + 4px);
+
+  /* color tokens */
+  --color-background:             var(--background);
+  --color-foreground:             var(--foreground);
+  --color-card:                   var(--card);
+  --color-card-foreground:        var(--card-foreground);
+  --color-popover:                var(--popover);
+  --color-popover-foreground:     var(--popover-foreground);
+  --color-primary:                var(--primary);
+  --color-primary-foreground:     var(--primary-foreground);
+  --color-secondary:              var(--secondary);
+  --color-secondary-foreground:   var(--secondary-foreground);
+  --color-muted:                  var(--muted);
+  --color-muted-foreground:       var(--muted-foreground);
+  --color-accent:                 var(--accent);
+  --color-accent-foreground:      var(--accent-foreground);
+  --color-destructive:            var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-success:                var(--success);
+  --color-success-foreground:     var(--success-foreground);
+  --color-warning:                var(--warning);
+  --color-warning-foreground:     var(--warning-foreground);
+  --color-info:                   var(--info);
+  --color-info-foreground:        var(--info-foreground);
+  --color-border:                 var(--border);
+  --color-input:                  var(--input);
+  --color-ring:                   var(--ring);
+  --color-sidebar:                var(--sidebar);
+  --color-sidebar-foreground:     var(--sidebar-foreground);
+  --color-sidebar-primary:        var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent:         var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border:         var(--sidebar-border);
+  --color-sidebar-ring:           var(--sidebar-ring);
+  --color-workflow-running:       var(--workflow-running);
+  --color-workflow-completed:     var(--workflow-completed);
+  --color-workflow-failed:        var(--workflow-failed);
+  --color-workflow-pending:       var(--workflow-pending);
+  --color-workflow-paused:        var(--workflow-paused);
+  --color-workflow-cancelled:     var(--workflow-cancelled);
+  --color-chart-1:                var(--chart-1);
+  --color-chart-2:                var(--chart-2);
+  --color-chart-3:                var(--chart-3);
+  --color-chart-4:                var(--chart-4);
+  --color-chart-5:                var(--chart-5);
+
+  /* brand palette — static hex values, not theme-switchable */
+  --color-brand-primary-blue:   #3278A0;
+  --color-brand-header-blue:    #44799E;
+  --color-brand-deep-blue:      #4B506D;
+  --color-brand-baby-blue:      #0F67B1;
+  --color-brand-soft-blue:      #E7F5FD;
+  --color-brand-powder-blue:    #ECF2FA;
+  --color-brand-primary-orange: #FC6501;
+  --color-brand-deep-orange:    #D84132;
+  --color-brand-success-green:  #1E791C;
+  --color-brand-red-danger:     #ff0000;
+  --color-brand-primary-gray:   #939598;
+  --color-brand-dark-gray:      #222222;
+  --color-brand-item-border:    #DFE0EB;
+  --color-brand-line-gray:      #C7C8CA;
+  --color-brand-mark-gray:      #E0E6EE;
+
+  /* typography */
+  --font-sans:    "DM Sans", sans-serif;
+  --font-mono:    "IBM Plex Mono", monospace;
+  --font-display: "Syne", sans-serif;
+}
+/* ── Keyframes ────────────────────────────────────────────────── */
+@keyframes accordion-down {
+  from { height: 0 }
+  to   { height: var(--radix-accordion-content-height) }
+}
+@keyframes accordion-up {
+  from { height: var(--radix-accordion-content-height) }
+  to   { height: 0 }
+}
+@keyframes fade-in {
+  from { opacity: 0; transform: translateY(4px) }
+  to   { opacity: 1; transform: translateY(0) }
+}
+@keyframes slide-in-right {
+  from { transform: translateX(100%); opacity: 0 }
+  to   { transform: translateX(0);    opacity: 1 }
+}
+@keyframes workflow-pulse {
+  0%, 100% { opacity: 1;   box-shadow: 0 0  8px color-mix(in oklch, var(--workflow-running) 50%, transparent) }
+  50%       { opacity: 0.6; box-shadow: 0 0 20px color-mix(in oklch, var(--workflow-running) 80%, transparent) }
+}
+@keyframes shimmer {
+  0%   { background-position: -200% 0 }
+  100% { background-position:  200% 0 }
+}
+@keyframes spin-slow {
+  from { transform: rotate(0deg) }
+  to   { transform: rotate(360deg) }
+}
+/* ── Base layer ───────────────────────────────────────────────── */
+@layer base {
+  * { border-color: var(--color-border); }
+  body {
+    background-color: var(--color-background);
+    color: var(--color-foreground);
+    font-family: var(--font-sans);
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+}

package/dist/components/automation/metric-card.d.ts

@@ -0,0 +1,19 @@
+import { Metric } from '../../types/automation';
+import * as React from 'react';
+export interface MetricCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    metric: Metric;
+    /** Icon to show in the card header */
+    icon?: React.ReactNode;
+    /** Loading skeleton state */
+    loading?: boolean;
+    /** Compact/minimal display */
+    compact?: boolean;
+}
+declare function MetricCard({ className, metric, icon, loading, compact, ...props }: MetricCardProps): import("react/jsx-runtime").JSX.Element;
+/** Grid wrapper for a set of MetricCards */
+export interface MetricGridProps extends React.HTMLAttributes<HTMLDivElement> {
+    cols?: 2 | 3 | 4 | 5;
+}
+declare function MetricGrid({ className, cols, children, ...props }: MetricGridProps): import("react/jsx-runtime").JSX.Element;
+export { MetricCard, MetricGrid };
+//# sourceMappingURL=metric-card.d.ts.map

package/dist/components/automation/metric-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric-card.d.ts","sourceRoot":"","sources":["../../../src/components/automation/metric-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,MAAM,EAAkB,MAAM,oBAAoB,CAAA;AAEhE,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,MAAM,EAAE,MAAM,CAAA;IACd,sCAAsC;IACtC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAeD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAe,EAAE,OAAe,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CA6D3G;AAED,4CAA4C;AAC5C,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CACrB;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,IAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAa/E;AAED,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/automation/metric-card.js

@@ -0,0 +1,59 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { Card, CardContent } from "../ui/card.js";
+import Minus from "../../node_modules/lucide-react/dist/esm/icons/minus.js";
+import TrendingDown from "../../node_modules/lucide-react/dist/esm/icons/trending-down.js";
+import TrendingUp from "../../node_modules/lucide-react/dist/esm/icons/trending-up.js";
+const TREND_CONFIG = {
+  up: { icon: TrendingUp, color: "text-success", label: "up" },
+  down: { icon: TrendingDown, color: "text-destructive", label: "down" },
+  flat: { icon: Minus, color: "text-muted-foreground", label: "unchanged" }
+};
+function MetricCard({ className, metric, icon, loading = false, compact = false, ...props }) {
+  const trend = metric.trend ? TREND_CONFIG[metric.trend] : null;
+  const TrendIcon = trend == null ? void 0 : trend.icon;
+  if (loading) {
+    return /* @__PURE__ */ jsx(Card, { className: cn("overflow-hidden", className), ...props, children: /* @__PURE__ */ jsx(CardContent, { className: "p-5", children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-24 rounded bg-muted animate-[shimmer_2s_linear_infinite] [background:linear-gradient(90deg,hsl(var(--muted))_25%,hsl(var(--muted-foreground)/0.1)_50%,hsl(var(--muted))_75%)] [background-size:200%_100%]" }),
+      /* @__PURE__ */ jsx("div", { className: "h-8 w-32 rounded bg-muted animate-[shimmer_2s_linear_infinite] [background:linear-gradient(90deg,hsl(var(--muted))_25%,hsl(var(--muted-foreground)/0.1)_50%,hsl(var(--muted))_75%)] [background-size:200%_100%]" }),
+      /* @__PURE__ */ jsx("div", { className: "h-3 w-20 rounded bg-muted animate-[shimmer_2s_linear_infinite] [background:linear-gradient(90deg,hsl(var(--muted))_25%,hsl(var(--muted-foreground)/0.1)_50%,hsl(var(--muted))_75%)] [background-size:200%_100%]" })
+    ] }) }) });
+  }
+  return /* @__PURE__ */ jsx(Card, { className: cn("overflow-hidden", className), ...props, children: /* @__PURE__ */ jsxs(CardContent, { className: cn(compact ? "p-4" : "p-5"), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider truncate", children: metric.label }),
+        /* @__PURE__ */ jsxs("div", { className: cn("flex items-baseline gap-1.5 mt-1.5", compact ? "mt-1" : "mt-2"), children: [
+          /* @__PURE__ */ jsx("span", { className: cn("font-bold text-foreground tabular-nums", compact ? "text-xl" : "text-2xl"), children: metric.value }),
+          metric.unit && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground font-medium", children: metric.unit })
+        ] })
+      ] }),
+      icon && /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary", children: icon })
+    ] }),
+    (trend || metric.description) && !compact && /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center gap-2", children: [
+      trend && TrendIcon && /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-1 text-xs font-medium", trend.color), children: [
+        /* @__PURE__ */ jsx(TrendIcon, { className: "h-3.5 w-3.5" }),
+        metric.trendPercent !== void 0 && /* @__PURE__ */ jsxs("span", { children: [
+          metric.trendPercent > 0 ? "+" : "",
+          metric.trendPercent,
+          "%"
+        ] })
+      ] }),
+      metric.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: metric.description })
+    ] })
+  ] }) });
+}
+function MetricGrid({ className, cols = 4, children, ...props }) {
+  const colsClass = {
+    2: "grid-cols-1 sm:grid-cols-2",
+    3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+    4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4",
+    5: "grid-cols-2 sm:grid-cols-3 lg:grid-cols-5"
+  }[cols];
+  return /* @__PURE__ */ jsx("div", { className: cn("grid gap-4", colsClass, className), ...props, children });
+}
+export {
+  MetricCard,
+  MetricGrid
+};
+//# sourceMappingURL=metric-card.js.map

package/dist/components/automation/metric-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric-card.js","sources":["../../../src/components/automation/metric-card.tsx"],"sourcesContent":["import * as React from 'react'\nimport { TrendingDown, TrendingUp, Minus } from 'lucide-react'\nimport { cn } from '@/lib/utils'\nimport { Card, CardContent } from '@/components/ui/card'\nimport type { Metric, TrendDirection } from '@/types/automation'\n\nexport interface MetricCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  metric: Metric\n  /** Icon to show in the card header */\n  icon?: React.ReactNode\n  /** Loading skeleton state */\n  loading?: boolean\n  /** Compact/minimal display */\n  compact?: boolean\n}\n\nconst TREND_CONFIG: Record<\n  TrendDirection,\n  {\n    icon: React.ComponentType<{ className?: string }>\n    color: string\n    label: string\n  }\n> = {\n  up: { icon: TrendingUp, color: 'text-success', label: 'up' },\n  down: { icon: TrendingDown, color: 'text-destructive', label: 'down' },\n  flat: { icon: Minus, color: 'text-muted-foreground', label: 'unchanged' },\n}\n\nfunction MetricCard({ className, metric, icon, loading = false, compact = false, ...props }: MetricCardProps) {\n  const trend = metric.trend ? TREND_CONFIG[metric.trend] : null\n  const TrendIcon = trend?.icon\n\n  if (loading) {\n    return (\n      <Card className={cn('overflow-hidden', className)} {...props}>\n        <CardContent className=\"p-5\">\n          <div className=\"space-y-3\">\n            <div className=\"h-4 w-24 rounded bg-muted animate-[shimmer_2s_linear_infinite] [background:linear-gradient(90deg,hsl(var(--muted))_25%,hsl(var(--muted-foreground)/0.1)_50%,hsl(var(--muted))_75%)] [background-size:200%_100%]\" />\n            <div className=\"h-8 w-32 rounded bg-muted animate-[shimmer_2s_linear_infinite] [background:linear-gradient(90deg,hsl(var(--muted))_25%,hsl(var(--muted-foreground)/0.1)_50%,hsl(var(--muted))_75%)] [background-size:200%_100%]\" />\n            <div className=\"h-3 w-20 rounded bg-muted animate-[shimmer_2s_linear_infinite] [background:linear-gradient(90deg,hsl(var(--muted))_25%,hsl(var(--muted-foreground)/0.1)_50%,hsl(var(--muted))_75%)] [background-size:200%_100%]\" />\n          </div>\n        </CardContent>\n      </Card>\n    )\n  }\n\n  return (\n    <Card className={cn('overflow-hidden', className)} {...props}>\n      <CardContent className={cn(compact ? 'p-4' : 'p-5')}>\n        <div className=\"flex items-start justify-between gap-4\">\n          <div className=\"flex-1 min-w-0\">\n            <p className=\"text-xs font-medium text-muted-foreground uppercase tracking-wider truncate\">\n              {metric.label}\n            </p>\n            <div className={cn('flex items-baseline gap-1.5 mt-1.5', compact ? 'mt-1' : 'mt-2')}>\n              <span className={cn('font-bold text-foreground tabular-nums', compact ? 'text-xl' : 'text-2xl')}>\n                {metric.value}\n              </span>\n              {metric.unit && (\n                <span className=\"text-sm text-muted-foreground font-medium\">{metric.unit}</span>\n              )}\n            </div>\n          </div>\n\n          {icon && (\n            <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary\">\n              {icon}\n            </div>\n          )}\n        </div>\n\n        {(trend || metric.description) && !compact && (\n          <div className=\"mt-3 flex items-center gap-2\">\n            {trend && TrendIcon && (\n              <div className={cn('flex items-center gap-1 text-xs font-medium', trend.color)}>\n                <TrendIcon className=\"h-3.5 w-3.5\" />\n                {metric.trendPercent !== undefined && (\n                  <span>{metric.trendPercent > 0 ? '+' : ''}{metric.trendPercent}%</span>\n                )}\n              </div>\n            )}\n            {metric.description && (\n              <p className=\"text-xs text-muted-foreground\">{metric.description}</p>\n            )}\n          </div>\n        )}\n      </CardContent>\n    </Card>\n  )\n}\n\n/** Grid wrapper for a set of MetricCards */\nexport interface MetricGridProps extends React.HTMLAttributes<HTMLDivElement> {\n  cols?: 2 | 3 | 4 | 5\n}\n\nfunction MetricGrid({ className, cols = 4, children, ...props }: MetricGridProps) {\n  const colsClass = {\n    2: 'grid-cols-1 sm:grid-cols-2',\n    3: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3',\n    4: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-4',\n    5: 'grid-cols-2 sm:grid-cols-3 lg:grid-cols-5',\n  }[cols]\n\n  return (\n    <div className={cn('grid gap-4', colsClass, className)} {...props}>\n      {children}\n    </div>\n  )\n}\n\nexport { MetricCard, MetricGrid }\n"],"names":[],"mappings":";;;;;;AAgBA,MAAM,eAOF;AAAA,EACF,IAAI,EAAE,MAAM,YAAY,OAAO,gBAAgB,OAAO,KAAA;AAAA,EACtD,MAAM,EAAE,MAAM,cAAc,OAAO,oBAAoB,OAAO,OAAA;AAAA,EAC9D,MAAM,EAAE,MAAM,OAAO,OAAO,yBAAyB,OAAO,YAAA;AAC9D;AAEA,SAAS,WAAW,EAAE,WAAW,QAAQ,MAAM,UAAU,OAAO,UAAU,OAAO,GAAG,SAA0B;AAC5G,QAAM,QAAQ,OAAO,QAAQ,aAAa,OAAO,KAAK,IAAI;AAC1D,QAAM,YAAY,+BAAO;AAEzB,MAAI,SAAS;AACX,+BACG,MAAA,EAAK,WAAW,GAAG,mBAAmB,SAAS,GAAI,GAAG,OACrD,UAAA,oBAAC,eAAY,WAAU,OACrB,UAAA,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,kNAAA,CAAkN;AAAA,MACjO,oBAAC,OAAA,EAAI,WAAU,kNAAA,CAAkN;AAAA,MACjO,oBAAC,OAAA,EAAI,WAAU,kNAAA,CAAkN;AAAA,IAAA,EAAA,CACnO,GACF,GACF;AAAA,EAEJ;AAEA,6BACG,MAAA,EAAK,WAAW,GAAG,mBAAmB,SAAS,GAAI,GAAG,OACrD,UAAA,qBAAC,eAAY,WAAW,GAAG,UAAU,QAAQ,KAAK,GAChD,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,QAAA,oBAAC,KAAA,EAAE,WAAU,+EACV,UAAA,OAAO,OACV;AAAA,QACA,qBAAC,SAAI,WAAW,GAAG,sCAAsC,UAAU,SAAS,MAAM,GAChF,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAW,GAAG,0CAA0C,UAAU,YAAY,UAAU,GAC3F,UAAA,OAAO,MAAA,CACV;AAAA,UACC,OAAO,QACN,oBAAC,UAAK,WAAU,6CAA6C,iBAAO,KAAA,CAAK;AAAA,QAAA,EAAA,CAE7E;AAAA,MAAA,GACF;AAAA,MAEC,QACC,oBAAC,OAAA,EAAI,WAAU,6FACZ,UAAA,KAAA,CACH;AAAA,IAAA,GAEJ;AAAA,KAEE,SAAS,OAAO,gBAAgB,CAAC,WACjC,qBAAC,OAAA,EAAI,WAAU,gCACZ,UAAA;AAAA,MAAA,SAAS,kCACP,OAAA,EAAI,WAAW,GAAG,+CAA+C,MAAM,KAAK,GAC3E,UAAA;AAAA,QAAA,oBAAC,WAAA,EAAU,WAAU,cAAA,CAAc;AAAA,QAClC,OAAO,iBAAiB,UACvB,qBAAC,QAAA,EAAM,UAAA;AAAA,UAAA,OAAO,eAAe,IAAI,MAAM;AAAA,UAAI,OAAO;AAAA,UAAa;AAAA,QAAA,EAAA,CAAC;AAAA,MAAA,GAEpE;AAAA,MAED,OAAO,eACN,oBAAC,OAAE,WAAU,iCAAiC,iBAAO,YAAA,CAAY;AAAA,IAAA,EAAA,CAErE;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF;AAEJ;AAOA,SAAS,WAAW,EAAE,WAAW,OAAO,GAAG,UAAU,GAAG,SAA0B;AAChF,QAAM,YAAY;AAAA,IAChB,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EAAA,EACH,IAAI;AAEN,SACE,oBAAC,OAAA,EAAI,WAAW,GAAG,cAAc,WAAW,SAAS,GAAI,GAAG,OACzD,SAAA,CACH;AAEJ;"}

package/dist/components/automation/status-badge.d.ts

@@ -0,0 +1,27 @@
+import { VariantProps } from 'class-variance-authority';
+import { WorkflowStatus } from '../../types/automation';
+import * as React from 'react';
+declare const statusBadgeVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const STATUS_CONFIG: Record<WorkflowStatus, {
+    label: string;
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    className: string;
+    pulse?: boolean;
+}>;
+export interface StatusBadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statusBadgeVariants> {
+    /** The workflow status to display */
+    status: WorkflowStatus;
+    /** Override the default label */
+    label?: string;
+    /** Hide the icon */
+    hideIcon?: boolean;
+    /** Show animated pulse dot for running state */
+    showPulse?: boolean;
+}
+declare function StatusBadge({ className, size, status, label, hideIcon, showPulse, ...props }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+export { StatusBadge, STATUS_CONFIG };
+//# sourceMappingURL=status-badge.d.ts.map

package/dist/components/automation/status-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-badge.d.ts","sourceRoot":"","sources":["../../../src/components/automation/status-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAYjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAExD,QAAA,MAAM,mBAAmB;;8EAexB,CAAA;AAED,QAAA,MAAM,aAAa,EAAE,MAAM,CACzB,cAAc,EACd;IACE,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACjD,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CA2CF,CAAA;AAED,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C,qCAAqC;IACrC,MAAM,EAAE,cAAc,CAAA;IACtB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,IAAI,EACJ,MAAM,EACN,KAAK,EACL,QAAgB,EAChB,SAAgB,EAChB,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA4BlB;AAED,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/automation/status-badge.js

@@ -0,0 +1,112 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { cva } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn } from "../../lib/utils.js";
+import Calendar from "../../node_modules/lucide-react/dist/esm/icons/calendar.js";
+import CircleMinus from "../../node_modules/lucide-react/dist/esm/icons/circle-minus.js";
+import Ban from "../../node_modules/lucide-react/dist/esm/icons/ban.js";
+import Pause from "../../node_modules/lucide-react/dist/esm/icons/pause.js";
+import Clock from "../../node_modules/lucide-react/dist/esm/icons/clock.js";
+import CircleX from "../../node_modules/lucide-react/dist/esm/icons/circle-x.js";
+import CircleCheck from "../../node_modules/lucide-react/dist/esm/icons/circle-check.js";
+import LoaderCircle from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
+const statusBadgeVariants = cva(
+  "inline-flex items-center gap-1.5 rounded-full border font-medium transition-colors",
+  {
+    variants: {
+      size: {
+        xs: "px-1.5 py-0 text-[10px]",
+        sm: "px-2 py-0.5 text-xs",
+        md: "px-2.5 py-1 text-xs",
+        lg: "px-3 py-1.5 text-sm"
+      }
+    },
+    defaultVariants: {
+      size: "sm"
+    }
+  }
+);
+const STATUS_CONFIG = {
+  running: {
+    label: "Running",
+    icon: LoaderCircle,
+    className: "bg-workflow-running/15 border-workflow-running/40 text-workflow-running",
+    pulse: true
+  },
+  completed: {
+    label: "Completed",
+    icon: CircleCheck,
+    className: "bg-workflow-completed/15 border-workflow-completed/40 text-workflow-completed"
+  },
+  failed: {
+    label: "Failed",
+    icon: CircleX,
+    className: "bg-workflow-failed/15 border-workflow-failed/40 text-workflow-failed"
+  },
+  pending: {
+    label: "Pending",
+    icon: Clock,
+    className: "bg-workflow-pending/15 border-workflow-pending/40 text-workflow-pending"
+  },
+  paused: {
+    label: "Paused",
+    icon: Pause,
+    className: "bg-workflow-paused/15 border-workflow-paused/40 text-workflow-paused"
+  },
+  cancelled: {
+    label: "Cancelled",
+    icon: Ban,
+    className: "bg-workflow-cancelled/15 border-workflow-cancelled/40 text-workflow-cancelled"
+  },
+  idle: {
+    label: "Idle",
+    icon: CircleMinus,
+    className: "bg-muted border-border text-muted-foreground"
+  },
+  scheduled: {
+    label: "Scheduled",
+    icon: Calendar,
+    className: "bg-info/15 border-info/40 text-info"
+  }
+};
+function StatusBadge({
+  className,
+  size,
+  status,
+  label,
+  hideIcon = false,
+  showPulse = true,
+  ...props
+}) {
+  const config = STATUS_CONFIG[status];
+  const Icon = config.icon;
+  const displayLabel = label ?? config.label;
+  const isRunning = status === "running";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(statusBadgeVariants({ size }), config.className, className),
+      ...props,
+      children: [
+        showPulse && isRunning ? /* @__PURE__ */ jsxs("span", { className: "relative flex h-2 w-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "absolute inline-flex h-full w-full animate-workflow-pulse rounded-full bg-workflow-running opacity-75" }),
+          /* @__PURE__ */ jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-workflow-running" })
+        ] }) : !hideIcon ? /* @__PURE__ */ jsx(
+          Icon,
+          {
+            className: cn(
+              "shrink-0",
+              size === "xs" ? "h-2.5 w-2.5" : size === "sm" ? "h-3 w-3" : "h-3.5 w-3.5",
+              isRunning && "animate-spin"
+            )
+          }
+        ) : null,
+        displayLabel
+      ]
+    }
+  );
+}
+export {
+  STATUS_CONFIG,
+  StatusBadge
+};
+//# sourceMappingURL=status-badge.js.map

package/dist/components/automation/status-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-badge.js","sources":["../../../src/components/automation/status-badge.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport {\n  CheckCircle2,\n  XCircle,\n  Clock,\n  Pause,\n  Ban,\n  Loader2,\n  Calendar,\n  MinusCircle,\n} from 'lucide-react'\nimport { cn } from '@/lib/utils'\nimport type { WorkflowStatus } from '@/types/automation'\n\nconst statusBadgeVariants = cva(\n  'inline-flex items-center gap-1.5 rounded-full border font-medium transition-colors',\n  {\n    variants: {\n      size: {\n        xs: 'px-1.5 py-0 text-[10px]',\n        sm: 'px-2 py-0.5 text-xs',\n        md: 'px-2.5 py-1 text-xs',\n        lg: 'px-3 py-1.5 text-sm',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  }\n)\n\nconst STATUS_CONFIG: Record<\n  WorkflowStatus,\n  {\n    label: string\n    icon: React.ComponentType<{ className?: string }>\n    className: string\n    pulse?: boolean\n  }\n> = {\n  running: {\n    label: 'Running',\n    icon: Loader2,\n    className: 'bg-workflow-running/15 border-workflow-running/40 text-workflow-running',\n    pulse: true,\n  },\n  completed: {\n    label: 'Completed',\n    icon: CheckCircle2,\n    className: 'bg-workflow-completed/15 border-workflow-completed/40 text-workflow-completed',\n  },\n  failed: {\n    label: 'Failed',\n    icon: XCircle,\n    className: 'bg-workflow-failed/15 border-workflow-failed/40 text-workflow-failed',\n  },\n  pending: {\n    label: 'Pending',\n    icon: Clock,\n    className: 'bg-workflow-pending/15 border-workflow-pending/40 text-workflow-pending',\n  },\n  paused: {\n    label: 'Paused',\n    icon: Pause,\n    className: 'bg-workflow-paused/15 border-workflow-paused/40 text-workflow-paused',\n  },\n  cancelled: {\n    label: 'Cancelled',\n    icon: Ban,\n    className: 'bg-workflow-cancelled/15 border-workflow-cancelled/40 text-workflow-cancelled',\n  },\n  idle: {\n    label: 'Idle',\n    icon: MinusCircle,\n    className: 'bg-muted border-border text-muted-foreground',\n  },\n  scheduled: {\n    label: 'Scheduled',\n    icon: Calendar,\n    className: 'bg-info/15 border-info/40 text-info',\n  },\n}\n\nexport interface StatusBadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof statusBadgeVariants> {\n  /** The workflow status to display */\n  status: WorkflowStatus\n  /** Override the default label */\n  label?: string\n  /** Hide the icon */\n  hideIcon?: boolean\n  /** Show animated pulse dot for running state */\n  showPulse?: boolean\n}\n\nfunction StatusBadge({\n  className,\n  size,\n  status,\n  label,\n  hideIcon = false,\n  showPulse = true,\n  ...props\n}: StatusBadgeProps) {\n  const config = STATUS_CONFIG[status]\n  const Icon = config.icon\n  const displayLabel = label ?? config.label\n  const isRunning = status === 'running'\n\n  return (\n    <div\n      className={cn(statusBadgeVariants({ size }), config.className, className)}\n      {...props}\n    >\n      {showPulse && isRunning ? (\n        <span className=\"relative flex h-2 w-2\">\n          <span className=\"absolute inline-flex h-full w-full animate-workflow-pulse rounded-full bg-workflow-running opacity-75\" />\n          <span className=\"relative inline-flex h-2 w-2 rounded-full bg-workflow-running\" />\n        </span>\n      ) : !hideIcon ? (\n        <Icon\n          className={cn(\n            'shrink-0',\n            size === 'xs' ? 'h-2.5 w-2.5' : size === 'sm' ? 'h-3 w-3' : 'h-3.5 w-3.5',\n            isRunning && 'animate-spin'\n          )}\n        />\n      ) : null}\n      {displayLabel}\n    </div>\n  )\n}\n\nexport { StatusBadge, STATUS_CONFIG }\n"],"names":["Loader2","CheckCircle2","XCircle","MinusCircle"],"mappings":";;;;;;;;;;;AAeA,MAAM,sBAAsB;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAEA,MAAM,gBAQF;AAAA,EACF,SAAS;AAAA,IACP,OAAO;AAAA,IACP,MAAMA;AAAAA,IACN,WAAW;AAAA,IACX,OAAO;AAAA,EAAA;AAAA,EAET,WAAW;AAAA,IACT,OAAO;AAAA,IACP,MAAMC;AAAAA,IACN,WAAW;AAAA,EAAA;AAAA,EAEb,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,MAAMC;AAAAA,IACN,WAAW;AAAA,EAAA;AAAA,EAEb,SAAS;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,EAAA;AAAA,EAEb,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,EAAA;AAAA,EAEb,WAAW;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,EAAA;AAAA,EAEb,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,MAAMC;AAAAA,IACN,WAAW;AAAA,EAAA;AAAA,EAEb,WAAW;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,EAAA;AAEf;AAeA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,GAAG;AACL,GAAqB;AACnB,QAAM,SAAS,cAAc,MAAM;AACnC,QAAM,OAAO,OAAO;AACpB,QAAM,eAAe,SAAS,OAAO;AACrC,QAAM,YAAY,WAAW;AAE7B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,oBAAoB,EAAE,MAAM,GAAG,OAAO,WAAW,SAAS;AAAA,MACvE,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA,aAAa,YACZ,qBAAC,QAAA,EAAK,WAAU,yBACd,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,wGAAA,CAAwG;AAAA,UACxH,oBAAC,QAAA,EAAK,WAAU,gEAAA,CAAgE;AAAA,QAAA,GAClF,IACE,CAAC,WACH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,SAAS,OAAO,gBAAgB,SAAS,OAAO,YAAY;AAAA,cAC5D,aAAa;AAAA,YAAA;AAAA,UACf;AAAA,QAAA,IAEA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/automation/task-card.d.ts

@@ -0,0 +1,14 @@
+import { Task } from '../../types/automation';
+import * as React from 'react';
+export interface TaskCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    task: Task;
+    /** Show/hide priority indicator */
+    showPriority?: boolean;
+    /** Called when card is clicked */
+    onSelect?: (task: Task) => void;
+    /** Compact single-line mode */
+    compact?: boolean;
+}
+declare function TaskCard({ className, task, showPriority, onSelect, compact, ...props }: TaskCardProps): import("react/jsx-runtime").JSX.Element;
+export { TaskCard };
+//# sourceMappingURL=task-card.d.ts.map

package/dist/components/automation/task-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-card.d.ts","sourceRoot":"","sources":["../../../src/components/automation/task-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,KAAK,EAAE,IAAI,EAAgB,MAAM,oBAAoB,CAAA;AAmB5D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC3F,IAAI,EAAE,IAAI,CAAA;IACV,mCAAmC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC/B,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,IAAI,EACJ,YAAmB,EACnB,QAAQ,EACR,OAAe,EACf,GAAG,KAAK,EACT,EAAE,aAAa,2CAsHf;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}