@multiplayer-app/sandbox 0.0.31 → 0.0.33-beta.1

package/dist/agents/skills/custom-skill-repository.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-skill-repository.js","sourceRoot":"","sources":["../../../src/agents/skills/custom-skill-repository.ts"],"names":[],"mappings":""}

package/dist/agents/skills/data-viz.skill.d.ts

@@ -0,0 +1,3 @@
+import type { GenerationSkill } from './types';
+export declare const dataVizSkill: GenerationSkill;
+//# sourceMappingURL=data-viz.skill.d.ts.map

package/dist/agents/skills/data-viz.skill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-viz.skill.d.ts","sourceRoot":"","sources":["../../../src/agents/skills/data-viz.skill.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,eAAO,MAAM,YAAY,EAAE,eAqC1B,CAAA"}

package/dist/agents/skills/data-viz.skill.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dataVizSkill = void 0;
+exports.dataVizSkill = {
+    name: 'data-viz',
+    description: 'Charts, KPI stat cards, sparklines, tables that read well',
+    whenToUse: 'Pages with metrics, statistics, time series, comparisons, or any numeric data.',
+    instructions: `## data-viz
+
+Numbers deserve visuals. Never present a dataset as a bare table alone — lead with KPIs and a chart, keep the table as detail.
+
+### Chart selection
+- Trend over time → line/area chart. Comparison across categories → horizontal bar (vertical only when labels are short). Part-of-whole → doughnut ONLY with ≤5 slices, else bar. Distribution → histogram-style bar. Two variables → scatter.
+- One message per chart. If a chart needs a paragraph to explain, split it.
+
+### KPI stat row (top of data pages)
+<section class="kpis"> with 3-5 cards: label (small, muted, uppercase tracking), value (2-2.5rem, font-weight 700, font-variant-numeric: tabular-nums), delta chip (▲/▼ + %, color-coded — pair with the symbol, never color alone). Grid: repeat(auto-fit, minmax(180px, 1fr)).
+
+### Chart.js recipe (data-heavy pages)
+Load once before your script: <script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script>
+Theme-aware defaults — read colors from CSS so light/dark both work:
+  const css = getComputedStyle(document.documentElement)
+  const textColor = css.getPropertyValue('--pico-color').trim()
+  const gridColor = css.getPropertyValue('--pico-muted-border-color').trim()
+  Chart.defaults.color = textColor; Chart.defaults.borderColor = gridColor
+  Chart.defaults.font.family = css.getPropertyValue('--pico-font-family')
+- Wrap every canvas in a sized container (<div style="position:relative;height:320px">) with maintainAspectRatio: false — unsized canvases explode layouts.
+- Line charts: tension 0.3, thin points (radius 0-2, hover 4), subtle area fill via accent at low alpha.
+- Bars: borderRadius 6, category spacing; hide vertical gridlines (x: { grid: { display: false } }).
+- Legend only when >1 series; tooltips on; no chart titles inside the canvas (use an <h3> above).
+
+### Categorical palette (color-blind safe, works on light and dark)
+#6366f1 #0ea5e9 #10b981 #f59e0b #ef4444 #8b5cf6 — use in this order; series >6 means the chart is overloaded, aggregate instead.
+
+### Inline SVG sparkline (when Chart.js is overkill)
+<svg viewBox="0 0 100 28" preserveAspectRatio="none" class="spark"><polyline fill="none" stroke="var(--accent)" stroke-width="2" points="0,20 15,16 30,18 45,10 60,12 75,6 90,9 100,4"/></svg>
+Compute points from data in <script> when values are dynamic.
+
+### Tables as detail
+Wrap in a card with a toolbar (search input filtering rows); right-align numeric columns with tabular-nums; zebra via odd:bg-* striping or a subtle row hover; cap visible rows and add a "show all" toggle for long data. Ship 8–15 rows of realistic, varied sample data (real-sounding names/companies, plausible spread of values) — a 3-row table with "John Doe / Example Corp" reads as a broken demo.`,
+};
+//# sourceMappingURL=data-viz.skill.js.map

package/dist/agents/skills/data-viz.skill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-viz.skill.js","sourceRoot":"","sources":["../../../src/agents/skills/data-viz.skill.ts"],"names":[],"mappings":";;;AAEa,QAAA,YAAY,GAAoB;IAC3C,IAAI,EAAE,UAAU;IAChB,WAAW,EAAE,2DAA2D;IACxE,SAAS,EAAE,gFAAgF;IAC3F,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8YAgC8X;CAC7Y,CAAA"}

package/dist/agents/skills/designer.skill.d.ts

@@ -0,0 +1,3 @@
+import type { GenerationSkill } from './types';
+export declare const designerSkill: GenerationSkill;
+//# sourceMappingURL=designer.skill.d.ts.map

package/dist/agents/skills/designer.skill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"designer.skill.d.ts","sourceRoot":"","sources":["../../../src/agents/skills/designer.skill.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,eAAO,MAAM,aAAa,EAAE,eAiG3B,CAAA"}

package/dist/agents/skills/designer.skill.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.designerSkill = void 0;
+exports.designerSkill = {
+    name: 'designer',
+    description: 'Advanced visual design: diverse layout packs, signature systems, typography, atmosphere, polish — never a single SaaS template',
+    whenToUse: 'Every UI/HTML page. Always include for any .html artifact.',
+    instructions: `## designer
+
+Goal: every session should feel like a distinct 2025–2026 product — rich, modern, and different from the last one. Tailwind Play CDN is on (preflight): utility-class every visible element. Use a small <style> only for fonts, keyframes, and atmosphere (mesh/grain/noise).
+
+### Diversity mandate (non-negotiable)
+Do NOT invent from a mental default of "sticky glass nav + centered headline + blur orb + 3 feature cards". That skeleton is BANNED as a default.
+1. Read the brief's **layout pack** + **signature** first.
+2. Compose the first viewport to match THAT pack — invent structure; do not paste a generic template.
+3. Across sessions, vary composition deliberately. Same accent with the same centered blob hero = fail.
+4. Within a session, keep ONE design system (tokens, chrome, type) — diversity is across products, consistency is within a product.
+
+### Design brief is law
+Use the brief's accent as LITERAL hex utilities (bg-[#0EA5E9] hover:bg-[#0284C7]) — same hex everywhere. One neutral scale (slate OR zinc OR stone OR neutral). Never indigo/violet defaults unless the brief names them. Never Inter. Never bg-[var(--x)] class names (undefined vars fail the gate).
+Honor: **radius** (sharp | soft | pill), **density** (airy | comfortable | dense), **signature**, **atmosphere**, **anti-cliché**.
+
+### Accent contrast (buttons & labels)
+Bright accents (#1DB954, lime, cyan-400, etc.) fail WCAG with white text and as body/eyebrow text on white. Prefer one of:
+- CTA: dark text on bright fill — e.g. \`bg-[#1DB954] text-slate-950\` (not text-white)
+- Or darken the fill for white text — e.g. \`bg-[#15803d] text-white\`
+- Accent-as-text: darker shade of the brief accent, not the bright fill hex on white
+Never waste turns "fixing contrast" by nudging slate body text — fix the accent/button pairing once.
+
+### Layout packs — build the composition the pack implies
+Pick (or follow) exactly one. Section rhythm and chrome must match the pack, not a generic launch page.
+
+- **launch** — Marketing narrative. Full-bleed hero edge-to-edge; brand-first; then 2–3 sections with alternating alignment (NOT everything centered); social proof; pricing or final CTA. Still invent a distinctive hero (split, offset type, framed UI mock) — not the default centered blob.
+- **split-hero** — First viewport is 50/50 (or 40/60) text + framed product UI / abstract SVG. Nav can be minimal. No centered single-column hero.
+- **product** — App/dashboard density: glass or solid chrome header; KPI/toolbar row; card grid or sidebar+main; tables in cards. First viewport is the workspace, not a marketing hero.
+- **workspace** — Persistent sidebar + main canvas from the first paint. Dense controls, quiet chrome. Marketing sections are out of place.
+- **editorial** / **magazine** — Strong type hierarchy, asymmetric columns, pull quotes, accent border-l callouts, generous measure (max-w-2xl for body). Hero may be typographic only — huge display, little ornament.
+- **bento** — Uneven modular grid (varied col/row spans). Modules have different jobs/sizes — never three equal cards in a row as the hero.
+- **dark-terminal** — Near-black ground, mono or semi-mono accents, tight tracking, hard borders, minimal blur/glass. Green/amber/cyan terminal accents when topic-fit.
+- **brutalist** — Hard edges (radius sharp), high contrast, visible structure, little or no blur/glass/orb. Typography does the work.
+- **story** — Full-bleed stacked chapters, scroll narrative, minimal persistent nav. Each section is one beat; motion is scroll-tied (respect prefers-reduced-motion).
+
+### Signature system (required in brief — execute literally)
+Name and ship ONE of each:
+- **Signature layout**: asymmetric | split | stacked | bento | magazine | terminal-rail | sidebar-first
+- **Signature surface**: paper grain | hard grid | ink wash | soft glass | flat ink | mesh drift | noise film — pick ONE primary; do not stack all
+- **Signature motion** (2–3 max total on the page): hero entrance | card lift | scroll reveal | type stagger | mesh drift — behind prefers-reduced-motion; never decorative noise
+
+### Radius & density
+- **sharp**: rounded-none / rounded-sm; hard separators
+- **soft**: rounded-xl / rounded-2xl (default only when brief says soft)
+- **pill**: rounded-full on controls and chips; keep cards softer or sharper per brief
+- **airy**: py-24+, sparse; **comfortable**: py-16/20; **dense**: py-8–12, tighter gaps, compact type
+
+### Brand-first first viewport
+ONE composition: brand/product name as a hero-level signal (unless pack is product/workspace — then brand lives in chrome), one headline, one supporting sentence, one CTA pair (marketing packs), one dominant visual plane matching the signature surface.
+- Launch/story/split-hero: full-bleed section background; max-w column INSIDE the section. Never put the hero inside a rounded card.
+- Brand must still read if the nav disappeared (marketing packs).
+- At most one quiet eyebrow — no floating stickers, KPI strips, or promo chips on hero media.
+- Product/workspace packs: first viewport IS the app chrome + primary content — skip marketing hero rules.
+
+### Atmosphere (required — flat white/black slabs fail)
+Depth without clutter. Follow the brief's signature surface. Examples (pick what the brief named):
+- Soft accent-tint wash on the hero
+- Mesh blob (blur-3xl, low opacity) — ONLY when signature allows soft glass/mesh; banned for brutalist/terminal
+- Subtle grain / noise film at 3–5% opacity
+- Hard grid overlay (brutalist / terminal)
+- Glass chrome when signature is soft glass — not mandatory for every pack
+Never neon saturated walls. Atmosphere supports content.
+
+### Typography
+Load the brief's Google Fonts <link> + wire font-family on body in <style>. Max two families. Pair by intent (examples — invent others when brief names them):
+- Product: Manrope + Plus Jakarta Sans · Instrument Sans + Source Sans 3
+- Tech: Sora + Space Grotesk · IBM Plex Sans + IBM Plex Mono
+- Editorial: Fraunces + Newsreader · Libre Baskerville + Source Serif 4
+- Friendly: Outfit + DM Sans · Nunito + Figtree
+- Terminal: JetBrains Mono + IBM Plex Sans · Geist Mono + Satoshi-like via Space Grotesk
+Never Inter. Scale: marketing heroes text-5xl→lg:text-7xl font-extrabold tracking-tight; editorial may go larger with serif; product/workspace use tighter display (text-2xl/3xl). Body text-base/lg; secondary text-slate-500 (or zinc/stone). tabular-nums on metrics.
+
+### Structural recipes (describe — do NOT copy as fixed HTML)
+Invent markup from the pack. These are jobs, not templates:
+- **Nav**: sticky or static; glass OR solid OR invisible until scroll — match signature. Mobile drawer required when links collapse. Primary actions ≥44px.
+- **Hero**: match pack (split / typographic / workspace shell / bento opener / story chapter 1). Dominant visual = abstract SVG, UI mock, grid, or type — never hotlinked photos.
+- **Features**: alternate alignment, bento modules, or editorial callouts — not three identical icon cards unless the brief asks.
+- **KPI / pricing**: product pack or pricing section only — never soup the marketing first viewport with KPIs.
+- **Footer**: real product name + working relative links.
+
+### Icons
+Inline Lucide/Heroicons SVG only (stroke="currentColor" stroke-width="2" class="h-5 w-5"). Never emoji. Feature icons in rounded badges only when radius/signature allow.
+
+### Interactions & polish (same write — do not iterate)
+- Hover + focus-visible:ring-2 ring-offset-2 on controls; nav links transition-colors
+- 2–3 purposeful motions max, matching signature motion
+- body { background } matches scheme; gutters never flash wrong on dark pages
+- One <h1>; every section one job; no dead href="#"; no lorem; no "Welcome to"
+- Mentally check 360px and 1280px
+
+### Automatic fails
+Indigo/violet-on-white gradient cliché · Inter · emoji icons · hero-in-a-card · first-viewport KPI soup on marketing packs · flat unstyled sections · external raster images · template adjectives (revolutionary/seamless/cutting-edge/unleash/empower) · default centered blur-orb hero when the brief asked for another pack/signature · three equal feature cards as the whole personality of the page`,
+};
+//# sourceMappingURL=designer.skill.js.map

package/dist/agents/skills/designer.skill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"designer.skill.js","sourceRoot":"","sources":["../../../src/agents/skills/designer.skill.ts"],"names":[],"mappings":";;;AAEa,QAAA,aAAa,GAAoB;IAC5C,IAAI,EAAE,UAAU;IAChB,WAAW,EACT,gIAAgI;IAClI,SAAS,EAAE,4DAA4D;IACvE,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2YA2F2X;CAC1Y,CAAA"}

package/dist/agents/skills/forms.skill.d.ts

@@ -0,0 +1,3 @@
+import type { GenerationSkill } from './types';
+export declare const formsSkill: GenerationSkill;
+//# sourceMappingURL=forms.skill.d.ts.map

package/dist/agents/skills/forms.skill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms.skill.d.ts","sourceRoot":"","sources":["../../../src/agents/skills/forms.skill.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,eAAO,MAAM,UAAU,EAAE,eAgCxB,CAAA"}

package/dist/agents/skills/forms.skill.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formsSkill = void 0;
+exports.formsSkill = {
+    name: 'forms',
+    description: 'Form UX: validation timing, inline errors, multi-step flows, success states',
+    whenToUse: 'Pages with user input: signup/contact/checkout/settings forms, wizards, feedback widgets.',
+    instructions: `## forms
+
+Forms are judged by how they fail. Build the error and success paths, not just the happy markup.
+
+### Structure
+- One <label> per control, always visible (placeholders are hints, never labels). Group related fields with <fieldset><legend>.
+- Right input types and autocomplete attrs: type="email" autocomplete="email", inputmode="numeric" for codes, autocomplete="name|tel|postal-code|current-password" etc. — mobile keyboards and autofill depend on them.
+- Mark optional fields with "(optional)" in the label rather than starring required ones when most fields are required.
+- Single-column layout; short related fields (city/zip) may share a row. Primary submit button full-width or right-aligned, styled with the accent; never two competing primary buttons.
+
+### Validation timing (the part everyone gets wrong)
+- Validate a field on blur, not on every keystroke; once a field has shown an error, re-validate on input so the error clears the moment it is fixed.
+- On submit: preventDefault, validate all, focus the first invalid field, and show a compact error summary at the top if more than one field failed.
+- Use novalidate on the <form> and run your own checks (Checking validity via input.validity is fine) so styling stays consistent.
+
+### Error display
+- Inline, under the field: <small class="error" id="email-error">Enter a valid email, like name@company.com</small>; set aria-describedby="email-error" and aria-invalid="true" on the input, and style the invalid state (e.g. aria-invalid:border-red-500 or a .error class).
+- Error copy says how to fix, not what failed: "Password needs at least 8 characters" beats "Invalid password".
+- Never disable the submit button as the only validation strategy — let users submit and see what is missing.
+
+### Multi-step (wizard) forms
+- Step indicator with current/total and step names; one <section> per step, hidden attr on inactive ones; validate the current step before advancing; Back never loses data.
+- Persist draft state to localStorage on change so refresh does not wipe progress; clear it on success.
+
+### Async submit & success
+- On submit: button disables to block double-submit and shows a busy state (spinner SVG or "Sending…" label + reduced opacity); simulate the request when there is no backend (setTimeout ~800ms).
+- Success replaces the form (or shows a distinct panel): checkmark icon, confirmation headline, what happens next. Keep it in the DOM (hidden) from the start and toggle.
+- Failure shows a retryable, non-destructive error banner above the form — never wipe entered data.`,
+};
+//# sourceMappingURL=forms.skill.js.map

package/dist/agents/skills/forms.skill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms.skill.js","sourceRoot":"","sources":["../../../src/agents/skills/forms.skill.ts"],"names":[],"mappings":";;;AAEa,QAAA,UAAU,GAAoB;IACzC,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,6EAA6E;IAC1F,SAAS,EAAE,2FAA2F;IACtG,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;oGA2BoF;CACnG,CAAA"}

package/dist/agents/skills/index.d.ts

@@ -0,0 +1,6 @@
+export type { GenerationSkill } from './types';
+export { GENERATION_SKILLS, STATIC_SKILL_GUIDES, getSkillCatalog, mergeSkills, buildSkillGuidance, } from './registry';
+export { extractRequestedSkills, inferRequestedSkills, extractDesignTokens, createSkillInjectingPrepareStep, } from './skill-injection';
+export { loadAccountSkills, getContextAccountId, type AccountSkillLoader, } from './account-skill-loader';
+export type { CustomSkillRecord, CreateCustomSkillInput, UpdateCustomSkillInput, CustomSkillRepository, } from './custom-skill-repository';
+//# sourceMappingURL=index.d.ts.map

package/dist/agents/skills/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/agents/skills/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EACf,WAAW,EACX,kBAAkB,GACnB,MAAM,YAAY,CAAA;AACnB,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACpB,mBAAmB,EACnB,+BAA+B,GAChC,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,KAAK,kBAAkB,GACxB,MAAM,wBAAwB,CAAA;AAC/B,YAAY,EACV,iBAAiB,EACjB,sBAAsB,EACtB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,2BAA2B,CAAA"}

package/dist/agents/skills/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getContextAccountId = exports.loadAccountSkills = exports.createSkillInjectingPrepareStep = exports.extractDesignTokens = exports.inferRequestedSkills = exports.extractRequestedSkills = exports.buildSkillGuidance = exports.mergeSkills = exports.getSkillCatalog = exports.STATIC_SKILL_GUIDES = exports.GENERATION_SKILLS = void 0;
+var registry_1 = require("./registry");
+Object.defineProperty(exports, "GENERATION_SKILLS", { enumerable: true, get: function () { return registry_1.GENERATION_SKILLS; } });
+Object.defineProperty(exports, "STATIC_SKILL_GUIDES", { enumerable: true, get: function () { return registry_1.STATIC_SKILL_GUIDES; } });
+Object.defineProperty(exports, "getSkillCatalog", { enumerable: true, get: function () { return registry_1.getSkillCatalog; } });
+Object.defineProperty(exports, "mergeSkills", { enumerable: true, get: function () { return registry_1.mergeSkills; } });
+Object.defineProperty(exports, "buildSkillGuidance", { enumerable: true, get: function () { return registry_1.buildSkillGuidance; } });
+var skill_injection_1 = require("./skill-injection");
+Object.defineProperty(exports, "extractRequestedSkills", { enumerable: true, get: function () { return skill_injection_1.extractRequestedSkills; } });
+Object.defineProperty(exports, "inferRequestedSkills", { enumerable: true, get: function () { return skill_injection_1.inferRequestedSkills; } });
+Object.defineProperty(exports, "extractDesignTokens", { enumerable: true, get: function () { return skill_injection_1.extractDesignTokens; } });
+Object.defineProperty(exports, "createSkillInjectingPrepareStep", { enumerable: true, get: function () { return skill_injection_1.createSkillInjectingPrepareStep; } });
+var account_skill_loader_1 = require("./account-skill-loader");
+Object.defineProperty(exports, "loadAccountSkills", { enumerable: true, get: function () { return account_skill_loader_1.loadAccountSkills; } });
+Object.defineProperty(exports, "getContextAccountId", { enumerable: true, get: function () { return account_skill_loader_1.getContextAccountId; } });
+//# sourceMappingURL=index.js.map

package/dist/agents/skills/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/agents/skills/index.ts"],"names":[],"mappings":";;;AACA,uCAMmB;AALjB,6GAAA,iBAAiB,OAAA;AACjB,+GAAA,mBAAmB,OAAA;AACnB,2GAAA,eAAe,OAAA;AACf,uGAAA,WAAW,OAAA;AACX,8GAAA,kBAAkB,OAAA;AAEpB,qDAK0B;AAJxB,yHAAA,sBAAsB,OAAA;AACtB,uHAAA,oBAAoB,OAAA;AACpB,sHAAA,mBAAmB,OAAA;AACnB,kIAAA,+BAA+B,OAAA;AAEjC,+DAI+B;AAH7B,yHAAA,iBAAiB,OAAA;AACjB,2HAAA,mBAAmB,OAAA"}

package/dist/agents/skills/interactions.skill.d.ts

@@ -0,0 +1,3 @@
+import type { GenerationSkill } from './types';
+export declare const interactionsSkill: GenerationSkill;
+//# sourceMappingURL=interactions.skill.d.ts.map

package/dist/agents/skills/interactions.skill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactions.skill.d.ts","sourceRoot":"","sources":["../../../src/agents/skills/interactions.skill.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,eAAO,MAAM,iBAAiB,EAAE,eA0B/B,CAAA"}

package/dist/agents/skills/interactions.skill.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.interactionsSkill = void 0;
+exports.interactionsSkill = {
+    name: 'interactions',
+    description: 'Tabs, modals, filtering, sorting, scroll reveals, persisted state — vanilla JS recipes',
+    whenToUse: 'Pages with stateful behavior: switching views, filtering/sorting collections, dialogs, animated content.',
+    instructions: `## interactions
+
+Real behavior in <script>, vanilla JS, no frameworks. Wire everything with addEventListener on DOMContentLoaded (or place scripts at fragment end); use data-* attributes to connect controls to targets; never inline onclick handlers.
+
+### Recipes
+- **Mobile nav**: md:hidden menu button toggles a panel (fixed inset or header dropdown) with the same links; aria-expanded on the button; Esc + backdrop click closes. A sticky header without this looks broken on phones.
+- **Tabs**: buttons with role="tab" + aria-selected in a role="tablist"; panels with role="tabpanel" + hidden attr. Arrow keys move focus between tabs. Toggle by flipping hidden + aria-selected.
+- **Modal**: native <dialog>; open with dialog.showModal() (focus trap + Esc for free); close button inside plus click-on-backdrop close (event.target === dialog). Style ::backdrop with a blur.
+- **Accordion**: native <details>/<summary> styled as cards; add name="group" for exclusive-open behavior.
+- **Live filter/search**: one input, on 'input' toggle a .hidden class per item by textContent match (lowercased includes). Show an empty-state element when nothing matches. Debounce only if the list is huge.
+- **Sortable table**: click th toggles asc/desc (aria-sort), sorts rows with Array.from(tbody.rows).sort(), re-appends. Numeric columns compare Number(cell.dataset.value ?? cell.textContent).
+- **Reveal on scroll**: IntersectionObserver adds .visible once (then unobserve); CSS: .reveal { opacity: 0; translate: 0 16px; transition: .5s ease } .reveal.visible { opacity: 1; translate: 0 }.
+- **Animated counters**: on first intersection, tween from 0 to target over ~800ms with requestAnimationFrame + ease-out; format with toLocaleString().
+- **Persisted state**: read/write one JSON blob in localStorage (single namespaced key like 'app:<page>:state') for theme choice, filters, form drafts, todo items. Hydrate on load inside try/catch — corrupt storage must not break the page.
+- **Toasts**: single fixed container; appended elements auto-remove after ~3.5s; role="status" so screen readers announce.
+
+### Rules
+- Every animation and transition sits behind: @media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important } } — or gate JS tweens on matchMedia('(prefers-reduced-motion: reduce)').
+- Keyboard first: anything clickable is a <button> or <a>, never a div with a handler. Esc closes overlays. Focus-visible styles stay intact.
+- State updates re-render from data (an array of objects in JS), not by string-concatenating HTML across the page; use <template> elements for repeated items.
+- Guard every querySelector result; a missing node must not throw and kill the rest of the script.
+- No external JS libraries for these patterns — they are all ~20 lines of vanilla each. A CDN library is justified only for genuinely hard problems (charts, maps, 3D).`,
+};
+//# sourceMappingURL=interactions.skill.js.map

package/dist/agents/skills/interactions.skill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactions.skill.js","sourceRoot":"","sources":["../../../src/agents/skills/interactions.skill.ts"],"names":[],"mappings":";;;AAEa,QAAA,iBAAiB,GAAoB;IAChD,IAAI,EAAE,cAAc;IACpB,WAAW,EAAE,wFAAwF;IACrG,SAAS,EAAE,0GAA0G;IACrH,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;wKAqBwJ;CACvK,CAAA"}

package/dist/agents/skills/registry.d.ts

@@ -0,0 +1,23 @@
+import type { GenerationSkill } from './types';
+export declare const GENERATION_SKILLS: GenerationSkill[];
+/**
+ * Universal HTML guides baked into artifact prompts. Optional domain guides
+ * (forms, charts, interactions) are selected per task by prepareStep. Baking
+ * every guide into every call added ~26KB of competing instructions.
+ */
+export declare const STATIC_SKILL_GUIDES: string;
+/**
+ * Merge account-defined skills over the built-ins. A custom skill with a
+ * built-in's name shadows it (brand packs can replace "designer" account-wide);
+ * new names are appended in the order given.
+ */
+export declare function mergeSkills(customSkills?: GenerationSkill[]): GenerationSkill[];
+/** Compact one-line-per-skill catalog for the orchestrator system prompt. */
+export declare function getSkillCatalog(customSkills?: GenerationSkill[]): string;
+/**
+ * Build task-specific guidance on top of the universal guides baked into the
+ * system prompt. Account guides remain account-wide and override built-ins.
+ * An explicit empty array (doc/data-only work) suppresses all dynamic guides.
+ */
+export declare function buildSkillGuidance(names: string[] | undefined, customSkills?: GenerationSkill[]): string | undefined;
+//# sourceMappingURL=registry.d.ts.map

package/dist/agents/skills/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../../src/agents/skills/registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAS9C,eAAO,MAAM,iBAAiB,EAAE,eAAe,EAQ9C,CAAA;AAID;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,QAIjB,CAAA;AAEf;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,YAAY,GAAE,eAAe,EAAO,GAAG,eAAe,EAAE,CAMnF;AAED,6EAA6E;AAC7E,wBAAgB,eAAe,CAAC,YAAY,GAAE,eAAe,EAAO,GAAG,MAAM,CAI5E;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,EAC3B,YAAY,GAAE,eAAe,EAAO,GACnC,MAAM,GAAG,SAAS,CAuBpB"}

package/dist/agents/skills/registry.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.STATIC_SKILL_GUIDES = exports.GENERATION_SKILLS = void 0;
+exports.mergeSkills = mergeSkills;
+exports.getSkillCatalog = getSkillCatalog;
+exports.buildSkillGuidance = buildSkillGuidance;
+const designer_skill_1 = require("./designer.skill");
+const data_viz_skill_1 = require("./data-viz.skill");
+const interactions_skill_1 = require("./interactions.skill");
+const forms_skill_1 = require("./forms.skill");
+const copywriting_skill_1 = require("./copywriting.skill");
+const a11y_skill_1 = require("./a11y.skill");
+const app_scaffold_skill_1 = require("./app-scaffold.skill");
+exports.GENERATION_SKILLS = [
+    designer_skill_1.designerSkill,
+    data_viz_skill_1.dataVizSkill,
+    interactions_skill_1.interactionsSkill,
+    forms_skill_1.formsSkill,
+    copywriting_skill_1.copywritingSkill,
+    a11y_skill_1.a11ySkill,
+    app_scaffold_skill_1.appScaffoldSkill,
+];
+const STATIC_SKILL_NAMES = new Set(['designer', 'a11y', 'copywriting']);
+/**
+ * Universal HTML guides baked into artifact prompts. Optional domain guides
+ * (forms, charts, interactions) are selected per task by prepareStep. Baking
+ * every guide into every call added ~26KB of competing instructions.
+ */
+exports.STATIC_SKILL_GUIDES = exports.GENERATION_SKILLS.filter((skill) => STATIC_SKILL_NAMES.has(skill.name))
+    .map((skill) => skill.instructions)
+    .join('\n\n');
+/**
+ * Merge account-defined skills over the built-ins. A custom skill with a
+ * built-in's name shadows it (brand packs can replace "designer" account-wide);
+ * new names are appended in the order given.
+ */
+function mergeSkills(customSkills = []) {
+    const merged = new Map(exports.GENERATION_SKILLS.map((skill) => [skill.name, skill]));
+    for (const skill of customSkills) {
+        merged.set(skill.name, skill);
+    }
+    return [...merged.values()];
+}
+/** Compact one-line-per-skill catalog for the orchestrator system prompt. */
+function getSkillCatalog(customSkills = []) {
+    return mergeSkills(customSkills)
+        .map((skill) => `- ${skill.name} — ${skill.description}. Use for: ${skill.whenToUse}`)
+        .join('\n');
+}
+/**
+ * Build task-specific guidance on top of the universal guides baked into the
+ * system prompt. Account guides remain account-wide and override built-ins.
+ * An explicit empty array (doc/data-only work) suppresses all dynamic guides.
+ */
+function buildSkillGuidance(names, customSkills = []) {
+    if (names !== undefined && names.length === 0) {
+        return undefined;
+    }
+    const customNames = new Set(customSkills.map((skill) => skill.name));
+    const requestedNames = new Set(names !== null && names !== void 0 ? names : []);
+    const selectedBuiltIns = exports.GENERATION_SKILLS.filter((skill) => requestedNames.has(skill.name) &&
+        !STATIC_SKILL_NAMES.has(skill.name) &&
+        skill.name !== app_scaffold_skill_1.appScaffoldSkill.name &&
+        !customNames.has(skill.name));
+    const selected = [...selectedBuiltIns, ...customSkills];
+    if (selected.length === 0) {
+        return undefined;
+    }
+    return `# Task-specific skill guides
+
+Apply the relevant guides below. Account-defined guides override built-in guidance with the same name or topic.
+
+${selected.map((skill) => skill.instructions).join('\n\n')}`;
+}
+//# sourceMappingURL=registry.js.map

package/dist/agents/skills/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../../src/agents/skills/registry.ts"],"names":[],"mappings":"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"}

package/dist/agents/skills/skill-injection.d.ts

@@ -0,0 +1,52 @@
+import type { AdditionalContext } from '@multiplayer-app/ai-agent-types';
+import { type AccountSkillLoader } from './account-skill-loader';
+interface MessageLike {
+    role?: string;
+    content?: unknown;
+}
+interface PrepareStepOptions {
+    messages?: MessageLike[];
+    stepCount?: number;
+    stepNumber?: number;
+    steps?: unknown[];
+}
+/**
+ * Subagents receive the parent tool input as their first user message (JSON).
+ * Extract the `skills` array from it; undefined when absent or unparsable.
+ */
+export declare function extractRequestedSkills(messages: MessageLike[] | undefined): string[] | undefined;
+/**
+ * Select optional generation guides from the concrete delegated task. This is
+ * deterministic orchestration: the parent does not need to remember skill
+ * names, and unrelated manuals do not compete for the model's attention.
+ */
+export declare function inferRequestedSkills(messages: MessageLike[] | undefined): string[] | undefined;
+/**
+ * Pull concrete tokens out of free-text designBrief so subagents see a
+ * machine-readable contract, not only prose.
+ */
+export declare function extractDesignTokens(brief: string): string | undefined;
+/**
+ * Cross-page consistency: subagents can't see previously published pages, so
+ * without this every page invents its own palette and chrome. Extract the
+ * session entry page's design system (style block + header + footer) and
+ * inject it verbatim so later pages reuse it.
+ */
+export declare function buildSessionDesignContext(context?: AdditionalContext): Promise<string | undefined>;
+/**
+ * prepareStep for artifact subagents. Universal designer/a11y guidance is
+ * baked into the prompt; optional guides are inferred from the delegated task,
+ * while account guides and the established session design system are appended
+ * at runtime. An explicit `skills: []` opts doc/data-only tasks out; empty
+ * skills on HTML/UI tasks are ignored so inference still runs. The FIRST
+ * step (and only the first — config-level
+ * 'required' loops because the framework's downgrade cannot see SDK-internal
+ * steps) also forces a tool call so models cannot reply with prose describing
+ * files they never created.
+ */
+export declare function createSkillInjectingPrepareStep(loader?: AccountSkillLoader): (options: PrepareStepOptions, context?: AdditionalContext) => Promise<{
+    messages?: MessageLike[];
+    toolChoice?: "required";
+} | undefined>;
+export {};
+//# sourceMappingURL=skill-injection.d.ts.map

package/dist/agents/skills/skill-injection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skill-injection.d.ts","sourceRoot":"","sources":["../../../src/agents/skills/skill-injection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAExE,OAAO,EAAqB,KAAK,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAWnF,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAA;CAClB;AAsBD;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,WAAW,EAAE,GAAG,SAAS,GAAG,MAAM,EAAE,GAAG,SAAS,CA6BhG;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,WAAW,EAAE,GAAG,SAAS,GAAG,MAAM,EAAE,GAAG,SAAS,CAsC9F;AAUD;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAuBrE;AAED;;;;;GAKG;AACH,wBAAsB,yBAAyB,CAAC,OAAO,CAAC,EAAE,iBAAiB,GAAG,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CA6CxG;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,+BAA+B,CAAC,MAAM,GAAE,kBAAsC,IAE1F,SAAS,kBAAkB,EAC3B,UAAU,iBAAiB,KAC1B,OAAO,CAAC;IAAE,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IAAC,UAAU,CAAC,EAAE,UAAU,CAAA;CAAE,GAAG,SAAS,CAAC,CA0B9E"}