@lssm/example.learning-journey-ui-onboarding 0.0.0-canary-20251217060834 → 0.0.0-canary-20251217073102

package/.turbo/turbo-build$colon$bundle.log

@@ -1,21 +1,22 @@
-$ tsdown
-ℹ tsdown v0.17.4 powered by rolldown v1.0.0-beta.53
-ℹ config file: /home/runner/work/contractspec/contractspec/packages/examples/learning-journey-ui-onboarding/tsdown.config.js 
-ℹ entry: src/index.ts, src/views/index.ts, src/components/index.ts
-ℹ target: esnext
-ℹ tsconfig: tsconfig.json
-ℹ Build start
-ℹ Cleaning 13 files
-ℹ dist/index.mjs                129.97 kB │ gzip: 44.00 kB
-ℹ dist/views/index.mjs            0.20 kB │ gzip:  0.15 kB
-ℹ dist/components/index.mjs       0.20 kB │ gzip:  0.15 kB
-ℹ dist/JourneyMap-Cu8t0fYp.mjs   59.60 kB │ gzip: 13.29 kB
-ℹ dist/views-BuZeDMLr.mjs        20.13 kB │ gzip:  3.57 kB
-ℹ dist/components-OUN5S2z0.mjs    1.54 kB │ gzip:  0.66 kB
-ℹ dist/index.d.mts                1.79 kB │ gzip:  0.71 kB
-ℹ dist/views/index.d.mts          0.16 kB │ gzip:  0.13 kB
-ℹ dist/components/index.d.mts     0.14 kB │ gzip:  0.13 kB
-ℹ dist/index-BRfzjb6j.d.mts       1.22 kB │ gzip:  0.46 kB
-ℹ dist/index-BSiowBYJ.d.mts       0.93 kB │ gzip:  0.34 kB
-ℹ 11 files, total: 215.89 kB
-✔ Build complete in 24055ms
+
+$ tsdown
+ℹ tsdown v0.17.4 powered by rolldown v1.0.0-beta.53
+ℹ config file: /Users/tboutron/Documents/clients/lssm/monorepo-lssm/packages/contractspec/packages/examples/learning-journey-ui-onboarding/tsdown.config.js (unrun)
+ℹ entry: src/index.ts, src/views/index.ts, src/components/index.ts
+ℹ target: esnext
+ℹ tsconfig: tsconfig.json
+ℹ Build start
+ℹ Cleaning 13 files
+ℹ dist/index.mjs                 3.91 kB │ gzip: 1.36 kB
+ℹ dist/views/index.mjs           0.20 kB │ gzip: 0.15 kB
+ℹ dist/components/index.mjs      0.20 kB │ gzip: 0.15 kB
+ℹ dist/views-BS9u6UnM.mjs       20.13 kB │ gzip: 3.57 kB
+ℹ dist/JourneyMap-CZ47DksM.mjs   5.22 kB │ gzip: 1.54 kB
+ℹ dist/components-OUN5S2z0.mjs   1.54 kB │ gzip: 0.66 kB
+ℹ dist/index.d.mts               1.79 kB │ gzip: 0.71 kB
+ℹ dist/views/index.d.mts         0.16 kB │ gzip: 0.13 kB
+ℹ dist/components/index.d.mts    0.14 kB │ gzip: 0.13 kB
+ℹ dist/index-DOpWREi-.d.mts      1.22 kB │ gzip: 0.46 kB
+ℹ dist/index-BSiowBYJ.d.mts      0.93 kB │ gzip: 0.34 kB
+ℹ 11 files, total: 35.45 kB
+✔ Build complete in 2165ms

package/.turbo/turbo-build.log

@@ -1,22 +1,24 @@
-$ bun build:bundle && bun build:types
-$ tsdown
-ℹ tsdown v0.17.4 powered by rolldown v1.0.0-beta.53
-ℹ config file: /home/runner/work/contractspec/contractspec/packages/examples/learning-journey-ui-onboarding/tsdown.config.js 
-ℹ entry: src/index.ts, src/views/index.ts, src/components/index.ts
-ℹ target: esnext
-ℹ tsconfig: tsconfig.json
-ℹ Build start
-ℹ dist/index.mjs                129.97 kB │ gzip: 44.00 kB
-ℹ dist/views/index.mjs            0.20 kB │ gzip:  0.15 kB
-ℹ dist/components/index.mjs       0.20 kB │ gzip:  0.15 kB
-ℹ dist/JourneyMap-Cu8t0fYp.mjs   59.60 kB │ gzip: 13.29 kB
-ℹ dist/views-BuZeDMLr.mjs        20.13 kB │ gzip:  3.57 kB
-ℹ dist/components-OUN5S2z0.mjs    1.54 kB │ gzip:  0.66 kB
-ℹ dist/index.d.mts                1.79 kB │ gzip:  0.71 kB
-ℹ dist/views/index.d.mts          0.16 kB │ gzip:  0.13 kB
-ℹ dist/components/index.d.mts     0.14 kB │ gzip:  0.13 kB
-ℹ dist/index-BsbXKz4M.d.mts       1.22 kB │ gzip:  0.46 kB
-ℹ dist/index-CWZmrQYz.d.mts       0.93 kB │ gzip:  0.34 kB
-ℹ 11 files, total: 215.89 kB
-✔ Build complete in 20659ms
-$ tsc --noEmit
+
+$ bun build:bundle && bun build:types
+$ tsdown
+ℹ tsdown v0.17.4 powered by rolldown v1.0.0-beta.53
+ℹ config file: /Users/tboutron/Documents/clients/lssm/monorepo-lssm/packages/contractspec/packages/examples/learning-journey-ui-onboarding/tsdown.config.js (unrun)
+ℹ entry: src/index.ts, src/views/index.ts, src/components/index.ts
+ℹ target: esnext
+ℹ tsconfig: tsconfig.json
+ℹ Build start
+ℹ Cleaning 13 files
+ℹ dist/index.mjs                133.33 kB │ gzip: 44.06 kB
+ℹ dist/views/index.mjs            0.20 kB │ gzip:  0.15 kB
+ℹ dist/components/index.mjs       0.20 kB │ gzip:  0.15 kB
+ℹ dist/JourneyMap-iX1Y4ZFM.mjs   59.60 kB │ gzip: 13.28 kB
+ℹ dist/views-CoPP-P4F.mjs        20.13 kB │ gzip:  3.57 kB
+ℹ dist/components-OUN5S2z0.mjs    1.54 kB │ gzip:  0.66 kB
+ℹ dist/index.d.mts                1.79 kB │ gzip:  0.71 kB
+ℹ dist/views/index.d.mts          0.16 kB │ gzip:  0.13 kB
+ℹ dist/components/index.d.mts     0.14 kB │ gzip:  0.13 kB
+ℹ dist/index-jaGULFWy.d.mts       1.22 kB │ gzip:  0.46 kB
+ℹ dist/index-BSiowBYJ.d.mts       0.93 kB │ gzip:  0.34 kB
+ℹ 11 files, total: 219.25 kB
+✔ Build complete in 2283ms
+$ tsc --noEmit

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # @lssm/example.learning-journey-ui-onboarding
 
-## 0.0.0-canary-20251217060834
+## 0.0.0-canary-20251217073102
 
 ### Minor Changes
 
@@ -9,9 +9,12 @@
 ### Patch Changes
 
 - Updated dependencies [66a5dfd]
-  - @lssm/example.learning-journey-platform-tour@0.0.0-canary-20251217060834
-  - @lssm/example.learning-journey-studio-onboarding@0.0.0-canary-20251217060834
-  - @lssm/example.learning-journey-ui-shared@0.0.0-canary-20251217060834
-  - @lssm/lib.design-system@0.0.0-canary-20251217060834
-  - @lssm/lib.ui-kit-web@0.0.0-canary-20251217060834
-  - @lssm/module.learning-journey@0.0.0-canary-20251217060834
+  - @lssm/example.learning-journey-platform-tour@0.0.0-canary-20251217073102
+  - @lssm/example.learning-journey-studio-onboarding@0.0.0-canary-20251217073102
+  - @lssm/example.learning-journey-ui-shared@0.0.0-canary-20251217073102
+  - @lssm/lib.contracts@0.0.0-canary-20251217073102
+  - @lssm/lib.design-system@0.0.0-canary-20251217073102
+  - @lssm/lib.schema@0.0.0-canary-20251217073102
+  - @lssm/lib.ui-kit-core@0.0.0-canary-20251217073102
+  - @lssm/lib.ui-kit-web@0.0.0-canary-20251217073102
+  - @lssm/module.learning-journey@0.0.0-canary-20251217073102

package/dist/JourneyMap-CZ47DksM.mjs

@@ -0,0 +1,120 @@
+import { Button } from "@lssm/lib.design-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@lssm/lib.ui-kit-core";
+import { cn as cn$1 } from "@lssm/lib.ui-kit-web/ui/utils";
+
+//#region src/components/StepChecklist.tsx
+function StepChecklist({ step, stepNumber, isCompleted, isCurrent, isExpanded, onToggle, onComplete }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("rounded-xl border transition-all", isCompleted && "border-green-500/50 bg-green-500/5", isCurrent && !isCompleted && "border-violet-500 bg-violet-500/5", !isCompleted && !isCurrent && "border-border"),
+		children: [/* @__PURE__ */ jsxs("button", {
+			type: "button",
+			className: "flex w-full items-center gap-4 p-4 text-left",
+			onClick: onToggle,
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: cn("flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 text-sm font-semibold transition-colors", isCompleted && "border-green-500 bg-green-500 text-white", isCurrent && !isCompleted && "border-violet-500 text-violet-500", !isCompleted && !isCurrent && "border-muted-foreground text-muted-foreground"),
+					children: isCompleted ? "✓" : stepNumber
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ jsx("h4", {
+						className: cn("font-semibold", isCompleted && "text-green-500", isCurrent && !isCompleted && "text-foreground", !isCompleted && !isCurrent && "text-muted-foreground"),
+						children: step.title
+					}), !isExpanded && step.description && /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground truncate text-sm",
+						children: step.description
+					})]
+				}),
+				step.xpReward && /* @__PURE__ */ jsxs("span", {
+					className: cn("shrink-0 rounded-full px-2 py-1 text-xs font-semibold", isCompleted ? "bg-green-500/10 text-green-500" : "bg-muted text-muted-foreground"),
+					children: [
+						"+",
+						step.xpReward,
+						" XP"
+					]
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: cn("shrink-0 transition-transform", isExpanded && "rotate-180"),
+					children: "▼"
+				})
+			]
+		}), isExpanded && /* @__PURE__ */ jsxs("div", {
+			className: "border-t px-4 py-4",
+			children: [
+				step.description && /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground mb-4",
+					children: step.description
+				}),
+				step.instructions && /* @__PURE__ */ jsxs("div", {
+					className: "bg-muted mb-4 rounded-lg p-4",
+					children: [/* @__PURE__ */ jsx("p", {
+						className: "mb-2 text-sm font-medium",
+						children: "Instructions:"
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-sm",
+						children: step.instructions
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap gap-2",
+					children: [step.actionUrl && /* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => window.open(step.actionUrl, "_blank"),
+						children: step.actionLabel ?? "Try it"
+					}), !isCompleted && /* @__PURE__ */ jsx(Button, {
+						size: "sm",
+						onClick: onComplete,
+						children: "Mark as Complete"
+					})]
+				})
+			]
+		})]
+	});
+}
+
+//#endregion
+//#region src/components/JourneyMap.tsx
+const SURFACE_ICONS = {
+	templates: "📋",
+	"spec-editor": "✏️",
+	regenerator: "🔄",
+	playground: "🎮",
+	evolution: "🤖",
+	dashboard: "📊",
+	settings: "⚙️",
+	default: "📍"
+};
+function JourneyMap({ steps, completedStepIds, currentStepId }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "relative overflow-x-auto pb-4",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex min-w-max items-center gap-2",
+			children: steps.map((step, index) => {
+				const isCompleted = completedStepIds.includes(step.id);
+				const isCurrent = step.id === currentStepId;
+				const icon = SURFACE_ICONS[step.metadata?.surface ?? "default"] ?? SURFACE_ICONS.default;
+				return /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col items-center gap-2",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: cn$1("flex h-14 w-14 items-center justify-center rounded-2xl border-2 text-2xl transition-all", isCompleted && "border-green-500 bg-green-500/10", isCurrent && !isCompleted && "border-violet-500 bg-violet-500/10 ring-4 ring-violet-500/20", !isCompleted && !isCurrent && "border-muted bg-muted/50"),
+							children: isCompleted ? "✓" : icon
+						}), /* @__PURE__ */ jsx("div", {
+							className: "text-center",
+							children: /* @__PURE__ */ jsx("p", {
+								className: cn$1("max-w-[100px] truncate text-xs font-medium", isCompleted && "text-green-500", isCurrent && !isCompleted && "text-violet-500", !isCompleted && !isCurrent && "text-muted-foreground"),
+								children: step.title
+							})
+						})]
+					}), index < steps.length - 1 && /* @__PURE__ */ jsx("div", { className: cn$1("mx-2 h-1 w-8 rounded-full transition-colors", completedStepIds.includes(steps[index + 1]?.id ?? "") ? "bg-green-500" : isCompleted ? "bg-green-500/50" : "bg-muted") })]
+				}, step.id);
+			})
+		})
+	});
+}
+
+//#endregion
+export { StepChecklist as n, JourneyMap as t };

package/dist/components/index.d.mts

@@ -1,2 +1,2 @@
-import { n as CodeSnippet, r as StepChecklist, t as JourneyMap } from "../index-BRfzjb6j.mjs";
+import { n as CodeSnippet, r as StepChecklist, t as JourneyMap } from "../index-DOpWREi-.mjs";
 export { CodeSnippet, JourneyMap, StepChecklist };

package/dist/components/index.mjs

@@ -1,4 +1,4 @@
-import { n as StepChecklist, t as JourneyMap } from "../JourneyMap-Cu8t0fYp.mjs";
+import { n as StepChecklist, t as JourneyMap } from "../JourneyMap-CZ47DksM.mjs";
 import { t as CodeSnippet } from "../components-OUN5S2z0.mjs";
 
 export { CodeSnippet, JourneyMap, StepChecklist };

package/dist/{index-BRfzjb6j.d.mts → index-DOpWREi-.d.mts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 import { LearningJourneyStepSpec } from "@lssm/module.learning-journey/track-spec";
 
 //#region src/components/StepChecklist.d.ts
@@ -19,7 +19,7 @@ declare function StepChecklist({
   isExpanded,
   onToggle,
   onComplete
-}: StepChecklistProps): react_jsx_runtime5.JSX.Element;
+}: StepChecklistProps): react_jsx_runtime6.JSX.Element;
 //#endregion
 //#region src/components/CodeSnippet.d.ts
 interface CodeSnippetProps {
@@ -31,7 +31,7 @@ declare function CodeSnippet({
   code,
   language,
   title
-}: CodeSnippetProps): react_jsx_runtime5.JSX.Element;
+}: CodeSnippetProps): react_jsx_runtime6.JSX.Element;
 //#endregion
 //#region src/components/JourneyMap.d.ts
 interface JourneyMapProps {
@@ -43,6 +43,6 @@ declare function JourneyMap({
   steps,
   completedStepIds,
   currentStepId
-}: JourneyMapProps): react_jsx_runtime5.JSX.Element;
+}: JourneyMapProps): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { CodeSnippet as n, StepChecklist as r, JourneyMap as t };

package/dist/index.d.mts

@@ -1,7 +1,7 @@
-import { n as CodeSnippet, r as StepChecklist, t as JourneyMap } from "./index-BRfzjb6j.mjs";
+import { n as CodeSnippet, r as StepChecklist, t as JourneyMap } from "./index-DOpWREi-.mjs";
 import { i as Overview, n as ProgressView, r as Steps, t as Timeline } from "./index-BSiowBYJ.mjs";
 import { LearningMiniAppProps } from "@lssm/example.learning-journey-ui-shared";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/OnboardingMiniApp.d.ts
 type OnboardingMiniAppProps = Omit<LearningMiniAppProps, 'progress'> & {
@@ -13,7 +13,7 @@ declare function OnboardingMiniApp({
   onStepComplete: externalOnStepComplete,
   onViewChange,
   initialView
-}: OnboardingMiniAppProps): react_jsx_runtime0.JSX.Element;
+}: OnboardingMiniAppProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/example.d.ts
 declare const example: {