@contractspec/example.learning-journey-ui-coaching 1.57.0 → 1.58.0

package/package.json

@@ -1,67 +1,183 @@
 {
   "name": "@contractspec/example.learning-journey-ui-coaching",
-  "version": "1.57.0",
+  "version": "1.58.0",
   "description": "Contextual coaching UI with tip cards and engagement tracking.",
   "type": "module",
   "types": "./dist/index.d.ts",
   "exports": {
-    ".": "./dist/index.js",
-    "./CoachingMiniApp": "./dist/CoachingMiniApp.js",
-    "./components": "./dist/components/index.js",
-    "./components/EngagementMeter": "./dist/components/EngagementMeter.js",
-    "./components/TipCard": "./dist/components/TipCard.js",
-    "./components/TipFeed": "./dist/components/TipFeed.js",
-    "./docs": "./dist/docs/index.js",
-    "./docs/learning-journey-ui-coaching.docblock": "./dist/docs/learning-journey-ui-coaching.docblock.js",
-    "./example": "./dist/example.js",
-    "./views": "./dist/views/index.js",
-    "./views/Overview": "./dist/views/Overview.js",
-    "./views/Progress": "./dist/views/Progress.js",
-    "./views/Steps": "./dist/views/Steps.js",
-    "./views/Timeline": "./dist/views/Timeline.js",
-    "./*": "./*"
+    ".": "./src/index.ts",
+    "./CoachingMiniApp": "./src/CoachingMiniApp.tsx",
+    "./components": "./src/components/index.ts",
+    "./components/EngagementMeter": "./src/components/EngagementMeter.tsx",
+    "./components/index": "./src/components/index.ts",
+    "./components/TipCard": "./src/components/TipCard.tsx",
+    "./components/TipFeed": "./src/components/TipFeed.tsx",
+    "./docs": "./src/docs/index.ts",
+    "./docs/index": "./src/docs/index.ts",
+    "./docs/learning-journey-ui-coaching.docblock": "./src/docs/learning-journey-ui-coaching.docblock.ts",
+    "./example": "./src/example.ts",
+    "./views": "./src/views/index.ts",
+    "./views/index": "./src/views/index.ts",
+    "./views/Overview": "./src/views/Overview.tsx",
+    "./views/Progress": "./src/views/Progress.tsx",
+    "./views/Steps": "./src/views/Steps.tsx",
+    "./views/Timeline": "./src/views/Timeline.tsx"
   },
   "scripts": {
     "publish:pkg": "bun publish --tolerate-republish --ignore-scripts --verbose",
     "publish:pkg:canary": "bun publish:pkg --tag canary",
-    "build": "bun build:types && bun build:bundle",
-    "build:bundle": "tsdown",
-    "build:types": "tsc --noEmit",
-    "dev": "bun build:bundle --watch",
+    "build": "bun run prebuild && bun run build:bundle && bun run build:types",
+    "build:bundle": "contractspec-bun-build transpile",
+    "build:types": "contractspec-bun-build types",
+    "dev": "contractspec-bun-build dev",
     "clean": "rimraf dist .turbo",
     "lint": "bun lint:fix",
     "lint:fix": "eslint src --fix",
     "lint:check": "eslint src",
-    "test": "bun test"
+    "test": "bun test",
+    "prebuild": "contractspec-bun-build prebuild",
+    "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@contractspec/lib.contracts": "1.57.0",
-    "@contractspec/example.learning-journey-ui-shared": "1.57.0",
-    "@contractspec/example.learning-journey-ambient-coach": "1.57.0",
-    "@contractspec/example.learning-journey-crm-onboarding": "1.57.0",
-    "@contractspec/module.learning-journey": "1.57.0",
-    "@contractspec/lib.design-system": "1.57.0",
-    "@contractspec/lib.ui-kit-web": "1.57.0",
+    "@contractspec/lib.contracts": "1.58.0",
+    "@contractspec/example.learning-journey-ui-shared": "1.58.0",
+    "@contractspec/example.learning-journey-ambient-coach": "1.58.0",
+    "@contractspec/example.learning-journey-crm-onboarding": "1.58.0",
+    "@contractspec/module.learning-journey": "1.58.0",
+    "@contractspec/lib.design-system": "1.58.0",
+    "@contractspec/lib.ui-kit-web": "1.58.0",
     "react": "19.2.4"
   },
   "devDependencies": {
-    "@contractspec/tool.tsdown": "1.57.0",
-    "@contractspec/tool.typescript": "1.57.0",
+    "@contractspec/tool.typescript": "1.58.0",
     "@types/react": "^19.2.13",
-    "tsdown": "^0.20.3",
-    "typescript": "^5.9.3"
+    "typescript": "^5.9.3",
+    "@contractspec/tool.bun": "1.57.0"
   },
   "peerDependencies": {
     "react": "^19.2.4"
   },
   "publishConfig": {
     "exports": {
-      ".": "./dist/index.js",
-      "./example": "./dist/example.js",
-      "./docs": "./dist/docs/index.js",
-      "./views": "./dist/views/index.js",
-      "./components": "./dist/components/index.js",
-      "./*": "./*"
+      ".": {
+        "types": "./dist/index.d.ts",
+        "bun": "./dist/index.js",
+        "node": "./dist/node/index.mjs",
+        "browser": "./dist/browser/index.js",
+        "default": "./dist/index.js"
+      },
+      "./CoachingMiniApp": {
+        "types": "./dist/CoachingMiniApp.d.ts",
+        "bun": "./dist/CoachingMiniApp.js",
+        "node": "./dist/node/CoachingMiniApp.mjs",
+        "browser": "./dist/browser/CoachingMiniApp.js",
+        "default": "./dist/CoachingMiniApp.js"
+      },
+      "./components": {
+        "types": "./dist/components/index.d.ts",
+        "bun": "./dist/components/index.js",
+        "node": "./dist/node/components/index.mjs",
+        "browser": "./dist/browser/components/index.js",
+        "default": "./dist/components/index.js"
+      },
+      "./components/EngagementMeter": {
+        "types": "./dist/components/EngagementMeter.d.ts",
+        "bun": "./dist/components/EngagementMeter.js",
+        "node": "./dist/node/components/EngagementMeter.mjs",
+        "browser": "./dist/browser/components/EngagementMeter.js",
+        "default": "./dist/components/EngagementMeter.js"
+      },
+      "./components/index": {
+        "types": "./dist/components/index.d.ts",
+        "bun": "./dist/components/index.js",
+        "node": "./dist/node/components/index.mjs",
+        "browser": "./dist/browser/components/index.js",
+        "default": "./dist/components/index.js"
+      },
+      "./components/TipCard": {
+        "types": "./dist/components/TipCard.d.ts",
+        "bun": "./dist/components/TipCard.js",
+        "node": "./dist/node/components/TipCard.mjs",
+        "browser": "./dist/browser/components/TipCard.js",
+        "default": "./dist/components/TipCard.js"
+      },
+      "./components/TipFeed": {
+        "types": "./dist/components/TipFeed.d.ts",
+        "bun": "./dist/components/TipFeed.js",
+        "node": "./dist/node/components/TipFeed.mjs",
+        "browser": "./dist/browser/components/TipFeed.js",
+        "default": "./dist/components/TipFeed.js"
+      },
+      "./docs": {
+        "types": "./dist/docs/index.d.ts",
+        "bun": "./dist/docs/index.js",
+        "node": "./dist/node/docs/index.mjs",
+        "browser": "./dist/browser/docs/index.js",
+        "default": "./dist/docs/index.js"
+      },
+      "./docs/index": {
+        "types": "./dist/docs/index.d.ts",
+        "bun": "./dist/docs/index.js",
+        "node": "./dist/node/docs/index.mjs",
+        "browser": "./dist/browser/docs/index.js",
+        "default": "./dist/docs/index.js"
+      },
+      "./docs/learning-journey-ui-coaching.docblock": {
+        "types": "./dist/docs/learning-journey-ui-coaching.docblock.d.ts",
+        "bun": "./dist/docs/learning-journey-ui-coaching.docblock.js",
+        "node": "./dist/node/docs/learning-journey-ui-coaching.docblock.mjs",
+        "browser": "./dist/browser/docs/learning-journey-ui-coaching.docblock.js",
+        "default": "./dist/docs/learning-journey-ui-coaching.docblock.js"
+      },
+      "./example": {
+        "types": "./dist/example.d.ts",
+        "bun": "./dist/example.js",
+        "node": "./dist/node/example.mjs",
+        "browser": "./dist/browser/example.js",
+        "default": "./dist/example.js"
+      },
+      "./views": {
+        "types": "./dist/views/index.d.ts",
+        "bun": "./dist/views/index.js",
+        "node": "./dist/node/views/index.mjs",
+        "browser": "./dist/browser/views/index.js",
+        "default": "./dist/views/index.js"
+      },
+      "./views/index": {
+        "types": "./dist/views/index.d.ts",
+        "bun": "./dist/views/index.js",
+        "node": "./dist/node/views/index.mjs",
+        "browser": "./dist/browser/views/index.js",
+        "default": "./dist/views/index.js"
+      },
+      "./views/Overview": {
+        "types": "./dist/views/Overview.d.ts",
+        "bun": "./dist/views/Overview.js",
+        "node": "./dist/node/views/Overview.mjs",
+        "browser": "./dist/browser/views/Overview.js",
+        "default": "./dist/views/Overview.js"
+      },
+      "./views/Progress": {
+        "types": "./dist/views/Progress.d.ts",
+        "bun": "./dist/views/Progress.js",
+        "node": "./dist/node/views/Progress.mjs",
+        "browser": "./dist/browser/views/Progress.js",
+        "default": "./dist/views/Progress.js"
+      },
+      "./views/Steps": {
+        "types": "./dist/views/Steps.d.ts",
+        "bun": "./dist/views/Steps.js",
+        "node": "./dist/node/views/Steps.mjs",
+        "browser": "./dist/browser/views/Steps.js",
+        "default": "./dist/views/Steps.js"
+      },
+      "./views/Timeline": {
+        "types": "./dist/views/Timeline.d.ts",
+        "bun": "./dist/views/Timeline.js",
+        "node": "./dist/node/views/Timeline.mjs",
+        "browser": "./dist/browser/views/Timeline.js",
+        "default": "./dist/views/Timeline.js"
+      }
     },
     "registry": "https://registry.npmjs.org/",
     "access": "public"

package/tsdown.config.js

@@ -1,5 +1,4 @@
-import { defineConfig } from 'tsdown';
-import { moduleLibrary, withDevExports } from '@contractspec/tool.tsdown';
+import { defineConfig, moduleLibrary, withDevExports } from '@contractspec/tool.bun';
 
 export default defineConfig(() => ({
   ...moduleLibrary,

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

@@ -1,62 +0,0 @@
-$ tsdown
-ℹ tsdown v0.20.3 powered by rolldown v1.0.0-rc.3
-ℹ config file: /home/runner/work/contractspec/contractspec/packages/examples/learning-journey-ui-coaching/tsdown.config.js 
-ℹ entry: src/CoachingMiniApp.tsx, src/example.ts, src/index.ts, src/components/EngagementMeter.tsx, src/components/TipCard.tsx, src/components/TipFeed.tsx, src/components/index.ts, src/docs/index.ts, src/docs/learning-journey-ui-coaching.docblock.ts, src/views/Overview.tsx, src/views/Progress.tsx, src/views/Steps.tsx, src/views/Timeline.tsx, src/views/index.ts
-ℹ target: esnext
-ℹ tsconfig: tsconfig.json
-ℹ Build start
-ℹ Cleaning 50 files
-ℹ dist/views/Overview.js                                  5.57 kB │ gzip: 1.48 kB
-ℹ dist/views/Progress.js                                  4.95 kB │ gzip: 1.32 kB
-ℹ dist/views/Timeline.js                                  4.37 kB │ gzip: 1.02 kB
-ℹ dist/components/EngagementMeter.js                      3.47 kB │ gzip: 0.92 kB
-ℹ dist/components/TipCard.js                              2.60 kB │ gzip: 1.02 kB
-ℹ dist/components/TipFeed.js                              2.59 kB │ gzip: 1.02 kB
-ℹ dist/CoachingMiniApp.js                                 2.34 kB │ gzip: 0.79 kB
-ℹ dist/views/Steps.js                                     2.05 kB │ gzip: 0.74 kB
-ℹ dist/example.js                                         0.92 kB │ gzip: 0.51 kB
-ℹ dist/docs/learning-journey-ui-coaching.docblock.js      0.81 kB │ gzip: 0.46 kB
-ℹ dist/index.js                                           0.67 kB │ gzip: 0.23 kB
-ℹ dist/views/index.js                                     0.24 kB │ gzip: 0.12 kB
-ℹ dist/components/index.js                                0.18 kB │ gzip: 0.10 kB
-ℹ dist/docs/index.js                                      0.05 kB │ gzip: 0.07 kB
-ℹ dist/views/Overview.js.map                              7.17 kB │ gzip: 2.18 kB
-ℹ dist/views/Progress.js.map                              7.15 kB │ gzip: 2.08 kB
-ℹ dist/views/Timeline.js.map                              5.57 kB │ gzip: 1.59 kB
-ℹ dist/components/EngagementMeter.js.map                  4.44 kB │ gzip: 1.34 kB
-ℹ dist/components/TipFeed.js.map                          4.31 kB │ gzip: 1.65 kB
-ℹ dist/components/TipCard.js.map                          3.98 kB │ gzip: 1.61 kB
-ℹ dist/CoachingMiniApp.js.map                             3.63 kB │ gzip: 1.31 kB
-ℹ dist/views/Steps.js.map                                 3.09 kB │ gzip: 1.24 kB
-ℹ dist/example.js.map                                     1.38 kB │ gzip: 0.70 kB
-ℹ dist/docs/learning-journey-ui-coaching.docblock.js.map  1.14 kB │ gzip: 0.61 kB
-ℹ dist/CoachingMiniApp.d.ts.map                           0.31 kB │ gzip: 0.20 kB
-ℹ dist/components/TipCard.d.ts.map                        0.30 kB │ gzip: 0.19 kB
-ℹ dist/components/EngagementMeter.d.ts.map                0.28 kB │ gzip: 0.19 kB
-ℹ dist/components/TipFeed.d.ts.map                        0.28 kB │ gzip: 0.19 kB
-ℹ dist/views/Overview.d.ts.map                            0.25 kB │ gzip: 0.18 kB
-ℹ dist/views/Steps.d.ts.map                               0.19 kB │ gzip: 0.16 kB
-ℹ dist/views/Progress.d.ts.map                            0.19 kB │ gzip: 0.15 kB
-ℹ dist/views/Timeline.d.ts.map                            0.19 kB │ gzip: 0.16 kB
-ℹ dist/example.d.ts.map                                   0.13 kB │ gzip: 0.13 kB
-ℹ dist/index.d.ts                                         0.65 kB │ gzip: 0.23 kB
-ℹ dist/CoachingMiniApp.d.ts                               0.59 kB │ gzip: 0.33 kB
-ℹ dist/components/TipCard.d.ts                            0.56 kB │ gzip: 0.32 kB
-ℹ dist/components/TipFeed.d.ts                            0.50 kB │ gzip: 0.30 kB
-ℹ dist/views/Overview.d.ts                                0.47 kB │ gzip: 0.30 kB
-ℹ dist/components/EngagementMeter.d.ts                    0.45 kB │ gzip: 0.25 kB
-ℹ dist/views/Progress.d.ts                                0.39 kB │ gzip: 0.25 kB
-ℹ dist/views/Steps.d.ts                                   0.36 kB │ gzip: 0.25 kB
-ℹ dist/views/Timeline.d.ts                                0.35 kB │ gzip: 0.24 kB
-ℹ dist/example.d.ts                                       0.25 kB │ gzip: 0.17 kB
-ℹ dist/views/index.d.ts                                   0.24 kB │ gzip: 0.12 kB
-ℹ dist/components/index.d.ts                              0.18 kB │ gzip: 0.10 kB
-ℹ dist/docs/index.d.ts                                    0.01 kB │ gzip: 0.03 kB
-ℹ dist/docs/learning-journey-ui-coaching.docblock.d.ts    0.01 kB │ gzip: 0.03 kB
-ℹ 47 files, total: 79.81 kB
-[PLUGIN_TIMINGS] Warning: Your build spent significant time in plugins. Here is a breakdown:
-  - tsdown:external (81%)
-  - rolldown-plugin-dts:generate (18%)
-See https://rolldown.rs/options/checks#plugintimings for more details.
-
-✔ Build complete in 11932ms

package/dist/CoachingMiniApp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CoachingMiniApp.js","names":["Progress"],"sources":["../src/CoachingMiniApp.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useCallback } from 'react';\nimport { Card, CardContent } from '@contractspec/lib.ui-kit-web/ui/card';\nimport {\n  ViewTabs,\n  useLearningProgress,\n  type LearningView,\n  type LearningMiniAppProps,\n} from '@contractspec/example.learning-journey-ui-shared';\nimport { Overview } from './views/Overview';\nimport { Steps } from './views/Steps';\nimport { Progress } from './views/Progress';\nimport { Timeline } from './views/Timeline';\n\ntype CoachingMiniAppProps = Omit<LearningMiniAppProps, 'progress'> & {\n  progress?: LearningMiniAppProps['progress'];\n};\n\nexport function CoachingMiniApp({\n  track,\n  progress: externalProgress,\n  onStepComplete: externalOnStepComplete,\n  onViewChange,\n  initialView = 'overview',\n}: CoachingMiniAppProps) {\n  const [currentView, setCurrentView] = useState<LearningView>(initialView);\n\n  // Use internal progress if not provided externally\n  const { progress: internalProgress, completeStep: internalCompleteStep } =\n    useLearningProgress(track);\n\n  const progress = externalProgress ?? internalProgress;\n\n  const handleViewChange = useCallback(\n    (view: LearningView) => {\n      setCurrentView(view);\n      onViewChange?.(view);\n    },\n    [onViewChange]\n  );\n\n  const handleStepComplete = useCallback(\n    (stepId: string) => {\n      if (externalOnStepComplete) {\n        externalOnStepComplete(stepId);\n      } else {\n        internalCompleteStep(stepId);\n      }\n    },\n    [externalOnStepComplete, internalCompleteStep]\n  );\n\n  const handleStartFromOverview = useCallback(() => {\n    setCurrentView('steps');\n    onViewChange?.('steps');\n  }, [onViewChange]);\n\n  const renderView = () => {\n    const viewProps = {\n      track,\n      progress,\n      onStepComplete: handleStepComplete,\n    };\n\n    switch (currentView) {\n      case 'overview':\n        return <Overview {...viewProps} onStart={handleStartFromOverview} />;\n      case 'steps':\n        return <Steps {...viewProps} />;\n      case 'progress':\n        return <Progress {...viewProps} />;\n      case 'timeline':\n        return <Timeline {...viewProps} />;\n      default:\n        return <Overview {...viewProps} onStart={handleStartFromOverview} />;\n    }\n  };\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Navigation */}\n      <Card>\n        <CardContent className=\"p-4\">\n          <ViewTabs currentView={currentView} onViewChange={handleViewChange} />\n        </CardContent>\n      </Card>\n\n      {/* Current View */}\n      {renderView()}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAmBA,SAAgB,gBAAgB,EAC9B,OACA,UAAU,kBACV,gBAAgB,wBAChB,cACA,cAAc,cACS;CACvB,MAAM,CAAC,aAAa,kBAAkB,SAAuB,YAAY;CAGzE,MAAM,EAAE,UAAU,kBAAkB,cAAc,yBAChD,oBAAoB,MAAM;CAE5B,MAAM,WAAW,oBAAoB;CAErC,MAAM,mBAAmB,aACtB,SAAuB;AACtB,iBAAe,KAAK;AACpB,iBAAe,KAAK;IAEtB,CAAC,aAAa,CACf;CAED,MAAM,qBAAqB,aACxB,WAAmB;AAClB,MAAI,uBACF,wBAAuB,OAAO;MAE9B,sBAAqB,OAAO;IAGhC,CAAC,wBAAwB,qBAAqB,CAC/C;CAED,MAAM,0BAA0B,kBAAkB;AAChD,iBAAe,QAAQ;AACvB,iBAAe,QAAQ;IACtB,CAAC,aAAa,CAAC;CAElB,MAAM,mBAAmB;EACvB,MAAM,YAAY;GAChB;GACA;GACA,gBAAgB;GACjB;AAED,UAAQ,aAAR;GACE,KAAK,WACH,QAAO,oBAAC;IAAS,GAAI;IAAW,SAAS;KAA2B;GACtE,KAAK,QACH,QAAO,oBAAC,SAAM,GAAI,YAAa;GACjC,KAAK,WACH,QAAO,oBAACA,gBAAS,GAAI,YAAa;GACpC,KAAK,WACH,QAAO,oBAAC,YAAS,GAAI,YAAa;GACpC,QACE,QAAO,oBAAC;IAAS,GAAI;IAAW,SAAS;KAA2B;;;AAI1E,QACE,qBAAC;EAAI,WAAU;aAEb,oBAAC,kBACC,oBAAC;GAAY,WAAU;aACrB,oBAAC;IAAsB;IAAa,cAAc;KAAoB;IAC1D,GACT,EAGN,YAAY;GACT"}

package/dist/components/EngagementMeter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EngagementMeter.js","names":[],"sources":["../../src/components/EngagementMeter.tsx"],"sourcesContent":["'use client';\n\ninterface EngagementMeterProps {\n  acknowledged: number;\n  actioned: number;\n  pending: number;\n  streak?: number;\n}\n\nexport function EngagementMeter({\n  acknowledged,\n  actioned,\n  pending,\n  streak = 0,\n}: EngagementMeterProps) {\n  const total = acknowledged + actioned + pending;\n  const actionedPercent = total > 0 ? (actioned / total) * 100 : 0;\n  const acknowledgedPercent = total > 0 ? (acknowledged / total) * 100 : 0;\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Donut chart */}\n      <div className=\"flex items-center justify-center\">\n        <div className=\"relative h-32 w-32\">\n          <svg className=\"h-full w-full -rotate-90\" viewBox=\"0 0 100 100\">\n            {/* Background */}\n            <circle\n              cx=\"50\"\n              cy=\"50\"\n              r=\"40\"\n              fill=\"none\"\n              strokeWidth=\"12\"\n              className=\"stroke-muted\"\n            />\n            {/* Actioned (green) */}\n            <circle\n              cx=\"50\"\n              cy=\"50\"\n              r=\"40\"\n              fill=\"none\"\n              strokeWidth=\"12\"\n              strokeLinecap=\"round\"\n              strokeDasharray={`${actionedPercent * 2.51} 251`}\n              className=\"stroke-green-500 transition-all duration-500\"\n            />\n            {/* Acknowledged (amber) - offset by actioned */}\n            <circle\n              cx=\"50\"\n              cy=\"50\"\n              r=\"40\"\n              fill=\"none\"\n              strokeWidth=\"12\"\n              strokeLinecap=\"round\"\n              strokeDasharray={`${acknowledgedPercent * 2.51} 251`}\n              strokeDashoffset={`${-actionedPercent * 2.51}`}\n              className=\"stroke-amber-500 transition-all duration-500\"\n            />\n          </svg>\n          <div className=\"absolute inset-0 flex flex-col items-center justify-center\">\n            <span className=\"text-2xl font-bold\">{total}</span>\n            <span className=\"text-muted-foreground text-xs\">tips</span>\n          </div>\n        </div>\n      </div>\n\n      {/* Legend */}\n      <div className=\"flex justify-center gap-4 text-sm\">\n        <div className=\"flex items-center gap-1.5\">\n          <div className=\"h-3 w-3 rounded-full bg-green-500\" />\n          <span>Actioned ({actioned})</span>\n        </div>\n        <div className=\"flex items-center gap-1.5\">\n          <div className=\"h-3 w-3 rounded-full bg-amber-500\" />\n          <span>Acknowledged ({acknowledged})</span>\n        </div>\n        <div className=\"flex items-center gap-1.5\">\n          <div className=\"bg-muted h-3 w-3 rounded-full\" />\n          <span>Pending ({pending})</span>\n        </div>\n      </div>\n\n      {/* Streak */}\n      {streak > 0 && (\n        <div className=\"flex items-center justify-center gap-2 rounded-lg bg-orange-500/10 px-4 py-2\">\n          <span className=\"text-xl\">🔥</span>\n          <span className=\"font-semibold text-orange-500\">\n            {streak} day engagement streak!\n          </span>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;AASA,SAAgB,gBAAgB,EAC9B,cACA,UACA,SACA,SAAS,KACc;CACvB,MAAM,QAAQ,eAAe,WAAW;CACxC,MAAM,kBAAkB,QAAQ,IAAK,WAAW,QAAS,MAAM;CAC/D,MAAM,sBAAsB,QAAQ,IAAK,eAAe,QAAS,MAAM;AAEvE,QACE,qBAAC;EAAI,WAAU;;GAEb,oBAAC;IAAI,WAAU;cACb,qBAAC;KAAI,WAAU;gBACb,qBAAC;MAAI,WAAU;MAA2B,SAAQ;;OAEhD,oBAAC;QACC,IAAG;QACH,IAAG;QACH,GAAE;QACF,MAAK;QACL,aAAY;QACZ,WAAU;SACV;OAEF,oBAAC;QACC,IAAG;QACH,IAAG;QACH,GAAE;QACF,MAAK;QACL,aAAY;QACZ,eAAc;QACd,iBAAiB,GAAG,kBAAkB,KAAK;QAC3C,WAAU;SACV;OAEF,oBAAC;QACC,IAAG;QACH,IAAG;QACH,GAAE;QACF,MAAK;QACL,aAAY;QACZ,eAAc;QACd,iBAAiB,GAAG,sBAAsB,KAAK;QAC/C,kBAAkB,GAAG,CAAC,kBAAkB;QACxC,WAAU;SACV;;OACE,EACN,qBAAC;MAAI,WAAU;iBACb,oBAAC;OAAK,WAAU;iBAAsB;QAAa,EACnD,oBAAC;OAAK,WAAU;iBAAgC;QAAW;OACvD;MACF;KACF;GAGN,qBAAC;IAAI,WAAU;;KACb,qBAAC;MAAI,WAAU;iBACb,oBAAC,SAAI,WAAU,sCAAsC,EACrD,qBAAC;OAAK;OAAW;OAAS;UAAQ;OAC9B;KACN,qBAAC;MAAI,WAAU;iBACb,oBAAC,SAAI,WAAU,sCAAsC,EACrD,qBAAC;OAAK;OAAe;OAAa;UAAQ;OACtC;KACN,qBAAC;MAAI,WAAU;iBACb,oBAAC,SAAI,WAAU,kCAAkC,EACjD,qBAAC;OAAK;OAAU;OAAQ;UAAQ;OAC5B;;KACF;GAGL,SAAS,KACR,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,WAAU;eAAU;MAAS,EACnC,qBAAC;KAAK,WAAU;gBACb,QAAO;MACH;KACH;;GAEJ"}

package/dist/components/TipCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TipCard.js","names":[],"sources":["../../src/components/TipCard.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '@contractspec/lib.design-system';\nimport { Card, CardContent } from '@contractspec/lib.ui-kit-web/ui/card';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport type { LearningJourneyStepSpec } from '@contractspec/module.learning-journey/track-spec';\n\ninterface TipCardProps {\n  step: LearningJourneyStepSpec;\n  isCompleted: boolean;\n  isCurrent: boolean;\n  onComplete?: () => void;\n  onDismiss?: () => void;\n}\n\nconst TIP_ICONS: Record<string, string> = {\n  cash_buffer_too_high: '💰',\n  no_savings_goal: '🎯',\n  irregular_savings: '📅',\n  noise_late_evening: '🔇',\n  guest_frequency_high: '👥',\n  shared_space_conflicts: '🏠',\n  default: '💡',\n};\n\nexport function TipCard({\n  step,\n  isCompleted,\n  isCurrent,\n  onComplete,\n  onDismiss,\n}: TipCardProps) {\n  const tipId = (step.metadata?.tipId as string) ?? 'default';\n  const icon = TIP_ICONS[tipId] ?? TIP_ICONS.default;\n\n  return (\n    <Card\n      className={cn(\n        'transition-all',\n        isCompleted && 'opacity-60',\n        isCurrent && 'ring-2 ring-amber-500'\n      )}\n    >\n      <CardContent className=\"p-4\">\n        <div className=\"flex gap-4\">\n          {/* Icon */}\n          <div\n            className={cn(\n              'flex h-12 w-12 shrink-0 items-center justify-center rounded-xl text-2xl',\n              isCompleted\n                ? 'bg-green-500/10'\n                : isCurrent\n                  ? 'bg-amber-500/10'\n                  : 'bg-muted'\n            )}\n          >\n            {isCompleted ? '✓' : icon}\n          </div>\n\n          {/* Content */}\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"flex items-start justify-between gap-2\">\n              <h4 className=\"font-semibold\">{step.title}</h4>\n              {step.xpReward && (\n                <span\n                  className={cn(\n                    'shrink-0 rounded-full px-2 py-0.5 text-xs font-semibold',\n                    isCompleted\n                      ? 'bg-green-500/10 text-green-500'\n                      : 'bg-amber-500/10 text-amber-500'\n                  )}\n                >\n                  +{step.xpReward} XP\n                </span>\n              )}\n            </div>\n            <p className=\"text-muted-foreground mt-1 text-sm\">\n              {step.description}\n            </p>\n\n            {/* Actions */}\n            {!isCompleted && (\n              <div className=\"mt-3 flex flex-wrap gap-2\">\n                <Button size=\"sm\" onClick={onComplete}>\n                  Take Action\n                </Button>\n                <Button variant=\"outline\" size=\"sm\" onClick={onDismiss}>\n                  Dismiss\n                </Button>\n              </div>\n            )}\n\n            {isCompleted && (\n              <p className=\"mt-2 text-sm text-green-500\">✓ Tip acknowledged</p>\n            )}\n          </div>\n        </div>\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;AAeA,MAAM,YAAoC;CACxC,sBAAsB;CACtB,iBAAiB;CACjB,mBAAmB;CACnB,oBAAoB;CACpB,sBAAsB;CACtB,wBAAwB;CACxB,SAAS;CACV;AAED,SAAgB,QAAQ,EACtB,MACA,aACA,WACA,YACA,aACe;CAEf,MAAM,OAAO,UADE,KAAK,UAAU,SAAoB,cACjB,UAAU;AAE3C,QACE,oBAAC;EACC,WAAW,GACT,kBACA,eAAe,cACf,aAAa,wBACd;YAED,oBAAC;GAAY,WAAU;aACrB,qBAAC;IAAI,WAAU;eAEb,oBAAC;KACC,WAAW,GACT,2EACA,cACI,oBACA,YACE,oBACA,WACP;eAEA,cAAc,MAAM;MACjB,EAGN,qBAAC;KAAI,WAAU;;MACb,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAiB,KAAK;SAAW,EAC9C,KAAK,YACJ,qBAAC;QACC,WAAW,GACT,2DACA,cACI,mCACA,iCACL;;SACF;SACG,KAAK;SAAS;;SACX;QAEL;MACN,oBAAC;OAAE,WAAU;iBACV,KAAK;QACJ;MAGH,CAAC,eACA,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAO,MAAK;QAAK,SAAS;kBAAY;SAE9B,EACT,oBAAC;QAAO,SAAQ;QAAU,MAAK;QAAK,SAAS;kBAAW;SAE/C;QACL;MAGP,eACC,oBAAC;OAAE,WAAU;iBAA8B;QAAsB;;MAE/D;KACF;IACM;GACT"}

package/dist/components/TipFeed.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TipFeed.js","names":[],"sources":["../../src/components/TipFeed.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport type { LearningJourneyStepSpec } from '@contractspec/module.learning-journey/track-spec';\n\ninterface TipFeedItem {\n  step: LearningJourneyStepSpec;\n  isCompleted: boolean;\n  completedAt?: string;\n}\n\ninterface TipFeedProps {\n  items: TipFeedItem[];\n}\n\nconst TIP_ICONS: Record<string, string> = {\n  cash_buffer_too_high: '💰',\n  no_savings_goal: '🎯',\n  irregular_savings: '📅',\n  noise_late_evening: '🔇',\n  guest_frequency_high: '👥',\n  shared_space_conflicts: '🏠',\n  default: '💡',\n};\n\nexport function TipFeed({ items }: TipFeedProps) {\n  if (items.length === 0) {\n    return (\n      <div className=\"text-muted-foreground py-8 text-center\">\n        No tips yet. Start engaging with coaching tips!\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"relative\">\n      {/* Timeline line */}\n      <div className=\"bg-border absolute top-0 left-4 h-full w-0.5\" />\n\n      {/* Feed items */}\n      <div className=\"space-y-4\">\n        {items.map((item) => {\n          const tipId = (item.step.metadata?.tipId as string) ?? 'default';\n          const icon = TIP_ICONS[tipId] ?? TIP_ICONS.default;\n\n          return (\n            <div key={item.step.id} className=\"relative flex gap-4 pl-2\">\n              {/* Node */}\n              <div\n                className={cn(\n                  'relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-sm',\n                  item.isCompleted\n                    ? 'bg-green-500 text-white'\n                    : 'bg-muted text-muted-foreground'\n                )}\n              >\n                {item.isCompleted ? '✓' : icon}\n              </div>\n\n              {/* Content */}\n              <div className=\"bg-card flex-1 rounded-lg border p-3\">\n                <div className=\"flex items-start justify-between gap-2\">\n                  <div>\n                    <p className=\"font-medium\">{item.step.title}</p>\n                    <p className=\"text-muted-foreground mt-0.5 text-sm\">\n                      {item.step.description}\n                    </p>\n                  </div>\n                  {item.step.xpReward && (\n                    <span\n                      className={cn(\n                        'shrink-0 text-xs font-medium',\n                        item.isCompleted\n                          ? 'text-green-500'\n                          : 'text-muted-foreground'\n                      )}\n                    >\n                      +{item.step.xpReward} XP\n                    </span>\n                  )}\n                </div>\n\n                {/* Timestamp */}\n                <div className=\"text-muted-foreground mt-2 flex items-center gap-2 text-xs\">\n                  {item.isCompleted ? (\n                    <span className=\"text-green-500\">\n                      ✓ Completed\n                      {item.completedAt && ` • ${item.completedAt}`}\n                    </span>\n                  ) : (\n                    <span>Pending action</span>\n                  )}\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAeA,MAAM,YAAoC;CACxC,sBAAsB;CACtB,iBAAiB;CACjB,mBAAmB;CACnB,oBAAoB;CACpB,sBAAsB;CACtB,wBAAwB;CACxB,SAAS;CACV;AAED,SAAgB,QAAQ,EAAE,SAAuB;AAC/C,KAAI,MAAM,WAAW,EACnB,QACE,oBAAC;EAAI,WAAU;YAAyC;GAElD;AAIV,QACE,qBAAC;EAAI,WAAU;aAEb,oBAAC,SAAI,WAAU,iDAAiD,EAGhE,oBAAC;GAAI,WAAU;aACZ,MAAM,KAAK,SAAS;IAEnB,MAAM,OAAO,UADE,KAAK,KAAK,UAAU,SAAoB,cACtB,UAAU;AAE3C,WACE,qBAAC;KAAuB,WAAU;gBAEhC,oBAAC;MACC,WAAW,GACT,wFACA,KAAK,cACD,4BACA,iCACL;gBAEA,KAAK,cAAc,MAAM;OACtB,EAGN,qBAAC;MAAI,WAAU;iBACb,qBAAC;OAAI,WAAU;kBACb,qBAAC,oBACC,oBAAC;QAAE,WAAU;kBAAe,KAAK,KAAK;SAAU,EAChD,oBAAC;QAAE,WAAU;kBACV,KAAK,KAAK;SACT,IACA,EACL,KAAK,KAAK,YACT,qBAAC;QACC,WAAW,GACT,gCACA,KAAK,cACD,mBACA,wBACL;;SACF;SACG,KAAK,KAAK;SAAS;;SAChB;QAEL,EAGN,oBAAC;OAAI,WAAU;iBACZ,KAAK,cACJ,qBAAC;QAAK,WAAU;mBAAiB,eAE9B,KAAK,eAAe,MAAM,KAAK;SAC3B,GAEP,oBAAC,oBAAK,mBAAqB;QAEzB;OACF;OA/CE,KAAK,KAAK,GAgDd;KAER;IACE;GACF"}

package/dist/docs/learning-journey-ui-coaching.docblock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"learning-journey-ui-coaching.docblock.js","names":[],"sources":["../../src/docs/learning-journey-ui-coaching.docblock.ts"],"sourcesContent":["import type { DocBlock } from '@contractspec/lib.contracts/docs';\nimport { registerDocBlocks } from '@contractspec/lib.contracts/docs';\n\nconst blocks: DocBlock[] = [\n  {\n    id: 'docs.examples.learning-journey-ui-coaching',\n    title: 'Learning Journey UI — Coaching',\n    summary: 'UI mini-app components for coaching: tips, engagement, progress.',\n    kind: 'reference',\n    visibility: 'public',\n    route: '/docs/examples/learning-journey-ui-coaching',\n    tags: ['learning', 'ui', 'coaching'],\n    body: `## Includes\\n- Coaching mini-app shell\\n- Views: overview, steps, progress, timeline\\n- Components: tip card, engagement meter, tip feed\\n\\n## Notes\\n- Compose using design system components.\\n- Keep accessibility and mobile-friendly tap targets.`,\n  },\n];\n\nregisterDocBlocks(blocks);\n"],"mappings":";;;AAgBA,kBAb2B,CACzB;CACE,IAAI;CACJ,OAAO;CACP,SAAS;CACT,MAAM;CACN,YAAY;CACZ,OAAO;CACP,MAAM;EAAC;EAAY;EAAM;EAAW;CACpC,MAAM;CACP,CACF,CAEwB"}

package/dist/example.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"example.js","names":[],"sources":["../src/example.ts"],"sourcesContent":["import { defineExample } from '@contractspec/lib.contracts';\n\nconst example = defineExample({\n  meta: {\n    key: 'learning-journey-ui-coaching',\n    version: '1.0.0',\n    title: 'Learning Journey UI — Coaching',\n    description:\n      'UI mini-app for coaching patterns: tips, engagement meter, progress.',\n    kind: 'ui',\n    visibility: 'public',\n    stability: 'experimental',\n    owners: ['@platform.core'],\n    tags: ['learning', 'ui', 'coaching'],\n  },\n  docs: {\n    rootDocId: 'docs.examples.learning-journey-ui-coaching',\n  },\n  entrypoints: {\n    packageName: '@contractspec/example.learning-journey-ui-coaching',\n    docs: './docs',\n  },\n  surfaces: {\n    templates: true,\n    sandbox: { enabled: true, modes: ['playground', 'markdown'] },\n    studio: { enabled: true, installable: true },\n    mcp: { enabled: true },\n  },\n});\n\nexport default example;\n"],"mappings":";;;AAEA,MAAM,UAAU,cAAc;CAC5B,MAAM;EACJ,KAAK;EACL,SAAS;EACT,OAAO;EACP,aACE;EACF,MAAM;EACN,YAAY;EACZ,WAAW;EACX,QAAQ,CAAC,iBAAiB;EAC1B,MAAM;GAAC;GAAY;GAAM;GAAW;EACrC;CACD,MAAM,EACJ,WAAW,8CACZ;CACD,aAAa;EACX,aAAa;EACb,MAAM;EACP;CACD,UAAU;EACR,WAAW;EACX,SAAS;GAAE,SAAS;GAAM,OAAO,CAAC,cAAc,WAAW;GAAE;EAC7D,QAAQ;GAAE,SAAS;GAAM,aAAa;GAAM;EAC5C,KAAK,EAAE,SAAS,MAAM;EACvB;CACF,CAAC"}

package/dist/views/Overview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Overview.js","names":[],"sources":["../../src/views/Overview.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '@contractspec/lib.design-system';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n} from '@contractspec/lib.ui-kit-web/ui/card';\nimport {\n  XpBar,\n  StreakCounter,\n} from '@contractspec/example.learning-journey-ui-shared';\nimport { TipCard } from '../components/TipCard';\nimport type { LearningViewProps } from '@contractspec/example.learning-journey-ui-shared';\n\ninterface CoachingOverviewProps extends LearningViewProps {\n  onStart?: () => void;\n}\n\nexport function Overview({\n  track,\n  progress,\n  onStepComplete,\n  onStart,\n}: CoachingOverviewProps) {\n  const totalXp =\n    track.totalXp ?? track.steps.reduce((sum, s) => sum + (s.xpReward ?? 0), 0);\n\n  const completedSteps = progress.completedStepIds.length;\n  const totalSteps = track.steps.length;\n  const pendingSteps = totalSteps - completedSteps;\n\n  // Get active tips (incomplete ones)\n  const activeTips = track.steps\n    .filter((s) => !progress.completedStepIds.includes(s.id))\n    .slice(0, 3);\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Header Card */}\n      <Card className=\"overflow-hidden bg-gradient-to-br from-amber-500/10 via-orange-500/10 to-red-500/10\">\n        <CardContent className=\"p-6\">\n          <div className=\"flex flex-col items-center gap-4 text-center md:flex-row md:text-left\">\n            <div className=\"flex h-16 w-16 items-center justify-center rounded-2xl bg-gradient-to-br from-amber-500 to-orange-600 text-3xl shadow-lg\">\n              💡\n            </div>\n            <div className=\"flex-1\">\n              <h1 className=\"text-2xl font-bold\">{track.name}</h1>\n              <p className=\"text-muted-foreground mt-1\">{track.description}</p>\n            </div>\n            <div className=\"flex items-center gap-4\">\n              <StreakCounter days={progress.streakDays} size=\"lg\" />\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n\n      {/* Quick Stats */}\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <Card>\n          <CardHeader className=\"pb-2\">\n            <CardTitle className=\"text-muted-foreground text-sm font-medium\">\n              Active Tips\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-3xl font-bold text-amber-500\">\n              {pendingSteps}\n            </div>\n            <p className=\"text-muted-foreground text-sm\">tips for you today</p>\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader className=\"pb-2\">\n            <CardTitle className=\"text-muted-foreground text-sm font-medium\">\n              Tips Actioned\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-3xl font-bold text-green-500\">\n              {completedSteps}\n            </div>\n            <p className=\"text-muted-foreground text-sm\">\n              out of {totalSteps} total\n            </p>\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader className=\"pb-2\">\n            <CardTitle className=\"text-muted-foreground text-sm font-medium\">\n              XP Earned\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-3xl font-bold text-orange-500\">\n              {progress.xpEarned}\n            </div>\n            <XpBar\n              current={progress.xpEarned}\n              max={totalXp}\n              showLabel={false}\n              size=\"sm\"\n            />\n          </CardContent>\n        </Card>\n      </div>\n\n      {/* Active Tips Preview */}\n      {activeTips.length > 0 && (\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between\">\n            <CardTitle className=\"flex items-center gap-2\">\n              <span>💡</span>\n              <span>Tips for You</span>\n            </CardTitle>\n            {activeTips.length < pendingSteps && (\n              <Button variant=\"outline\" size=\"sm\" onClick={onStart}>\n                View All ({pendingSteps})\n              </Button>\n            )}\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {activeTips.map((step) => (\n              <TipCard\n                key={step.id}\n                step={step}\n                isCompleted={false}\n                isCurrent={step.id === activeTips[0]?.id}\n                onComplete={() => onStepComplete?.(step.id)}\n              />\n            ))}\n          </CardContent>\n        </Card>\n      )}\n\n      {/* All Complete */}\n      {pendingSteps === 0 && (\n        <Card className=\"border-green-500/50 bg-green-500/5\">\n          <CardContent className=\"flex items-center gap-4 p-6\">\n            <div className=\"text-4xl\">🎉</div>\n            <div>\n              <h3 className=\"text-lg font-semibold text-green-500\">\n                All Tips Actioned!\n              </h3>\n              <p className=\"text-muted-foreground\">\n                Great job! You've addressed all {totalSteps} coaching tips.\n              </p>\n            </div>\n          </CardContent>\n        </Card>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAoBA,SAAgB,SAAS,EACvB,OACA,UACA,gBACA,WACwB;CACxB,MAAM,UACJ,MAAM,WAAW,MAAM,MAAM,QAAQ,KAAK,MAAM,OAAO,EAAE,YAAY,IAAI,EAAE;CAE7E,MAAM,iBAAiB,SAAS,iBAAiB;CACjD,MAAM,aAAa,MAAM,MAAM;CAC/B,MAAM,eAAe,aAAa;CAGlC,MAAM,aAAa,MAAM,MACtB,QAAQ,MAAM,CAAC,SAAS,iBAAiB,SAAS,EAAE,GAAG,CAAC,CACxD,MAAM,GAAG,EAAE;AAEd,QACE,qBAAC;EAAI,WAAU;;GAEb,oBAAC;IAAK,WAAU;cACd,oBAAC;KAAY,WAAU;eACrB,qBAAC;MAAI,WAAU;;OACb,oBAAC;QAAI,WAAU;kBAA2H;SAEpI;OACN,qBAAC;QAAI,WAAU;mBACb,oBAAC;SAAG,WAAU;mBAAsB,MAAM;UAAU,EACpD,oBAAC;SAAE,WAAU;mBAA8B,MAAM;UAAgB;SAC7D;OACN,oBAAC;QAAI,WAAU;kBACb,oBAAC;SAAc,MAAM,SAAS;SAAY,MAAK;UAAO;SAClD;;OACF;MACM;KACT;GAGP,qBAAC;IAAI,WAAU;;KACb,qBAAC,mBACC,oBAAC;MAAW,WAAU;gBACpB,oBAAC;OAAU,WAAU;iBAA4C;QAErD;OACD,EACb,qBAAC,0BACC,oBAAC;MAAI,WAAU;gBACZ;OACG,EACN,oBAAC;MAAE,WAAU;gBAAgC;OAAsB,IACvD,IACT;KAEP,qBAAC,mBACC,oBAAC;MAAW,WAAU;gBACpB,oBAAC;OAAU,WAAU;iBAA4C;QAErD;OACD,EACb,qBAAC,0BACC,oBAAC;MAAI,WAAU;gBACZ;OACG,EACN,qBAAC;MAAE,WAAU;;OAAgC;OACnC;OAAW;;OACjB,IACQ,IACT;KAEP,qBAAC,mBACC,oBAAC;MAAW,WAAU;gBACpB,oBAAC;OAAU,WAAU;iBAA4C;QAErD;OACD,EACb,qBAAC,0BACC,oBAAC;MAAI,WAAU;gBACZ,SAAS;OACN,EACN,oBAAC;MACC,SAAS,SAAS;MAClB,KAAK;MACL,WAAW;MACX,MAAK;OACL,IACU,IACT;;KACH;GAGL,WAAW,SAAS,KACnB,qBAAC,mBACC,qBAAC;IAAW,WAAU;eACpB,qBAAC;KAAU,WAAU;gBACnB,oBAAC,oBAAK,OAAS,EACf,oBAAC,oBAAK,iBAAmB;MACf,EACX,WAAW,SAAS,gBACnB,qBAAC;KAAO,SAAQ;KAAU,MAAK;KAAK,SAAS;;MAAS;MACzC;MAAa;;MACjB;KAEA,EACb,oBAAC;IAAY,WAAU;cACpB,WAAW,KAAK,SACf,oBAAC;KAEO;KACN,aAAa;KACb,WAAW,KAAK,OAAO,WAAW,IAAI;KACtC,kBAAkB,iBAAiB,KAAK,GAAG;OAJtC,KAAK,GAKV,CACF;KACU,IACT;GAIR,iBAAiB,KAChB,oBAAC;IAAK,WAAU;cACd,qBAAC;KAAY,WAAU;gBACrB,oBAAC;MAAI,WAAU;gBAAW;OAAQ,EAClC,qBAAC,oBACC,oBAAC;MAAG,WAAU;gBAAuC;OAEhD,EACL,qBAAC;MAAE,WAAU;;OAAwB;OACF;OAAW;;OAC1C,IACA;MACM;KACT;;GAEL"}

package/dist/views/Progress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Progress.js","names":[],"sources":["../../src/views/Progress.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n} from '@contractspec/lib.ui-kit-web/ui/card';\nimport {\n  XpBar,\n  BadgeDisplay,\n  StreakCounter,\n} from '@contractspec/example.learning-journey-ui-shared';\nimport { EngagementMeter } from '../components/EngagementMeter';\nimport type { LearningViewProps } from '@contractspec/example.learning-journey-ui-shared';\n\nexport function ProgressView({ track, progress }: LearningViewProps) {\n  const totalXp =\n    track.totalXp ?? track.steps.reduce((sum, s) => sum + (s.xpReward ?? 0), 0);\n\n  const completedSteps = progress.completedStepIds.length;\n  const totalSteps = track.steps.length;\n  const pendingSteps = totalSteps - completedSteps;\n\n  // For demo: split completed into \"actioned\" and \"acknowledged\"\n  // In real app, this would come from progress data\n  const actioned = Math.floor(completedSteps * 0.7);\n  const acknowledged = completedSteps - actioned;\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Engagement Overview */}\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <span>📊</span>\n            <span>Engagement Overview</span>\n          </CardTitle>\n        </CardHeader>\n        <CardContent>\n          <EngagementMeter\n            actioned={actioned}\n            acknowledged={acknowledged}\n            pending={pendingSteps}\n            streak={progress.streakDays}\n          />\n        </CardContent>\n      </Card>\n\n      {/* Stats Grid */}\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <Card>\n          <CardHeader className=\"pb-2\">\n            <CardTitle className=\"text-muted-foreground text-sm font-medium\">\n              XP Earned\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            <div className=\"flex items-baseline gap-2\">\n              <span className=\"text-3xl font-bold text-orange-500\">\n                {progress.xpEarned}\n              </span>\n              <span className=\"text-muted-foreground\">/ {totalXp} XP</span>\n            </div>\n            <XpBar\n              current={progress.xpEarned}\n              max={totalXp}\n              showLabel={false}\n              size=\"lg\"\n            />\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader className=\"pb-2\">\n            <CardTitle className=\"text-muted-foreground text-sm font-medium\">\n              Engagement Streak\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div className=\"flex items-center gap-4\">\n              <StreakCounter days={progress.streakDays} size=\"lg\" />\n              <div className=\"text-muted-foreground text-sm\">\n                {progress.streakDays > 0\n                  ? 'Keep going!'\n                  : 'Start your streak today!'}\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n\n      {/* Achievements */}\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <span>🏅</span>\n            <span>Achievements</span>\n          </CardTitle>\n        </CardHeader>\n        <CardContent>\n          <BadgeDisplay badges={progress.badges} size=\"lg\" maxVisible={10} />\n          {progress.badges.length === 0 && (\n            <p className=\"text-muted-foreground text-sm\">\n              Action tips to unlock achievements!\n            </p>\n          )}\n        </CardContent>\n      </Card>\n\n      {/* Tip Breakdown */}\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <span>💡</span>\n            <span>Tip Status</span>\n          </CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-3\">\n            {track.steps.map((step) => {\n              const isCompleted = progress.completedStepIds.includes(step.id);\n\n              return (\n                <div\n                  key={step.id}\n                  className=\"flex items-center justify-between rounded-lg border p-3\"\n                >\n                  <div className=\"flex items-center gap-3\">\n                    <span\n                      className={\n                        isCompleted ? 'text-green-500' : 'text-amber-500'\n                      }\n                    >\n                      {isCompleted ? '✓' : '○'}\n                    </span>\n                    <span\n                      className={\n                        isCompleted\n                          ? 'text-muted-foreground'\n                          : 'text-foreground'\n                      }\n                    >\n                      {step.title}\n                    </span>\n                  </div>\n                  <span\n                    className={`text-sm ${\n                      isCompleted ? 'text-green-500' : 'text-muted-foreground'\n                    }`}\n                  >\n                    {isCompleted ? 'Actioned' : 'Pending'}\n                  </span>\n                </div>\n              );\n            })}\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n\nexport { ProgressView as Progress };\n"],"mappings":";;;;;;;;AAgBA,SAAgB,aAAa,EAAE,OAAO,YAA+B;CACnE,MAAM,UACJ,MAAM,WAAW,MAAM,MAAM,QAAQ,KAAK,MAAM,OAAO,EAAE,YAAY,IAAI,EAAE;CAE7E,MAAM,iBAAiB,SAAS,iBAAiB;CAEjD,MAAM,eADa,MAAM,MAAM,SACG;CAIlC,MAAM,WAAW,KAAK,MAAM,iBAAiB,GAAI;CACjD,MAAM,eAAe,iBAAiB;AAEtC,QACE,qBAAC;EAAI,WAAU;;GAEb,qBAAC,mBACC,oBAAC,wBACC,qBAAC;IAAU,WAAU;eACnB,oBAAC,oBAAK,OAAS,EACf,oBAAC,oBAAK,wBAA0B;KACtB,GACD,EACb,oBAAC,yBACC,oBAAC;IACW;IACI;IACd,SAAS;IACT,QAAQ,SAAS;KACjB,GACU,IACT;GAGP,qBAAC;IAAI,WAAU;eACb,qBAAC,mBACC,oBAAC;KAAW,WAAU;eACpB,oBAAC;MAAU,WAAU;gBAA4C;OAErD;MACD,EACb,qBAAC;KAAY,WAAU;gBACrB,qBAAC;MAAI,WAAU;iBACb,oBAAC;OAAK,WAAU;iBACb,SAAS;QACL,EACP,qBAAC;OAAK,WAAU;;QAAwB;QAAG;QAAQ;;QAAU;OACzD,EACN,oBAAC;MACC,SAAS,SAAS;MAClB,KAAK;MACL,WAAW;MACX,MAAK;OACL;MACU,IACT,EAEP,qBAAC,mBACC,oBAAC;KAAW,WAAU;eACpB,oBAAC;MAAU,WAAU;gBAA4C;OAErD;MACD,EACb,oBAAC,yBACC,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAc,MAAM,SAAS;MAAY,MAAK;OAAO,EACtD,oBAAC;MAAI,WAAU;gBACZ,SAAS,aAAa,IACnB,gBACA;OACA;MACF,GACM,IACT;KACH;GAGN,qBAAC,mBACC,oBAAC,wBACC,qBAAC;IAAU,WAAU;eACnB,oBAAC,oBAAK,OAAS,EACf,oBAAC,oBAAK,iBAAmB;KACf,GACD,EACb,qBAAC,0BACC,oBAAC;IAAa,QAAQ,SAAS;IAAQ,MAAK;IAAK,YAAY;KAAM,EAClE,SAAS,OAAO,WAAW,KAC1B,oBAAC;IAAE,WAAU;cAAgC;KAEzC,IAEM,IACT;GAGP,qBAAC,mBACC,oBAAC,wBACC,qBAAC;IAAU,WAAU;eACnB,oBAAC,oBAAK,OAAS,EACf,oBAAC,oBAAK,eAAiB;KACb,GACD,EACb,oBAAC,yBACC,oBAAC;IAAI,WAAU;cACZ,MAAM,MAAM,KAAK,SAAS;KACzB,MAAM,cAAc,SAAS,iBAAiB,SAAS,KAAK,GAAG;AAE/D,YACE,qBAAC;MAEC,WAAU;iBAEV,qBAAC;OAAI,WAAU;kBACb,oBAAC;QACC,WACE,cAAc,mBAAmB;kBAGlC,cAAc,MAAM;SAChB,EACP,oBAAC;QACC,WACE,cACI,0BACA;kBAGL,KAAK;SACD;QACH,EACN,oBAAC;OACC,WAAW,WACT,cAAc,mBAAmB;iBAGlC,cAAc,aAAa;QACvB;QA3BF,KAAK,GA4BN;MAER;KACE,GACM,IACT;;GACH"}

package/dist/views/Steps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Steps.js","names":[],"sources":["../../src/views/Steps.tsx"],"sourcesContent":["'use client';\n\nimport { TipCard } from '../components/TipCard';\nimport type { LearningViewProps } from '@contractspec/example.learning-journey-ui-shared';\n\nexport function Steps({ track, progress, onStepComplete }: LearningViewProps) {\n  const completedSteps = progress.completedStepIds.length;\n  const totalSteps = track.steps.length;\n\n  // Sort: pending first, then completed\n  const sortedSteps = [...track.steps].sort((a, b) => {\n    const aCompleted = progress.completedStepIds.includes(a.id);\n    const bCompleted = progress.completedStepIds.includes(b.id);\n    if (aCompleted === bCompleted) return 0;\n    return aCompleted ? 1 : -1;\n  });\n\n  const currentStepId = track.steps.find(\n    (s) => !progress.completedStepIds.includes(s.id)\n  )?.id;\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Header */}\n      <div className=\"text-center\">\n        <h2 className=\"text-xl font-bold\">Coaching Tips</h2>\n        <p className=\"text-muted-foreground\">\n          Review and take action on personalized tips\n        </p>\n        <p className=\"text-muted-foreground mt-2 text-sm\">\n          {completedSteps} of {totalSteps} tips actioned\n        </p>\n      </div>\n\n      {/* Tips Stack */}\n      <div className=\"space-y-3\">\n        {sortedSteps.map((step) => {\n          const isCompleted = progress.completedStepIds.includes(step.id);\n          const isCurrent = step.id === currentStepId;\n\n          return (\n            <TipCard\n              key={step.id}\n              step={step}\n              isCompleted={isCompleted}\n              isCurrent={isCurrent}\n              onComplete={() => onStepComplete?.(step.id)}\n              onDismiss={() => onStepComplete?.(step.id)} // Dismiss also completes\n            />\n          );\n        })}\n      </div>\n\n      {/* All done */}\n      {completedSteps === totalSteps && (\n        <div className=\"text-muted-foreground text-center\">\n          <span className=\"text-2xl\">✨</span>\n          <p className=\"mt-2\">All tips have been addressed!</p>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAgB,MAAM,EAAE,OAAO,UAAU,kBAAqC;CAC5E,MAAM,iBAAiB,SAAS,iBAAiB;CACjD,MAAM,aAAa,MAAM,MAAM;CAG/B,MAAM,cAAc,CAAC,GAAG,MAAM,MAAM,CAAC,MAAM,GAAG,MAAM;EAClD,MAAM,aAAa,SAAS,iBAAiB,SAAS,EAAE,GAAG;AAE3D,MAAI,eADe,SAAS,iBAAiB,SAAS,EAAE,GAAG,CAC5B,QAAO;AACtC,SAAO,aAAa,IAAI;GACxB;CAEF,MAAM,gBAAgB,MAAM,MAAM,MAC/B,MAAM,CAAC,SAAS,iBAAiB,SAAS,EAAE,GAAG,CACjD,EAAE;AAEH,QACE,qBAAC;EAAI,WAAU;;GAEb,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAoB;OAAkB;KACpD,oBAAC;MAAE,WAAU;gBAAwB;OAEjC;KACJ,qBAAC;MAAE,WAAU;;OACV;OAAe;OAAK;OAAW;;OAC9B;;KACA;GAGN,oBAAC;IAAI,WAAU;cACZ,YAAY,KAAK,SAAS;AAIzB,YACE,oBAAC;MAEO;MACN,aAPgB,SAAS,iBAAiB,SAAS,KAAK,GAAG;MAQ3D,WAPc,KAAK,OAAO;MAQ1B,kBAAkB,iBAAiB,KAAK,GAAG;MAC3C,iBAAiB,iBAAiB,KAAK,GAAG;QALrC,KAAK,GAMV;MAEJ;KACE;GAGL,mBAAmB,cAClB,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,WAAU;eAAW;MAAQ,EACnC,oBAAC;KAAE,WAAU;eAAO;MAAiC;KACjD;;GAEJ"}

package/dist/views/Timeline.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Timeline.js","names":[],"sources":["../../src/views/Timeline.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n} from '@contractspec/lib.ui-kit-web/ui/card';\nimport { TipFeed } from '../components/TipFeed';\nimport type { LearningViewProps } from '@contractspec/example.learning-journey-ui-shared';\n\nexport function Timeline({ track, progress }: LearningViewProps) {\n  // Create feed items sorted by completion status (completed first for \"recent activity\")\n  const feedItems = track.steps\n    .map((step) => ({\n      step,\n      isCompleted: progress.completedStepIds.includes(step.id),\n      completedAt: progress.completedStepIds.includes(step.id)\n        ? 'Recently'\n        : undefined,\n    }))\n    .sort((a, b) => {\n      // Completed items first (as recent activity)\n      if (a.isCompleted && !b.isCompleted) return -1;\n      if (!a.isCompleted && b.isCompleted) return 1;\n      return 0;\n    });\n\n  const completedCount = feedItems.filter((f) => f.isCompleted).length;\n  const pendingCount = feedItems.length - completedCount;\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Header */}\n      <div className=\"text-center\">\n        <h2 className=\"text-xl font-bold\">Activity Timeline</h2>\n        <p className=\"text-muted-foreground\">\n          Your coaching journey and tip history\n        </p>\n      </div>\n\n      {/* Summary */}\n      <div className=\"grid grid-cols-2 gap-4\">\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <div className=\"text-2xl font-bold text-green-500\">\n              {completedCount}\n            </div>\n            <div className=\"text-muted-foreground text-sm\">Tips Actioned</div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <div className=\"text-2xl font-bold text-amber-500\">\n              {pendingCount}\n            </div>\n            <div className=\"text-muted-foreground text-sm\">Tips Pending</div>\n          </CardContent>\n        </Card>\n      </div>\n\n      {/* Activity Feed */}\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <span>📝</span>\n            <span>Coaching Feed</span>\n          </CardTitle>\n        </CardHeader>\n        <CardContent>\n          <TipFeed items={feedItems} />\n        </CardContent>\n      </Card>\n\n      {/* Journey Stats */}\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <span>📈</span>\n            <span>Journey Stats</span>\n          </CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-4\">\n            <div className=\"flex items-center justify-between\">\n              <span className=\"text-muted-foreground\">Total Tips</span>\n              <span className=\"font-semibold\">{track.steps.length}</span>\n            </div>\n            <div className=\"flex items-center justify-between\">\n              <span className=\"text-muted-foreground\">Completed</span>\n              <span className=\"font-semibold text-green-500\">\n                {completedCount}\n              </span>\n            </div>\n            <div className=\"flex items-center justify-between\">\n              <span className=\"text-muted-foreground\">XP Earned</span>\n              <span className=\"font-semibold text-orange-500\">\n                {progress.xpEarned}\n              </span>\n            </div>\n            <div className=\"flex items-center justify-between\">\n              <span className=\"text-muted-foreground\">Current Streak</span>\n              <span className=\"font-semibold\">\n                {progress.streakDays > 0\n                  ? `🔥 ${progress.streakDays} days`\n                  : 'Start today!'}\n              </span>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAWA,SAAgB,SAAS,EAAE,OAAO,YAA+B;CAE/D,MAAM,YAAY,MAAM,MACrB,KAAK,UAAU;EACd;EACA,aAAa,SAAS,iBAAiB,SAAS,KAAK,GAAG;EACxD,aAAa,SAAS,iBAAiB,SAAS,KAAK,GAAG,GACpD,aACA;EACL,EAAE,CACF,MAAM,GAAG,MAAM;AAEd,MAAI,EAAE,eAAe,CAAC,EAAE,YAAa,QAAO;AAC5C,MAAI,CAAC,EAAE,eAAe,EAAE,YAAa,QAAO;AAC5C,SAAO;GACP;CAEJ,MAAM,iBAAiB,UAAU,QAAQ,MAAM,EAAE,YAAY,CAAC;CAC9D,MAAM,eAAe,UAAU,SAAS;AAExC,QACE,qBAAC;EAAI,WAAU;;GAEb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAoB;MAAsB,EACxD,oBAAC;KAAE,WAAU;eAAwB;MAEjC;KACA;GAGN,qBAAC;IAAI,WAAU;eACb,oBAAC,kBACC,qBAAC;KAAY,WAAU;gBACrB,oBAAC;MAAI,WAAU;gBACZ;OACG,EACN,oBAAC;MAAI,WAAU;gBAAgC;OAAmB;MACtD,GACT,EACP,oBAAC,kBACC,qBAAC;KAAY,WAAU;gBACrB,oBAAC;MAAI,WAAU;gBACZ;OACG,EACN,oBAAC;MAAI,WAAU;gBAAgC;OAAkB;MACrD,GACT;KACH;GAGN,qBAAC,mBACC,oBAAC,wBACC,qBAAC;IAAU,WAAU;eACnB,oBAAC,oBAAK,OAAS,EACf,oBAAC,oBAAK,kBAAoB;KAChB,GACD,EACb,oBAAC,yBACC,oBAAC,WAAQ,OAAO,YAAa,GACjB,IACT;GAGP,qBAAC,mBACC,oBAAC,wBACC,qBAAC;IAAU,WAAU;eACnB,oBAAC,oBAAK,OAAS,EACf,oBAAC,oBAAK,kBAAoB;KAChB,GACD,EACb,oBAAC,yBACC,qBAAC;IAAI,WAAU;;KACb,qBAAC;MAAI,WAAU;iBACb,oBAAC;OAAK,WAAU;iBAAwB;QAAiB,EACzD,oBAAC;OAAK,WAAU;iBAAiB,MAAM,MAAM;QAAc;OACvD;KACN,qBAAC;MAAI,WAAU;iBACb,oBAAC;OAAK,WAAU;iBAAwB;QAAgB,EACxD,oBAAC;OAAK,WAAU;iBACb;QACI;OACH;KACN,qBAAC;MAAI,WAAU;iBACb,oBAAC;OAAK,WAAU;iBAAwB;QAAgB,EACxD,oBAAC;OAAK,WAAU;iBACb,SAAS;QACL;OACH;KACN,qBAAC;MAAI,WAAU;iBACb,oBAAC;OAAK,WAAU;iBAAwB;QAAqB,EAC7D,oBAAC;OAAK,WAAU;iBACb,SAAS,aAAa,IACnB,MAAM,SAAS,WAAW,SAC1B;QACC;OACH;;KACF,GACM,IACT;;GACH"}