@fiction/sdk 1.0.67 → 1.0.69

package/README.md

@@ -1,19 +1,539 @@
 # Fiction SDK
 
-Lightweight client library for Fiction-owned projects (app, www, widget).
+Lightweight client library for Fiction digital self integration. Built for Fiction-owned properties (app, www, widget).
 
-## Development
+## Installation
 
 ```bash
-pnpm dev     # Watch mode - rebuilds on change
-pnpm build   # Production build (ES modules + types)
+npm install @fiction/sdk
+```
+
+## Quick Start
+
+```typescript
+import { FictionSDK } from '@fiction/sdk'
+
+// Singleton pattern - shares state across your app
+const sdk = FictionSDK.getInstance({ isDev: true })
+
+// Get public digital self
+const self = await sdk.getPublicSelf({ handle: 'andrew' })
+
+// Authenticate user
+await sdk.requestAuthCode({ email: 'user@example.com' })
+await sdk.loginWithCode({ email: 'user@example.com', code: '123456' })
+
+// Access reactive state
+console.log(sdk.activeUser.value)
+console.log(sdk.currentSelf.value)
+console.log(sdk.currentOrg.value)
+```
+
+## Core Philosophy
+
+**Minimal API Surface**: Clean wrapper methods hide internal complexity. No direct `apiClient` exposure prevents type generation issues.
+
+**Self-First Architecture**: Digital selves are primary entities. Organization context derived from self, not passed redundantly.
+
+**Singleton by Default**: Browser-only singleton prevents duplicate API calls and separate reactive state. Multiple `getInstance()` calls return same instance.
+
+**SSR-Safe**: No singleton in Node.js—each request gets new instance to prevent request bleeding.
+
+## Public API
+
+### Authentication
+
+```typescript
+// Request email verification code
+await sdk.requestAuthCode({ email: 'user@example.com' })
+
+// Login with code
+await sdk.loginWithCode({
+  email: 'user@example.com',
+  code: '123456'
+})
+
+// Get current user
+const user = await sdk.getCurrentUser()
+
+// Logout
+await sdk.logout()
+```
+
+### Digital Self Access
+
+```typescript
+// Public self by handle (no auth)
+const self = await sdk.getPublicSelf({ handle: 'andrew' })
+
+// Public self by email (no auth)
+const self = await sdk.getSelfByEmail({ email: 'andrew@fiction.com' })
+```
+
+### Usage Tracking
+
+```typescript
+// Unified tracking method
+await sdk.trackUsage({
+  selfId: 'slf_456',      // Self contains orgId
+  type: 'voice',          // 'voice' | 'chat'
+  quantity: 45,           // Seconds for voice, characters for chat
+  participantId: 'usr_123' // Optional: conversation participant
+})
+```
+
+### Reactive State
+
+```typescript
+// Core state
+sdk.activeUser.value    // EnrichedUser | undefined
+sdk.token.value         // string | null
+sdk.loading.value       // boolean
+sdk.error.value         // string | null
+
+// Computed properties (auto-derived from activeUser)
+sdk.currentSelf.value   // Self | undefined
+sdk.currentOrg.value    // OrgInfo | undefined
+```
+
+## Singleton Pattern
+
+**Why Singleton**: Prevents duplicate API requests and maintains shared reactive state across your application.
+
+```typescript
+// Both return same instance
+const sdk1 = FictionSDK.getInstance({ isDev: true })
+const sdk2 = FictionSDK.getInstance({ isDev: true })
+
+console.log(sdk1 === sdk2) // true
+
+// Reactive state shared
+sdk1.token.value = 'test-token'
+console.log(sdk2.token.value) // 'test-token'
+```
+
+**Cross-Bundle Singleton**: Uses `globalThis` to share instance between separate bundles (www + widget).
+
+```typescript
+// Global SDK (www.fiction.com)
+window.fictionSDK = FictionSDK.getInstance({ isDev: true })
+
+// Widget automatically uses singleton
+const widget = new FictionWidget({ handle: 'andrew' })
+console.log(window.fictionSDK === widget.sdk) // true
+```
+
+**Testing Pattern**: Use `clear()` to reset singleton between tests.
+
+```typescript
+import { afterEach, it, expect } from 'vitest'
+
+afterEach(() => {
+  const sdk = FictionSDK.getInstance({ isDev: true })
+  sdk.clear() // Clears session + state + destroys singleton
+})
+
+it('should test singleton behavior', () => {
+  const sdk = FictionSDK.getInstance({ isDev: true })
+  // Test runs with clean state
+})
+```
+
+**Environment Detection**: `apiBase` auto-detected from environment. Only override for testing.
+
+```typescript
+// ✅ Normal usage (95%+ cases) - apiBase omitted
+const sdk = FictionSDK.getInstance({ isDev: true })
+// Dev: http://localhost:5555 (auto)
+// Prod: https://app.fiction.com (auto)
+
+// ✅ Testing only - custom apiBase
+const testSDK = FictionSDK.getInstance({
+  isDev: true,
+  apiBase: 'http://localhost:9999'
+})
+```
+
+## Usage Patterns
+
+### Blog Author Attribution
+
+```typescript
+// Astro component (www.fiction.com)
+import { FictionSDK } from '@fiction/sdk'
+
+const sdk = FictionSDK.getInstance({ isDev: import.meta.env.DEV })
+const authorSelf = await sdk.getSelfByEmail({ email: 'andrew@fiction.com' })
+
+// Use digital self data instead of static strings
+const authorAvatar = authorSelf?.avatar?.url
+const authorName = authorSelf?.name
+const authorBio = authorSelf?.summary
+```
+
+### Widget Integration
+
+```typescript
+import { FictionWidget } from '@fiction/sdk/widget'
+
+const widget = new FictionWidget({
+  mode: 'modal',        // 'inline' | 'popup' | 'modal'
+  handle: 'andrew',     // Or provide self object directly
+  context: 'support',   // Optional: agent context override
+  firstMessage: 'Hi!'   // Optional: custom greeting
+})
+
+// Update without re-mount
+widget.update({
+  self: newSelf,
+  context: 'sales'
+})
+
+// Cleanup
+widget.destroy()
+```
+
+### Profile Page
+
+```typescript
+import { SelfAgent } from '@fiction/sdk/self'
+
+const sdk = FictionSDK.getInstance({ isDev: true })
+const self = await sdk.getPublicSelf({ handle: 'andrew' })
+```
+
+```vue
+<template>
+  <SelfAgent
+    :sdk="sdk"
+    :self="self"
+    theme-color="#3b82f6"
+  />
+</template>
+```
+
+## Error Handling
+
+All wrapper methods return `undefined` on error (no exceptions thrown). Check reactive error state for details.
+
+```typescript
+const self = await sdk.getPublicSelf({ handle: 'nonexistent' })
+
+if (!self) {
+  console.error(sdk.error.value) // 'Self not found'
+}
+```
+
+## Build Strategy
+
+**SDK Build**: ES modules, tree-shakeable, externals (Vue, ElevenLabs)
+- Format: ES modules
+- Bundle size: < 256KB
+- Build time: 5 seconds
+
+**Widget Build**: IIFE, single-file CDN bundle
+- Format: IIFE (global `window.FictionWidget`)
+- Bundle size: < 1MB
+- Includes all dependencies
+
+## Import Patterns
+
+```typescript
+// ✅ Correct - Use bundled entry points
+import { FictionSDK } from '@fiction/sdk'
+import { SelfAgent, SelfProvider } from '@fiction/sdk/self'
+import { FictionWidget } from '@fiction/sdk/widget'
+import { getDemoSelves } from '@fiction/sdk/demo'
+
+// ❌ Wrong - Deep imports don't work
+import { FictionSDK } from '@fiction/sdk/FictionSDK'
+import SelfAgent from '@fiction/sdk/self/ui/SelfAgent.vue'
+```
+
+## Package Exports
+
+```json
+{
+  "exports": {
+    ".": {
+      "import": "./dist/sdk.js",
+      "types": "./dist/sdk.d.ts"
+    },
+    "./self": {
+      "import": "./dist/self.js",
+      "types": "./dist/self.d.ts"
+    },
+    "./widget": {
+      "import": "./dist/widget.js",
+      "types": "./dist/widget.d.ts"
+    },
+    "./demo": {
+      "import": "./dist/demo.js",
+      "types": "./dist/demo/index.d.ts"
+    }
+  }
+}
 ```
 
-## Usage
+## Self-First Architecture
+
+Digital selves are primary entities that determine organizational context.
 
 ```typescript
+// ✅ Self contains all context
+await sdk.trackUsage({
+  selfId: 'slf_456',  // Includes orgId internally
+  type: 'voice',
+  quantity: 45
+})
+
+// ❌ Don't pass redundant orgId
+await sdk.trackUsage({
+  orgId: 'org_123',   // Redundant - derived from selfId
+  selfId: 'slf_456',
+  type: 'voice',
+  quantity: 45
+})
+```
+
+**Benefits**:
+- Simpler APIs (fewer parameters)
+- Single source of truth (self determines org)
+- Automatic context resolution
+- Consistent across all SDK methods
+
+## Reactive State Pattern
+
+SDK maintains reactive state that auto-updates components.
+
+```typescript
+const sdk = FictionSDK.getInstance({ isDev: true })
+
+// Core refs (direct state)
+sdk.activeUser.value    // Updated by auth operations
+sdk.token.value         // Updated by login/logout
+sdk.loading.value       // Updated during API calls
+sdk.error.value         // Updated on errors
+
+// Computed properties (auto-derived)
+sdk.currentSelf.value = computed(() => {
+  const user = sdk.activeUser.value
+  if (!user?.selves) return undefined
+
+  const selfId = user.primarySelfId || user.selves[0]?.selfId
+  return user.selves.find(s => s.selfId === selfId)
+})
+
+sdk.currentOrg.value = computed(() => {
+  const self = sdk.currentSelf.value
+  if (!self?.orgId) return undefined
+
+  return sdk.activeUser.value?.orgs.find(org =>
+    org.orgId === self.orgId
+  )
+})
+```
+
+**Benefits**:
+- Components auto-update when user changes
+- No manual state management needed
+- Consistent with Fiction app patterns
+- Self-first architecture (org derived from self)
+
+## Component Integration
+
+### Prop-Based Dependency Injection
+
+SDK components accept `sdk` prop instead of using global services.
+
+```vue
+<script setup>
 import { FictionSDK } from '@fiction/sdk'
 import { SelfAgent } from '@fiction/sdk/self'
+
+const sdk = FictionSDK.getInstance({ isDev: true })
+const self = await sdk.getPublicSelf({ handle: 'andrew' })
+</script>
+
+<template>
+  <SelfAgent
+    :sdk="sdk"
+    :self="self"
+    theme-color="#3b82f6"
+  />
+</template>
+```
+
+### Available Components
+
+**SelfAgent** - Main agent interface (chat/voice)
+**SelfProvider** - Handle → self resolver wrapper
+**SelfAbout** - Profile information display
+**SelfChat** - Text chat interface
+**SelfVoice** - Voice call interface
+**SelfSidebar** - Navigation sidebar
+
+## Demo Data
+
+Static demo selves for marketing/showcase.
+
+```typescript
+import { getDemoSelves, getDemoSelfByHandle } from '@fiction/sdk/demo'
+
+// All demo selves
+const demoSelves = getDemoSelves()
+
+// Specific demo self
+const andrew = getDemoSelfByHandle('andrew')
+```
+
+**Single Source of Truth**: Demo data maintained in Fiction app at `src/modules/self/static/data.ts`, bundled into SDK at build time.
+
+## Security Model
+
+**Public-Only Access**: `getPublicSelf()` and `getSelfByEmail()` only return selves with `visibility: 'public'`.
+
+**Authentication Required**: User operations require valid JWT token in `sdk.token.value`.
+
+**Rate Limiting**: Widget includes 10 comments/hour per self, 100 likes/hour (future).
+
+## Performance Optimization
+
+**Single Query Pattern**: Public endpoints use single SQL query with LEFT JOINs for media.
+
+**Voice Recordings Excluded**: Public endpoints exclude voice recordings (performance).
+
+**Build Time Bundling**: App dependencies (`@/` imports) bundled during SDK build.
+
+**Ultra-Fast Builds**: 5-second builds via custom tsconfig + esbuild optimization.
+
+## Type Safety
+
+**Full TypeScript Inference**: From API routes to SDK methods to component props.
+
+**Wrapper Method Pattern**: Clean function signatures serialize perfectly to `.d.ts` files.
+
+**No Complex Types**: Simple `Promise<Self | undefined>` instead of Hono RPC types.
+
+```typescript
+// Clean wrapper method
+async getPublicSelf(args: {
+  handle: string
+}): Promise<Self | undefined>
+
+// Internal complexity hidden
+const response = await this.api.self.public[':handle'].$get({
+  param: { handle: args.handle }
+})
+```
+
+## Best Practices
+
+**1. Use Singleton**: Always use `getInstance()` instead of `new FictionSDK()`.
+
+```typescript
+// ✅ Recommended
+const sdk = FictionSDK.getInstance({ isDev: true })
+
+// ⚠️ Works but creates singleton anyway
+const sdk = new FictionSDK({ isDev: true })
+```
+
+**2. Don't Override apiBase**: Let SDK auto-detect environment.
+
+```typescript
+// ✅ Normal usage
+const sdk = FictionSDK.getInstance({ isDev: true })
+
+// ❌ Only for testing
+const sdk = FictionSDK.getInstance({
+  isDev: true,
+  apiBase: 'http://localhost:9999'
+})
+```
+
+**3. Clear Between Tests**: Use `clear()` for test isolation.
+
+```typescript
+afterEach(() => {
+  FictionSDK.getInstance({ isDev: true }).clear()
+})
+```
+
+**4. Check Error State**: Methods return `undefined` on error.
+
+```typescript
+const self = await sdk.getPublicSelf({ handle: 'test' })
+if (!self) {
+  console.error(sdk.error.value)
+}
+```
+
+**5. Self-First APIs**: Pass `selfId`, let SDK resolve `orgId`.
+
+```typescript
+// ✅ Minimal args
+await sdk.trackUsage({ selfId, type, quantity })
+
+// ❌ Redundant args
+await sdk.trackUsage({ orgId, selfId, type, quantity })
+```
+
+## Architecture Principles
+
+**Minimal Case First**: Start with simplest implementation, add complexity only when needed.
+
+**No Globals**: All state via dependency injection (SDK prop pattern).
+
+**Bundle Safety**: Server code never reaches client (strict separation).
+
+**Validated Environment**: Auto-detected `apiBase` based on environment.
+
+**Static Chaining**: Preserves Hono type inference for internal operations.
+
+## Browser Compatibility
+
+**Singleton Scope**: `globalThis` for cross-bundle state sharing.
+
+**SSR Detection**: `typeof window === 'undefined'` prevents Node.js singleton.
+
+**Storage**: localStorage for user data, cookies for auth tokens.
+
+**Vue 3.6+**: Required for reactive refs and computed properties.
+
+## Development
+
+```bash
+# Watch mode - rebuilds on change
+pnpm dev
+
+# Production build (ES modules + types)
+pnpm build
+
+# Run tests
+pnpm test
+
+# Typecheck
+pnpm typecheck
 ```
 
 **Build required before typecheck** - Widget/www import from `dist/`, not source.
+
+## Contributing
+
+This SDK is for Fiction-owned projects only. For internal development:
+
+1. Make changes in `packages/sdk/`
+2. Build: `pnpm run sdk:build`
+3. Test: `pnpm test packages/sdk/test/`
+4. Update this README if public API changes
+
+## License
+
+Proprietary - Fiction Co.
+
+## Support
+
+Internal developers: See `.ai/spec-sdk.md` for complete architecture documentation.
+
+External users: Contact support@fiction.com

package/dist/{SelfProvider.vue_vue_type_script_setup_true_lang-BqMkZtWQ.js → SelfProvider.vue_vue_type_script_setup_true_lang-BbEo445n.js}

@@ -1,5 +1,5 @@
 import { defineComponent as i, createBlock as n, openBlock as f, mergeProps as c, withCtx as m, createVNode as p } from "vue";
-import { _ as d, a as _ } from "./SelfWrap.vue_vue_type_script_setup_true_lang-BQS3okin.js";
+import { _ as d, a as _ } from "./SelfWrap.vue_vue_type_script_setup_true_lang-DcjZRnSG.js";
 const g = /* @__PURE__ */ i({
   __name: "SelfProvider",
   props: {
@@ -35,4 +35,4 @@ const g = /* @__PURE__ */ i({
 export {
   g as _
 };
-//# sourceMappingURL=SelfProvider.vue_vue_type_script_setup_true_lang-BqMkZtWQ.js.map
+//# sourceMappingURL=SelfProvider.vue_vue_type_script_setup_true_lang-BbEo445n.js.map

package/dist/{SelfProvider.vue_vue_type_script_setup_true_lang-BqMkZtWQ.js.map → SelfProvider.vue_vue_type_script_setup_true_lang-BbEo445n.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelfProvider.vue_vue_type_script_setup_true_lang-BqMkZtWQ.js","sources":["../self/ui/SelfProvider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FictionSDK } from '../../sdkClient'\nimport type { Self } from '../schema'\nimport SelfAgent from './SelfAgent.vue'\nimport SelfWrap from './SelfWrap.vue'\n\nconst props = defineProps<{\n  sdk?: FictionSDK\n  self?: Self\n  handle?: string\n  context?: string\n  firstMessage?: string\n  hasClose?: boolean\n  apiBase?: string\n}>()\n\nconst emit = defineEmits<{\n  close: [value: string]\n  error: [message: string]\n}>()\n\n</script>\n\n<template>\n  <SelfWrap\n    v-slot=\"slotProps\"\n    v-bind=\"props\"\n    class=\"self-provider size-full relative\"\n  >\n    <SelfAgent\n      :sdk=\"slotProps.sdk\"\n      :self=\"slotProps.self\"\n      :context=\"slotProps.context\"\n      :first-message=\"slotProps.firstMessage\"\n      :has-close=\"props.hasClose\"\n      :is-active=\"true\"\n      class=\"size-full\"\n      @close=\"emit('close', $event)\"\n      @error=\"emit('error', $event)\"\n    />\n  </SelfWrap>\n</template>\n"],"names":["props","__props","emit","__emit","_openBlock","_createBlock","SelfWrap","_mergeProps","_withCtx","slotProps","_createVNode","SelfAgent","_cache","$event"],"mappings":";;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAURC,IAAOC;sBAQXC,EAAA,GAAAC,EAgBWC,GAhBXC,EAgBWP,GAdI,EACb,OAAM,mCAAA,CAAkC,GAAA;AAAA,MAExC,SAAAQ,EAAA,CAJQC,MAAS;AAAA,QAIjBC,EAUEC,GAAA;AAAA,UATC,KAAKF,EAAU;AAAA,UACf,MAAMA,EAAU;AAAA,UAChB,SAASA,EAAU;AAAA,UACnB,iBAAeA,EAAU;AAAA,UACzB,aAAWT,EAAM;AAAA,UACjB,aAAW;AAAA,UACZ,OAAM;AAAA,UACL,SAAKY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEX,EAAI,SAAUW,CAAM;AAAA,UAC3B,SAAKD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEX,EAAI,SAAUW,CAAM;AAAA,QAAA;;;;;;"}
+{"version":3,"file":"SelfProvider.vue_vue_type_script_setup_true_lang-BbEo445n.js","sources":["../self/ui/SelfProvider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FictionSDK } from '../../sdkClient'\nimport type { Self } from '../schema'\nimport SelfAgent from './SelfAgent.vue'\nimport SelfWrap from './SelfWrap.vue'\n\nconst props = defineProps<{\n  sdk?: FictionSDK\n  self?: Self\n  handle?: string\n  context?: string\n  firstMessage?: string\n  hasClose?: boolean\n  apiBase?: string\n}>()\n\nconst emit = defineEmits<{\n  close: [value: string]\n  error: [message: string]\n}>()\n\n</script>\n\n<template>\n  <SelfWrap\n    v-slot=\"slotProps\"\n    v-bind=\"props\"\n    class=\"self-provider size-full relative\"\n  >\n    <SelfAgent\n      :sdk=\"slotProps.sdk\"\n      :self=\"slotProps.self\"\n      :context=\"slotProps.context\"\n      :first-message=\"slotProps.firstMessage\"\n      :has-close=\"props.hasClose\"\n      :is-active=\"true\"\n      class=\"size-full\"\n      @close=\"emit('close', $event)\"\n      @error=\"emit('error', $event)\"\n    />\n  </SelfWrap>\n</template>\n"],"names":["props","__props","emit","__emit","_openBlock","_createBlock","SelfWrap","_mergeProps","_withCtx","slotProps","_createVNode","SelfAgent","_cache","$event"],"mappings":";;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAURC,IAAOC;sBAQXC,EAAA,GAAAC,EAgBWC,GAhBXC,EAgBWP,GAdI,EACb,OAAM,mCAAA,CAAkC,GAAA;AAAA,MAExC,SAAAQ,EAAA,CAJQC,MAAS;AAAA,QAIjBC,EAUEC,GAAA;AAAA,UATC,KAAKF,EAAU;AAAA,UACf,MAAMA,EAAU;AAAA,UAChB,SAASA,EAAU;AAAA,UACnB,iBAAeA,EAAU;AAAA,UACzB,aAAWT,EAAM;AAAA,UACjB,aAAW;AAAA,UACZ,OAAM;AAAA,UACL,SAAKY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEX,EAAI,SAAUW,CAAM;AAAA,UAC3B,SAAKD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEX,EAAI,SAAUW,CAAM;AAAA,QAAA;;;;;;"}

package/dist/{SelfWidgetInline-Crm-TMBK.js → SelfWidgetInline-DcJoMxUE.js}

@@ -1,7 +1,7 @@
 var i = Object.defineProperty;
 var c = (s, t) => i(s, "name", { value: t, configurable: !0 });
 import { defineComponent as u, ref as o, createBlock as d, openBlock as m } from "vue";
-import { _ as x } from "./SelfProvider.vue_vue_type_script_setup_true_lang-BqMkZtWQ.js";
+import { _ as x } from "./SelfProvider.vue_vue_type_script_setup_true_lang-BbEo445n.js";
 const M = /* @__PURE__ */ u({
   __name: "SelfWidgetInline",
   props: {
@@ -28,4 +28,4 @@ const M = /* @__PURE__ */ u({
 export {
   M as default
 };
-//# sourceMappingURL=SelfWidgetInline-Crm-TMBK.js.map
+//# sourceMappingURL=SelfWidgetInline-DcJoMxUE.js.map

package/dist/{SelfWidgetInline-Crm-TMBK.js.map → SelfWidgetInline-DcJoMxUE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelfWidgetInline-Crm-TMBK.js","sources":["../widget/ui/SelfWidgetInline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FictionSDK } from '../../sdkClient'\nimport type { Self } from '@fiction/types'\nimport { ref } from 'vue'\nimport SelfProvider from '../../self/ui/SelfProvider.vue'\n\nexport interface WidgetUpdate {\n  self?: Self\n  context?: string\n  firstMessage?: string\n}\n\nconst props = defineProps<{\n  sdk?: FictionSDK\n  handle?: string\n  self?: Self\n  context?: string\n  firstMessage?: string\n}>()\n\n// Local state for updateable props\nconst currentSelf = ref<Self | undefined>(props.self)\nconst currentContext = ref<string | undefined>(props.context)\nconst currentFirstMessage = ref<string | undefined>(props.firstMessage)\n\nfunction update(updates: WidgetUpdate) {\n  if (updates.self !== undefined)\n    currentSelf.value = updates.self\n  if (updates.context !== undefined)\n    currentContext.value = updates.context\n  if (updates.firstMessage !== undefined)\n    currentFirstMessage.value = updates.firstMessage\n}\n\ndefineExpose({ update })\n</script>\n\n<template>\n  <SelfProvider\n    :sdk=\"sdk\"\n    :handle=\"handle\"\n    :self=\"currentSelf\"\n    :context=\"currentContext\"\n    :first-message=\"currentFirstMessage\"\n  />\n</template>\n"],"names":["props","__props","currentSelf","ref","currentContext","currentFirstMessage","update","updates","__name","__expose","_createBlock","SelfProvider"],"mappings":";;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GASRC,IAAcC,EAAsBH,EAAM,IAAI,GAC9CI,IAAiBD,EAAwBH,EAAM,OAAO,GACtDK,IAAsBF,EAAwBH,EAAM,YAAY;AAEtE,aAASM,EAAOC,GAAuB;AACrC,MAAIA,EAAQ,SAAS,WACnBL,EAAY,QAAQK,EAAQ,OAC1BA,EAAQ,YAAY,WACtBH,EAAe,QAAQG,EAAQ,UAC7BA,EAAQ,iBAAiB,WAC3BF,EAAoB,QAAQE,EAAQ;AAAA,IACxC;AAPS,WAAAC,EAAAF,GAAA,WASTG,EAAa,EAAE,QAAAH,GAAQ,mBAIrBI,EAMEC,GAAA;AAAA,MALC,KAAKV,EAAA;AAAA,MACL,QAAQA,EAAA;AAAA,MACR,MAAMC,EAAA;AAAA,MACN,SAASE,EAAA;AAAA,MACT,iBAAeC,EAAA;AAAA,IAAA;;;"}
+{"version":3,"file":"SelfWidgetInline-DcJoMxUE.js","sources":["../widget/ui/SelfWidgetInline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FictionSDK } from '../../sdkClient'\nimport type { Self } from '@fiction/types'\nimport { ref } from 'vue'\nimport SelfProvider from '../../self/ui/SelfProvider.vue'\n\nexport interface WidgetUpdate {\n  self?: Self\n  context?: string\n  firstMessage?: string\n}\n\nconst props = defineProps<{\n  sdk?: FictionSDK\n  handle?: string\n  self?: Self\n  context?: string\n  firstMessage?: string\n}>()\n\n// Local state for updateable props\nconst currentSelf = ref<Self | undefined>(props.self)\nconst currentContext = ref<string | undefined>(props.context)\nconst currentFirstMessage = ref<string | undefined>(props.firstMessage)\n\nfunction update(updates: WidgetUpdate) {\n  if (updates.self !== undefined)\n    currentSelf.value = updates.self\n  if (updates.context !== undefined)\n    currentContext.value = updates.context\n  if (updates.firstMessage !== undefined)\n    currentFirstMessage.value = updates.firstMessage\n}\n\ndefineExpose({ update })\n</script>\n\n<template>\n  <SelfProvider\n    :sdk=\"sdk\"\n    :handle=\"handle\"\n    :self=\"currentSelf\"\n    :context=\"currentContext\"\n    :first-message=\"currentFirstMessage\"\n  />\n</template>\n"],"names":["props","__props","currentSelf","ref","currentContext","currentFirstMessage","update","updates","__name","__expose","_createBlock","SelfProvider"],"mappings":";;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GASRC,IAAcC,EAAsBH,EAAM,IAAI,GAC9CI,IAAiBD,EAAwBH,EAAM,OAAO,GACtDK,IAAsBF,EAAwBH,EAAM,YAAY;AAEtE,aAASM,EAAOC,GAAuB;AACrC,MAAIA,EAAQ,SAAS,WACnBL,EAAY,QAAQK,EAAQ,OAC1BA,EAAQ,YAAY,WACtBH,EAAe,QAAQG,EAAQ,UAC7BA,EAAQ,iBAAiB,WAC3BF,EAAoB,QAAQE,EAAQ;AAAA,IACxC;AAPS,WAAAC,EAAAF,GAAA,WASTG,EAAa,EAAE,QAAAH,GAAQ,mBAIrBI,EAMEC,GAAA;AAAA,MALC,KAAKV,EAAA;AAAA,MACL,QAAQA,EAAA;AAAA,MACR,MAAMC,EAAA;AAAA,MACN,SAASE,EAAA;AAAA,MACT,iBAAeC,EAAA;AAAA,IAAA;;;"}

package/dist/{SelfWidgetModal-CN2sw2ra.js → SelfWidgetModal-B-FWtiDd.js}

@@ -2,7 +2,7 @@ var x = Object.defineProperty;
 var n = (s, a) => x(s, "name", { value: a, configurable: !0 });
 import { defineComponent as h, ref as l, onMounted as p, nextTick as g, createBlock as C, openBlock as k, withCtx as M, createVNode as _ } from "vue";
 import { _ as w } from "./FModal.vue_vue_type_script_setup_true_lang-CUVfXWtt.js";
-import { _ as T } from "./SelfProvider.vue_vue_type_script_setup_true_lang-BqMkZtWQ.js";
+import { _ as T } from "./SelfProvider.vue_vue_type_script_setup_true_lang-BbEo445n.js";
 const S = /* @__PURE__ */ h({
   __name: "SelfWidgetModal",
   props: {
@@ -59,4 +59,4 @@ const S = /* @__PURE__ */ h({
 export {
   S as default
 };
-//# sourceMappingURL=SelfWidgetModal-CN2sw2ra.js.map
+//# sourceMappingURL=SelfWidgetModal-B-FWtiDd.js.map

package/dist/{SelfWidgetModal-CN2sw2ra.js.map → SelfWidgetModal-B-FWtiDd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelfWidgetModal-CN2sw2ra.js","sources":["../widget/ui/SelfWidgetModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FictionSDK } from '../../sdkClient'\nimport type { Self } from '@fiction/types'\nimport { nextTick, onMounted, ref } from 'vue'\nimport FModal from '@/ui/common/FModal.vue'\nimport SelfProvider from '../../self/ui/SelfProvider.vue'\n\nexport interface WidgetUpdate {\n  self?: Self\n  context?: string\n  firstMessage?: string\n}\n\nconst props = defineProps<{\n  sdk?: FictionSDK\n  handle?: string\n  self?: Self\n  context?: string\n  firstMessage?: string\n  onClose?: () => void\n}>()\n\nconst currentSelf = ref<Self | undefined>(props.self)\nconst currentContext = ref<string | undefined>(props.context)\nconst currentFirstMessage = ref<string | undefined>(props.firstMessage)\nconst isVisible = ref(false)\n\n// Trigger transition after mount\nonMounted(async () => {\n  await nextTick()\n  // Small delay to ensure DOM is ready and transition fires\n  setTimeout(() => {\n    isVisible.value = true\n  }, 10)\n})\n\nfunction update(updates: WidgetUpdate) {\n  if (updates.self !== undefined)\n    currentSelf.value = updates.self\n  if (updates.context !== undefined)\n    currentContext.value = updates.context\n  if (updates.firstMessage !== undefined)\n    currentFirstMessage.value = updates.firstMessage\n}\n\nfunction close() {\n  isVisible.value = false\n  // Wait for transition to complete before calling onClose\n  setTimeout(() => {\n    if (props.onClose) {\n      props.onClose()\n    }\n  }, 300) // Match FModal transition duration\n}\n\nfunction open() {\n  isVisible.value = true\n}\n\ndefineExpose({ update, close, open })\n</script>\n\n<template>\n  <FModal\n    :vis=\"isVisible\"\n    :disable-teleport=\"true\"\n    modal-class=\"max-w-4xl h-[80vh] md:h-[600px]\"\n    :has-close=\"false\"\n    @update:vis=\"isVisible = $event\"\n    @close=\"close\"\n  >\n    <SelfProvider\n      :sdk=\"sdk\"\n      :handle=\"handle\"\n      :self=\"currentSelf\"\n      :context=\"currentContext\"\n      :first-message=\"currentFirstMessage\"\n      :has-close=\"true\"\n      @close=\"close\"\n    />\n  </FModal>\n</template>\n"],"names":["props","__props","currentSelf","ref","currentContext","currentFirstMessage","isVisible","onMounted","nextTick","update","updates","__name","close","open","__expose","_createBlock","FModal","_cache","$event","_createVNode","SelfProvider"],"mappings":";;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GASRC,IAAcC,EAAsBH,EAAM,IAAI,GAC9CI,IAAiBD,EAAwBH,EAAM,OAAO,GACtDK,IAAsBF,EAAwBH,EAAM,YAAY,GAChEM,IAAYH,EAAI,EAAK;AAG3B,IAAAI,EAAU,YAAY;AACpB,YAAMC,EAAA,GAEN,WAAW,MAAM;AACf,QAAAF,EAAU,QAAQ;AAAA,MACpB,GAAG,EAAE;AAAA,IACP,CAAC;AAED,aAASG,EAAOC,GAAuB;AACrC,MAAIA,EAAQ,SAAS,WACnBR,EAAY,QAAQQ,EAAQ,OAC1BA,EAAQ,YAAY,WACtBN,EAAe,QAAQM,EAAQ,UAC7BA,EAAQ,iBAAiB,WAC3BL,EAAoB,QAAQK,EAAQ;AAAA,IACxC;AAPS,IAAAC,EAAAF,GAAA;AAST,aAASG,IAAQ;AACf,MAAAN,EAAU,QAAQ,IAElB,WAAW,MAAM;AACf,QAAIN,EAAM,WACRA,EAAM,QAAA;AAAA,MAEV,GAAG,GAAG;AAAA,IACR;AARS,IAAAW,EAAAC,GAAA;AAUT,aAASC,IAAO;AACd,MAAAP,EAAU,QAAQ;AAAA,IACpB;AAFS,WAAAK,EAAAE,GAAA,SAITC,EAAa,EAAE,QAAAL,GAAQ,OAAAG,GAAO,MAAAC,EAAA,CAAM,mBAIlCE,EAiBSC,GAAA;AAAA,MAhBN,KAAKV,EAAA;AAAA,MACL,oBAAkB;AAAA,MACnB,eAAY;AAAA,MACX,aAAW;AAAA,MACX,gBAAUW,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEZ,EAAA,QAAYY;AAAA,MACxB,SAAON;AAAA,IAAA;iBAER,MAQE;AAAA,QARFO,EAQEC,GAAA;AAAA,UAPC,KAAKnB,EAAA;AAAA,UACL,QAAQA,EAAA;AAAA,UACR,MAAMC,EAAA;AAAA,UACN,SAASE,EAAA;AAAA,UACT,iBAAeC,EAAA;AAAA,UACf,aAAW;AAAA,UACX,SAAOO;AAAA,QAAA;;;;;;"}
+{"version":3,"file":"SelfWidgetModal-B-FWtiDd.js","sources":["../widget/ui/SelfWidgetModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FictionSDK } from '../../sdkClient'\nimport type { Self } from '@fiction/types'\nimport { nextTick, onMounted, ref } from 'vue'\nimport FModal from '@/ui/common/FModal.vue'\nimport SelfProvider from '../../self/ui/SelfProvider.vue'\n\nexport interface WidgetUpdate {\n  self?: Self\n  context?: string\n  firstMessage?: string\n}\n\nconst props = defineProps<{\n  sdk?: FictionSDK\n  handle?: string\n  self?: Self\n  context?: string\n  firstMessage?: string\n  onClose?: () => void\n}>()\n\nconst currentSelf = ref<Self | undefined>(props.self)\nconst currentContext = ref<string | undefined>(props.context)\nconst currentFirstMessage = ref<string | undefined>(props.firstMessage)\nconst isVisible = ref(false)\n\n// Trigger transition after mount\nonMounted(async () => {\n  await nextTick()\n  // Small delay to ensure DOM is ready and transition fires\n  setTimeout(() => {\n    isVisible.value = true\n  }, 10)\n})\n\nfunction update(updates: WidgetUpdate) {\n  if (updates.self !== undefined)\n    currentSelf.value = updates.self\n  if (updates.context !== undefined)\n    currentContext.value = updates.context\n  if (updates.firstMessage !== undefined)\n    currentFirstMessage.value = updates.firstMessage\n}\n\nfunction close() {\n  isVisible.value = false\n  // Wait for transition to complete before calling onClose\n  setTimeout(() => {\n    if (props.onClose) {\n      props.onClose()\n    }\n  }, 300) // Match FModal transition duration\n}\n\nfunction open() {\n  isVisible.value = true\n}\n\ndefineExpose({ update, close, open })\n</script>\n\n<template>\n  <FModal\n    :vis=\"isVisible\"\n    :disable-teleport=\"true\"\n    modal-class=\"max-w-4xl h-[80vh] md:h-[600px]\"\n    :has-close=\"false\"\n    @update:vis=\"isVisible = $event\"\n    @close=\"close\"\n  >\n    <SelfProvider\n      :sdk=\"sdk\"\n      :handle=\"handle\"\n      :self=\"currentSelf\"\n      :context=\"currentContext\"\n      :first-message=\"currentFirstMessage\"\n      :has-close=\"true\"\n      @close=\"close\"\n    />\n  </FModal>\n</template>\n"],"names":["props","__props","currentSelf","ref","currentContext","currentFirstMessage","isVisible","onMounted","nextTick","update","updates","__name","close","open","__expose","_createBlock","FModal","_cache","$event","_createVNode","SelfProvider"],"mappings":";;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GASRC,IAAcC,EAAsBH,EAAM,IAAI,GAC9CI,IAAiBD,EAAwBH,EAAM,OAAO,GACtDK,IAAsBF,EAAwBH,EAAM,YAAY,GAChEM,IAAYH,EAAI,EAAK;AAG3B,IAAAI,EAAU,YAAY;AACpB,YAAMC,EAAA,GAEN,WAAW,MAAM;AACf,QAAAF,EAAU,QAAQ;AAAA,MACpB,GAAG,EAAE;AAAA,IACP,CAAC;AAED,aAASG,EAAOC,GAAuB;AACrC,MAAIA,EAAQ,SAAS,WACnBR,EAAY,QAAQQ,EAAQ,OAC1BA,EAAQ,YAAY,WACtBN,EAAe,QAAQM,EAAQ,UAC7BA,EAAQ,iBAAiB,WAC3BL,EAAoB,QAAQK,EAAQ;AAAA,IACxC;AAPS,IAAAC,EAAAF,GAAA;AAST,aAASG,IAAQ;AACf,MAAAN,EAAU,QAAQ,IAElB,WAAW,MAAM;AACf,QAAIN,EAAM,WACRA,EAAM,QAAA;AAAA,MAEV,GAAG,GAAG;AAAA,IACR;AARS,IAAAW,EAAAC,GAAA;AAUT,aAASC,IAAO;AACd,MAAAP,EAAU,QAAQ;AAAA,IACpB;AAFS,WAAAK,EAAAE,GAAA,SAITC,EAAa,EAAE,QAAAL,GAAQ,OAAAG,GAAO,MAAAC,EAAA,CAAM,mBAIlCE,EAiBSC,GAAA;AAAA,MAhBN,KAAKV,EAAA;AAAA,MACL,oBAAkB;AAAA,MACnB,eAAY;AAAA,MACX,aAAW;AAAA,MACX,gBAAUW,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEZ,EAAA,QAAYY;AAAA,MACxB,SAAON;AAAA,IAAA;iBAER,MAQE;AAAA,QARFO,EAQEC,GAAA;AAAA,UAPC,KAAKnB,EAAA;AAAA,UACL,QAAQA,EAAA;AAAA,UACR,MAAMC,EAAA;AAAA,UACN,SAASE,EAAA;AAAA,UACT,iBAAeC,EAAA;AAAA,UACf,aAAW;AAAA,UACX,SAAOO;AAAA,QAAA;;;;;;"}

package/dist/{SelfWidgetPopup-C9iSKR2D.js → SelfWidgetPopup-BbrEUvSC.js}

@@ -1,7 +1,7 @@
 var M = Object.defineProperty;
 var a = (l, u) => M(l, "name", { value: u, configurable: !0 });
 import { defineComponent as A, ref as r, watch as S, nextTick as $, createBlock as x, openBlock as c, withCtx as B, createElementBlock as b, createCommentVNode as g, normalizeClass as w, createElementVNode as s, normalizeStyle as j, unref as k } from "vue";
-import { _ as E, g as F, b as N, a as T } from "./SelfWrap.vue_vue_type_script_setup_true_lang-BQS3okin.js";
+import { _ as E, g as F, b as N, a as T } from "./SelfWrap.vue_vue_type_script_setup_true_lang-DcjZRnSG.js";
 const U = {
   key: 0,
   class: "relative h-full w-full"
@@ -108,4 +108,4 @@ const U = {
 export {
   G as default
 };
-//# sourceMappingURL=SelfWidgetPopup-C9iSKR2D.js.map
+//# sourceMappingURL=SelfWidgetPopup-BbrEUvSC.js.map