@contractspec/example.learning-journey-ui-coaching 3.7.17 → 3.7.19

package/dist/browser/views/Progress.js

@@ -1,344 +1 @@
-// src/components/EngagementMeter.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-function EngagementMeter({
-  acknowledged,
-  actioned,
-  pending,
-  streak = 0
-}) {
-  const total = acknowledged + actioned + pending;
-  const actionedPercent = total > 0 ? actioned / total * 100 : 0;
-  const acknowledgedPercent = total > 0 ? acknowledged / total * 100 : 0;
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "space-y-4",
-    children: [
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "flex items-center justify-center",
-        children: /* @__PURE__ */ jsxDEV("div", {
-          className: "relative h-32 w-32",
-          children: [
-            /* @__PURE__ */ jsxDEV("svg", {
-              className: "h-full w-full -rotate-90",
-              viewBox: "0 0 100 100",
-              children: [
-                /* @__PURE__ */ jsxDEV("circle", {
-                  cx: "50",
-                  cy: "50",
-                  r: "40",
-                  fill: "none",
-                  strokeWidth: "12",
-                  className: "stroke-muted"
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV("circle", {
-                  cx: "50",
-                  cy: "50",
-                  r: "40",
-                  fill: "none",
-                  strokeWidth: "12",
-                  strokeLinecap: "round",
-                  strokeDasharray: `${actionedPercent * 2.51} 251`,
-                  className: "stroke-green-500 transition-all duration-500"
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV("circle", {
-                  cx: "50",
-                  cy: "50",
-                  r: "40",
-                  fill: "none",
-                  strokeWidth: "12",
-                  strokeLinecap: "round",
-                  strokeDasharray: `${acknowledgedPercent * 2.51} 251`,
-                  strokeDashoffset: `${-actionedPercent * 2.51}`,
-                  className: "stroke-amber-500 transition-all duration-500"
-                }, undefined, false, undefined, this)
-              ]
-            }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV("div", {
-              className: "absolute inset-0 flex flex-col items-center justify-center",
-              children: [
-                /* @__PURE__ */ jsxDEV("span", {
-                  className: "font-bold text-2xl",
-                  children: total
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV("span", {
-                  className: "text-muted-foreground text-xs",
-                  children: "tips"
-                }, undefined, false, undefined, this)
-              ]
-            }, undefined, true, undefined, this)
-          ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "flex justify-center gap-4 text-sm",
-        children: [
-          /* @__PURE__ */ jsxDEV("div", {
-            className: "flex items-center gap-1.5",
-            children: [
-              /* @__PURE__ */ jsxDEV("div", {
-                className: "h-3 w-3 rounded-full bg-green-500"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("span", {
-                children: [
-                  "Actioned (",
-                  actioned,
-                  ")"
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
-            className: "flex items-center gap-1.5",
-            children: [
-              /* @__PURE__ */ jsxDEV("div", {
-                className: "h-3 w-3 rounded-full bg-amber-500"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("span", {
-                children: [
-                  "Acknowledged (",
-                  acknowledged,
-                  ")"
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
-            className: "flex items-center gap-1.5",
-            children: [
-              /* @__PURE__ */ jsxDEV("div", {
-                className: "h-3 w-3 rounded-full bg-muted"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("span", {
-                children: [
-                  "Pending (",
-                  pending,
-                  ")"
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      streak > 0 && /* @__PURE__ */ jsxDEV("div", {
-        className: "flex items-center justify-center gap-2 rounded-lg bg-orange-500/10 px-4 py-2",
-        children: [
-          /* @__PURE__ */ jsxDEV("span", {
-            className: "text-xl",
-            children: "\uD83D\uDD25"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("span", {
-            className: "font-semibold text-orange-500",
-            children: [
-              streak,
-              " day engagement streak!"
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/views/Progress.tsx
-import {
-  BadgeDisplay,
-  StreakCounter,
-  XpBar
-} from "@contractspec/example.learning-journey-ui-shared";
-import {
-  Card,
-  CardContent,
-  CardHeader,
-  CardTitle
-} from "@contractspec/lib.ui-kit-web/ui/card";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-"use client";
-function ProgressView({ track, progress }) {
-  const totalXp = track.totalXp ?? track.steps.reduce((sum, s) => sum + (s.xpReward ?? 0), 0);
-  const completedSteps = progress.completedStepIds.length;
-  const totalSteps = track.steps.length;
-  const pendingSteps = totalSteps - completedSteps;
-  const actioned = Math.floor(completedSteps * 0.7);
-  const acknowledged = completedSteps - actioned;
-  return /* @__PURE__ */ jsxDEV2("div", {
-    className: "space-y-6",
-    children: [
-      /* @__PURE__ */ jsxDEV2(Card, {
-        children: [
-          /* @__PURE__ */ jsxDEV2(CardHeader, {
-            children: /* @__PURE__ */ jsxDEV2(CardTitle, {
-              className: "flex items-center gap-2",
-              children: [
-                /* @__PURE__ */ jsxDEV2("span", {
-                  children: "\uD83D\uDCCA"
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV2("span", {
-                  children: "Engagement Overview"
-                }, undefined, false, undefined, this)
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2(CardContent, {
-            children: /* @__PURE__ */ jsxDEV2(EngagementMeter, {
-              actioned,
-              acknowledged,
-              pending: pendingSteps,
-              streak: progress.streakDays
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
-        className: "grid gap-4 md:grid-cols-2",
-        children: [
-          /* @__PURE__ */ jsxDEV2(Card, {
-            children: [
-              /* @__PURE__ */ jsxDEV2(CardHeader, {
-                className: "pb-2",
-                children: /* @__PURE__ */ jsxDEV2(CardTitle, {
-                  className: "font-medium text-muted-foreground text-sm",
-                  children: "XP Earned"
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2(CardContent, {
-                className: "space-y-3",
-                children: [
-                  /* @__PURE__ */ jsxDEV2("div", {
-                    className: "flex items-baseline gap-2",
-                    children: [
-                      /* @__PURE__ */ jsxDEV2("span", {
-                        className: "font-bold text-3xl text-orange-500",
-                        children: progress.xpEarned
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("span", {
-                        className: "text-muted-foreground",
-                        children: [
-                          "/ ",
-                          totalXp,
-                          " XP"
-                        ]
-                      }, undefined, true, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV2(XpBar, {
-                    current: progress.xpEarned,
-                    max: totalXp,
-                    showLabel: false,
-                    size: "lg"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2(Card, {
-            children: [
-              /* @__PURE__ */ jsxDEV2(CardHeader, {
-                className: "pb-2",
-                children: /* @__PURE__ */ jsxDEV2(CardTitle, {
-                  className: "font-medium text-muted-foreground text-sm",
-                  children: "Engagement Streak"
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2(CardContent, {
-                children: /* @__PURE__ */ jsxDEV2("div", {
-                  className: "flex items-center gap-4",
-                  children: [
-                    /* @__PURE__ */ jsxDEV2(StreakCounter, {
-                      days: progress.streakDays,
-                      size: "lg"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV2("div", {
-                      className: "text-muted-foreground text-sm",
-                      children: progress.streakDays > 0 ? "Keep going!" : "Start your streak today!"
-                    }, undefined, false, undefined, this)
-                  ]
-                }, undefined, true, undefined, this)
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV2(Card, {
-        children: [
-          /* @__PURE__ */ jsxDEV2(CardHeader, {
-            children: /* @__PURE__ */ jsxDEV2(CardTitle, {
-              className: "flex items-center gap-2",
-              children: [
-                /* @__PURE__ */ jsxDEV2("span", {
-                  children: "\uD83C\uDFC5"
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV2("span", {
-                  children: "Achievements"
-                }, undefined, false, undefined, this)
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2(CardContent, {
-            children: [
-              /* @__PURE__ */ jsxDEV2(BadgeDisplay, {
-                badges: progress.badges,
-                size: "lg",
-                maxVisible: 10
-              }, undefined, false, undefined, this),
-              progress.badges.length === 0 && /* @__PURE__ */ jsxDEV2("p", {
-                className: "text-muted-foreground text-sm",
-                children: "Action tips to unlock achievements!"
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV2(Card, {
-        children: [
-          /* @__PURE__ */ jsxDEV2(CardHeader, {
-            children: /* @__PURE__ */ jsxDEV2(CardTitle, {
-              className: "flex items-center gap-2",
-              children: [
-                /* @__PURE__ */ jsxDEV2("span", {
-                  children: "\uD83D\uDCA1"
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV2("span", {
-                  children: "Tip Status"
-                }, undefined, false, undefined, this)
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2(CardContent, {
-            children: /* @__PURE__ */ jsxDEV2("div", {
-              className: "space-y-3",
-              children: track.steps.map((step) => {
-                const isCompleted = progress.completedStepIds.includes(step.id);
-                return /* @__PURE__ */ jsxDEV2("div", {
-                  className: "flex items-center justify-between rounded-lg border p-3",
-                  children: [
-                    /* @__PURE__ */ jsxDEV2("div", {
-                      className: "flex items-center gap-3",
-                      children: [
-                        /* @__PURE__ */ jsxDEV2("span", {
-                          className: isCompleted ? "text-green-500" : "text-amber-500",
-                          children: isCompleted ? "✓" : "○"
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV2("span", {
-                          className: isCompleted ? "text-muted-foreground" : "text-foreground",
-                          children: step.title
-                        }, undefined, false, undefined, this)
-                      ]
-                    }, undefined, true, undefined, this),
-                    /* @__PURE__ */ jsxDEV2("span", {
-                      className: `text-sm ${isCompleted ? "text-green-500" : "text-muted-foreground"}`,
-                      children: isCompleted ? "Actioned" : "Pending"
-                    }, undefined, false, undefined, this)
-                  ]
-                }, step.id, true, undefined, this);
-              })
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-export {
-  ProgressView,
-  ProgressView as Progress
-};
+import{jsx as F,jsxs as z}from"react/jsx-runtime";function _({acknowledged:G,actioned:v,pending:N,streak:J=0}){let K=G+v+N,Y=K>0?v/K*100:0,Z=K>0?G/K*100:0;return z("div",{className:"space-y-4",children:[F("div",{className:"flex items-center justify-center",children:z("div",{className:"relative h-32 w-32",children:[z("svg",{className:"h-full w-full -rotate-90",viewBox:"0 0 100 100",children:[F("circle",{cx:"50",cy:"50",r:"40",fill:"none",strokeWidth:"12",className:"stroke-muted"}),F("circle",{cx:"50",cy:"50",r:"40",fill:"none",strokeWidth:"12",strokeLinecap:"round",strokeDasharray:`${Y*2.51} 251`,className:"stroke-green-500 transition-all duration-500"}),F("circle",{cx:"50",cy:"50",r:"40",fill:"none",strokeWidth:"12",strokeLinecap:"round",strokeDasharray:`${Z*2.51} 251`,strokeDashoffset:`${-Y*2.51}`,className:"stroke-amber-500 transition-all duration-500"})]}),z("div",{className:"absolute inset-0 flex flex-col items-center justify-center",children:[F("span",{className:"font-bold text-2xl",children:K}),F("span",{className:"text-muted-foreground text-xs",children:"tips"})]})]})}),z("div",{className:"flex justify-center gap-4 text-sm",children:[z("div",{className:"flex items-center gap-1.5",children:[F("div",{className:"h-3 w-3 rounded-full bg-green-500"}),z("span",{children:["Actioned (",v,")"]})]}),z("div",{className:"flex items-center gap-1.5",children:[F("div",{className:"h-3 w-3 rounded-full bg-amber-500"}),z("span",{children:["Acknowledged (",G,")"]})]}),z("div",{className:"flex items-center gap-1.5",children:[F("div",{className:"h-3 w-3 rounded-full bg-muted"}),z("span",{children:["Pending (",N,")"]})]})]}),J>0&&z("div",{className:"flex items-center justify-center gap-2 rounded-lg bg-orange-500/10 px-4 py-2",children:[F("span",{className:"text-xl",children:"\uD83D\uDD25"}),z("span",{className:"font-semibold text-orange-500",children:[J," day engagement streak!"]})]})]})}import{BadgeDisplay as A,StreakCounter as D,XpBar as L}from"@contractspec/example.learning-journey-ui-shared";import{Card as Q,CardContent as R,CardHeader as U,CardTitle as W}from"@contractspec/lib.ui-kit-web/ui/card";import{jsx as h,jsxs as q}from"react/jsx-runtime";function M({track:G,progress:v}){let N=G.totalXp??G.steps.reduce((O,I)=>O+(I.xpReward??0),0),J=v.completedStepIds.length,Y=G.steps.length-J,Z=Math.floor(J*0.7),$=J-Z;return q("div",{className:"space-y-6",children:[q(Q,{children:[h(U,{children:q(W,{className:"flex items-center gap-2",children:[h("span",{children:"\uD83D\uDCCA"}),h("span",{children:"Engagement Overview"})]})}),h(R,{children:h(_,{actioned:Z,acknowledged:$,pending:Y,streak:v.streakDays})})]}),q("div",{className:"grid gap-4 md:grid-cols-2",children:[q(Q,{children:[h(U,{className:"pb-2",children:h(W,{className:"font-medium text-muted-foreground text-sm",children:"XP Earned"})}),q(R,{className:"space-y-3",children:[q("div",{className:"flex items-baseline gap-2",children:[h("span",{className:"font-bold text-3xl text-orange-500",children:v.xpEarned}),q("span",{className:"text-muted-foreground",children:["/ ",N," XP"]})]}),h(L,{current:v.xpEarned,max:N,showLabel:!1,size:"lg"})]})]}),q(Q,{children:[h(U,{className:"pb-2",children:h(W,{className:"font-medium text-muted-foreground text-sm",children:"Engagement Streak"})}),h(R,{children:q("div",{className:"flex items-center gap-4",children:[h(D,{days:v.streakDays,size:"lg"}),h("div",{className:"text-muted-foreground text-sm",children:v.streakDays>0?"Keep going!":"Start your streak today!"})]})})]})]}),q(Q,{children:[h(U,{children:q(W,{className:"flex items-center gap-2",children:[h("span",{children:"\uD83C\uDFC5"}),h("span",{children:"Achievements"})]})}),q(R,{children:[h(A,{badges:v.badges,size:"lg",maxVisible:10}),v.badges.length===0&&h("p",{className:"text-muted-foreground text-sm",children:"Action tips to unlock achievements!"})]})]}),q(Q,{children:[h(U,{children:q(W,{className:"flex items-center gap-2",children:[h("span",{children:"\uD83D\uDCA1"}),h("span",{children:"Tip Status"})]})}),h(R,{children:h("div",{className:"space-y-3",children:G.steps.map((O)=>{let I=v.completedStepIds.includes(O.id);return q("div",{className:"flex items-center justify-between rounded-lg border p-3",children:[q("div",{className:"flex items-center gap-3",children:[h("span",{className:I?"text-green-500":"text-amber-500",children:I?"✓":"○"}),h("span",{className:I?"text-muted-foreground":"text-foreground",children:O.title})]}),h("span",{className:`text-sm ${I?"text-green-500":"text-muted-foreground"}`,children:I?"Actioned":"Pending"})]},O.id)})})})]})]})}export{M as ProgressView,M as Progress};

package/dist/browser/views/Steps.js

@@ -1,159 +1 @@
-// src/components/TipCard.tsx
-import { Button } from "@contractspec/lib.design-system";
-import { Card, CardContent } from "@contractspec/lib.ui-kit-web/ui/card";
-import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-var TIP_ICONS = {
-  cash_buffer_too_high: "\uD83D\uDCB0",
-  no_savings_goal: "\uD83C\uDFAF",
-  irregular_savings: "\uD83D\uDCC5",
-  noise_late_evening: "\uD83D\uDD07",
-  guest_frequency_high: "\uD83D\uDC65",
-  shared_space_conflicts: "\uD83C\uDFE0",
-  default: "\uD83D\uDCA1"
-};
-function TipCard({
-  step,
-  isCompleted,
-  isCurrent,
-  onComplete,
-  onDismiss
-}) {
-  const tipId = step.metadata?.tipId ?? "default";
-  const icon = TIP_ICONS[tipId] ?? TIP_ICONS.default;
-  return /* @__PURE__ */ jsxDEV(Card, {
-    className: cn("transition-all", isCompleted && "opacity-60", isCurrent && "ring-2 ring-amber-500"),
-    children: /* @__PURE__ */ jsxDEV(CardContent, {
-      className: "p-4",
-      children: /* @__PURE__ */ jsxDEV("div", {
-        className: "flex gap-4",
-        children: [
-          /* @__PURE__ */ jsxDEV("div", {
-            className: cn("flex h-12 w-12 shrink-0 items-center justify-center rounded-xl text-2xl", isCompleted ? "bg-green-500/10" : isCurrent ? "bg-amber-500/10" : "bg-muted"),
-            children: isCompleted ? "✓" : icon
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
-            className: "min-w-0 flex-1",
-            children: [
-              /* @__PURE__ */ jsxDEV("div", {
-                className: "flex items-start justify-between gap-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV("h4", {
-                    className: "font-semibold",
-                    children: step.title
-                  }, undefined, false, undefined, this),
-                  step.xpReward && /* @__PURE__ */ jsxDEV("span", {
-                    className: cn("shrink-0 rounded-full px-2 py-0.5 font-semibold text-xs", isCompleted ? "bg-green-500/10 text-green-500" : "bg-amber-500/10 text-amber-500"),
-                    children: [
-                      "+",
-                      step.xpReward,
-                      " XP"
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("p", {
-                className: "mt-1 text-muted-foreground text-sm",
-                children: step.description
-              }, undefined, false, undefined, this),
-              !isCompleted && /* @__PURE__ */ jsxDEV("div", {
-                className: "mt-3 flex flex-wrap gap-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV(Button, {
-                    size: "sm",
-                    onClick: onComplete,
-                    children: "Take Action"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV(Button, {
-                    variant: "outline",
-                    size: "sm",
-                    onClick: onDismiss,
-                    children: "Dismiss"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              isCompleted && /* @__PURE__ */ jsxDEV("p", {
-                className: "mt-2 text-green-500 text-sm",
-                children: "✓ Tip acknowledged"
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-
-// src/views/Steps.tsx
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-"use client";
-function Steps({ track, progress, onStepComplete }) {
-  const completedSteps = progress.completedStepIds.length;
-  const totalSteps = track.steps.length;
-  const sortedSteps = [...track.steps].sort((a, b) => {
-    const aCompleted = progress.completedStepIds.includes(a.id);
-    const bCompleted = progress.completedStepIds.includes(b.id);
-    if (aCompleted === bCompleted)
-      return 0;
-    return aCompleted ? 1 : -1;
-  });
-  const currentStepId = track.steps.find((s) => !progress.completedStepIds.includes(s.id))?.id;
-  return /* @__PURE__ */ jsxDEV2("div", {
-    className: "space-y-6",
-    children: [
-      /* @__PURE__ */ jsxDEV2("div", {
-        className: "text-center",
-        children: [
-          /* @__PURE__ */ jsxDEV2("h2", {
-            className: "font-bold text-xl",
-            children: "Coaching Tips"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2("p", {
-            className: "text-muted-foreground",
-            children: "Review and take action on personalized tips"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2("p", {
-            className: "mt-2 text-muted-foreground text-sm",
-            children: [
-              completedSteps,
-              " of ",
-              totalSteps,
-              " tips actioned"
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
-        className: "space-y-3",
-        children: sortedSteps.map((step) => {
-          const isCompleted = progress.completedStepIds.includes(step.id);
-          const isCurrent = step.id === currentStepId;
-          return /* @__PURE__ */ jsxDEV2(TipCard, {
-            step,
-            isCompleted,
-            isCurrent,
-            onComplete: () => onStepComplete?.(step.id),
-            onDismiss: () => onStepComplete?.(step.id)
-          }, step.id, false, undefined, this);
-        })
-      }, undefined, false, undefined, this),
-      completedSteps === totalSteps && /* @__PURE__ */ jsxDEV2("div", {
-        className: "text-center text-muted-foreground",
-        children: [
-          /* @__PURE__ */ jsxDEV2("span", {
-            className: "text-2xl",
-            children: "✨"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2("p", {
-            className: "mt-2",
-            children: "All tips have been addressed!"
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-export {
-  Steps
-};
+import{Button as W}from"@contractspec/lib.design-system";import{Card as $,CardContent as f}from"@contractspec/lib.ui-kit-web/ui/card";import{cn as V}from"@contractspec/lib.ui-kit-web/ui/utils";import{jsx as z,jsxs as G}from"react/jsx-runtime";var X={cash_buffer_too_high:"\uD83D\uDCB0",no_savings_goal:"\uD83C\uDFAF",irregular_savings:"\uD83D\uDCC5",noise_late_evening:"\uD83D\uDD07",guest_frequency_high:"\uD83D\uDC65",shared_space_conflicts:"\uD83C\uDFE0",default:"\uD83D\uDCA1"};function Y({step:y,isCompleted:q,isCurrent:F,onComplete:J,onDismiss:K}){let Q=y.metadata?.tipId??"default",R=X[Q]??X.default;return z($,{className:V("transition-all",q&&"opacity-60",F&&"ring-2 ring-amber-500"),children:z(f,{className:"p-4",children:G("div",{className:"flex gap-4",children:[z("div",{className:V("flex h-12 w-12 shrink-0 items-center justify-center rounded-xl text-2xl",q?"bg-green-500/10":F?"bg-amber-500/10":"bg-muted"),children:q?"✓":R}),G("div",{className:"min-w-0 flex-1",children:[G("div",{className:"flex items-start justify-between gap-2",children:[z("h4",{className:"font-semibold",children:y.title}),y.xpReward&&G("span",{className:V("shrink-0 rounded-full px-2 py-0.5 font-semibold text-xs",q?"bg-green-500/10 text-green-500":"bg-amber-500/10 text-amber-500"),children:["+",y.xpReward," XP"]})]}),z("p",{className:"mt-1 text-muted-foreground text-sm",children:y.description}),!q&&G("div",{className:"mt-3 flex flex-wrap gap-2",children:[z(W,{size:"sm",onClick:J,children:"Take Action"}),z(W,{variant:"outline",size:"sm",onClick:K,children:"Dismiss"})]}),q&&z("p",{className:"mt-2 text-green-500 text-sm",children:"✓ Tip acknowledged"})]})]})})})}import{jsx as E,jsxs as M}from"react/jsx-runtime";function N({track:y,progress:q,onStepComplete:F}){let J=q.completedStepIds.length,K=y.steps.length,Q=[...y.steps].sort((v,U)=>{let L=q.completedStepIds.includes(v.id),Z=q.completedStepIds.includes(U.id);if(L===Z)return 0;return L?1:-1}),R=y.steps.find((v)=>!q.completedStepIds.includes(v.id))?.id;return M("div",{className:"space-y-6",children:[M("div",{className:"text-center",children:[E("h2",{className:"font-bold text-xl",children:"Coaching Tips"}),E("p",{className:"text-muted-foreground",children:"Review and take action on personalized tips"}),M("p",{className:"mt-2 text-muted-foreground text-sm",children:[J," of ",K," tips actioned"]})]}),E("div",{className:"space-y-3",children:Q.map((v)=>{let U=q.completedStepIds.includes(v.id),L=v.id===R;return E(Y,{step:v,isCompleted:U,isCurrent:L,onComplete:()=>F?.(v.id),onDismiss:()=>F?.(v.id)},v.id)})}),J===K&&M("div",{className:"text-center text-muted-foreground",children:[E("span",{className:"text-2xl",children:"✨"}),E("p",{className:"mt-2",children:"All tips have been addressed!"})]})]})}export{N as Steps};