@fiction/sdk 1.0.124 → 1.0.125

package/README.md

@@ -1,6 +1,6 @@
 # Fiction SDK
 
-Lightweight client library for Fiction digital self integration. Built for Fiction-owned properties (app, www, widget).
+Lightweight client library for Fiction digital agent integration. Built for Fiction-owned properties (app, www, widget).
 
 ## Installation
 
@@ -16,8 +16,8 @@ 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' })
+// Get public digital agent
+const agent = await sdk.getPublicAgent({ handle: 'andrew' })
 
 // Authenticate user
 await sdk.requestAuthCode({ email: 'user@example.com' })
@@ -25,7 +25,7 @@ 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.currentAgent.value)
 console.log(sdk.currentOrg.value)
 ```
 
@@ -33,7 +33,7 @@ console.log(sdk.currentOrg.value)
 
 **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.
+**Agent-First Architecture**: Digital agents are primary entities. Organization context derived from agent, not passed redundantly.
 
 **Singleton by Default**: Browser-only singleton prevents duplicate API calls and separate reactive state. Multiple `getInstance()` calls return same instance.
 
@@ -60,14 +60,14 @@ const user = await sdk.getCurrentUser()
 await sdk.logout()
 ```
 
-### Digital Self Access
+### Digital Agent Access
 
 ```typescript
-// Public self by handle (no auth)
-const self = await sdk.getPublicSelf({ handle: 'andrew' })
+// Public agent by handle (no auth)
+const agent = await sdk.getPublicAgent({ handle: 'andrew' })
 
-// Public self by email (no auth)
-const self = await sdk.getSelfByEmail({ email: 'andrew@fiction.com' })
+// Public agent by email (no auth)
+const agent = await sdk.getAgentByEmail({ email: 'andrew@fiction.com' })
 ```
 
 ### Usage Tracking
@@ -75,7 +75,7 @@ const self = await sdk.getSelfByEmail({ email: 'andrew@fiction.com' })
 ```typescript
 // Unified tracking method
 await sdk.trackUsage({
-  selfId: 'slf_456',      // Self contains orgId
+  agentId: 'agt_456',      // Agent contains orgId
   type: 'voice',          // 'voice' | 'chat'
   quantity: 45,           // Seconds for voice, characters for chat
   participantId: 'usr_123' // Optional: conversation participant
@@ -92,7 +92,7 @@ sdk.loading.value       // boolean
 sdk.error.value         // string | null
 
 // Computed properties (auto-derived from activeUser)
-sdk.currentSelf.value   // Self | undefined
+sdk.currentAgent.value   // Agent | undefined
 sdk.currentOrg.value    // OrgInfo | undefined
 ```
 
@@ -163,12 +163,12 @@ const testSDK = FictionSDK.getInstance({
 import { FictionSDK } from '@fiction/sdk'
 
 const sdk = FictionSDK.getInstance({ isDev: import.meta.env.DEV })
-const authorSelf = await sdk.getSelfByEmail({ email: 'andrew@fiction.com' })
+const authorAgent = await sdk.getAgentByEmail({ 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
+// Use digital agent data instead of static strings
+const authorAvatar = authorAgent?.avatar?.url
+const authorName = authorAgent?.name
+const authorBio = authorAgent?.summary
 ```
 
 ### Widget Integration
@@ -178,14 +178,14 @@ import { FictionWidget } from '@fiction/sdk/widget'
 
 const widget = new FictionWidget({
   mode: 'modal',        // 'inline' | 'popup' | 'modal'
-  handle: 'andrew',     // Or provide self object directly
+  handle: 'andrew',     // Or provide agent object directly
   context: 'support',   // Optional: agent context override
   firstMessage: 'Hi!'   // Optional: custom greeting
 })
 
 // Update without re-mount
 widget.update({
-  self: newSelf,
+  agent: newAgent,
   context: 'sales'
 })
 
@@ -196,17 +196,17 @@ widget.destroy()
 ### Profile Page
 
 ```typescript
-import { SelfAgent } from '@fiction/sdk/self'
+import { AgentChat } from '@fiction/sdk/agent'
 
 const sdk = FictionSDK.getInstance({ isDev: true })
-const self = await sdk.getPublicSelf({ handle: 'andrew' })
+const agent = await sdk.getPublicAgent({ handle: 'andrew' })
 ```
 
 ```vue
 <template>
-  <SelfAgent
+  <AgentChat
     :sdk="sdk"
-    :self="self"
+    :agent="agent"
     theme-color="#3b82f6"
   />
 </template>
@@ -217,10 +217,10 @@ const self = await sdk.getPublicSelf({ handle: 'andrew' })
 All wrapper methods return `undefined` on error (no exceptions thrown). Check reactive error state for details.
 
 ```typescript
-const self = await sdk.getPublicSelf({ handle: 'nonexistent' })
+const agent = await sdk.getPublicAgent({ handle: 'nonexistent' })
 
-if (!self) {
-  console.error(sdk.error.value) // 'Self not found'
+if (!agent) {
+  console.error(sdk.error.value) // 'Agent not found'
 }
 ```
 
@@ -241,13 +241,13 @@ if (!self) {
 ```typescript
 // ✅ Correct - Use bundled entry points
 import { FictionSDK } from '@fiction/sdk'
-import { SelfAgent, SelfProvider } from '@fiction/sdk/self'
+import { AgentChat, AgentProvider } from '@fiction/sdk/agent'
 import { FictionWidget } from '@fiction/sdk/widget'
-import { getDemoSelves } from '@fiction/sdk/demo'
+import { getDemoAgents } 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'
+import AgentChat from '@fiction/sdk/agent/ui/AgentChat.vue'
 ```
 
 ## Package Exports
@@ -259,9 +259,9 @@ import SelfAgent from '@fiction/sdk/self/ui/SelfAgent.vue'
       "import": "./dist/sdk.js",
       "types": "./dist/sdk.d.ts"
     },
-    "./self": {
-      "import": "./dist/self.js",
-      "types": "./dist/self.d.ts"
+    "./agent": {
+      "import": "./dist/agent.js",
+      "types": "./dist/agent.d.ts"
     },
     "./widget": {
       "import": "./dist/widget.js",
@@ -275,22 +275,22 @@ import SelfAgent from '@fiction/sdk/self/ui/SelfAgent.vue'
 }
 ```
 
-## Self-First Architecture
+## Agent-First Architecture
 
-Digital selves are primary entities that determine organizational context.
+Digital agents are primary entities that determine organizational context.
 
 ```typescript
-// ✅ Self contains all context
+// ✅ Agent contains all context
 await sdk.trackUsage({
-  selfId: 'slf_456',  // Includes orgId internally
+  agentId: 'agt_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',
+  orgId: 'org_123',   // Redundant - derived from agentId
+  agentId: 'agt_456',
   type: 'voice',
   quantity: 45
 })
@@ -298,7 +298,7 @@ await sdk.trackUsage({
 
 **Benefits**:
 - Simpler APIs (fewer parameters)
-- Single source of truth (self determines org)
+- Single source of truth (agent determines org)
 - Automatic context resolution
 - Consistent across all SDK methods
 
@@ -316,20 +316,20 @@ sdk.loading.value       // Updated during API calls
 sdk.error.value         // Updated on errors
 
 // Computed properties (auto-derived)
-sdk.currentSelf.value = computed(() => {
+sdk.currentAgent.value = computed(() => {
   const user = sdk.activeUser.value
-  if (!user?.selves) return undefined
+  if (!user?.agents) return undefined
 
-  const selfId = user.primarySelfId || user.selves[0]?.selfId
-  return user.selves.find(s => s.selfId === selfId)
+  const agentId = user.primaryAgentId || user.agents[0]?.agentId
+  return user.agents.find(a => a.agentId === agentId)
 })
 
 sdk.currentOrg.value = computed(() => {
-  const self = sdk.currentSelf.value
-  if (!self?.orgId) return undefined
+  const agent = sdk.currentAgent.value
+  if (!agent?.orgId) return undefined
 
   return sdk.activeUser.value?.orgs.find(org =>
-    org.orgId === self.orgId
+    org.orgId === agent.orgId
   )
 })
 ```
@@ -338,7 +338,7 @@ sdk.currentOrg.value = computed(() => {
 - Components auto-update when user changes
 - No manual state management needed
 - Consistent with Fiction app patterns
-- Self-first architecture (org derived from self)
+- Agent-first architecture (org derived from agent)
 
 ## Component Integration
 
@@ -349,16 +349,16 @@ SDK components accept `sdk` prop instead of using global services.
 ```vue
 <script setup>
 import { FictionSDK } from '@fiction/sdk'
-import { SelfAgent } from '@fiction/sdk/self'
+import { AgentChat } from '@fiction/sdk/agent'
 
 const sdk = FictionSDK.getInstance({ isDev: true })
-const self = await sdk.getPublicSelf({ handle: 'andrew' })
+const agent = await sdk.getPublicAgent({ handle: 'andrew' })
 </script>
 
 <template>
-  <SelfAgent
+  <AgentChat
     :sdk="sdk"
-    :self="self"
+    :agent="agent"
     theme-color="#3b82f6"
   />
 </template>
@@ -366,36 +366,36 @@ const self = await sdk.getPublicSelf({ handle: 'andrew' })
 
 ### 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
+**AgentChat** - Main agent interface (chat/voice)
+**AgentProvider** - Handle → agent resolver wrapper
+**ElAgentAbout** - Profile information display
+**ElAgentChat** - Text chat interface
+**ElAgentVoice** - Voice call interface
+**ElAgentSidebar** - Navigation sidebar
 
 ## Demo Data
 
-Static demo selves for marketing/showcase.
+Static demo agents for marketing/showcase.
 
 ```typescript
-import { getDemoSelves, getDemoSelfByHandle } from '@fiction/sdk/demo'
+import { getDemoAgents, getDemoAgentByHandle } from '@fiction/sdk/demo'
 
-// All demo selves
-const demoSelves = getDemoSelves()
+// All demo agents
+const demoAgents = getDemoAgents()
 
-// Specific demo self
-const andrew = getDemoSelfByHandle('andrew')
+// Specific demo agent
+const andrew = getDemoAgentByHandle('andrew')
 ```
 
-**Single Source of Truth**: Demo data maintained in Fiction app at `src/modules/self/static/data.ts`, bundled into SDK at build time.
+**Single Source of Truth**: Demo data maintained in Fiction app at `src/modules/agent/static/data.ts`, bundled into SDK at build time.
 
 ## Security Model
 
-**Public-Only Access**: `getPublicSelf()` and `getSelfByEmail()` only return selves with `visibility: 'public'`.
+**Public-Only Access**: `getPublicAgent()` and `getAgentByEmail()` only return agents 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).
+**Rate Limiting**: Widget includes 10 comments/hour per agent, 100 likes/hour (future).
 
 ## Performance Optimization
 
@@ -413,16 +413,16 @@ const andrew = getDemoSelfByHandle('andrew')
 
 **Wrapper Method Pattern**: Clean function signatures serialize perfectly to `.d.ts` files.
 
-**No Complex Types**: Simple `Promise<Self | undefined>` instead of Hono RPC types.
+**No Complex Types**: Simple `Promise<Agent | undefined>` instead of Hono RPC types.
 
 ```typescript
 // Clean wrapper method
-async getPublicSelf(args: {
+async getPublicAgent(args: {
   handle: string
-}): Promise<Self | undefined>
+}): Promise<Agent | undefined>
 
 // Internal complexity hidden
-const response = await this.api.self.public[':handle'].$get({
+const response = await this.api.agent.public[':handle'].$get({
   param: { handle: args.handle }
 })
 ```
@@ -463,20 +463,20 @@ afterEach(() => {
 **4. Check Error State**: Methods return `undefined` on error.
 
 ```typescript
-const self = await sdk.getPublicSelf({ handle: 'test' })
-if (!self) {
+const agent = await sdk.getPublicAgent({ handle: 'test' })
+if (!agent) {
   console.error(sdk.error.value)
 }
 ```
 
-**5. Self-First APIs**: Pass `selfId`, let SDK resolve `orgId`.
+**5. Agent-First APIs**: Pass `agentId`, let SDK resolve `orgId`.
 
 ```typescript
 // ✅ Minimal args
-await sdk.trackUsage({ selfId, type, quantity })
+await sdk.trackUsage({ agentId, type, quantity })
 
 // ❌ Redundant args
-await sdk.trackUsage({ orgId, selfId, type, quantity })
+await sdk.trackUsage({ orgId, agentId, type, quantity })
 ```
 
 ## Architecture Principles

package/dist/AgentProvider.vue_vue_type_script_setup_true_lang-CGVFcOmd.js

@@ -0,0 +1,42 @@
+import { defineComponent as i, createBlock as c, openBlock as l, mergeProps as u, withCtx as m, createVNode as f } from "vue";
+import { _ as g, a as p } from "./AgentWrap.vue_vue_type_script_setup_true_lang-n7BzV9vn.js";
+const b = /* @__PURE__ */ i({
+  __name: "AgentProvider",
+  props: {
+    sdk: {},
+    agent: {},
+    handle: {},
+    context: {},
+    firstMessage: {},
+    buttonText: {},
+    buttonIcon: {},
+    hasClose: { type: Boolean },
+    apiBase: {}
+  },
+  emits: ["close", "error"],
+  setup(r, { emit: a }) {
+    const e = r, n = a;
+    return (x, t) => (l(), c(g, u(e, { class: "agent-provider size-full relative" }), {
+      default: m((o) => [
+        f(p, {
+          sdk: o.sdk,
+          agent: o.agent,
+          context: o.context,
+          "first-message": o.firstMessage,
+          "button-text": e.buttonText,
+          "button-icon": e.buttonIcon,
+          "has-close": e.hasClose,
+          "is-active": !0,
+          class: "size-full",
+          onClose: t[0] || (t[0] = (s) => n("close", s)),
+          onError: t[1] || (t[1] = (s) => n("error", s))
+        }, null, 8, ["sdk", "agent", "context", "first-message", "button-text", "button-icon", "has-close"])
+      ]),
+      _: 1
+    }, 16));
+  }
+});
+export {
+  b as _
+};
+//# sourceMappingURL=AgentProvider.vue_vue_type_script_setup_true_lang-CGVFcOmd.js.map

package/dist/AgentProvider.vue_vue_type_script_setup_true_lang-CGVFcOmd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentProvider.vue_vue_type_script_setup_true_lang-CGVFcOmd.js","sources":["../agent/ui/AgentProvider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FictionSDK } from '../../sdkClient'\nimport type { ButtonIconPreset } from '../../widget/FictionWidget'\nimport type { Agent } from '../schema'\nimport AgentChat from './AgentChat.vue'\nimport AgentWrap from './AgentWrap.vue'\n\nconst props = defineProps<{\n  sdk?: FictionSDK\n  agent?: Agent\n  handle?: string\n  context?: string\n  firstMessage?: string\n  buttonText?: string\n  buttonIcon?: ButtonIconPreset\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  <AgentWrap\n    v-slot=\"slotProps\"\n    v-bind=\"props\"\n    class=\"agent-provider size-full relative\"\n  >\n    <AgentChat\n      :sdk=\"slotProps.sdk\"\n      :agent=\"slotProps.agent\"\n      :context=\"slotProps.context\"\n      :first-message=\"slotProps.firstMessage\"\n      :button-text=\"props.buttonText\"\n      :button-icon=\"props.buttonIcon\"\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  </AgentWrap>\n</template>\n"],"names":["props","__props","emit","__emit","_openBlock","_createBlock","AgentWrap","_mergeProps","_withCtx","slotProps","_createVNode","AgentChat","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAYRC,IAAOC;sBAQXC,EAAA,GAAAC,EAkBYC,GAlBZC,EAkBYP,GAhBG,EACb,OAAM,oCAAA,CAAmC,GAAA;AAAA,MAEzC,SAAAQ,EAAA,CAJQC,MAAS;AAAA,QAIjBC,EAYEC,GAAA;AAAA,UAXC,KAAKF,EAAU;AAAA,UACf,OAAOA,EAAU;AAAA,UACjB,SAASA,EAAU;AAAA,UACnB,iBAAeA,EAAU;AAAA,UACzB,eAAaT,EAAM;AAAA,UACnB,eAAaA,EAAM;AAAA,UACnB,aAAWA,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/AgentWidgetInline-Dr5UeJT_.js

@@ -0,0 +1,35 @@
+var x = Object.defineProperty;
+var l = (n, c) => x(n, "name", { value: c, configurable: !0 });
+import { defineComponent as g, ref as o, createBlock as v, openBlock as b } from "vue";
+import { _ as m } from "./AgentProvider.vue_vue_type_script_setup_true_lang-CGVFcOmd.js";
+const M = /* @__PURE__ */ g({
+  __name: "AgentWidgetInline",
+  props: {
+    sdk: {},
+    handle: {},
+    agent: {},
+    context: {},
+    firstMessage: {},
+    buttonText: {},
+    buttonIcon: {}
+  },
+  setup(n, { expose: c }) {
+    const e = n, s = o(e.agent), r = o(e.context), a = o(e.firstMessage), i = o(e.buttonText), u = o(e.buttonIcon);
+    function f(t) {
+      t.agent !== void 0 && (s.value = t.agent), t.context !== void 0 && (r.value = t.context), t.firstMessage !== void 0 && (a.value = t.firstMessage), t.buttonText !== void 0 && (i.value = t.buttonText), t.buttonIcon !== void 0 && (u.value = t.buttonIcon);
+    }
+    return l(f, "update"), c({ update: f }), (t, d) => (b(), v(m, {
+      sdk: n.sdk,
+      handle: n.handle,
+      agent: s.value,
+      context: r.value,
+      "first-message": a.value,
+      "button-text": i.value,
+      "button-icon": u.value
+    }, null, 8, ["sdk", "handle", "agent", "context", "first-message", "button-text", "button-icon"]));
+  }
+});
+export {
+  M as default
+};
+//# sourceMappingURL=AgentWidgetInline-Dr5UeJT_.js.map

package/dist/AgentWidgetInline-Dr5UeJT_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentWidgetInline-Dr5UeJT_.js","sources":["../widget/ui/AgentWidgetInline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FictionSDK } from '../../sdkClient'\nimport type { Agent } from '@fiction/types'\nimport type { ButtonIconPreset, WidgetUpdate } from '../FictionWidget'\nimport { ref } from 'vue'\nimport AgentProvider from '../../agent/ui/AgentProvider.vue'\n\nconst props = defineProps<{\n  sdk?: FictionSDK\n  handle?: string\n  agent?: Agent\n  context?: string\n  firstMessage?: string\n  buttonText?: string\n  buttonIcon?: ButtonIconPreset\n}>()\n\n// Local state for updateable props\nconst currentAgent = ref<Agent | undefined>(props.agent)\nconst currentContext = ref<string | undefined>(props.context)\nconst currentFirstMessage = ref<string | undefined>(props.firstMessage)\nconst currentButtonText = ref<string | undefined>(props.buttonText)\nconst currentButtonIcon = ref<ButtonIconPreset | undefined>(props.buttonIcon)\n\nfunction update(updates: WidgetUpdate) {\n  if (updates.agent !== undefined)\n    currentAgent.value = updates.agent\n  if (updates.context !== undefined)\n    currentContext.value = updates.context\n  if (updates.firstMessage !== undefined)\n    currentFirstMessage.value = updates.firstMessage\n  if (updates.buttonText !== undefined)\n    currentButtonText.value = updates.buttonText\n  if (updates.buttonIcon !== undefined)\n    currentButtonIcon.value = updates.buttonIcon\n}\n\ndefineExpose({ update })\n</script>\n\n<template>\n  <AgentProvider\n    :sdk=\"sdk\"\n    :handle=\"handle\"\n    :agent=\"currentAgent\"\n    :context=\"currentContext\"\n    :first-message=\"currentFirstMessage\"\n    :button-text=\"currentButtonText\"\n    :button-icon=\"currentButtonIcon\"\n  />\n</template>\n"],"names":["props","__props","currentAgent","ref","currentContext","currentFirstMessage","currentButtonText","currentButtonIcon","update","updates","__name","__expose","_createBlock","AgentProvider"],"mappings":";;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAWRC,IAAeC,EAAuBH,EAAM,KAAK,GACjDI,IAAiBD,EAAwBH,EAAM,OAAO,GACtDK,IAAsBF,EAAwBH,EAAM,YAAY,GAChEM,IAAoBH,EAAwBH,EAAM,UAAU,GAC5DO,IAAoBJ,EAAkCH,EAAM,UAAU;AAE5E,aAASQ,EAAOC,GAAuB;AACrC,MAAIA,EAAQ,UAAU,WACpBP,EAAa,QAAQO,EAAQ,QAC3BA,EAAQ,YAAY,WACtBL,EAAe,QAAQK,EAAQ,UAC7BA,EAAQ,iBAAiB,WAC3BJ,EAAoB,QAAQI,EAAQ,eAClCA,EAAQ,eAAe,WACzBH,EAAkB,QAAQG,EAAQ,aAChCA,EAAQ,eAAe,WACzBF,EAAkB,QAAQE,EAAQ;AAAA,IACtC;AAXS,WAAAC,EAAAF,GAAA,WAaTG,EAAa,EAAE,QAAAH,GAAQ,mBAIrBI,EAQEC,GAAA;AAAA,MAPC,KAAKZ,EAAA;AAAA,MACL,QAAQA,EAAA;AAAA,MACR,OAAOC,EAAA;AAAA,MACP,SAASE,EAAA;AAAA,MACT,iBAAeC,EAAA;AAAA,MACf,eAAaC,EAAA;AAAA,MACb,eAAaC,EAAA;AAAA,IAAA;;;"}

package/dist/AgentWidgetModal-BNyYeE7u.js

@@ -0,0 +1,66 @@
+var b = Object.defineProperty;
+var a = (o, i) => b(o, "name", { value: i, configurable: !0 });
+import { defineComponent as h, ref as n, onMounted as C, nextTick as T, createBlock as k, openBlock as M, withCtx as _, createVNode as p } from "vue";
+import { _ as I } from "./FModal.vue_vue_type_script_setup_true_lang-cL0BFEkZ.js";
+import { _ as B } from "./AgentProvider.vue_vue_type_script_setup_true_lang-CGVFcOmd.js";
+const V = /* @__PURE__ */ h({
+  __name: "AgentWidgetModal",
+  props: {
+    sdk: {},
+    handle: {},
+    agent: {},
+    context: {},
+    firstMessage: {},
+    buttonText: {},
+    buttonIcon: {},
+    onClose: { type: Function }
+  },
+  setup(o, { expose: i }) {
+    const e = o, u = n(e.agent), c = n(e.context), r = n(e.firstMessage), f = n(e.buttonText), v = n(e.buttonIcon), s = n(!1);
+    C(async () => {
+      await T(), setTimeout(() => {
+        s.value = !0;
+      }, 10);
+    });
+    function m(t) {
+      t.agent !== void 0 && (u.value = t.agent), t.context !== void 0 && (c.value = t.context), t.firstMessage !== void 0 && (r.value = t.firstMessage), t.buttonText !== void 0 && (f.value = t.buttonText), t.buttonIcon !== void 0 && (v.value = t.buttonIcon);
+    }
+    a(m, "update");
+    function l() {
+      s.value = !1, setTimeout(() => {
+        e.onClose && e.onClose();
+      }, 300);
+    }
+    a(l, "close");
+    function d() {
+      s.value = !0;
+    }
+    return a(d, "open"), i({ update: m, close: l, open: d }), (t, x) => (M(), k(I, {
+      vis: s.value,
+      "disable-teleport": !0,
+      "modal-class": "max-w-4xl h-[80vh] md:h-[600px]",
+      "has-close": !1,
+      "onUpdate:vis": x[0] || (x[0] = (g) => s.value = g),
+      onClose: l
+    }, {
+      default: _(() => [
+        p(B, {
+          sdk: o.sdk,
+          handle: o.handle,
+          agent: u.value,
+          context: c.value,
+          "first-message": r.value,
+          "button-text": f.value,
+          "button-icon": v.value,
+          "has-close": !0,
+          onClose: l
+        }, null, 8, ["sdk", "handle", "agent", "context", "first-message", "button-text", "button-icon"])
+      ]),
+      _: 1
+    }, 8, ["vis"]));
+  }
+});
+export {
+  V as default
+};
+//# sourceMappingURL=AgentWidgetModal-BNyYeE7u.js.map

package/dist/AgentWidgetModal-BNyYeE7u.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentWidgetModal-BNyYeE7u.js","sources":["../widget/ui/AgentWidgetModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FictionSDK } from '../../sdkClient'\nimport type { Agent } from '@fiction/types'\nimport type { ButtonIconPreset, WidgetUpdate } from '../FictionWidget'\nimport { nextTick, onMounted, ref } from 'vue'\nimport FModal from '@/ui/common/FModal.vue'\nimport AgentProvider from '../../agent/ui/AgentProvider.vue'\n\nconst props = defineProps<{\n  sdk?: FictionSDK\n  handle?: string\n  agent?: Agent\n  context?: string\n  firstMessage?: string\n  buttonText?: string\n  buttonIcon?: ButtonIconPreset\n  onClose?: () => void\n}>()\n\nconst currentAgent = ref<Agent | undefined>(props.agent)\nconst currentContext = ref<string | undefined>(props.context)\nconst currentFirstMessage = ref<string | undefined>(props.firstMessage)\nconst currentButtonText = ref<string | undefined>(props.buttonText)\nconst currentButtonIcon = ref<ButtonIconPreset | undefined>(props.buttonIcon)\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.agent !== undefined)\n    currentAgent.value = updates.agent\n  if (updates.context !== undefined)\n    currentContext.value = updates.context\n  if (updates.firstMessage !== undefined)\n    currentFirstMessage.value = updates.firstMessage\n  if (updates.buttonText !== undefined)\n    currentButtonText.value = updates.buttonText\n  if (updates.buttonIcon !== undefined)\n    currentButtonIcon.value = updates.buttonIcon\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    <AgentProvider\n      :sdk=\"sdk\"\n      :handle=\"handle\"\n      :agent=\"currentAgent\"\n      :context=\"currentContext\"\n      :first-message=\"currentFirstMessage\"\n      :button-text=\"currentButtonText\"\n      :button-icon=\"currentButtonIcon\"\n      :has-close=\"true\"\n      @close=\"close\"\n    />\n  </FModal>\n</template>\n"],"names":["props","__props","currentAgent","ref","currentContext","currentFirstMessage","currentButtonText","currentButtonIcon","isVisible","onMounted","nextTick","update","updates","__name","close","open","__expose","_createBlock","FModal","_cache","$event","_createVNode","AgentProvider"],"mappings":";;;;;;;;;;;;;;;;;;AAQA,UAAMA,IAAQC,GAWRC,IAAeC,EAAuBH,EAAM,KAAK,GACjDI,IAAiBD,EAAwBH,EAAM,OAAO,GACtDK,IAAsBF,EAAwBH,EAAM,YAAY,GAChEM,IAAoBH,EAAwBH,EAAM,UAAU,GAC5DO,IAAoBJ,EAAkCH,EAAM,UAAU,GACtEQ,IAAYL,EAAI,EAAK;AAG3B,IAAAM,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,UAAU,WACpBV,EAAa,QAAQU,EAAQ,QAC3BA,EAAQ,YAAY,WACtBR,EAAe,QAAQQ,EAAQ,UAC7BA,EAAQ,iBAAiB,WAC3BP,EAAoB,QAAQO,EAAQ,eAClCA,EAAQ,eAAe,WACzBN,EAAkB,QAAQM,EAAQ,aAChCA,EAAQ,eAAe,WACzBL,EAAkB,QAAQK,EAAQ;AAAA,IACtC;AAXS,IAAAC,EAAAF,GAAA;AAaT,aAASG,IAAQ;AACf,MAAAN,EAAU,QAAQ,IAElB,WAAW,MAAM;AACf,QAAIR,EAAM,WACRA,EAAM,QAAA;AAAA,MAEV,GAAG,GAAG;AAAA,IACR;AARS,IAAAa,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,EAmBSC,GAAA;AAAA,MAlBN,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,MAUE;AAAA,QAVFO,EAUEC,GAAA;AAAA,UATC,KAAKrB,EAAA;AAAA,UACL,QAAQA,EAAA;AAAA,UACR,OAAOC,EAAA;AAAA,UACP,SAASE,EAAA;AAAA,UACT,iBAAeC,EAAA;AAAA,UACf,eAAaC,EAAA;AAAA,UACb,eAAaC,EAAA;AAAA,UACb,aAAW;AAAA,UACX,SAAOO;AAAA,QAAA;;;;;;"}