@dilipod/ui 0.4.19 → 0.4.21

package/dist/components/scenarios-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scenarios-manager.d.ts","sourceRoot":"","sources":["../../src/components/scenarios-manager.tsx"],"names":[],"mappings":"AAmBA,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG,kBAAkB,GAAG,eAAe,GAAG,WAAW,CAAA;AAE5F,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,YAAY,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,YAAY,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,QAAQ,EAAE,CAAA;IACrB,KAAK,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACxD,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACvE,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACvC,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAChC,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAClC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,0CAA0C;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAoOD,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAgB,EAChB,SAAS,EACT,UAAkB,EAClB,sBAA0B,EAC1B,eAAsB,EACtB,SAAS,GACV,EAAE,qBAAqB,2CAsMvB"}
+{"version":3,"file":"scenarios-manager.d.ts","sourceRoot":"","sources":["../../src/components/scenarios-manager.tsx"],"names":[],"mappings":"AAmBA,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG,kBAAkB,GAAG,eAAe,GAAG,WAAW,CAAA;AAE5F,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,YAAY,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,YAAY,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,QAAQ,EAAE,CAAA;IACrB,KAAK,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACxD,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACvE,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACvC,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAChC,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAClC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,0CAA0C;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA+ND,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAgB,EAChB,SAAS,EACT,UAAkB,EAClB,sBAA0B,EAC1B,eAAsB,EACtB,SAAS,GACV,EAAE,qBAAqB,2CAgMvB"}

package/dist/index.js

@@ -4257,17 +4257,16 @@ function ScenarioCard({
 }) {
   const config = typeConfig[scenario.type];
   const Icon = config.icon;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "group relative border border-border rounded-sm p-4 hover:border-[var(--cyan)]/30 hover:bg-[var(--cyan)]/[0.02] transition-all", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group relative flex items-start justify-between gap-3 py-3 border-b border-border/50 last:border-b-0", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-9 h-9 rounded-sm flex items-center justify-center shrink-0", config.bgColor), children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: 18, weight: "fill", className: config.color }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 mb-1.5", children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "outline", size: "sm", className: "font-medium", children: config.label }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-8 h-8 rounded-full flex items-center justify-center shrink-0", config.bgColor), children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: 16, weight: "fill", className: config.color }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0 pt-0.5", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-[var(--black)]", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "When:" }),
           " ",
           scenario.situation
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground mt-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground mt-0.5", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[var(--black)] font-medium", children: "Action:" }),
           " ",
           scenario.action
@@ -4280,9 +4279,9 @@ function ScenarioCard({
         {
           variant: "ghost",
           size: "icon",
-          className: "h-8 w-8 text-muted-foreground hover:text-[var(--black)]",
+          className: "h-7 w-7 text-muted-foreground hover:text-[var(--black)]",
           onClick: onEdit,
-          children: /* @__PURE__ */ jsxRuntime.jsx(react_star.PencilSimple, { size: 16 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(react_star.PencilSimple, { size: 14 })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -4290,13 +4289,13 @@ function ScenarioCard({
         {
           variant: "ghost",
           size: "icon",
-          className: "h-8 w-8 text-muted-foreground hover:text-red-600 hover:bg-red-50",
+          className: "h-7 w-7 text-muted-foreground hover:text-red-600 hover:bg-red-50",
           onClick: onDelete,
-          children: /* @__PURE__ */ jsxRuntime.jsx(react_star.Trash, { size: 16 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(react_star.Trash, { size: 14 })
         }
       )
     ] })
-  ] }) });
+  ] });
 }
 function SuggestionChip({
   suggestion,
@@ -4475,31 +4474,27 @@ function ScenariosManager({
       {
         type: "button",
         onClick: () => setIsExpanded(!isExpanded),
-        className: "w-full flex items-center justify-between hover:bg-muted/30 -mx-2 px-2 py-1 rounded-sm transition-colors",
+        className: "w-full flex items-center justify-between border border-border/50 px-4 py-3 rounded-lg hover:bg-muted/30 transition-colors",
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-10 rounded-sm bg-[var(--cyan)]/10 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(react_star.Lightning, { size: 20, weight: "fill", className: "text-[var(--cyan)]" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-10 rounded-lg bg-[var(--cyan)]/10 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(react_star.Lightning, { size: 20, weight: "fill", className: "text-[var(--cyan)]" }) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-left", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-[var(--black)]", children: "Scenarios" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: scenarios.length === 0 ? "Define rules for edge cases and escalations" : `${scenarios.length} scenario${scenarios.length === 1 ? "" : "s"} defined` })
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-[var(--black)]", children: "Scenarios" }),
+                isComplete && /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: "primary", size: "sm", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(react_star.CheckCircle, { size: 12, weight: "fill" }),
+                  "Complete"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: scenarios.length === 0 ? "Define rules for edge cases" : `${scenarios.length} scenario${scenarios.length === 1 ? "" : "s"} defined` })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            isComplete && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-[var(--cyan)]", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(react_star.CheckCircle, { size: 16, weight: "fill" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "Complete" })
-            ] }),
-            isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(react_star.CaretUp, { size: 20, className: "text-muted-foreground" }) : /* @__PURE__ */ jsxRuntime.jsx(react_star.CaretDown, { size: 20, className: "text-muted-foreground" })
-          ] })
+          isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(react_star.CaretUp, { size: 20, className: "text-muted-foreground" }) : /* @__PURE__ */ jsxRuntime.jsx(react_star.CaretDown, { size: 20, className: "text-muted-foreground" })
         ]
       }
     ),
     isExpanded && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", size: "sm", onClick: handleAddClick, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(react_star.Plus, { size: 16, className: "mr-1" }),
-        "Add scenario"
-      ] }) }),
-      scenarios.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-3", children: scenarios.map((scenario) => /* @__PURE__ */ jsxRuntime.jsx(
+      scenarios.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4", children: scenarios.map((scenario) => /* @__PURE__ */ jsxRuntime.jsx(
         ScenarioCard,
         {
           scenario,
@@ -4508,15 +4503,18 @@ function ScenariosManager({
         },
         scenario.id
       )) }),
-      scenarios.length === 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border border-dashed border-border rounded-sm p-8 text-center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-sm bg-muted flex items-center justify-center mx-auto mb-3", children: /* @__PURE__ */ jsxRuntime.jsx(react_star.Lightning, { size: 24, className: "text-muted-foreground" }) }),
+      scenarios.length === 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-6 text-center", children: [
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4", children: "No scenarios yet. Add rules for how the worker should handle edge cases." }),
         /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", size: "sm", onClick: handleAddClick, children: [
           /* @__PURE__ */ jsxRuntime.jsx(react_star.Plus, { size: 16, className: "mr-1.5" }),
           "Add your first scenario"
         ] })
       ] }),
-      filteredSuggestions.length > 0 && !isComplete && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pt-2", children: [
+      scenarios.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pt-2", children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "ghost", size: "sm", onClick: handleAddClick, className: "text-muted-foreground hover:text-[var(--black)]", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(react_star.Plus, { size: 16, className: "mr-1.5" }),
+        "Add scenario"
+      ] }) }),
+      filteredSuggestions.length > 0 && !isComplete && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 pt-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mb-2", children: "Suggested scenarios:" }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: filteredSuggestions.map((suggestion, index) => /* @__PURE__ */ jsxRuntime.jsx(
           SuggestionChip,
@@ -4528,11 +4526,8 @@ function ScenariosManager({
           index
         )) })
       ] }),
-      canComplete && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-4 border-t border-border", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4 bg-[var(--cyan)]/5 rounded-sm p-4 -mx-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-[var(--black)]", children: "Ready to proceed?" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: "Mark your scenarios as complete to continue with the onboarding." })
-        ] }),
+      canComplete && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pt-4 mt-2 border-t border-border/50", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Mark your scenarios as complete to continue." }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           Button,
           {
@@ -4548,7 +4543,7 @@ function ScenariosManager({
           }
         )
       ] }) }),
-      isComplete && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-4 border-t border-border", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "You can still add or edit scenarios while we build your worker." }) })
+      isComplete && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pt-3 mt-2 border-t border-border/50", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "You can still add or edit scenarios while we build your worker." }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
       ScenarioDialog,