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

package/dist/views/Steps.js

@@ -1,160 +1,2 @@
 // @bun
-// 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 ? "\u2713" : 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: "\u2713 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: "\u2728"
-          }, 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?"\u2713":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:"\u2713 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:"\u2728"}),E("p",{className:"mt-2",children:"All tips have been addressed!"})]})]})}export{N as Steps};

package/dist/views/Timeline.js

@@ -1,267 +1,2 @@
 // @bun
-// 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 ? "\u2713" : 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: [
-                        "\u2713 Completed",
-                        item.completedAt && ` \u2022 ${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);
-}
-
-// src/views/Timeline.tsx
-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 Timeline({ track, progress }) {
-  const feedItems = track.steps.map((step) => ({
-    step,
-    isCompleted: progress.completedStepIds.includes(step.id),
-    completedAt: progress.completedStepIds.includes(step.id) ? "Recently" : undefined
-  })).sort((a, b) => {
-    if (a.isCompleted && !b.isCompleted)
-      return -1;
-    if (!a.isCompleted && b.isCompleted)
-      return 1;
-    return 0;
-  });
-  const completedCount = feedItems.filter((f) => f.isCompleted).length;
-  const pendingCount = feedItems.length - completedCount;
-  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: "Activity Timeline"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2("p", {
-            className: "text-muted-foreground",
-            children: "Your coaching journey and tip history"
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
-        className: "grid grid-cols-2 gap-4",
-        children: [
-          /* @__PURE__ */ jsxDEV2(Card, {
-            children: /* @__PURE__ */ jsxDEV2(CardContent, {
-              className: "p-4 text-center",
-              children: [
-                /* @__PURE__ */ jsxDEV2("div", {
-                  className: "font-bold text-2xl text-green-500",
-                  children: completedCount
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV2("div", {
-                  className: "text-muted-foreground text-sm",
-                  children: "Tips Actioned"
-                }, undefined, false, undefined, this)
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2(Card, {
-            children: /* @__PURE__ */ jsxDEV2(CardContent, {
-              className: "p-4 text-center",
-              children: [
-                /* @__PURE__ */ jsxDEV2("div", {
-                  className: "font-bold text-2xl text-amber-500",
-                  children: pendingCount
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV2("div", {
-                  className: "text-muted-foreground text-sm",
-                  children: "Tips Pending"
-                }, undefined, false, undefined, this)
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, 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\uDCDD"
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV2("span", {
-                  children: "Coaching Feed"
-                }, undefined, false, undefined, this)
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2(CardContent, {
-            children: /* @__PURE__ */ jsxDEV2(TipFeed, {
-              items: feedItems
-            }, undefined, false, undefined, this)
-          }, undefined, false, 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\uDCC8"
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV2("span", {
-                  children: "Journey Stats"
-                }, undefined, false, undefined, this)
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2(CardContent, {
-            children: /* @__PURE__ */ jsxDEV2("div", {
-              className: "space-y-4",
-              children: [
-                /* @__PURE__ */ jsxDEV2("div", {
-                  className: "flex items-center justify-between",
-                  children: [
-                    /* @__PURE__ */ jsxDEV2("span", {
-                      className: "text-muted-foreground",
-                      children: "Total Tips"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV2("span", {
-                      className: "font-semibold",
-                      children: track.steps.length
-                    }, undefined, false, undefined, this)
-                  ]
-                }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV2("div", {
-                  className: "flex items-center justify-between",
-                  children: [
-                    /* @__PURE__ */ jsxDEV2("span", {
-                      className: "text-muted-foreground",
-                      children: "Completed"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV2("span", {
-                      className: "font-semibold text-green-500",
-                      children: completedCount
-                    }, undefined, false, undefined, this)
-                  ]
-                }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV2("div", {
-                  className: "flex items-center justify-between",
-                  children: [
-                    /* @__PURE__ */ jsxDEV2("span", {
-                      className: "text-muted-foreground",
-                      children: "XP Earned"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV2("span", {
-                      className: "font-semibold text-orange-500",
-                      children: progress.xpEarned
-                    }, undefined, false, undefined, this)
-                  ]
-                }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV2("div", {
-                  className: "flex items-center justify-between",
-                  children: [
-                    /* @__PURE__ */ jsxDEV2("span", {
-                      className: "text-muted-foreground",
-                      children: "Current Streak"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV2("span", {
-                      className: "font-semibold",
-                      children: progress.streakDays > 0 ? `\uD83D\uDD25 ${progress.streakDays} days` : "Start today!"
-                    }, undefined, false, undefined, this)
-                  ]
-                }, undefined, true, undefined, this)
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-export {
-  Timeline
-};
+import{cn as L}from"@contractspec/lib.ui-kit-web/ui/utils";import{jsx as z,jsxs as A}from"react/jsx-runtime";var M={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 Q({items:B}){if(B.length===0)return z("div",{className:"py-8 text-center text-muted-foreground",children:"No tips yet. Start engaging with coaching tips!"});return A("div",{className:"relative",children:[z("div",{className:"absolute top-0 left-4 h-full w-0.5 bg-border"}),z("div",{className:"space-y-4",children:B.map((q)=>{let D=q.step.metadata?.tipId??"default",E=M[D]??M.default;return A("div",{className:"relative flex gap-4 pl-2",children:[z("div",{className:L("relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-sm",q.isCompleted?"bg-green-500 text-white":"bg-muted text-muted-foreground"),children:q.isCompleted?"\u2713":E}),A("div",{className:"flex-1 rounded-lg border bg-card p-3",children:[A("div",{className:"flex items-start justify-between gap-2",children:[A("div",{children:[z("p",{className:"font-medium",children:q.step.title}),z("p",{className:"mt-0.5 text-muted-foreground text-sm",children:q.step.description})]}),q.step.xpReward&&A("span",{className:L("shrink-0 font-medium text-xs",q.isCompleted?"text-green-500":"text-muted-foreground"),children:["+",q.step.xpReward," XP"]})]}),z("div",{className:"mt-2 flex items-center gap-2 text-muted-foreground text-xs",children:q.isCompleted?A("span",{className:"text-green-500",children:["\u2713 Completed",q.completedAt&&` \u2022 ${q.completedAt}`]}):z("span",{children:"Pending action"})})]})]},q.step.id)})})]})}import{Card as G,CardContent as J,CardHeader as R,CardTitle as U}from"@contractspec/lib.ui-kit-web/ui/card";import{jsx as h,jsxs as v}from"react/jsx-runtime";function w({track:B,progress:q}){let D=B.steps.map((y)=>({step:y,isCompleted:q.completedStepIds.includes(y.id),completedAt:q.completedStepIds.includes(y.id)?"Recently":void 0})).sort((y,K)=>{if(y.isCompleted&&!K.isCompleted)return-1;if(!y.isCompleted&&K.isCompleted)return 1;return 0}),E=D.filter((y)=>y.isCompleted).length,V=D.length-E;return v("div",{className:"space-y-6",children:[v("div",{className:"text-center",children:[h("h2",{className:"font-bold text-xl",children:"Activity Timeline"}),h("p",{className:"text-muted-foreground",children:"Your coaching journey and tip history"})]}),v("div",{className:"grid grid-cols-2 gap-4",children:[h(G,{children:v(J,{className:"p-4 text-center",children:[h("div",{className:"font-bold text-2xl text-green-500",children:E}),h("div",{className:"text-muted-foreground text-sm",children:"Tips Actioned"})]})}),h(G,{children:v(J,{className:"p-4 text-center",children:[h("div",{className:"font-bold text-2xl text-amber-500",children:V}),h("div",{className:"text-muted-foreground text-sm",children:"Tips Pending"})]})})]}),v(G,{children:[h(R,{children:v(U,{className:"flex items-center gap-2",children:[h("span",{children:"\uD83D\uDCDD"}),h("span",{children:"Coaching Feed"})]})}),h(J,{children:h(Q,{items:D})})]}),v(G,{children:[h(R,{children:v(U,{className:"flex items-center gap-2",children:[h("span",{children:"\uD83D\uDCC8"}),h("span",{children:"Journey Stats"})]})}),h(J,{children:v("div",{className:"space-y-4",children:[v("div",{className:"flex items-center justify-between",children:[h("span",{className:"text-muted-foreground",children:"Total Tips"}),h("span",{className:"font-semibold",children:B.steps.length})]}),v("div",{className:"flex items-center justify-between",children:[h("span",{className:"text-muted-foreground",children:"Completed"}),h("span",{className:"font-semibold text-green-500",children:E})]}),v("div",{className:"flex items-center justify-between",children:[h("span",{className:"text-muted-foreground",children:"XP Earned"}),h("span",{className:"font-semibold text-orange-500",children:q.xpEarned})]}),v("div",{className:"flex items-center justify-between",children:[h("span",{className:"text-muted-foreground",children:"Current Streak"}),h("span",{className:"font-semibold",children:q.streakDays>0?`\uD83D\uDD25 ${q.streakDays} days`:"Start today!"})]})]})})]})]})}export{w as Timeline};