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

package/dist/browser/components/EngagementMeter.js

@@ -1,143 +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);
-}
-export {
-  EngagementMeter
-};
+import{jsx as q,jsxs as h}from"react/jsx-runtime";function G({acknowledged:z,actioned:B,pending:C,streak:D=0}){let v=z+B+C,E=v>0?B/v*100:0,F=v>0?z/v*100:0;return h("div",{className:"space-y-4",children:[q("div",{className:"flex items-center justify-center",children:h("div",{className:"relative h-32 w-32",children:[h("svg",{className:"h-full w-full -rotate-90",viewBox:"0 0 100 100",children:[q("circle",{cx:"50",cy:"50",r:"40",fill:"none",strokeWidth:"12",className:"stroke-muted"}),q("circle",{cx:"50",cy:"50",r:"40",fill:"none",strokeWidth:"12",strokeLinecap:"round",strokeDasharray:`${E*2.51} 251`,className:"stroke-green-500 transition-all duration-500"}),q("circle",{cx:"50",cy:"50",r:"40",fill:"none",strokeWidth:"12",strokeLinecap:"round",strokeDasharray:`${F*2.51} 251`,strokeDashoffset:`${-E*2.51}`,className:"stroke-amber-500 transition-all duration-500"})]}),h("div",{className:"absolute inset-0 flex flex-col items-center justify-center",children:[q("span",{className:"font-bold text-2xl",children:v}),q("span",{className:"text-muted-foreground text-xs",children:"tips"})]})]})}),h("div",{className:"flex justify-center gap-4 text-sm",children:[h("div",{className:"flex items-center gap-1.5",children:[q("div",{className:"h-3 w-3 rounded-full bg-green-500"}),h("span",{children:["Actioned (",B,")"]})]}),h("div",{className:"flex items-center gap-1.5",children:[q("div",{className:"h-3 w-3 rounded-full bg-amber-500"}),h("span",{children:["Acknowledged (",z,")"]})]}),h("div",{className:"flex items-center gap-1.5",children:[q("div",{className:"h-3 w-3 rounded-full bg-muted"}),h("span",{children:["Pending (",C,")"]})]})]}),D>0&&h("div",{className:"flex items-center justify-center gap-2 rounded-lg bg-orange-500/10 px-4 py-2",children:[q("span",{className:"text-xl",children:"\uD83D\uDD25"}),h("span",{className:"font-semibold text-orange-500",children:[D," day engagement streak!"]})]})]})}export{G as EngagementMeter};

package/dist/browser/components/TipCard.js

@@ -1,89 +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);
-}
-export {
-  TipCard
-};
+import{Button as z}from"@contractspec/lib.design-system";import{Card as J,CardContent as K}from"@contractspec/lib.ui-kit-web/ui/card";import{cn as v}from"@contractspec/lib.ui-kit-web/ui/utils";import{jsx as f,jsxs as q}from"react/jsx-runtime";var A={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 R({step:h,isCompleted:g,isCurrent:y,onComplete:E,onDismiss:F}){let G=h.metadata?.tipId??"default",H=A[G]??A.default;return f(J,{className:v("transition-all",g&&"opacity-60",y&&"ring-2 ring-amber-500"),children:f(K,{className:"p-4",children:q("div",{className:"flex gap-4",children:[f("div",{className:v("flex h-12 w-12 shrink-0 items-center justify-center rounded-xl text-2xl",g?"bg-green-500/10":y?"bg-amber-500/10":"bg-muted"),children:g?"✓":H}),q("div",{className:"min-w-0 flex-1",children:[q("div",{className:"flex items-start justify-between gap-2",children:[f("h4",{className:"font-semibold",children:h.title}),h.xpReward&&q("span",{className:v("shrink-0 rounded-full px-2 py-0.5 font-semibold text-xs",g?"bg-green-500/10 text-green-500":"bg-amber-500/10 text-amber-500"),children:["+",h.xpReward," XP"]})]}),f("p",{className:"mt-1 text-muted-foreground text-sm",children:h.description}),!g&&q("div",{className:"mt-3 flex flex-wrap gap-2",children:[f(z,{size:"sm",onClick:E,children:"Take Action"}),f(z,{variant:"outline",size:"sm",onClick:F,children:"Dismiss"})]}),g&&f("p",{className:"mt-2 text-green-500 text-sm",children:"✓ Tip acknowledged"})]})]})})})}export{R as TipCard};

package/dist/browser/components/TipFeed.js

@@ -1,90 +1 @@
-// src/components/TipFeed.tsx
-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 TipFeed({ items }) {
-  if (items.length === 0) {
-    return /* @__PURE__ */ jsxDEV("div", {
-      className: "py-8 text-center text-muted-foreground",
-      children: "No tips yet. Start engaging with coaching tips!"
-    }, undefined, false, undefined, this);
-  }
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "relative",
-    children: [
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "absolute top-0 left-4 h-full w-0.5 bg-border"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "space-y-4",
-        children: items.map((item) => {
-          const tipId = item.step.metadata?.tipId ?? "default";
-          const icon = TIP_ICONS[tipId] ?? TIP_ICONS.default;
-          return /* @__PURE__ */ jsxDEV("div", {
-            className: "relative flex gap-4 pl-2",
-            children: [
-              /* @__PURE__ */ jsxDEV("div", {
-                className: cn("relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-sm", item.isCompleted ? "bg-green-500 text-white" : "bg-muted text-muted-foreground"),
-                children: item.isCompleted ? "✓" : icon
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
-                className: "flex-1 rounded-lg border bg-card p-3",
-                children: [
-                  /* @__PURE__ */ jsxDEV("div", {
-                    className: "flex items-start justify-between gap-2",
-                    children: [
-                      /* @__PURE__ */ jsxDEV("div", {
-                        children: [
-                          /* @__PURE__ */ jsxDEV("p", {
-                            className: "font-medium",
-                            children: item.step.title
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV("p", {
-                            className: "mt-0.5 text-muted-foreground text-sm",
-                            children: item.step.description
-                          }, undefined, false, undefined, this)
-                        ]
-                      }, undefined, true, undefined, this),
-                      item.step.xpReward && /* @__PURE__ */ jsxDEV("span", {
-                        className: cn("shrink-0 font-medium text-xs", item.isCompleted ? "text-green-500" : "text-muted-foreground"),
-                        children: [
-                          "+",
-                          item.step.xpReward,
-                          " XP"
-                        ]
-                      }, undefined, true, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV("div", {
-                    className: "mt-2 flex items-center gap-2 text-muted-foreground text-xs",
-                    children: item.isCompleted ? /* @__PURE__ */ jsxDEV("span", {
-                      className: "text-green-500",
-                      children: [
-                        "✓ Completed",
-                        item.completedAt && ` • ${item.completedAt}`
-                      ]
-                    }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV("span", {
-                      children: "Pending action"
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, item.step.id, true, undefined, this);
-        })
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-export {
-  TipFeed
-};
+import{cn as v}from"@contractspec/lib.ui-kit-web/ui/utils";import{jsx as g,jsxs as h}from"react/jsx-runtime";var y={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 D({items:q}){if(q.length===0)return g("div",{className:"py-8 text-center text-muted-foreground",children:"No tips yet. Start engaging with coaching tips!"});return h("div",{className:"relative",children:[g("div",{className:"absolute top-0 left-4 h-full w-0.5 bg-border"}),g("div",{className:"space-y-4",children:q.map((f)=>{let z=f.step.metadata?.tipId??"default",A=y[z]??y.default;return h("div",{className:"relative flex gap-4 pl-2",children:[g("div",{className:v("relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-sm",f.isCompleted?"bg-green-500 text-white":"bg-muted text-muted-foreground"),children:f.isCompleted?"✓":A}),h("div",{className:"flex-1 rounded-lg border bg-card p-3",children:[h("div",{className:"flex items-start justify-between gap-2",children:[h("div",{children:[g("p",{className:"font-medium",children:f.step.title}),g("p",{className:"mt-0.5 text-muted-foreground text-sm",children:f.step.description})]}),f.step.xpReward&&h("span",{className:v("shrink-0 font-medium text-xs",f.isCompleted?"text-green-500":"text-muted-foreground"),children:["+",f.step.xpReward," XP"]})]}),g("div",{className:"mt-2 flex items-center gap-2 text-muted-foreground text-xs",children:f.isCompleted?h("span",{className:"text-green-500",children:["✓ Completed",f.completedAt&&` • ${f.completedAt}`]}):g("span",{children:"Pending action"})})]})]},f.step.id)})})]})}export{D as TipFeed};

package/dist/browser/components/index.js

@@ -1,320 +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/components/EngagementMeter.tsx
-import { jsxDEV as jsxDEV2 } 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__ */ jsxDEV2("div", {
-    className: "space-y-4",
-    children: [
-      /* @__PURE__ */ jsxDEV2("div", {
-        className: "flex items-center justify-center",
-        children: /* @__PURE__ */ jsxDEV2("div", {
-          className: "relative h-32 w-32",
-          children: [
-            /* @__PURE__ */ jsxDEV2("svg", {
-              className: "h-full w-full -rotate-90",
-              viewBox: "0 0 100 100",
-              children: [
-                /* @__PURE__ */ jsxDEV2("circle", {
-                  cx: "50",
-                  cy: "50",
-                  r: "40",
-                  fill: "none",
-                  strokeWidth: "12",
-                  className: "stroke-muted"
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV2("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__ */ jsxDEV2("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__ */ jsxDEV2("div", {
-              className: "absolute inset-0 flex flex-col items-center justify-center",
-              children: [
-                /* @__PURE__ */ jsxDEV2("span", {
-                  className: "font-bold text-2xl",
-                  children: total
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV2("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__ */ jsxDEV2("div", {
-        className: "flex justify-center gap-4 text-sm",
-        children: [
-          /* @__PURE__ */ jsxDEV2("div", {
-            className: "flex items-center gap-1.5",
-            children: [
-              /* @__PURE__ */ jsxDEV2("div", {
-                className: "h-3 w-3 rounded-full bg-green-500"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("span", {
-                children: [
-                  "Actioned (",
-                  actioned,
-                  ")"
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2("div", {
-            className: "flex items-center gap-1.5",
-            children: [
-              /* @__PURE__ */ jsxDEV2("div", {
-                className: "h-3 w-3 rounded-full bg-amber-500"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("span", {
-                children: [
-                  "Acknowledged (",
-                  acknowledged,
-                  ")"
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV2("div", {
-            className: "flex items-center gap-1.5",
-            children: [
-              /* @__PURE__ */ jsxDEV2("div", {
-                className: "h-3 w-3 rounded-full bg-muted"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("span", {
-                children: [
-                  "Pending (",
-                  pending,
-                  ")"
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      streak > 0 && /* @__PURE__ */ jsxDEV2("div", {
-        className: "flex items-center justify-center gap-2 rounded-lg bg-orange-500/10 px-4 py-2",
-        children: [
-          /* @__PURE__ */ jsxDEV2("span", {
-            className: "text-xl",
-            children: "\uD83D\uDD25"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2("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/components/TipFeed.tsx
-import { cn as cn2 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
-"use client";
-var TIP_ICONS2 = {
-  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 TipFeed({ items }) {
-  if (items.length === 0) {
-    return /* @__PURE__ */ jsxDEV3("div", {
-      className: "py-8 text-center text-muted-foreground",
-      children: "No tips yet. Start engaging with coaching tips!"
-    }, undefined, false, undefined, this);
-  }
-  return /* @__PURE__ */ jsxDEV3("div", {
-    className: "relative",
-    children: [
-      /* @__PURE__ */ jsxDEV3("div", {
-        className: "absolute top-0 left-4 h-full w-0.5 bg-border"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV3("div", {
-        className: "space-y-4",
-        children: items.map((item) => {
-          const tipId = item.step.metadata?.tipId ?? "default";
-          const icon = TIP_ICONS2[tipId] ?? TIP_ICONS2.default;
-          return /* @__PURE__ */ jsxDEV3("div", {
-            className: "relative flex gap-4 pl-2",
-            children: [
-              /* @__PURE__ */ jsxDEV3("div", {
-                className: cn2("relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-sm", item.isCompleted ? "bg-green-500 text-white" : "bg-muted text-muted-foreground"),
-                children: item.isCompleted ? "✓" : icon
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
-                className: "flex-1 rounded-lg border bg-card p-3",
-                children: [
-                  /* @__PURE__ */ jsxDEV3("div", {
-                    className: "flex items-start justify-between gap-2",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3("div", {
-                        children: [
-                          /* @__PURE__ */ jsxDEV3("p", {
-                            className: "font-medium",
-                            children: item.step.title
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV3("p", {
-                            className: "mt-0.5 text-muted-foreground text-sm",
-                            children: item.step.description
-                          }, undefined, false, undefined, this)
-                        ]
-                      }, undefined, true, undefined, this),
-                      item.step.xpReward && /* @__PURE__ */ jsxDEV3("span", {
-                        className: cn2("shrink-0 font-medium text-xs", item.isCompleted ? "text-green-500" : "text-muted-foreground"),
-                        children: [
-                          "+",
-                          item.step.xpReward,
-                          " XP"
-                        ]
-                      }, undefined, true, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("div", {
-                    className: "mt-2 flex items-center gap-2 text-muted-foreground text-xs",
-                    children: item.isCompleted ? /* @__PURE__ */ jsxDEV3("span", {
-                      className: "text-green-500",
-                      children: [
-                        "✓ Completed",
-                        item.completedAt && ` • ${item.completedAt}`
-                      ]
-                    }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV3("span", {
-                      children: "Pending action"
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, item.step.id, true, undefined, this);
-        })
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-export {
-  TipFeed,
-  TipCard,
-  EngagementMeter
-};
+import{Button as U}from"@contractspec/lib.design-system";import{Card as Y,CardContent as Z}from"@contractspec/lib.ui-kit-web/ui/card";import{cn as R}from"@contractspec/lib.ui-kit-web/ui/utils";import{jsx as h,jsxs as J}from"react/jsx-runtime";var V={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 $({step:F,isCompleted:f,isCurrent:v,onComplete:H,onDismiss:z}){let K=F.metadata?.tipId??"default",Q=V[K]??V.default;return h(Y,{className:R("transition-all",f&&"opacity-60",v&&"ring-2 ring-amber-500"),children:h(Z,{className:"p-4",children:J("div",{className:"flex gap-4",children:[h("div",{className:R("flex h-12 w-12 shrink-0 items-center justify-center rounded-xl text-2xl",f?"bg-green-500/10":v?"bg-amber-500/10":"bg-muted"),children:f?"✓":Q}),J("div",{className:"min-w-0 flex-1",children:[J("div",{className:"flex items-start justify-between gap-2",children:[h("h4",{className:"font-semibold",children:F.title}),F.xpReward&&J("span",{className:R("shrink-0 rounded-full px-2 py-0.5 font-semibold text-xs",f?"bg-green-500/10 text-green-500":"bg-amber-500/10 text-amber-500"),children:["+",F.xpReward," XP"]})]}),h("p",{className:"mt-1 text-muted-foreground text-sm",children:F.description}),!f&&J("div",{className:"mt-3 flex flex-wrap gap-2",children:[h(U,{size:"sm",onClick:H,children:"Take Action"}),h(U,{variant:"outline",size:"sm",onClick:z,children:"Dismiss"})]}),f&&h("p",{className:"mt-2 text-green-500 text-sm",children:"✓ Tip acknowledged"})]})]})})})}import{jsx as M,jsxs as E}from"react/jsx-runtime";function y({acknowledged:F,actioned:f,pending:v,streak:H=0}){let z=F+f+v,K=z>0?f/z*100:0,Q=z>0?F/z*100:0;return E("div",{className:"space-y-4",children:[M("div",{className:"flex items-center justify-center",children:E("div",{className:"relative h-32 w-32",children:[E("svg",{className:"h-full w-full -rotate-90",viewBox:"0 0 100 100",children:[M("circle",{cx:"50",cy:"50",r:"40",fill:"none",strokeWidth:"12",className:"stroke-muted"}),M("circle",{cx:"50",cy:"50",r:"40",fill:"none",strokeWidth:"12",strokeLinecap:"round",strokeDasharray:`${K*2.51} 251`,className:"stroke-green-500 transition-all duration-500"}),M("circle",{cx:"50",cy:"50",r:"40",fill:"none",strokeWidth:"12",strokeLinecap:"round",strokeDasharray:`${Q*2.51} 251`,strokeDashoffset:`${-K*2.51}`,className:"stroke-amber-500 transition-all duration-500"})]}),E("div",{className:"absolute inset-0 flex flex-col items-center justify-center",children:[M("span",{className:"font-bold text-2xl",children:z}),M("span",{className:"text-muted-foreground text-xs",children:"tips"})]})]})}),E("div",{className:"flex justify-center gap-4 text-sm",children:[E("div",{className:"flex items-center gap-1.5",children:[M("div",{className:"h-3 w-3 rounded-full bg-green-500"}),E("span",{children:["Actioned (",f,")"]})]}),E("div",{className:"flex items-center gap-1.5",children:[M("div",{className:"h-3 w-3 rounded-full bg-amber-500"}),E("span",{children:["Acknowledged (",F,")"]})]}),E("div",{className:"flex items-center gap-1.5",children:[M("div",{className:"h-3 w-3 rounded-full bg-muted"}),E("span",{children:["Pending (",v,")"]})]})]}),H>0&&E("div",{className:"flex items-center justify-center gap-2 rounded-lg bg-orange-500/10 px-4 py-2",children:[M("span",{className:"text-xl",children:"\uD83D\uDD25"}),E("span",{className:"font-semibold text-orange-500",children:[H," day engagement streak!"]})]})]})}import{cn as W}from"@contractspec/lib.ui-kit-web/ui/utils";import{jsx as q,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 A({items:F}){if(F.length===0)return q("div",{className:"py-8 text-center text-muted-foreground",children:"No tips yet. Start engaging with coaching tips!"});return G("div",{className:"relative",children:[q("div",{className:"absolute top-0 left-4 h-full w-0.5 bg-border"}),q("div",{className:"space-y-4",children:F.map((f)=>{let v=f.step.metadata?.tipId??"default",H=X[v]??X.default;return G("div",{className:"relative flex gap-4 pl-2",children:[q("div",{className:W("relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-sm",f.isCompleted?"bg-green-500 text-white":"bg-muted text-muted-foreground"),children:f.isCompleted?"✓":H}),G("div",{className:"flex-1 rounded-lg border bg-card p-3",children:[G("div",{className:"flex items-start justify-between gap-2",children:[G("div",{children:[q("p",{className:"font-medium",children:f.step.title}),q("p",{className:"mt-0.5 text-muted-foreground text-sm",children:f.step.description})]}),f.step.xpReward&&G("span",{className:W("shrink-0 font-medium text-xs",f.isCompleted?"text-green-500":"text-muted-foreground"),children:["+",f.step.xpReward," XP"]})]}),q("div",{className:"mt-2 flex items-center gap-2 text-muted-foreground text-xs",children:f.isCompleted?G("span",{className:"text-green-500",children:["✓ Completed",f.completedAt&&` • ${f.completedAt}`]}):q("span",{children:"Pending action"})})]})]},f.step.id)})})]})}export{A as TipFeed,$ as TipCard,y as EngagementMeter};