feat: <LinnetWidget /> isolation and embeddable build output #14

New issue

Open

opened 2026-04-06 13:11:42 -07:00 by pyr0ball · 0 comments

pyr0ball commented

2026-04-06 13:11:42 -07:00

Owner

Package Linnet as an embeddable Vue 3 component for use in Peregrine, Osprey, Falcon, Ibis, Harrier.

Requirements:

<LinnetWidget /> accepts props: sessionId, elcor_unlocked (boolean, host app controls this), tier, compact (mobile/embedded size mode)
Widget must not inject global styles or conflict with host app layout (use scoped styles + CSS custom properties only)
Widget must not assume global state (no Vuex/Pinia store access from host)
Separate Vite entry point: src/widget.ts → dist/linnet-widget.js + dist/linnet-widget.css
Widget exposes events: tone-event, session-start, session-end, compose-send
Test embed in Peregrine Interview Prep view as acceptance criterion

Package Linnet as an embeddable Vue 3 component for use in Peregrine, Osprey, Falcon, Ibis, Harrier. Requirements: - `<LinnetWidget />` accepts props: `sessionId`, `elcor_unlocked` (boolean, host app controls this), `tier`, `compact` (mobile/embedded size mode) - Widget must not inject global styles or conflict with host app layout (use scoped styles + CSS custom properties only) - Widget must not assume global state (no Vuex/Pinia store access from host) - Separate Vite entry point: `src/widget.ts` → `dist/linnet-widget.js` + `dist/linnet-widget.css` - Widget exposes events: `tone-event`, `session-start`, `session-end`, `compose-send` - Test embed in Peregrine Interview Prep view as acceptance criterion