@lssm/example.learning-journey-studio-onboarding 0.0.0-canary-20251213172311

package/.turbo/turbo-build.log

@@ -0,0 +1,19 @@
+$ bun build:bundle && bun build:types
+$ tsdown
+ℹ tsdown v0.17.0 powered by rolldown v1.0.0-beta.53
+ℹ config file: /home/runner/work/contractspec/contractspec/packages/examples/learning-journey-studio-onboarding/tsdown.config.js 
+ℹ entry: src/example.ts, src/index.ts, src/track.ts, src/contracts/index.ts, src/docs/index.ts, src/docs/studio-onboarding.docblock.ts, src/handlers/demo.handlers.ts, src/presentations/index.ts
+ℹ target: esnext
+ℹ tsconfig: tsconfig.json
+ℹ Build start
+ℹ dist/contracts/index.js                  2.88 kB │ gzip: 0.91 kB
+ℹ dist/track.js                            1.93 kB │ gzip: 0.80 kB
+ℹ dist/docs/studio-onboarding.docblock.js  1.47 kB │ gzip: 0.76 kB
+ℹ dist/index.js                            0.99 kB │ gzip: 0.32 kB
+ℹ dist/presentations/index.js              0.80 kB │ gzip: 0.37 kB
+ℹ dist/example.js                          0.60 kB │ gzip: 0.37 kB
+ℹ dist/handlers/demo.handlers.js           0.44 kB │ gzip: 0.28 kB
+ℹ dist/docs/index.js                       0.04 kB │ gzip: 0.06 kB
+ℹ 8 files, total: 9.16 kB
+✔ Build complete in 80ms
+$ tsc --noEmit

package/CHANGELOG.md

@@ -0,0 +1,10 @@
+# @lssm/example.learning-journey-studio-onboarding
+
+## 0.0.0-canary-20251213172311
+
+### Patch Changes
+
+- Updated dependencies [3086383]
+  - @lssm/lib.contracts@0.0.0-canary-20251213172311
+  - @lssm/lib.schema@0.0.0-canary-20251213172311
+  - @lssm/module.learning-journey@0.0.0-canary-20251213172311

package/README.md

@@ -0,0 +1,38 @@
+# @lssm/example.learning-journey-studio-onboarding
+
+Learning Journey example focused on the first 30 minutes inside ContractSpec Studio.
+
+## Track
+
+- **Key**: `studio_getting_started`
+- **Persona**: new Studio developer
+- **XP**: 20/20/20/20/30 + 25 bonus within 48h
+- **Badge**: `studio_first_30m`
+
+## Steps & Events
+
+1. `choose_template` → `studio.template.instantiated`
+2. `edit_spec` → `spec.changed` (scope: sandbox)
+3. `regenerate_app` → `regeneration.completed`
+4. `play_in_playground` → `playground.session.started`
+5. `try_evolution_mode` → `studio.evolution.applied`
+
+## Usage
+
+- Import track specs:  
+  `import { studioLearningTracks } from '@lssm/example.learning-journey-studio-onboarding/track'`
+- Contracts/handlers for demos:  
+  `import { GetStudioOnboardingTrack, RecordStudioOnboardingEvent } from '@lssm/example.learning-journey-studio-onboarding/contracts'`  
+  `import { emitStudioOnboardingEvent } from '@lssm/example.learning-journey-studio-onboarding/handlers/demo.handlers'`
+- Presentations (react/markdown/json targets):  
+  `import { studioOnboardingPresentations } from '@lssm/example.learning-journey-studio-onboarding/presentations'`
+- Register with Learning Journey surfaces via onboarding API:
+  - `learning.onboarding.listTracks` to surface catalog
+  - `learning.onboarding.getProgress` to show status
+  - `learning.onboarding.recordEvent` in event-bus handlers to advance steps
+- Wire events from Studio surfaces (template spawn, spec save, regeneration, playground session start, evolution apply) to `recordEvent`.
+
+## Docs
+
+- Docblock: `src/docs/studio-onboarding.docblock.ts`
+- Route suggestion: `/docs/learning-journey/studio-onboarding`

package/dist/contracts/index.js

@@ -0,0 +1 @@
+import{studioGettingStartedTrack as e}from"../track.js";import{ScalarTypeEnum as t,defineSchemaModel as n}from"@lssm/lib.schema";import{defineCommand as r,defineQuery as i}from"@lssm/lib.contracts";const a=[`examples.learning-journey.studio-onboarding`],o=n({name:`StudioOnboardingStep`,description:`Step metadata for Studio onboarding journey`,fields:{id:{type:t.String_unsecure(),isOptional:!1},title:{type:t.String_unsecure(),isOptional:!1},description:{type:t.String_unsecure(),isOptional:!0},completionEvent:{type:t.String_unsecure(),isOptional:!1},sourceModule:{type:t.String_unsecure(),isOptional:!0},xpReward:{type:t.Int_unsecure(),isOptional:!0},order:{type:t.Int_unsecure(),isOptional:!0}}}),s=n({name:`StudioOnboardingTrack`,description:`Studio onboarding track definition`,fields:{id:{type:t.String_unsecure(),isOptional:!1},name:{type:t.String_unsecure(),isOptional:!1},description:{type:t.String_unsecure(),isOptional:!0},totalXp:{type:t.Int_unsecure(),isOptional:!0},completionXpBonus:{type:t.Int_unsecure(),isOptional:!0},completionBadgeKey:{type:t.String_unsecure(),isOptional:!0},streakHoursWindow:{type:t.Int_unsecure(),isOptional:!0},streakBonusXp:{type:t.Int_unsecure(),isOptional:!0},steps:{type:o,isArray:!0,isOptional:!1}}}),c=n({name:`StudioOnboardingTrackResponse`,description:`Response wrapper for studio onboarding track`,fields:{track:{type:s,isOptional:!1}}}),l=n({name:`StudioOnboardingRecordEventInput`,description:`Emit a demo event to advance Studio onboarding steps`,fields:{learnerId:{type:t.String_unsecure(),isOptional:!1},eventName:{type:t.String_unsecure(),isOptional:!1},payload:{type:t.JSON(),isOptional:!0},occurredAt:{type:t.DateTime(),isOptional:!0}}}),u=n({name:`StudioOnboardingSuccess`,description:`Generic success response`,fields:{success:{type:t.Boolean(),isOptional:!1}}}),d=i({meta:{name:`learningJourney.studioOnboarding.getTrack`,version:1,stability:`experimental`,owners:[...a],tags:[`learning`,`onboarding`,`studio`],description:`Fetch the Studio onboarding track definition.`,goal:`Expose track metadata to UIs and templates.`,context:`Called by Studio/Playground to render journey steps.`},io:{input:n({name:`StudioOnboardingTrackInput`,description:`Track input`,fields:{}}),output:c},policy:{auth:`user`}}),f=r({meta:{name:`learningJourney.studioOnboarding.recordEvent`,version:1,stability:`experimental`,owners:[...a],tags:[`learning`,`onboarding`,`studio`],description:`Record an event to advance Studio onboarding progress.`,goal:`Advance steps via domain events in demo/sandbox contexts.`,context:`Called by handlers or demo scripts to emit step completion events.`},io:{input:l,output:u},policy:{auth:`user`}}),p={GetStudioOnboardingTrack:d,RecordStudioOnboardingEvent:f,track:e};export{d as GetStudioOnboardingTrack,f as RecordStudioOnboardingEvent,s as StudioOnboardingTrackModel,p as studioOnboardingContracts};

package/dist/docs/index.js

@@ -0,0 +1 @@
+import"./studio-onboarding.docblock.js";

package/dist/docs/studio-onboarding.docblock.js

@@ -0,0 +1 @@
+import{registerDocBlocks as e}from"@lssm/lib.contracts/docs";e([{id:`docs.learning-journey.studio-onboarding`,title:`Learning Journey — Studio Getting Started`,summary:`Track that guides a new Studio user through template spawn, spec edit, regeneration, playground, and evolution.`,kind:`reference`,visibility:`public`,route:`/docs/learning-journey/studio-onboarding`,tags:[`learning`,`onboarding`,`studio`],body:"## Track\n- **Key**: `studio_getting_started`\n- **Persona**: new Studio developer, first 30 minutes\n- **Goal**: instantiate template → edit spec → regenerate → play → run evolution\n\n## Steps & Events\n1) `choose_template` → event `studio.template.instantiated`\n2) `edit_spec` → event `spec.changed` (scope: sandbox)\n3) `regenerate_app` → event `regeneration.completed`\n4) `play_in_playground` → event `playground.session.started`\n5) `try_evolution_mode` → event `studio.evolution.applied`\n\nXP: 20/20/20/20/30 with bonus 25 XP if completed within 48h (streak rule). Badge: `studio_first_30m`.\n\n## Wiring\n- Tracks export from `@lssm/example.learning-journey-studio-onboarding/track`.\n- Use onboarding API:\n  - `learning.onboarding.listTracks` to surface catalog\n  - `learning.onboarding.getProgress` to render progress\n  - `learning.onboarding.recordEvent` to advance from bus events\n- Events should be emitted by Studio surfaces (template creation, spec save, regeneration, playground session start, evolution apply)."}]);

package/dist/example.js

@@ -0,0 +1 @@
+var e={id:`learning-journey-studio-onboarding`,title:`Learning Journey — Studio Getting Started`,summary:`Onboarding track guiding a new Studio user through template spawn, spec edit, regeneration, playground, and evolution.`,tags:[`learning`,`onboarding`,`studio`],kind:`template`,visibility:`public`,docs:{rootDocId:`docs.learning-journey.studio-onboarding`},entrypoints:{packageName:`@lssm/example.learning-journey-studio-onboarding`,docs:`./docs`},surfaces:{templates:!0,sandbox:{enabled:!0,modes:[`playground`,`markdown`]},studio:{enabled:!0,installable:!0},mcp:{enabled:!0}}};export{e as default};

package/dist/handlers/demo.handlers.js

@@ -0,0 +1 @@
+import{studioGettingStartedTrack as e}from"../track.js";const t=[`studio.template.instantiated`,`spec.changed`,`regeneration.completed`,`playground.session.started`,`studio.evolution.applied`],n=(t,{learnerId:n,occurredAt:r=new Date},i)=>{let a={learnerId:n,name:t,occurredAt:r,trackId:e.id};return i?i(a):a},r=(e,r)=>t.map(t=>n(t,e,r));export{r as emitAllStudioOnboardingEvents,n as emitStudioOnboardingEvent,t as studioOnboardingEvents};

package/dist/index.js

@@ -0,0 +1 @@
+import e from"./example.js";import{studioGettingStartedTrack as t,studioLearningTracks as n}from"./track.js";import"./docs/index.js";import{GetStudioOnboardingTrack as r,RecordStudioOnboardingEvent as i,StudioOnboardingTrackModel as a,studioOnboardingContracts as o}from"./contracts/index.js";import{emitAllStudioOnboardingEvents as s,emitStudioOnboardingEvent as c,studioOnboardingEvents as l}from"./handlers/demo.handlers.js";import{StudioOnboardingTrackPresentation as u,StudioOnboardingWidgetPresentation as d,studioOnboardingPresentations as f}from"./presentations/index.js";export{r as GetStudioOnboardingTrack,i as RecordStudioOnboardingEvent,a as StudioOnboardingTrackModel,u as StudioOnboardingTrackPresentation,d as StudioOnboardingWidgetPresentation,s as emitAllStudioOnboardingEvents,c as emitStudioOnboardingEvent,e as example,t as studioGettingStartedTrack,n as studioLearningTracks,o as studioOnboardingContracts,l as studioOnboardingEvents,f as studioOnboardingPresentations};

package/dist/presentations/index.js

@@ -0,0 +1 @@
+import{StudioOnboardingTrackModel as e}from"../contracts/index.js";const t={domain:`learning-journey`,owners:[`examples.learning-journey.studio-onboarding`],tags:[`learning`,`onboarding`,`studio`]},n={meta:{name:`learning.journey.studio.track`,version:1,description:`Studio onboarding track detail`,...t},source:{type:`component`,framework:`react`,componentKey:`LearningTrackDetail`,props:e},targets:[`react`,`markdown`,`application/json`]},r={meta:{name:`learning.journey.studio.widget`,version:1,description:`Compact widget for Studio onboarding progress`,...t},source:{type:`component`,framework:`react`,componentKey:`LearningTrackProgressWidget`},targets:[`react`]},i=[n,r];export{n as StudioOnboardingTrackPresentation,r as StudioOnboardingWidgetPresentation,i as studioOnboardingPresentations};

package/dist/track.js

@@ -0,0 +1 @@
+const e={id:`studio_getting_started`,productId:`contractspec-studio`,name:`Studio Getting Started`,description:`First 30 minutes in Studio: instantiate a template, edit the spec, regenerate, and try runtime surfaces.`,targetUserSegment:`new_studio_user`,targetRole:`developer`,totalXp:110,streakRule:{hoursWindow:48,bonusXp:25},completionRewards:{xpBonus:25,badgeKey:`studio_first_30m`},steps:[{id:`choose_template`,title:`Choose a template`,description:`Pick a Phase 1 template and create a sandbox.`,order:1,completion:{eventName:`studio.template.instantiated`,sourceModule:`@lssm/bundle.contractspec-studio`},xpReward:20,metadata:{surface:`templates`}},{id:`edit_spec`,title:`Edit the spec`,description:`Change the spec (not generated code) and save.`,instructions:`Open spec editor, tweak a contract or presentation, save.`,order:2,completion:{eventName:`spec.changed`,sourceModule:`@lssm/lib.contracts`,payloadFilter:{scope:`sandbox`}},xpReward:20,metadata:{surface:`spec-editor`}},{id:`regenerate_app`,title:`Regenerate the app`,description:`Regenerate artifacts from the updated spec.`,order:3,completion:{eventName:`regeneration.completed`,sourceModule:`@lssm/lib.contracts/regenerator`},xpReward:20,metadata:{surface:`regenerator`}},{id:`play_in_playground`,title:`Use the playground`,description:`Start a playground or runtime session against your sandbox.`,order:4,completion:{eventName:`playground.session.started`,sourceModule:`@lssm/bundle.contractspec-studio`},xpReward:20,metadata:{surface:`playground`}},{id:`try_evolution_mode`,title:`Try evolution mode`,description:`Request a change via Evolution, then regenerate.`,order:5,completion:{eventName:`studio.evolution.applied`,sourceModule:`@lssm/lib.evolution`},xpReward:30,metadata:{surface:`evolution`}}],metadata:{persona:`first_run`,surfacedIn:[`studio/home`,`studio/sidebar/learning`]}},t=[e];export{e as studioGettingStartedTrack,t as studioLearningTracks};

package/example.ts

@@ -0,0 +1 @@
+export { default } from './src/example';

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@lssm/example.learning-journey-studio-onboarding",
+  "version": "0.0.0-canary-20251213172311",
+  "description": "Learning journey track for first 30 minutes in ContractSpec Studio.",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": "./src/index.ts",
+    "./contracts": "./src/contracts/index.ts",
+    "./docs": "./src/docs/index.ts",
+    "./docs/studio-onboarding.docblock": "./src/docs/studio-onboarding.docblock.ts",
+    "./example": "./src/example.ts",
+    "./handlers/demo.handlers": "./src/handlers/demo.handlers.ts",
+    "./presentations": "./src/presentations/index.ts",
+    "./track": "./src/track.ts",
+    "./*": "./*"
+  },
+  "scripts": {
+    "build": "bun build:bundle && bun build:types",
+    "build:bundle": "tsdown",
+    "build:types": "tsc --noEmit",
+    "dev": "bun build:bundle --watch",
+    "clean": "rimraf dist .turbo",
+    "lint": "bun lint:fix",
+    "lint:fix": "eslint src --fix",
+    "lint:check": "eslint src"
+  },
+  "dependencies": {
+    "@lssm/lib.contracts": "workspace:*",
+    "@lssm/lib.schema": "workspace:*",
+    "@lssm/module.learning-journey": "workspace:*"
+  },
+  "devDependencies": {
+    "@lssm/tool.tsdown": "workspace:*",
+    "@lssm/tool.typescript": "workspace:*",
+    "tsdown": "^0.17.0",
+    "typescript": "^5.9.3"
+  },
+  "module": "./dist/index.js",
+  "publishConfig": {
+    "exports": {
+      ".": "./dist/index.js",
+      "./contracts": "./dist/contracts/index.js",
+      "./docs": "./dist/docs/index.js",
+      "./docs/studio-onboarding.docblock": "./dist/docs/studio-onboarding.docblock.js",
+      "./example": "./dist/example.js",
+      "./handlers/demo.handlers": "./dist/handlers/demo.handlers.js",
+      "./presentations": "./dist/presentations/index.js",
+      "./track": "./dist/track.js",
+      "./*": "./*"
+    }
+  }
+}

package/src/contracts/index.test.ts

@@ -0,0 +1,49 @@
+import { describe, expect, it } from 'bun:test';
+
+import {
+  GetStudioOnboardingTrack,
+  RecordStudioOnboardingEvent,
+  studioOnboardingContracts,
+} from './index';
+import { studioGettingStartedTrack } from '../track';
+import {
+  emitStudioOnboardingEvent,
+  studioOnboardingEvents,
+} from '../handlers/demo.handlers';
+import type { StudioEvent } from '../handlers/demo.handlers';
+
+describe('studio onboarding contracts', () => {
+  it('exposes track metadata', () => {
+    expect(studioOnboardingContracts.track.id).toBe('studio_getting_started');
+    expect(studioOnboardingContracts.track.steps.length).toBeGreaterThan(0);
+    expect(GetStudioOnboardingTrack.meta.name).toBe(
+      'learningJourney.studioOnboarding.getTrack'
+    );
+  });
+
+  it('allows recording events via demo handler', async () => {
+    const step = studioGettingStartedTrack.steps[0];
+    expect(step).toBeDefined();
+    if (!step) throw new Error('Expected at least one onboarding step');
+
+    const eventName = step.completion.eventName;
+    const isStudioEvent = (value: string): value is StudioEvent =>
+      studioOnboardingEvents.includes(value as StudioEvent);
+
+    expect(isStudioEvent(eventName)).toBe(true);
+    if (!isStudioEvent(eventName)) {
+      throw new Error(`Unexpected event name: ${eventName}`);
+    }
+
+    const result = await emitStudioOnboardingEvent(eventName, {
+      learnerId: 'demo-learner',
+    });
+    expect(result).toBeDefined();
+  });
+
+  it('exposes record event contract', () => {
+    expect(RecordStudioOnboardingEvent.meta.name).toBe(
+      'learningJourney.studioOnboarding.recordEvent'
+    );
+  });
+});

package/src/contracts/index.ts

@@ -0,0 +1,122 @@
+import { ScalarTypeEnum, defineSchemaModel } from '@lssm/lib.schema';
+import { defineCommand, defineQuery } from '@lssm/lib.contracts';
+
+import { studioGettingStartedTrack } from '../track';
+
+const OWNERS = ['examples.learning-journey.studio-onboarding'] as const;
+
+const StepModel = defineSchemaModel({
+  name: 'StudioOnboardingStep',
+  description: 'Step metadata for Studio onboarding journey',
+  fields: {
+    id: { type: ScalarTypeEnum.String_unsecure(), isOptional: false },
+    title: { type: ScalarTypeEnum.String_unsecure(), isOptional: false },
+    description: { type: ScalarTypeEnum.String_unsecure(), isOptional: true },
+    completionEvent: {
+      type: ScalarTypeEnum.String_unsecure(),
+      isOptional: false,
+    },
+    sourceModule: { type: ScalarTypeEnum.String_unsecure(), isOptional: true },
+    xpReward: { type: ScalarTypeEnum.Int_unsecure(), isOptional: true },
+    order: { type: ScalarTypeEnum.Int_unsecure(), isOptional: true },
+  },
+});
+
+export const StudioOnboardingTrackModel = defineSchemaModel({
+  name: 'StudioOnboardingTrack',
+  description: 'Studio onboarding track definition',
+  fields: {
+    id: { type: ScalarTypeEnum.String_unsecure(), isOptional: false },
+    name: { type: ScalarTypeEnum.String_unsecure(), isOptional: false },
+    description: { type: ScalarTypeEnum.String_unsecure(), isOptional: true },
+    totalXp: { type: ScalarTypeEnum.Int_unsecure(), isOptional: true },
+    completionXpBonus: {
+      type: ScalarTypeEnum.Int_unsecure(),
+      isOptional: true,
+    },
+    completionBadgeKey: {
+      type: ScalarTypeEnum.String_unsecure(),
+      isOptional: true,
+    },
+    streakHoursWindow: {
+      type: ScalarTypeEnum.Int_unsecure(),
+      isOptional: true,
+    },
+    streakBonusXp: { type: ScalarTypeEnum.Int_unsecure(), isOptional: true },
+    steps: { type: StepModel, isArray: true, isOptional: false },
+  },
+});
+
+const TrackResponseModel = defineSchemaModel({
+  name: 'StudioOnboardingTrackResponse',
+  description: 'Response wrapper for studio onboarding track',
+  fields: {
+    track: { type: StudioOnboardingTrackModel, isOptional: false },
+  },
+});
+
+const RecordDemoEventInput = defineSchemaModel({
+  name: 'StudioOnboardingRecordEventInput',
+  description: 'Emit a demo event to advance Studio onboarding steps',
+  fields: {
+    learnerId: { type: ScalarTypeEnum.String_unsecure(), isOptional: false },
+    eventName: { type: ScalarTypeEnum.String_unsecure(), isOptional: false },
+    payload: { type: ScalarTypeEnum.JSON(), isOptional: true },
+    occurredAt: { type: ScalarTypeEnum.DateTime(), isOptional: true },
+  },
+});
+
+const SuccessModel = defineSchemaModel({
+  name: 'StudioOnboardingSuccess',
+  description: 'Generic success response',
+  fields: {
+    success: { type: ScalarTypeEnum.Boolean(), isOptional: false },
+  },
+});
+
+export const GetStudioOnboardingTrack = defineQuery({
+  meta: {
+    name: 'learningJourney.studioOnboarding.getTrack',
+    version: 1,
+    stability: 'experimental',
+    owners: [...OWNERS],
+    tags: ['learning', 'onboarding', 'studio'],
+    description: 'Fetch the Studio onboarding track definition.',
+    goal: 'Expose track metadata to UIs and templates.',
+    context: 'Called by Studio/Playground to render journey steps.',
+  },
+  io: {
+    input: defineSchemaModel({
+      name: 'StudioOnboardingTrackInput',
+      description: 'Track input',
+      fields: {},
+    }),
+    output: TrackResponseModel,
+  },
+  policy: { auth: 'user' },
+});
+
+export const RecordStudioOnboardingEvent = defineCommand({
+  meta: {
+    name: 'learningJourney.studioOnboarding.recordEvent',
+    version: 1,
+    stability: 'experimental',
+    owners: [...OWNERS],
+    tags: ['learning', 'onboarding', 'studio'],
+    description: 'Record an event to advance Studio onboarding progress.',
+    goal: 'Advance steps via domain events in demo/sandbox contexts.',
+    context:
+      'Called by handlers or demo scripts to emit step completion events.',
+  },
+  io: {
+    input: RecordDemoEventInput,
+    output: SuccessModel,
+  },
+  policy: { auth: 'user' },
+});
+
+export const studioOnboardingContracts = {
+  GetStudioOnboardingTrack,
+  RecordStudioOnboardingEvent,
+  track: studioGettingStartedTrack,
+};

package/src/docs/index.ts

@@ -0,0 +1 @@
+import './studio-onboarding.docblock';

package/src/docs/studio-onboarding.docblock.ts

@@ -0,0 +1,38 @@
+import type { DocBlock } from '@lssm/lib.contracts/docs';
+import { registerDocBlocks } from '@lssm/lib.contracts/docs';
+
+const studioOnboardingDocBlocks: DocBlock[] = [
+  {
+    id: 'docs.learning-journey.studio-onboarding',
+    title: 'Learning Journey — Studio Getting Started',
+    summary:
+      'Track that guides a new Studio user through template spawn, spec edit, regeneration, playground, and evolution.',
+    kind: 'reference',
+    visibility: 'public',
+    route: '/docs/learning-journey/studio-onboarding',
+    tags: ['learning', 'onboarding', 'studio'],
+    body: `## Track
+- **Key**: \`studio_getting_started\`
+- **Persona**: new Studio developer, first 30 minutes
+- **Goal**: instantiate template → edit spec → regenerate → play → run evolution
+
+## Steps & Events
+1) \`choose_template\` → event \`studio.template.instantiated\`
+2) \`edit_spec\` → event \`spec.changed\` (scope: sandbox)
+3) \`regenerate_app\` → event \`regeneration.completed\`
+4) \`play_in_playground\` → event \`playground.session.started\`
+5) \`try_evolution_mode\` → event \`studio.evolution.applied\`
+
+XP: 20/20/20/20/30 with bonus 25 XP if completed within 48h (streak rule). Badge: \`studio_first_30m\`.
+
+## Wiring
+- Tracks export from \`@lssm/example.learning-journey-studio-onboarding/track\`.
+- Use onboarding API:
+  - \`learning.onboarding.listTracks\` to surface catalog
+  - \`learning.onboarding.getProgress\` to render progress
+  - \`learning.onboarding.recordEvent\` to advance from bus events
+- Events should be emitted by Studio surfaces (template creation, spec save, regeneration, playground session start, evolution apply).`,
+  },
+];
+
+registerDocBlocks(studioOnboardingDocBlocks);

package/src/example.ts

@@ -0,0 +1,26 @@
+const example = {
+  id: 'learning-journey-studio-onboarding',
+  title: 'Learning Journey — Studio Getting Started',
+  summary:
+    'Onboarding track guiding a new Studio user through template spawn, spec edit, regeneration, playground, and evolution.',
+  tags: ['learning', 'onboarding', 'studio'],
+  kind: 'template',
+  visibility: 'public',
+  docs: {
+    rootDocId: 'docs.learning-journey.studio-onboarding',
+  },
+  entrypoints: {
+    packageName: '@lssm/example.learning-journey-studio-onboarding',
+    docs: './docs',
+  },
+  surfaces: {
+    templates: true,
+    sandbox: { enabled: true, modes: ['playground', 'markdown'] },
+    studio: { enabled: true, installable: true },
+    mcp: { enabled: true },
+  },
+} as const;
+
+export default example;
+
+

package/src/handlers/demo.handlers.ts

@@ -0,0 +1,48 @@
+import { studioGettingStartedTrack } from '../track';
+
+interface EmitParams {
+  learnerId: string;
+  occurredAt?: Date;
+}
+
+interface LearningJourneyEvent {
+  learnerId: string;
+  name: string;
+  occurredAt: Date;
+  trackId: string;
+  payload?: Record<string, unknown>;
+}
+
+type RecordEvent = (event: LearningJourneyEvent) => unknown;
+
+export const studioOnboardingEvents = [
+  'studio.template.instantiated',
+  'spec.changed',
+  'regeneration.completed',
+  'playground.session.started',
+  'studio.evolution.applied',
+] as const;
+
+export type StudioEvent = (typeof studioOnboardingEvents)[number];
+
+export const emitStudioOnboardingEvent = (
+  eventName: StudioEvent,
+  { learnerId, occurredAt = new Date() }: EmitParams,
+  record?: RecordEvent
+) => {
+  const event: LearningJourneyEvent = {
+    learnerId,
+    name: eventName,
+    occurredAt,
+    trackId: studioGettingStartedTrack.id,
+  };
+  return record ? record(event) : event;
+};
+
+export const emitAllStudioOnboardingEvents = (
+  params: EmitParams,
+  record?: RecordEvent
+) =>
+  studioOnboardingEvents.map((name) =>
+    emitStudioOnboardingEvent(name, params, record)
+  );

package/src/index.ts

@@ -0,0 +1,6 @@
+export * from './track';
+export * from './docs';
+export * from './contracts';
+export * from './handlers/demo.handlers';
+export * from './presentations';
+export { default as example } from './example';

package/src/presentations/index.ts

@@ -0,0 +1,47 @@
+import type {
+  PresentationDescriptorV2,
+  PresentationV2Meta,
+} from '@lssm/lib.contracts';
+import { StudioOnboardingTrackModel } from '../contracts';
+
+const baseMeta: Pick<PresentationV2Meta, 'domain' | 'owners' | 'tags'> = {
+  domain: 'learning-journey',
+  owners: ['examples.learning-journey.studio-onboarding'] as string[],
+  tags: ['learning', 'onboarding', 'studio'] as string[],
+};
+
+export const StudioOnboardingTrackPresentation: PresentationDescriptorV2 = {
+  meta: {
+    name: 'learning.journey.studio.track',
+    version: 1,
+    description: 'Studio onboarding track detail',
+    ...baseMeta,
+  },
+  source: {
+    type: 'component',
+    framework: 'react',
+    componentKey: 'LearningTrackDetail',
+    props: StudioOnboardingTrackModel,
+  },
+  targets: ['react', 'markdown', 'application/json'],
+};
+
+export const StudioOnboardingWidgetPresentation: PresentationDescriptorV2 = {
+  meta: {
+    name: 'learning.journey.studio.widget',
+    version: 1,
+    description: 'Compact widget for Studio onboarding progress',
+    ...baseMeta,
+  },
+  source: {
+    type: 'component',
+    framework: 'react',
+    componentKey: 'LearningTrackProgressWidget',
+  },
+  targets: ['react'],
+};
+
+export const studioOnboardingPresentations = [
+  StudioOnboardingTrackPresentation,
+  StudioOnboardingWidgetPresentation,
+];

package/src/track.ts

@@ -0,0 +1,87 @@
+import type { LearningJourneyTrackSpec } from '@lssm/module.learning-journey/track-spec';
+
+export const studioGettingStartedTrack: LearningJourneyTrackSpec = {
+  id: 'studio_getting_started',
+  productId: 'contractspec-studio',
+  name: 'Studio Getting Started',
+  description:
+    'First 30 minutes in Studio: instantiate a template, edit the spec, regenerate, and try runtime surfaces.',
+  targetUserSegment: 'new_studio_user',
+  targetRole: 'developer',
+  totalXp: 110,
+  streakRule: { hoursWindow: 48, bonusXp: 25 },
+  completionRewards: { xpBonus: 25, badgeKey: 'studio_first_30m' },
+  steps: [
+    {
+      id: 'choose_template',
+      title: 'Choose a template',
+      description: 'Pick a Phase 1 template and create a sandbox.',
+      order: 1,
+      completion: {
+        eventName: 'studio.template.instantiated',
+        sourceModule: '@lssm/bundle.contractspec-studio',
+      },
+      xpReward: 20,
+      metadata: { surface: 'templates' },
+    },
+    {
+      id: 'edit_spec',
+      title: 'Edit the spec',
+      description: 'Change the spec (not generated code) and save.',
+      instructions: 'Open spec editor, tweak a contract or presentation, save.',
+      order: 2,
+      completion: {
+        eventName: 'spec.changed',
+        sourceModule: '@lssm/lib.contracts',
+        payloadFilter: { scope: 'sandbox' },
+      },
+      xpReward: 20,
+      metadata: { surface: 'spec-editor' },
+    },
+    {
+      id: 'regenerate_app',
+      title: 'Regenerate the app',
+      description: 'Regenerate artifacts from the updated spec.',
+      order: 3,
+      completion: {
+        eventName: 'regeneration.completed',
+        sourceModule: '@lssm/lib.contracts/regenerator',
+      },
+      xpReward: 20,
+      metadata: { surface: 'regenerator' },
+    },
+    {
+      id: 'play_in_playground',
+      title: 'Use the playground',
+      description:
+        'Start a playground or runtime session against your sandbox.',
+      order: 4,
+      completion: {
+        eventName: 'playground.session.started',
+        sourceModule: '@lssm/bundle.contractspec-studio',
+      },
+      xpReward: 20,
+      metadata: { surface: 'playground' },
+    },
+    {
+      id: 'try_evolution_mode',
+      title: 'Try evolution mode',
+      description: 'Request a change via Evolution, then regenerate.',
+      order: 5,
+      completion: {
+        eventName: 'studio.evolution.applied',
+        sourceModule: '@lssm/lib.evolution',
+      },
+      xpReward: 30,
+      metadata: { surface: 'evolution' },
+    },
+  ],
+  metadata: {
+    persona: 'first_run',
+    surfacedIn: ['studio/home', 'studio/sidebar/learning'],
+  },
+};
+
+export const studioLearningTracks: LearningJourneyTrackSpec[] = [
+  studioGettingStartedTrack,
+];

package/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "@lssm/tool.typescript/react-library.json",
+  "include": ["src"],
+  "exclude": ["node_modules"],
+  "compilerOptions": {
+    "rootDir": "src",
+    "outDir": "dist"
+  }
+}