@cognivo/components 0.8.0

package/dist/components/ai-chat/ai-chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-chat.js","sources":["../../../src/components/ai-chat/ai-chat.ts"],"sourcesContent":["/**\n * @element ai-chat\n * Full-featured AI chat interface with streaming, markdown rendering, message actions, and follow-up chips.\n *\n * @example\n * ```html\n * <ai-chat\n *   .aiClient=${myClient}\n *   welcomeMessage=\"Ask me anything!\"\n *   placeholder=\"Type a message...\"\n * ></ai-chat>\n * ```\n *\n * @fires {CustomEvent<{message: string}>} ai-message-sent - User sent a message\n * @fires {CustomEvent<{message: string}>} ai-response-received - AI response completed\n * @fires {CustomEvent<{error: string}>} ai-error - AI request failed\n * @fires {CustomEvent} ai-chat-stop - User stopped generation\n * @fires {CustomEvent<{content: string}>} ai-chat-copy - Message copied\n * @fires {CustomEvent<{messageId: string}>} ai-chat-regenerate - Regenerate requested\n * @fires {CustomEvent<{messageId: string, rating: 'up'|'down'}>} ai-chat-rate - Message rated\n *\n * @cssprop --cg-component-ai-chat-radius - Chat container border radius\n * @cssprop --cg-component-ai-chat-textarea-max-height - Max height for the input textarea\n * @cssprop --cg-color-surface-cards-background - Chat background\n * @cssprop --cg-color-action-primary-background-default - Send button, links, AI avatar\n */\nimport { LitElement, html, css, nothing } from 'lit';\nimport { property, state, customElement, query } from 'lit/decorators.js';\nimport { AiIntent } from '@cognivo/core';\nimport type { AiClient, AiContext, AiRequestOptions, AiResult } from '@cognivo/core';\nimport { hostBlock, reducedMotion } from '../../styles/index.js';\n\ninterface MessageVersion {\n  content: string;\n  timestamp: number;\n}\n\ninterface Message {\n  id: string;\n  role: 'user' | 'ai';\n  versions: MessageVersion[];\n  activeVersion: number;\n  isError?: boolean;\n}\n\n@customElement('ai-chat')\nexport class AiChat extends LitElement {\n  static override styles = [hostBlock, reducedMotion, css`\n    .chat {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      min-height: var(--cg-component-ai-chat-min-height);\n      max-height: var(--cg-component-ai-chat-max-height);\n      background: var(--cg-color-surface-cards-background);\n      border-radius: var(--cg-component-ai-chat-radius);\n      border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);\n      overflow: hidden;\n    }\n\n    .wrapper { position: relative; display: flex; flex-direction: column; flex: 1; min-height: 0; overflow: hidden; }\n\n    /* ── Messages ── */\n    .messages {\n      flex: 1;\n      overflow-y: auto;\n      padding: var(--cg-spacing-24);\n      display: flex;\n      flex-direction: column;\n      gap: var(--cg-spacing-16);\n      scroll-behavior: smooth;\n    }\n\n    .msg {\n      max-width: 85%;\n      animation: slideIn var(--cg-transition-duration-slow) var(--cg-transition-easing-default);\n    }\n    .msg.user { align-self: flex-end; }\n    .msg.ai { align-self: flex-start; }\n\n    @keyframes slideIn {\n      from { opacity: 0; transform: translateY(var(--cg-spacing-8)); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    /* ── Bubble ── */\n    .bubble {\n      padding: var(--cg-spacing-12) var(--cg-spacing-20);\n      border-radius: var(--cg-border-radius-200);\n      line-height: var(--cg-line-height-relaxed);\n      font-size: var(--cg-font-size-sm);\n      border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);\n    }\n    .msg.user .bubble {\n      background: var(--cg-overlay-accent-subtle);\n      color: var(--cg-color-surface-base-text);\n      border-bottom-right-radius: var(--cg-spacing-4);\n      border-color: var(--cg-overlay-accent-medium);\n    }\n    .msg.ai .bubble {\n      background: var(--cg-color-surface-cards-background);\n      color: var(--cg-color-surface-base-text);\n      border-bottom-left-radius: var(--cg-spacing-4);\n    }\n    .msg.ai .bubble.error {\n      background: var(--cg-color-status-error-background-default);\n      color: var(--cg-color-status-error-text-default);\n      border-color: var(--cg-color-status-error-border-default);\n    }\n\n    /* ── Streaming cursor ── */\n    .cursor {\n      display: inline-block;\n      width: var(--cg-spacing-2);\n      height: var(--cg-spacing-16);\n      background: var(--cg-color-action-primary-background-default);\n      margin-left: var(--cg-spacing-1);\n      vertical-align: text-bottom;\n      animation: blink 1s step-end infinite;\n    }\n    @keyframes blink {\n      0%, 50% { opacity: 1; }\n      51%, 100% { opacity: 0; }\n    }\n\n    /* ── Message actions (layout only — buttons are cg-button) ── */\n    .actions {\n      display: flex;\n      gap: var(--cg-spacing-4);\n      margin-top: var(--cg-spacing-6);\n      opacity: 0;\n      transition: opacity var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n    }\n    .msg:hover .actions, .msg:focus-within .actions { opacity: 1; }\n\n    /* ── Version nav ── */\n    .version-nav {\n      display: flex;\n      align-items: center;\n      gap: var(--cg-spacing-4);\n      margin-top: var(--cg-spacing-4);\n    }\n    .version-label {\n      font-size: var(--cg-font-size-xs);\n      color: var(--cg-color-surface-container-outlined);\n    }\n\n    /* ── Thinking ── */\n    .thinking-area {\n      align-self: flex-start;\n      padding: 0 var(--cg-spacing-20) var(--cg-spacing-4);\n    }\n\n    /* ── Positioned elements ── */\n    .stop-btn { margin: 0 auto var(--cg-spacing-8); }\n    .scroll-btn { position: absolute; bottom: var(--cg-spacing-80); right: var(--cg-spacing-20); z-index: 10; }\n    .follow-ups { padding: 0 var(--cg-spacing-20) var(--cg-spacing-12); }\n\n    /* ── Input area — fused container like ChatGPT/Claude ── */\n    .input-area {\n      padding: var(--cg-spacing-12) var(--cg-spacing-16);\n      flex-shrink: 0;\n    }\n    .input-box {\n      display: flex;\n      align-items: flex-end;\n      gap: var(--cg-spacing-8);\n      padding: var(--cg-spacing-8) var(--cg-spacing-8) var(--cg-spacing-8) var(--cg-spacing-16);\n      background: var(--cg-color-input-background-default);\n      border: var(--cg-border-width-50) solid var(--cg-color-input-border-default);\n      border-radius: var(--cg-border-radius-200);\n      transition:\n        border-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n        box-shadow var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n    }\n    .input-box:focus-within {\n      border-color: var(--cg-color-input-border-focus);\n      box-shadow: 0 0 0 3px var(--cg-overlay-accent-strong);\n    }\n    .input-box textarea {\n      flex: 1;\n      border: none;\n      outline: none;\n      background: transparent;\n      color: var(--cg-color-input-text-default);\n      font: inherit;\n      font-size: var(--cg-font-size-sm);\n      line-height: var(--cg-line-height-relaxed);\n      resize: none;\n      padding: var(--cg-spacing-4) 0;\n      min-height: var(--cg-spacing-24);\n      max-height: var(--cg-component-ai-chat-textarea-max-height);\n    }\n    .input-box textarea::placeholder {\n      color: var(--cg-color-input-text-placeholder);\n    }\n    /* Shared icon button style for send + mic */\n    .icon-btn {\n      flex-shrink: 0;\n      width: var(--cg-spacing-32);\n      height: var(--cg-spacing-32);\n      border-radius: var(--cg-border-radius-full);\n      border: none;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition:\n        background-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n        opacity var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n        border-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n    }\n    .icon-btn:active:not(:disabled) { transform: scale(var(--cg-interaction-press-scale)); }\n    .icon-btn:disabled { opacity: 0.3; cursor: default; }\n\n    .send-btn {\n      background: var(--cg-color-action-primary-background-default);\n      color: var(--cg-color-action-primary-text-default);\n    }\n    .send-btn:hover:not(:disabled) {\n      background: var(--cg-color-action-primary-background-hover);\n    }\n\n    .mic-btn {\n      background: transparent;\n      color: var(--cg-color-input-text-placeholder);\n      border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);\n    }\n    .mic-btn:hover:not(:disabled) {\n      color: var(--cg-color-surface-base-text);\n      border-color: var(--cg-color-input-border-hover);\n    }\n    .mic-btn.recording {\n      color: var(--cg-color-status-error-text-default);\n      border-color: var(--cg-color-status-error-text-default);\n      background: var(--cg-color-status-error-background-default);\n      animation: micPulse 1.5s ease-in-out infinite;\n    }\n    @keyframes micPulse {\n      0%, 100% { opacity: 1; }\n      50% { opacity: 0.6; }\n    }\n\n    /* ── Empty state ── */\n    .empty {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      color: var(--cg-color-surface-container-outlined);\n      gap: var(--cg-spacing-12);\n      text-align: center;\n    }\n    .empty-text {\n      font-size: var(--cg-font-size-base);\n      font-weight: var(--cg-font-weight-medium);\n    }\n\n    /* ── Rounded variants ── */\n    :host([rounded=\"none\"]) .chat { border-radius: 0; }\n    :host([rounded=\"sm\"]) .chat { border-radius: var(--cg-border-radius-100); }\n    :host([rounded=\"md\"]) .chat { border-radius: var(--cg-border-radius-150); }\n    :host([rounded=\"lg\"]) .chat { border-radius: var(--cg-component-ai-chat-radius); }\n\n    /* Reduced motion */\n    @media (prefers-reduced-motion: reduce) {\n      .msg { animation: none; }\n      .cursor { animation: none; opacity: 1; }\n    }\n  `];\n\n  @property({ reflect: true }) rounded: 'none' | 'sm' | 'md' | 'lg' = 'lg';\n  @property({ type: Object }) aiClient: AiClient | null = null;\n  @property({ type: Array }) chatDataset: unknown[] = [];\n  @property({ type: Boolean }) showActions: boolean = true;\n  @property({ type: Boolean }) showFollowUps: boolean = true;\n  @property({ type: String }) welcomeMessage: string = 'Ask me about your data!';\n  @property({ type: String }) placeholder: string = 'Type a message...';\n  @property({ type: Number }) maxMessages: number = 100;\n  /** AI intent to invoke (default: 'chat'). Override for domain-specific intents. */\n  @property({ type: String }) intent: string = 'chat';\n  /** When true and aiClient.streamIntent exists, uses streaming instead of runIntent */\n  @property({ type: Boolean }) useStreaming: boolean = false;\n  /** Show mic button for voice input (uses Web Speech API) */\n  @property({ type: Boolean }) showVoice: boolean = false;\n  /** BCP-47 language for voice recognition */\n  @property({ type: String }) voiceLanguage: string = 'en-US';\n\n  @state() private _messages: Message[] = [];\n  @state() private _isRecording: boolean = false;\n  @state() private _input: string = '';\n  @state() private _isStreaming: boolean = false;\n  @state() private _isThinking: boolean = false;\n  @state() private _isComposing: boolean = false;\n  @state() private _showScrollBtn: boolean = false;\n  @state() private _copiedId: string | null = null;\n  @state() private _followUps: string[] = [];\n  @state() private _streamingContent: string = '';\n\n  @query('.messages') private _messagesEl!: HTMLDivElement;\n\n  private _msgCounter: number = 0;\n  private _abortController: AbortController | null = null;\n  private _recognition: SpeechRecognition | null = null;\n  private _copyResetTimer: ReturnType<typeof setTimeout> | undefined;\n\n  private _genId(): string { return `msg-${++this._msgCounter}`; }\n\n  // ── Voice input ──\n\n  private _getSpeechRecognition(): SpeechRecognitionCtor | null {\n    if (typeof window === 'undefined') return null;\n    return window.SpeechRecognition || window.webkitSpeechRecognition || null;\n  }\n\n  private _toggleVoice() {\n    if (this._isRecording) {\n      this._stopVoice();\n    } else {\n      this._startVoice();\n    }\n  }\n\n  private _startVoice() {\n    const Ctor = this._getSpeechRecognition();\n    if (!Ctor) return;\n\n    this._stopVoice();\n    const recognition = new Ctor();\n    recognition.lang = this.voiceLanguage;\n    recognition.continuous = false;\n    recognition.interimResults = true;\n\n    recognition.onstart = () => {\n      this._isRecording = true;\n    };\n\n    recognition.onresult = (event: SpeechRecognitionEvent) => {\n      let interim = '';\n      let final = '';\n      for (let i = event.resultIndex; i < event.results.length; i++) {\n        const result = event.results[i];\n        if (!result) continue;\n        if (result.isFinal) {\n          final += result[0]?.transcript ?? '';\n        } else {\n          interim += result[0]?.transcript ?? '';\n        }\n      }\n      if (final) {\n        this._input = (this._input ? this._input + ' ' : '') + final.trim();\n      } else if (interim) {\n        // Show interim in textarea placeholder feel — append to input temporarily\n        const textarea = this.shadowRoot?.querySelector('textarea');\n        if (textarea) textarea.placeholder = interim + '...';\n      }\n    };\n\n    recognition.onend = () => {\n      this._isRecording = false;\n      this._recognition = null;\n      // Restore placeholder\n      const textarea = this.shadowRoot?.querySelector('textarea');\n      if (textarea) textarea.placeholder = this.placeholder;\n    };\n\n    recognition.onerror = () => {\n      this._isRecording = false;\n      this._recognition = null;\n    };\n\n    this._recognition = recognition;\n    try {\n      recognition.start();\n    } catch {\n      this._isRecording = false;\n    }\n  }\n\n  private _stopVoice() {\n    if (this._recognition) {\n      try { this._recognition.stop(); } catch { /* ignore */ }\n      this._recognition = null;\n    }\n    this._isRecording = false;\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this._stopVoice();\n    if (this._copyResetTimer) {\n      clearTimeout(this._copyResetTimer);\n      this._copyResetTimer = undefined;\n    }\n    // Abort any in-flight AI request on unmount\n    if (this._abortController) {\n      try { this._abortController.abort(); } catch { /* ignore */ }\n      this._abortController = null;\n    }\n  }\n\n  private _scrollToBottom() {\n    requestAnimationFrame(() => {\n      if (this._messagesEl) {\n        this._messagesEl.scrollTop = this._messagesEl.scrollHeight;\n      }\n    });\n  }\n\n  private _handleScroll() {\n    if (!this._messagesEl) return;\n    const { scrollTop, scrollHeight, clientHeight } = this._messagesEl;\n    this._showScrollBtn = scrollHeight - scrollTop - clientHeight > 100;\n  }\n\n  /** Build conversation history for AI context */\n  private _buildHistory(): Array<{ role: string; content: string }> {\n    return this._messages.map(m => ({\n      role: m.role,\n      content: m.versions[m.activeVersion]?.content ?? '',\n    }));\n  }\n\n  /** Enforce maxMessages limit by trimming oldest messages */\n  private _trimMessages() {\n    if (this._messages.length > this.maxMessages) {\n      this._messages = this._messages.slice(this._messages.length - this.maxMessages);\n    }\n  }\n\n  /** Add a message programmatically from outside the component */\n  addMessage(role: 'user' | 'ai', content: string): string {\n    const id = this._genId();\n    this._messages = [...this._messages, {\n      id,\n      role,\n      versions: [{ content, timestamp: Date.now() }],\n      activeVersion: 0,\n    }];\n    this._trimMessages();\n    this._scrollToBottom();\n    return id;\n  }\n\n  /** Clear all messages */\n  clearMessages() {\n    this._messages = [];\n    this._followUps = [];\n    this._streamingContent = '';\n  }\n\n  private async _sendMessage() {\n    if (!this._input.trim() || !this.aiClient || this._isStreaming || this._isThinking) return;\n\n    const text = this._input.trim();\n    this._input = '';\n    this._followUps = [];\n\n    // Reset textarea height after clearing\n    const textarea = this.shadowRoot?.querySelector('.input-box textarea') as HTMLTextAreaElement | null;\n    if (textarea) { textarea.value = ''; textarea.style.height = 'auto'; }\n\n    this._messages = [...this._messages, {\n      id: this._genId(),\n      role: 'user',\n      versions: [{ content: text, timestamp: Date.now() }],\n      activeVersion: 0,\n    }];\n    this._trimMessages();\n\n    this.dispatchEvent(new CustomEvent('ai-message-sent', {\n      bubbles: true, composed: true,\n      detail: { message: text, timestamp: Date.now() },\n    }));\n\n    await this.updateComplete;\n    this._scrollToBottom();\n    this._isThinking = true;\n    this._abortController = new AbortController();\n\n    const context: AiContext = {\n      dataset: this.chatDataset.length > 0 ? this.chatDataset : [{ info: 'No data provided' }],\n      meta: {\n        userQuestion: text,\n        conversationHistory: JSON.stringify(this._buildHistory()),\n      },\n    };\n\n    try {\n      if (this.useStreaming && this.aiClient.streamIntent) {\n        await this._sendStreaming(context);\n      } else {\n        await this._sendNonStreaming(context);\n      }\n    } catch (err: unknown) {\n      if (this._abortController?.signal.aborted) return;\n      this._isThinking = false;\n      this._isStreaming = false;\n      const errMsg = err instanceof Error ? err.message : 'An error occurred';\n      this._messages = [...this._messages, {\n        id: this._genId(),\n        role: 'ai',\n        versions: [{ content: errMsg, timestamp: Date.now() }],\n        activeVersion: 0,\n        isError: true,\n      }];\n      this._trimMessages();\n      this.dispatchEvent(new CustomEvent('ai-error', {\n        bubbles: true, composed: true,\n        detail: { error: errMsg, timestamp: Date.now() },\n      }));\n    } finally {\n      this._isStreaming = false;\n      this._isThinking = false;\n      this._abortController = null;\n      await this.updateComplete;\n      this._scrollToBottom();\n    }\n  }\n\n  private async _sendNonStreaming(context: AiContext) {\n    const options: AiRequestOptions = { signal: this._abortController!.signal };\n    const result: AiResult = await this.aiClient!.runIntent(\n      this.intent as AiIntent,\n      context,\n      options,\n    );\n\n    this._isThinking = false;\n    const aiContent = String(\n      result.explanation\n      || (result.metadata?.content)\n      || (result.metadata?.text)\n      || 'Analysis complete.'\n    );\n\n    this._messages = [...this._messages, {\n      id: this._genId(),\n      role: 'ai',\n      versions: [{ content: aiContent, timestamp: Date.now() }],\n      activeVersion: 0,\n    }];\n    this._trimMessages();\n\n    this.dispatchEvent(new CustomEvent('ai-response-received', {\n      bubbles: true, composed: true,\n      detail: { message: aiContent, timestamp: Date.now() },\n    }));\n  }\n\n  private async _sendStreaming(context: AiContext) {\n    this._isThinking = false;\n    this._isStreaming = true;\n    this._streamingContent = '';\n\n    const streamId = 'msg-stream';\n    this._messages = [...this._messages, {\n      id: streamId,\n      role: 'ai',\n      versions: [{ content: '', timestamp: Date.now() }],\n      activeVersion: 0,\n    }];\n\n    const options: AiRequestOptions = { signal: this._abortController!.signal };\n    const generator = this.aiClient!.streamIntent!(\n      this.intent as AiIntent,\n      context,\n      options,\n    );\n\n    for await (const partial of generator) {\n      if (this._abortController?.signal.aborted) break;\n      const token = String(partial.explanation || partial.metadata?.content || partial.metadata?.text || '');\n      this._streamingContent += token;\n\n      this._messages = this._messages.map(m =>\n        m.id === streamId\n          ? { ...m, versions: [{ content: this._streamingContent, timestamp: Date.now() }] }\n          : m\n      );\n      this._scrollToBottom();\n    }\n\n    this.completeStream();\n  }\n\n  /** Append streaming content to a new or existing AI message (for external streaming control) */\n  streamResponse(token: string) {\n    this._isStreaming = true;\n    this._isThinking = false;\n    this._streamingContent += token;\n\n    const streamId = 'msg-stream';\n    const hasStream = this._messages.some(m => m.id === streamId);\n\n    if (hasStream) {\n      this._messages = this._messages.map(m =>\n        m.id === streamId\n          ? { ...m, versions: [{ content: this._streamingContent, timestamp: Date.now() }] }\n          : m\n      );\n    } else {\n      this._messages = [...this._messages, {\n        id: streamId,\n        role: 'ai',\n        versions: [{ content: this._streamingContent, timestamp: Date.now() }],\n        activeVersion: 0,\n      }];\n    }\n    this._scrollToBottom();\n  }\n\n  /** Complete streaming */\n  completeStream(followUps?: string[]) {\n    this._isStreaming = false;\n    const newId = this._genId();\n\n    // Immutable update — replace stream id with permanent id\n    this._messages = this._messages.map(m =>\n      m.id === 'msg-stream' ? { ...m, id: newId } : m\n    );\n    this._trimMessages();\n\n    const lastMsg = this._messages[this._messages.length - 1];\n    this._streamingContent = '';\n    if (followUps) this._followUps = followUps;\n\n    this.dispatchEvent(new CustomEvent('ai-response-received', {\n      bubbles: true, composed: true,\n      detail: { message: lastMsg?.versions[0]?.content ?? '', timestamp: Date.now() },\n    }));\n  }\n\n  /** Export conversation as markdown */\n  exportConversation(): string {\n    return this._messages.map(m => {\n      const v = m.versions[m.activeVersion]!;\n      return `**${m.role === 'user' ? 'User' : 'AI'}:** ${v.content}`;\n    }).join('\\n\\n');\n  }\n\n  private _handleStop() {\n    this._abortController?.abort();\n    this._isStreaming = false;\n    this._isThinking = false;\n    this.dispatchEvent(new CustomEvent('ai-chat-stop', { bubbles: true, composed: true }));\n  }\n\n  private _handleCopy(msg: Message) {\n    const text = msg.versions[msg.activeVersion]!.content;\n    navigator.clipboard?.writeText(text);\n    this._copiedId = msg.id;\n    if (this._copyResetTimer) clearTimeout(this._copyResetTimer);\n    this._copyResetTimer = setTimeout(() => { this._copiedId = null; this._copyResetTimer = undefined; }, 2000);\n    this.dispatchEvent(new CustomEvent('ai-chat-copy', {\n      bubbles: true, composed: true,\n      detail: { content: text },\n    }));\n  }\n\n  private _handleRegenerate(msg: Message) {\n    this.dispatchEvent(new CustomEvent('ai-chat-regenerate', {\n      bubbles: true, composed: true,\n      detail: { messageId: msg.id },\n    }));\n  }\n\n  private _handleRate(msg: Message, rating: 'up' | 'down') {\n    this.dispatchEvent(new CustomEvent('ai-chat-rate', {\n      bubbles: true, composed: true,\n      detail: { messageId: msg.id, rating },\n    }));\n  }\n\n  private _handleFollowUp(text: string) {\n    this._input = text;\n    this._followUps = [];\n    this._sendMessage();\n  }\n\n  private _switchVersion(msg: Message, delta: number) {\n    const newIdx = msg.activeVersion + delta;\n    if (newIdx >= 0 && newIdx < msg.versions.length) {\n      // Immutable update — don't mutate the message directly\n      this._messages = this._messages.map(m =>\n        m.id === msg.id ? { ...m, activeVersion: newIdx } : m\n      );\n    }\n  }\n\n  private _handleKeyDown(e: KeyboardEvent) {\n    if (e.key === 'Enter' && !e.shiftKey && !this._isComposing) {\n      e.preventDefault();\n      this._sendMessage();\n    }\n  }\n\n  override render() {\n    if (!this.aiClient) {\n      return html`\n        <div class=\"chat\">\n          <div class=\"empty\" role=\"status\">\n            <cg-icon name=\"settings\" size=\"lg\"></cg-icon>\n            <div class=\"empty-text\">Set <code>aiClient</code> to start chatting</div>\n          </div>\n        </div>\n      `;\n    }\n\n    return html`\n      <div class=\"chat\">\n        <div class=\"wrapper\">\n          <div class=\"messages\" role=\"log\" aria-live=\"polite\" aria-label=\"Chat messages\" @scroll=${this._handleScroll}>\n            ${this._messages.length === 0 && !this._isThinking ? html`\n              <div class=\"empty\">\n                <cg-icon name=\"chat\" size=\"lg\"></cg-icon>\n                <div class=\"empty-text\">${this.welcomeMessage}</div>\n              </div>\n            ` : this._messages.map(msg => {\n              const v = msg.versions[msg.activeVersion]!;\n              return html`\n                <div class=\"msg ${msg.role}\" role=\"article\" aria-label=\"${msg.role === 'user' ? 'Your message' : 'AI response'}\">\n                  <div class=\"msg-content\">\n                    <div class=\"bubble ${msg.isError ? 'error' : ''}\">\n                      ${msg.role === 'ai' && !msg.isError\n                        ? html`<cg-markdown .text=${v.content}></cg-markdown>`\n                        : v.content}\n                      ${this._isStreaming && msg.id === 'msg-stream' ? html`<span class=\"cursor\" aria-hidden=\"true\"></span>` : nothing}\n                    </div>\n\n                    ${msg.role === 'ai' && this.showActions && !this._isStreaming ? html`\n                      <div class=\"actions\">\n                        <cg-button variant=\"tertiary\" size=\"sm\"\n                          status=${this._copiedId === msg.id ? 'success' : 'idle'}\n                          @click=${() => this._handleCopy(msg)}\n                          aria-label=${this._copiedId === msg.id ? 'Copied to clipboard' : 'Copy message'}>\n                          <cg-icon slot=\"prefix\" name=${this._copiedId === msg.id ? 'check' : 'copy'} size=\"xs\"></cg-icon>\n                          ${this._copiedId === msg.id ? 'Copied' : 'Copy'}\n                        </cg-button>\n                        <cg-button variant=\"tertiary\" size=\"sm\" @click=${() => this._handleRegenerate(msg)} aria-label=\"Regenerate response\">\n                          <cg-icon slot=\"prefix\" name=\"refresh\" size=\"xs\"></cg-icon> Retry\n                        </cg-button>\n                        <cg-button variant=\"tertiary\" size=\"sm\" @click=${() => this._handleRate(msg, 'up')} aria-label=\"Rate good\">\n                          <cg-icon name=\"star\" size=\"xs\"></cg-icon>\n                        </cg-button>\n                        <cg-button variant=\"tertiary\" size=\"sm\" @click=${() => this._handleRate(msg, 'down')} aria-label=\"Rate bad\">\n                          <cg-icon name=\"warning\" size=\"xs\"></cg-icon>\n                        </cg-button>\n                      </div>\n                    ` : nothing}\n\n                    ${msg.versions.length > 1 ? html`\n                      <nav class=\"version-nav\" aria-label=\"Message versions\">\n                        <cg-button variant=\"tertiary\" size=\"sm\" ?disabled=${msg.activeVersion === 0} @click=${() => this._switchVersion(msg, -1)} aria-label=\"Previous version\">\n                          <cg-icon name=\"chevron-left\" size=\"xs\"></cg-icon>\n                        </cg-button>\n                        <span class=\"version-label\">${msg.activeVersion + 1} / ${msg.versions.length}</span>\n                        <cg-button variant=\"tertiary\" size=\"sm\" ?disabled=${msg.activeVersion === msg.versions.length - 1} @click=${() => this._switchVersion(msg, 1)} aria-label=\"Next version\">\n                          <cg-icon name=\"chevron-right\" size=\"xs\"></cg-icon>\n                        </cg-button>\n                      </nav>\n                    ` : nothing}\n                  </div>\n                </div>\n              `;\n            })}\n\n            ${this._isThinking ? html`\n              <div class=\"thinking-area\" role=\"status\" aria-label=\"AI is thinking\">\n                <ai-thinking text=\"Analyzing\" shimmer delay=\"0\"></ai-thinking>\n              </div>\n            ` : nothing}\n          </div>\n\n          ${this._showScrollBtn ? html`\n            <cg-button class=\"scroll-btn\" variant=\"secondary\" size=\"sm\" rounded=\"full\"\n              @click=${this._scrollToBottom} aria-label=\"Scroll to bottom\">\n              <cg-icon name=\"arrow-down\" size=\"xs\"></cg-icon>\n            </cg-button>\n          ` : nothing}\n\n          ${(this._isStreaming || this._isThinking) ? html`\n            <cg-button class=\"stop-btn\" type=\"danger\" size=\"sm\" @click=${this._handleStop} aria-label=\"Stop generating\">\n              <cg-icon slot=\"prefix\" name=\"close\" size=\"xs\"></cg-icon> Stop generating\n            </cg-button>\n          ` : nothing}\n\n          ${this._followUps.length > 0 && this.showFollowUps ? html`\n            <cg-follow-up\n              class=\"follow-ups\"\n              .items=${this._followUps}\n              hideLabel\n              variant=\"chips\"\n              ?disabled=${this._isStreaming || this._isThinking}\n              @cg-follow-up-click=${(e: CustomEvent<{text: string}>) => this._handleFollowUp(e.detail.text)}\n            ></cg-follow-up>\n          ` : nothing}\n        </div>\n\n        <div class=\"input-area\">\n          <div class=\"input-box\">\n            <textarea\n              rows=\"1\"\n              placeholder=${this.placeholder}\n              .value=${this._input}\n              ?disabled=${this._isStreaming || this._isThinking}\n              @input=${(e: Event) => {\n                const ta = e.target as HTMLTextAreaElement;\n                this._input = ta.value;\n                ta.style.height = 'auto';\n                ta.style.height = ta.scrollHeight + 'px';\n              }}\n              @keydown=${this._handleKeyDown}\n              @compositionstart=${() => this._isComposing = true}\n              @compositionend=${() => this._isComposing = false}\n              aria-label=\"Chat message\"\n            ></textarea>\n            ${this.showVoice && this._getSpeechRecognition() ? html`\n              <button\n                class=\"icon-btn mic-btn ${this._isRecording ? 'recording' : ''}\"\n                @click=${this._toggleVoice}\n                ?disabled=${this._isStreaming || this._isThinking}\n                aria-label=\"${this._isRecording ? 'Stop voice input' : 'Start voice input'}\"\n                aria-pressed=\"${this._isRecording ? 'true' : 'false'}\"\n              >\n                <cg-icon name=${this._isRecording ? 'close' : 'mic'} size=\"sm\"></cg-icon>\n              </button>\n            ` : nothing}\n            <button\n              class=\"icon-btn send-btn\"\n              @click=${this._sendMessage}\n              ?disabled=${this._isStreaming || this._isThinking || !this._input.trim()}\n              aria-label=\"Send message\"\n            >\n              <cg-icon name=\"arrow-up\" size=\"sm\"></cg-icon>\n            </button>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n"],"names":["AiChat","LitElement","Ctor","recognition","event","interim","final","i","result","textarea","scrollTop","scrollHeight","clientHeight","m","role","content","id","text","context","err","errMsg","options","aiContent","streamId","generator","partial","token","followUps","newId","lastMsg","v","msg","rating","delta","newIdx","e","html","nothing","ta","hostBlock","reducedMotion","css","__decorateClass","property","state","query","customElement"],"mappings":";;;;;;;;AA8CO,IAAMA,IAAN,cAAqBC,EAAW;AAAA,EAAhC,cAAA;AAAA,UAAA,GAAA,SAAA,GAkOwB,KAAA,UAAuC,MACxC,KAAA,WAA4B,MAC7B,KAAA,cAAyB,CAAA,GACvB,KAAA,cAAuB,IACvB,KAAA,gBAAyB,IAC1B,KAAA,iBAAyB,2BACzB,KAAA,cAAsB,qBACtB,KAAA,cAAsB,KAEtB,KAAA,SAAiB,QAEhB,KAAA,eAAwB,IAExB,KAAA,YAAqB,IAEtB,KAAA,gBAAwB,SAE3C,KAAQ,YAAuB,CAAA,GAC/B,KAAQ,eAAwB,IAChC,KAAQ,SAAiB,IACzB,KAAQ,eAAwB,IAChC,KAAQ,cAAuB,IAC/B,KAAQ,eAAwB,IAChC,KAAQ,iBAA0B,IAClC,KAAQ,YAA2B,MACnC,KAAQ,aAAuB,CAAA,GAC/B,KAAQ,oBAA4B,IAI7C,KAAQ,cAAsB,GAC9B,KAAQ,mBAA2C,MACnD,KAAQ,eAAyC;AAAA,EAAA;AAAA,EAGzC,SAAiB;AAAE,WAAO,OAAO,EAAE,KAAK,WAAW;AAAA,EAAI;AAAA;AAAA,EAIvD,wBAAsD;AAC5D,WAAI,OAAO,SAAW,MAAoB,OACnC,OAAO,qBAAqB,OAAO,2BAA2B;AAAA,EACvE;AAAA,EAEQ,eAAe;AACrB,IAAI,KAAK,eACP,KAAK,WAAA,IAEL,KAAK,YAAA;AAAA,EAET;AAAA,EAEQ,cAAc;AACpB,UAAMC,IAAO,KAAK,sBAAA;AAClB,QAAI,CAACA,EAAM;AAEX,SAAK,WAAA;AACL,UAAMC,IAAc,IAAID,EAAA;AACxB,IAAAC,EAAY,OAAO,KAAK,eACxBA,EAAY,aAAa,IACzBA,EAAY,iBAAiB,IAE7BA,EAAY,UAAU,MAAM;AAC1B,WAAK,eAAe;AAAA,IACtB,GAEAA,EAAY,WAAW,CAACC,MAAkC;AACxD,UAAIC,IAAU,IACVC,IAAQ;AACZ,eAASC,IAAIH,EAAM,aAAaG,IAAIH,EAAM,QAAQ,QAAQG,KAAK;AAC7D,cAAMC,IAASJ,EAAM,QAAQG,CAAC;AAC9B,QAAKC,MACDA,EAAO,UACTF,KAASE,EAAO,CAAC,GAAG,cAAc,KAElCH,KAAWG,EAAO,CAAC,GAAG,cAAc;AAAA,MAExC;AACA,UAAIF;AACF,aAAK,UAAU,KAAK,SAAS,KAAK,SAAS,MAAM,MAAMA,EAAM,KAAA;AAAA,eACpDD,GAAS;AAElB,cAAMI,IAAW,KAAK,YAAY,cAAc,UAAU;AAC1D,QAAIA,MAAUA,EAAS,cAAcJ,IAAU;AAAA,MACjD;AAAA,IACF,GAEAF,EAAY,QAAQ,MAAM;AACxB,WAAK,eAAe,IACpB,KAAK,eAAe;AAEpB,YAAMM,IAAW,KAAK,YAAY,cAAc,UAAU;AAC1D,MAAIA,MAAUA,EAAS,cAAc,KAAK;AAAA,IAC5C,GAEAN,EAAY,UAAU,MAAM;AAC1B,WAAK,eAAe,IACpB,KAAK,eAAe;AAAA,IACtB,GAEA,KAAK,eAAeA;AACpB,QAAI;AACF,MAAAA,EAAY,MAAA;AAAA,IACd,QAAQ;AACN,WAAK,eAAe;AAAA,IACtB;AAAA,EACF;AAAA,EAEQ,aAAa;AACnB,QAAI,KAAK,cAAc;AACrB,UAAI;AAAE,aAAK,aAAa,KAAA;AAAA,MAAQ,QAAQ;AAAA,MAAe;AACvD,WAAK,eAAe;AAAA,IACtB;AACA,SAAK,eAAe;AAAA,EACtB;AAAA,EAES,uBAAuB;AAQ9B,QAPA,MAAM,qBAAA,GACN,KAAK,WAAA,GACD,KAAK,oBACP,aAAa,KAAK,eAAe,GACjC,KAAK,kBAAkB,SAGrB,KAAK,kBAAkB;AACzB,UAAI;AAAE,aAAK,iBAAiB,MAAA;AAAA,MAAS,QAAQ;AAAA,MAAe;AAC5D,WAAK,mBAAmB;AAAA,IAC1B;AAAA,EACF;AAAA,EAEQ,kBAAkB;AACxB,0BAAsB,MAAM;AAC1B,MAAI,KAAK,gBACP,KAAK,YAAY,YAAY,KAAK,YAAY;AAAA,IAElD,CAAC;AAAA,EACH;AAAA,EAEQ,gBAAgB;AACtB,QAAI,CAAC,KAAK,YAAa;AACvB,UAAM,EAAE,WAAAO,GAAW,cAAAC,GAAc,cAAAC,EAAA,IAAiB,KAAK;AACvD,SAAK,iBAAiBD,IAAeD,IAAYE,IAAe;AAAA,EAClE;AAAA;AAAA,EAGQ,gBAA0D;AAChE,WAAO,KAAK,UAAU,IAAI,CAAAC,OAAM;AAAA,MAC9B,MAAMA,EAAE;AAAA,MACR,SAASA,EAAE,SAASA,EAAE,aAAa,GAAG,WAAW;AAAA,IAAA,EACjD;AAAA,EACJ;AAAA;AAAA,EAGQ,gBAAgB;AACtB,IAAI,KAAK,UAAU,SAAS,KAAK,gBAC/B,KAAK,YAAY,KAAK,UAAU,MAAM,KAAK,UAAU,SAAS,KAAK,WAAW;AAAA,EAElF;AAAA;AAAA,EAGA,WAAWC,GAAqBC,GAAyB;AACvD,UAAMC,IAAK,KAAK,OAAA;AAChB,gBAAK,YAAY,CAAC,GAAG,KAAK,WAAW;AAAA,MACnC,IAAAA;AAAA,MACA,MAAAF;AAAA,MACA,UAAU,CAAC,EAAE,SAAAC,GAAS,WAAW,KAAK,IAAA,GAAO;AAAA,MAC7C,eAAe;AAAA,IAAA,CAChB,GACD,KAAK,cAAA,GACL,KAAK,gBAAA,GACEC;AAAA,EACT;AAAA;AAAA,EAGA,gBAAgB;AACd,SAAK,YAAY,CAAA,GACjB,KAAK,aAAa,CAAA,GAClB,KAAK,oBAAoB;AAAA,EAC3B;AAAA,EAEA,MAAc,eAAe;AAC3B,QAAI,CAAC,KAAK,OAAO,UAAU,CAAC,KAAK,YAAY,KAAK,gBAAgB,KAAK,YAAa;AAEpF,UAAMC,IAAO,KAAK,OAAO,KAAA;AACzB,SAAK,SAAS,IACd,KAAK,aAAa,CAAA;AAGlB,UAAMR,IAAW,KAAK,YAAY,cAAc,qBAAqB;AACrE,IAAIA,MAAYA,EAAS,QAAQ,IAAIA,EAAS,MAAM,SAAS,SAE7D,KAAK,YAAY,CAAC,GAAG,KAAK,WAAW;AAAA,MACnC,IAAI,KAAK,OAAA;AAAA,MACT,MAAM;AAAA,MACN,UAAU,CAAC,EAAE,SAASQ,GAAM,WAAW,KAAK,IAAA,GAAO;AAAA,MACnD,eAAe;AAAA,IAAA,CAChB,GACD,KAAK,cAAA,GAEL,KAAK,cAAc,IAAI,YAAY,mBAAmB;AAAA,MACpD,SAAS;AAAA,MAAM,UAAU;AAAA,MACzB,QAAQ,EAAE,SAASA,GAAM,WAAW,KAAK,MAAI;AAAA,IAAE,CAChD,CAAC,GAEF,MAAM,KAAK,gBACX,KAAK,gBAAA,GACL,KAAK,cAAc,IACnB,KAAK,mBAAmB,IAAI,gBAAA;AAE5B,UAAMC,IAAqB;AAAA,MACzB,SAAS,KAAK,YAAY,SAAS,IAAI,KAAK,cAAc,CAAC,EAAE,MAAM,oBAAoB;AAAA,MACvF,MAAM;AAAA,QACJ,cAAcD;AAAA,QACd,qBAAqB,KAAK,UAAU,KAAK,eAAe;AAAA,MAAA;AAAA,IAC1D;AAGF,QAAI;AACF,MAAI,KAAK,gBAAgB,KAAK,SAAS,eACrC,MAAM,KAAK,eAAeC,CAAO,IAEjC,MAAM,KAAK,kBAAkBA,CAAO;AAAA,IAExC,SAASC,GAAc;AACrB,UAAI,KAAK,kBAAkB,OAAO,QAAS;AAC3C,WAAK,cAAc,IACnB,KAAK,eAAe;AACpB,YAAMC,IAASD,aAAe,QAAQA,EAAI,UAAU;AACpD,WAAK,YAAY,CAAC,GAAG,KAAK,WAAW;AAAA,QACnC,IAAI,KAAK,OAAA;AAAA,QACT,MAAM;AAAA,QACN,UAAU,CAAC,EAAE,SAASC,GAAQ,WAAW,KAAK,IAAA,GAAO;AAAA,QACrD,eAAe;AAAA,QACf,SAAS;AAAA,MAAA,CACV,GACD,KAAK,cAAA,GACL,KAAK,cAAc,IAAI,YAAY,YAAY;AAAA,QAC7C,SAAS;AAAA,QAAM,UAAU;AAAA,QACzB,QAAQ,EAAE,OAAOA,GAAQ,WAAW,KAAK,MAAI;AAAA,MAAE,CAChD,CAAC;AAAA,IACJ,UAAA;AACE,WAAK,eAAe,IACpB,KAAK,cAAc,IACnB,KAAK,mBAAmB,MACxB,MAAM,KAAK,gBACX,KAAK,gBAAA;AAAA,IACP;AAAA,EACF;AAAA,EAEA,MAAc,kBAAkBF,GAAoB;AAClD,UAAMG,IAA4B,EAAE,QAAQ,KAAK,iBAAkB,OAAA,GAC7Db,IAAmB,MAAM,KAAK,SAAU;AAAA,MAC5C,KAAK;AAAA,MACLU;AAAA,MACAG;AAAA,IAAA;AAGF,SAAK,cAAc;AACnB,UAAMC,IAAY;AAAA,MAChBd,EAAO,eACHA,EAAO,UAAU,WACjBA,EAAO,UAAU,QAClB;AAAA,IAAA;AAGL,SAAK,YAAY,CAAC,GAAG,KAAK,WAAW;AAAA,MACnC,IAAI,KAAK,OAAA;AAAA,MACT,MAAM;AAAA,MACN,UAAU,CAAC,EAAE,SAASc,GAAW,WAAW,KAAK,IAAA,GAAO;AAAA,MACxD,eAAe;AAAA,IAAA,CAChB,GACD,KAAK,cAAA,GAEL,KAAK,cAAc,IAAI,YAAY,wBAAwB;AAAA,MACzD,SAAS;AAAA,MAAM,UAAU;AAAA,MACzB,QAAQ,EAAE,SAASA,GAAW,WAAW,KAAK,MAAI;AAAA,IAAE,CACrD,CAAC;AAAA,EACJ;AAAA,EAEA,MAAc,eAAeJ,GAAoB;AAC/C,SAAK,cAAc,IACnB,KAAK,eAAe,IACpB,KAAK,oBAAoB;AAEzB,UAAMK,IAAW;AACjB,SAAK,YAAY,CAAC,GAAG,KAAK,WAAW;AAAA,MACnC,IAAIA;AAAA,MACJ,MAAM;AAAA,MACN,UAAU,CAAC,EAAE,SAAS,IAAI,WAAW,KAAK,IAAA,GAAO;AAAA,MACjD,eAAe;AAAA,IAAA,CAChB;AAED,UAAMF,IAA4B,EAAE,QAAQ,KAAK,iBAAkB,OAAA,GAC7DG,IAAY,KAAK,SAAU;AAAA,MAC/B,KAAK;AAAA,MACLN;AAAA,MACAG;AAAA,IAAA;AAGF,qBAAiBI,KAAWD,GAAW;AACrC,UAAI,KAAK,kBAAkB,OAAO,QAAS;AAC3C,YAAME,IAAQ,OAAOD,EAAQ,eAAeA,EAAQ,UAAU,WAAWA,EAAQ,UAAU,QAAQ,EAAE;AACrG,WAAK,qBAAqBC,GAE1B,KAAK,YAAY,KAAK,UAAU;AAAA,QAAI,OAClCb,EAAE,OAAOU,IACL,EAAE,GAAGV,GAAG,UAAU,CAAC,EAAE,SAAS,KAAK,mBAAmB,WAAW,KAAK,MAAI,CAAG,MAC7EA;AAAA,MAAA,GAEN,KAAK,gBAAA;AAAA,IACP;AAEA,SAAK,eAAA;AAAA,EACP;AAAA;AAAA,EAGA,eAAea,GAAe;AAC5B,SAAK,eAAe,IACpB,KAAK,cAAc,IACnB,KAAK,qBAAqBA;AAE1B,UAAMH,IAAW;AAGjB,IAFkB,KAAK,UAAU,KAAK,CAAAV,MAAKA,EAAE,OAAOU,CAAQ,IAG1D,KAAK,YAAY,KAAK,UAAU;AAAA,MAAI,OAClCV,EAAE,OAAOU,IACL,EAAE,GAAGV,GAAG,UAAU,CAAC,EAAE,SAAS,KAAK,mBAAmB,WAAW,KAAK,MAAI,CAAG,MAC7EA;AAAA,IAAA,IAGN,KAAK,YAAY,CAAC,GAAG,KAAK,WAAW;AAAA,MACnC,IAAIU;AAAA,MACJ,MAAM;AAAA,MACN,UAAU,CAAC,EAAE,SAAS,KAAK,mBAAmB,WAAW,KAAK,IAAA,GAAO;AAAA,MACrE,eAAe;AAAA,IAAA,CAChB,GAEH,KAAK,gBAAA;AAAA,EACP;AAAA;AAAA,EAGA,eAAeI,GAAsB;AACnC,SAAK,eAAe;AACpB,UAAMC,IAAQ,KAAK,OAAA;AAGnB,SAAK,YAAY,KAAK,UAAU;AAAA,MAAI,CAAAf,MAClCA,EAAE,OAAO,eAAe,EAAE,GAAGA,GAAG,IAAIe,MAAUf;AAAA,IAAA,GAEhD,KAAK,cAAA;AAEL,UAAMgB,IAAU,KAAK,UAAU,KAAK,UAAU,SAAS,CAAC;AACxD,SAAK,oBAAoB,IACrBF,WAAgB,aAAaA,IAEjC,KAAK,cAAc,IAAI,YAAY,wBAAwB;AAAA,MACzD,SAAS;AAAA,MAAM,UAAU;AAAA,MACzB,QAAQ,EAAE,SAASE,GAAS,SAAS,CAAC,GAAG,WAAW,IAAI,WAAW,KAAK,IAAA,EAAI;AAAA,IAAE,CAC/E,CAAC;AAAA,EACJ;AAAA;AAAA,EAGA,qBAA6B;AAC3B,WAAO,KAAK,UAAU,IAAI,CAAAhB,MAAK;AAC7B,YAAMiB,IAAIjB,EAAE,SAASA,EAAE,aAAa;AACpC,aAAO,KAAKA,EAAE,SAAS,SAAS,SAAS,IAAI,OAAOiB,EAAE,OAAO;AAAA,IAC/D,CAAC,EAAE,KAAK;AAAA;AAAA,CAAM;AAAA,EAChB;AAAA,EAEQ,cAAc;AACpB,SAAK,kBAAkB,MAAA,GACvB,KAAK,eAAe,IACpB,KAAK,cAAc,IACnB,KAAK,cAAc,IAAI,YAAY,gBAAgB,EAAE,SAAS,IAAM,UAAU,GAAA,CAAM,CAAC;AAAA,EACvF;AAAA,EAEQ,YAAYC,GAAc;AAChC,UAAMd,IAAOc,EAAI,SAASA,EAAI,aAAa,EAAG;AAC9C,cAAU,WAAW,UAAUd,CAAI,GACnC,KAAK,YAAYc,EAAI,IACjB,KAAK,mBAAiB,aAAa,KAAK,eAAe,GAC3D,KAAK,kBAAkB,WAAW,MAAM;AAAE,WAAK,YAAY,MAAM,KAAK,kBAAkB;AAAA,IAAW,GAAG,GAAI,GAC1G,KAAK,cAAc,IAAI,YAAY,gBAAgB;AAAA,MACjD,SAAS;AAAA,MAAM,UAAU;AAAA,MACzB,QAAQ,EAAE,SAASd,EAAA;AAAA,IAAK,CACzB,CAAC;AAAA,EACJ;AAAA,EAEQ,kBAAkBc,GAAc;AACtC,SAAK,cAAc,IAAI,YAAY,sBAAsB;AAAA,MACvD,SAAS;AAAA,MAAM,UAAU;AAAA,MACzB,QAAQ,EAAE,WAAWA,EAAI,GAAA;AAAA,IAAG,CAC7B,CAAC;AAAA,EACJ;AAAA,EAEQ,YAAYA,GAAcC,GAAuB;AACvD,SAAK,cAAc,IAAI,YAAY,gBAAgB;AAAA,MACjD,SAAS;AAAA,MAAM,UAAU;AAAA,MACzB,QAAQ,EAAE,WAAWD,EAAI,IAAI,QAAAC,EAAA;AAAA,IAAO,CACrC,CAAC;AAAA,EACJ;AAAA,EAEQ,gBAAgBf,GAAc;AACpC,SAAK,SAASA,GACd,KAAK,aAAa,CAAA,GAClB,KAAK,aAAA;AAAA,EACP;AAAA,EAEQ,eAAec,GAAcE,GAAe;AAClD,UAAMC,IAASH,EAAI,gBAAgBE;AACnC,IAAIC,KAAU,KAAKA,IAASH,EAAI,SAAS,WAEvC,KAAK,YAAY,KAAK,UAAU;AAAA,MAAI,CAAAlB,MAClCA,EAAE,OAAOkB,EAAI,KAAK,EAAE,GAAGlB,GAAG,eAAeqB,MAAWrB;AAAA,IAAA;AAAA,EAG1D;AAAA,EAEQ,eAAesB,GAAkB;AACvC,IAAIA,EAAE,QAAQ,WAAW,CAACA,EAAE,YAAY,CAAC,KAAK,iBAC5CA,EAAE,eAAA,GACF,KAAK,aAAA;AAAA,EAET;AAAA,EAES,SAAS;AAChB,WAAK,KAAK,WAWHC;AAAA;AAAA;AAAA,mGAGwF,KAAK,aAAa;AAAA,cACvG,KAAK,UAAU,WAAW,KAAK,CAAC,KAAK,cAAcA;AAAA;AAAA;AAAA,0CAGvB,KAAK,cAAc;AAAA;AAAA,gBAE7C,KAAK,UAAU,IAAI,CAAAL,MAAO;AAC5B,YAAMD,IAAIC,EAAI,SAASA,EAAI,aAAa;AACxC,aAAOK;AAAA,kCACaL,EAAI,IAAI,gCAAgCA,EAAI,SAAS,SAAS,iBAAiB,aAAa;AAAA;AAAA,yCAErFA,EAAI,UAAU,UAAU,EAAE;AAAA,wBAC3CA,EAAI,SAAS,QAAQ,CAACA,EAAI,UACxBK,uBAA0BN,EAAE,OAAO,oBACnCA,EAAE,OAAO;AAAA,wBACX,KAAK,gBAAgBC,EAAI,OAAO,eAAeK,qDAAwDC,CAAO;AAAA;AAAA;AAAA,sBAGhHN,EAAI,SAAS,QAAQ,KAAK,eAAe,CAAC,KAAK,eAAeK;AAAA;AAAA;AAAA,mCAGjD,KAAK,cAAcL,EAAI,KAAK,YAAY,MAAM;AAAA,mCAC9C,MAAM,KAAK,YAAYA,CAAG,CAAC;AAAA,uCACvB,KAAK,cAAcA,EAAI,KAAK,wBAAwB,cAAc;AAAA,wDACjD,KAAK,cAAcA,EAAI,KAAK,UAAU,MAAM;AAAA,4BACxE,KAAK,cAAcA,EAAI,KAAK,WAAW,MAAM;AAAA;AAAA,yEAEA,MAAM,KAAK,kBAAkBA,CAAG,CAAC;AAAA;AAAA;AAAA,yEAGjC,MAAM,KAAK,YAAYA,GAAK,IAAI,CAAC;AAAA;AAAA;AAAA,yEAGjC,MAAM,KAAK,YAAYA,GAAK,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,wBAIpFM,CAAO;AAAA;AAAA,sBAETN,EAAI,SAAS,SAAS,IAAIK;AAAA;AAAA,4EAE4BL,EAAI,kBAAkB,CAAC,WAAW,MAAM,KAAK,eAAeA,GAAK,EAAE,CAAC;AAAA;AAAA;AAAA,sDAG1FA,EAAI,gBAAgB,CAAC,MAAMA,EAAI,SAAS,MAAM;AAAA,4EACxBA,EAAI,kBAAkBA,EAAI,SAAS,SAAS,CAAC,WAAW,MAAM,KAAK,eAAeA,GAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,wBAI7IM,CAAO;AAAA;AAAA;AAAA;AAAA,IAInB,CAAC,CAAC;AAAA;AAAA,cAEA,KAAK,cAAcD;AAAA;AAAA;AAAA;AAAA,gBAIjBC,CAAO;AAAA;AAAA;AAAA,YAGX,KAAK,iBAAiBD;AAAA;AAAA,uBAEX,KAAK,eAAe;AAAA;AAAA;AAAA,cAG7BC,CAAO;AAAA;AAAA,YAER,KAAK,gBAAgB,KAAK,cAAeD;AAAA,yEACmB,KAAK,WAAW;AAAA;AAAA;AAAA,cAG3EC,CAAO;AAAA;AAAA,YAET,KAAK,WAAW,SAAS,KAAK,KAAK,gBAAgBD;AAAA;AAAA;AAAA,uBAGxC,KAAK,UAAU;AAAA;AAAA;AAAA,0BAGZ,KAAK,gBAAgB,KAAK,WAAW;AAAA,oCAC3B,CAACD,MAAmC,KAAK,gBAAgBA,EAAE,OAAO,IAAI,CAAC;AAAA;AAAA,cAE7FE,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAOO,KAAK,WAAW;AAAA,uBACrB,KAAK,MAAM;AAAA,0BACR,KAAK,gBAAgB,KAAK,WAAW;AAAA,uBACxC,CAACF,MAAa;AACrB,YAAMG,IAAKH,EAAE;AACb,WAAK,SAASG,EAAG,OACjBA,EAAG,MAAM,SAAS,QAClBA,EAAG,MAAM,SAASA,EAAG,eAAe;AAAA,IACtC,CAAC;AAAA,yBACU,KAAK,cAAc;AAAA,kCACV,MAAM,KAAK,eAAe,EAAI;AAAA,gCAChC,MAAM,KAAK,eAAe,EAAK;AAAA;AAAA;AAAA,cAGjD,KAAK,aAAa,KAAK,sBAAA,IAA0BF;AAAA;AAAA,0CAErB,KAAK,eAAe,cAAc,EAAE;AAAA,yBACrD,KAAK,YAAY;AAAA,4BACd,KAAK,gBAAgB,KAAK,WAAW;AAAA,8BACnC,KAAK,eAAe,qBAAqB,mBAAmB;AAAA,gCAC1D,KAAK,eAAe,SAAS,OAAO;AAAA;AAAA,gCAEpC,KAAK,eAAe,UAAU,KAAK;AAAA;AAAA,gBAEnDC,CAAO;AAAA;AAAA;AAAA,uBAGA,KAAK,YAAY;AAAA,0BACd,KAAK,gBAAgB,KAAK,eAAe,CAAC,KAAK,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QApIzED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6IX;AACF;AA5xBapC,EACK,SAAS,CAACuC,GAAWC,GAAeC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA+NnD;AAE4BC,EAAA;AAAA,EAA5BC,EAAS,EAAE,SAAS,GAAA,CAAM;AAAA,GAlOhB3C,EAkOkB,WAAA,WAAA,CAAA;AACD0C,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAnOf3C,EAmOiB,WAAA,YAAA,CAAA;AACD0C,EAAA;AAAA,EAA1BC,EAAS,EAAE,MAAM,MAAA,CAAO;AAAA,GApOd3C,EAoOgB,WAAA,eAAA,CAAA;AACE0C,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAA,CAAS;AAAA,GArOhB3C,EAqOkB,WAAA,eAAA,CAAA;AACA0C,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAA,CAAS;AAAA,GAtOhB3C,EAsOkB,WAAA,iBAAA,CAAA;AACD0C,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAvOf3C,EAuOiB,WAAA,kBAAA,CAAA;AACA0C,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAxOf3C,EAwOiB,WAAA,eAAA,CAAA;AACA0C,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAzOf3C,EAyOiB,WAAA,eAAA,CAAA;AAEA0C,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GA3Of3C,EA2OiB,WAAA,UAAA,CAAA;AAEC0C,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAA,CAAS;AAAA,GA7OhB3C,EA6OkB,WAAA,gBAAA,CAAA;AAEA0C,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAA,CAAS;AAAA,GA/OhB3C,EA+OkB,WAAA,aAAA,CAAA;AAED0C,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAjPf3C,EAiPiB,WAAA,iBAAA,CAAA;AAEX0C,EAAA;AAAA,EAAhBE,EAAA;AAAM,GAnPI5C,EAmPM,WAAA,aAAA,CAAA;AACA0C,EAAA;AAAA,EAAhBE,EAAA;AAAM,GApPI5C,EAoPM,WAAA,gBAAA,CAAA;AACA0C,EAAA;AAAA,EAAhBE,EAAA;AAAM,GArPI5C,EAqPM,WAAA,UAAA,CAAA;AACA0C,EAAA;AAAA,EAAhBE,EAAA;AAAM,GAtPI5C,EAsPM,WAAA,gBAAA,CAAA;AACA0C,EAAA;AAAA,EAAhBE,EAAA;AAAM,GAvPI5C,EAuPM,WAAA,eAAA,CAAA;AACA0C,EAAA;AAAA,EAAhBE,EAAA;AAAM,GAxPI5C,EAwPM,WAAA,gBAAA,CAAA;AACA0C,EAAA;AAAA,EAAhBE,EAAA;AAAM,GAzPI5C,EAyPM,WAAA,kBAAA,CAAA;AACA0C,EAAA;AAAA,EAAhBE,EAAA;AAAM,GA1PI5C,EA0PM,WAAA,aAAA,CAAA;AACA0C,EAAA;AAAA,EAAhBE,EAAA;AAAM,GA3PI5C,EA2PM,WAAA,cAAA,CAAA;AACA0C,EAAA;AAAA,EAAhBE,EAAA;AAAM,GA5PI5C,EA4PM,WAAA,qBAAA,CAAA;AAEW0C,EAAA;AAAA,EAA3BG,EAAM,WAAW;AAAA,GA9PP7C,EA8PiB,WAAA,eAAA,CAAA;AA9PjBA,IAAN0C,EAAA;AAAA,EADNI,EAAc,SAAS;AAAA,GACX9C,CAAA;"}

package/dist/components/ai-citation/ai-citation.d.ts

@@ -0,0 +1,27 @@
+import { LitElement, nothing } from 'lit';
+interface CitationSource {
+    title: string;
+    url?: string;
+    excerpt?: string;
+    relevance?: number;
+}
+export declare class AiCitation extends LitElement {
+    static styles: import('lit').CSSResult[];
+    sources: CitationSource[];
+    mode: 'inline' | 'list';
+    maxVisible: number;
+    private _expandedIndex;
+    private _sanitizeUrl;
+    private _relevanceClass;
+    private _relevanceLabel;
+    private _handleCiteClick;
+    private _renderCard;
+    render(): import('lit').TemplateResult<1> | typeof nothing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ai-citation': AiCitation;
+    }
+}
+export {};
+//# sourceMappingURL=ai-citation.d.ts.map

package/dist/components/ai-citation/ai-citation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-citation.d.ts","sourceRoot":"","sources":["../../../src/components/ai-citation/ai-citation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,UAAU,EAAa,OAAO,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,6BAA6B,CAAC;AAErC,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,4BAkKnB;IAEwB,OAAO,EAAE,cAAc,EAAE,CAAM;IAC9C,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAY;IACnB,UAAU,SAAK;IAElC,OAAO,CAAC,cAAc,CAAM;IAErC,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,WAAW;IAmBV,MAAM;CA+ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/dist/components/ai-citation/ai-citation.js

@@ -0,0 +1,277 @@
+import { css as v, LitElement as u, nothing as s, html as o } from "lit";
+import { property as g, state as p, customElement as h } from "lit/decorators.js";
+import { h as f, r as b } from "../../chunks/premium.css-9I4kHrsl.js";
+import "../cg-tooltip/cg-tooltip.js";
+var m = Object.defineProperty, x = Object.getOwnPropertyDescriptor, n = (e, t, r, i) => {
+  for (var a = i > 1 ? void 0 : i ? x(t, r) : t, l = e.length - 1, d; l >= 0; l--)
+    (d = e[l]) && (a = (i ? d(t, r, a) : d(a)) || a);
+  return i && a && m(t, r, a), a;
+};
+let c = class extends u {
+  constructor() {
+    super(...arguments), this.sources = [], this.mode = "inline", this.maxVisible = 5, this._expandedIndex = -1;
+  }
+  _sanitizeUrl(e) {
+    if (!e) return;
+    const t = e.trim();
+    if (!t) return;
+    const r = t.toLowerCase().replace(/[\s\u0000-\u001f]/g, "");
+    if (r.startsWith("javascript:") || r.startsWith("data:") || r.startsWith("vbscript:")) return;
+    if (r.startsWith("http:") || r.startsWith("https:") || r.startsWith("//")) return t;
+    const i = t.indexOf(":"), a = t.indexOf("/");
+    if (i === -1 || a !== -1 && a < i) return t;
+  }
+  _relevanceClass(e) {
+    return e ? e >= 0.7 ? "high" : e >= 0.4 ? "medium" : "low" : "low";
+  }
+  _relevanceLabel(e) {
+    return e == null ? "Relevance unknown" : `Relevance: ${Math.round(e * 100)}%`;
+  }
+  _handleCiteClick(e) {
+    this._expandedIndex = this._expandedIndex === e ? -1 : e, this.dispatchEvent(new CustomEvent("ai-citation-click", {
+      bubbles: !0,
+      composed: !0,
+      detail: { index: e, source: this.sources[e] }
+    }));
+  }
+  _renderCard(e, t) {
+    const r = this._sanitizeUrl(e.url);
+    return o`
+      <div class="source-card">
+        <div class="source-header">
+          <div class="source-number">${t + 1}</div>
+          ${r ? o`<a class="source-title" href="${r}" target="_blank" rel="noopener">${e.title}</a>` : o`<span class="source-title">${e.title}</span>`}
+          <cg-tooltip content=${this._relevanceLabel(e.relevance)} position="top">
+            <span class="relevance-dot ${this._relevanceClass(e.relevance)}" aria-label=${this._relevanceLabel(e.relevance)}></span>
+          </cg-tooltip>
+        </div>
+        ${e.excerpt ? o`<div class="source-excerpt">${e.excerpt}</div>` : s}
+        ${r ? o`<div class="source-url">${r}</div>` : s}
+      </div>
+    `;
+  }
+  render() {
+    if (!this.sources.length) return s;
+    if (this.mode === "list")
+      return o`
+        <div class="list">
+          <div class="sources-label">Sources (${this.sources.length})</div>
+          ${this.sources.map((r, i) => {
+        const a = this._sanitizeUrl(r.url);
+        return o`
+              <div class="list-item">
+                <div class="source-number">${i + 1}</div>
+                <div class="list-content">
+                  <div class="list-title">
+                    ${a ? o`<a href="${a}" target="_blank" rel="noopener">${r.title}</a>` : r.title}
+                  </div>
+                  ${r.excerpt ? o`<div class="list-excerpt">${r.excerpt}</div>` : s}
+                </div>
+                <cg-tooltip content=${this._relevanceLabel(r.relevance)} position="top">
+                  <span class="relevance-dot ${this._relevanceClass(r.relevance)}" aria-label=${this._relevanceLabel(r.relevance)}></span>
+                </cg-tooltip>
+              </div>
+            `;
+      })}
+        </div>
+      `;
+    const e = this.sources.slice(0, this.maxVisible), t = this.sources.length - this.maxVisible;
+    return o`
+      <span class="inline">
+        ${e.map((r, i) => o`
+          <button
+            type="button"
+            class="cite-badge"
+            aria-label="Source ${i + 1}: ${r.title}"
+            aria-expanded="${this._expandedIndex === i}"
+            @click=${() => this._handleCiteClick(i)}
+          >${i + 1}</button>
+          ${this._expandedIndex === i ? this._renderCard(r, i) : s}
+        `)}
+        ${t > 0 ? o`<span class="cite-badge more" aria-label="${t} more source${t > 1 ? "s" : ""}">+${t}</span>` : s}
+      </span>
+    `;
+  }
+};
+c.styles = [f, b, v`
+    /* ── Inline mode ── */
+    .inline { display: inline; }
+
+    .cite-badge {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: var(--cg-spacing-16);
+      height: var(--cg-spacing-16);
+      border-radius: var(--cg-border-radius-50);
+      background: var(--cg-overlay-accent-light);
+      color: var(--cg-color-surface-base-text);
+      font-size: var(--cg-font-size-xs);
+      font-weight: var(--cg-font-weight-bold);
+      cursor: pointer;
+      vertical-align: super;
+      margin: 0 var(--cg-spacing-1);
+      border: var(--cg-border-width-50) solid transparent;
+      padding: 0;
+      font-family: inherit;
+      transition:
+        background-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),
+        border-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default);
+    }
+    .cite-badge:hover {
+      background: var(--cg-overlay-accent-medium);
+      border-color: var(--cg-overlay-accent-strong);
+    }
+    .cite-badge:focus-visible {
+      outline: none;
+      box-shadow: 0 0 0 var(--cg-border-width-300) var(--cg-overlay-accent-strong);
+    }
+    .cite-badge.more {
+      width: auto;
+      padding: 0 var(--cg-spacing-4);
+      cursor: default;
+    }
+
+    /* ── Source card (expanded) ── */
+    .source-card {
+      background: var(--cg-color-surface-cards-background);
+      border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);
+      border-radius: var(--cg-component-card-radius);
+      padding: var(--cg-spacing-12);
+      margin: var(--cg-spacing-8) 0;
+      max-width: 400px;
+    }
+
+    .source-header {
+      display: flex;
+      align-items: center;
+      gap: var(--cg-spacing-8);
+      margin-bottom: var(--cg-spacing-6);
+    }
+    .source-number {
+      width: var(--cg-spacing-20);
+      height: var(--cg-spacing-20);
+      border-radius: var(--cg-border-radius-50);
+      background: var(--cg-overlay-accent-light);
+      color: var(--cg-color-surface-cards-text);
+      font-size: var(--cg-font-size-xs);
+      font-weight: var(--cg-font-weight-bold);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+    }
+    .source-title {
+      font-size: var(--cg-font-size-sm);
+      font-weight: var(--cg-font-weight-medium);
+      color: var(--cg-color-surface-cards-text);
+      text-decoration: none;
+      flex: 1;
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      border-radius: var(--cg-border-radius-50);
+    }
+    a.source-title:hover { text-decoration: underline; }
+    a.source-title:focus-visible {
+      outline: none;
+      box-shadow: 0 0 0 var(--cg-border-width-300) var(--cg-color-focus-ring);
+    }
+
+    /* Relevance dot — uses ai-confidence tier-3 tokens (theme-aware) */
+    .relevance-dot {
+      width: var(--cg-spacing-8);
+      height: var(--cg-spacing-8);
+      border-radius: var(--cg-border-radius-full);
+      flex-shrink: 0;
+    }
+    .relevance-dot.high { background: var(--cg-ai-confidence-high-color); }
+    .relevance-dot.medium { background: var(--cg-ai-confidence-medium-color); }
+    .relevance-dot.low { background: var(--cg-color-input-text-placeholder); }
+
+    .source-excerpt {
+      font-size: var(--cg-font-size-xs);
+      color: var(--cg-color-input-text-placeholder);
+      line-height: var(--cg-line-height-snug);
+      margin-top: var(--cg-spacing-6);
+      display: -webkit-box;
+      -webkit-line-clamp: 3;
+      -webkit-box-orient: vertical;
+      overflow: hidden;
+    }
+    .source-url {
+      font-size: var(--cg-font-size-xs);
+      color: var(--cg-color-input-text-placeholder);
+      margin-top: var(--cg-spacing-4);
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    /* ── List mode ── */
+    .list {
+      display: flex;
+      flex-direction: column;
+      gap: var(--cg-spacing-2);
+    }
+    .list-item {
+      display: flex;
+      align-items: flex-start;
+      gap: var(--cg-spacing-8);
+      padding: var(--cg-spacing-8) 0;
+      border-bottom: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);
+    }
+    .list-item:last-child { border-bottom: none; }
+
+    .list-content { flex: 1; min-width: 0; }
+    .list-title {
+      font-size: var(--cg-font-size-sm);
+      font-weight: var(--cg-font-weight-medium);
+      color: var(--cg-color-surface-cards-text);
+    }
+    .list-title a {
+      color: var(--cg-color-surface-cards-text);
+      text-decoration: none;
+      border-radius: var(--cg-border-radius-50);
+    }
+    .list-title a:hover { text-decoration: underline; }
+    .list-title a:focus-visible {
+      outline: none;
+      box-shadow: 0 0 0 var(--cg-border-width-300) var(--cg-color-focus-ring);
+    }
+    .list-excerpt {
+      font-size: var(--cg-font-size-xs);
+      color: var(--cg-color-input-text-placeholder);
+      line-height: var(--cg-line-height-snug);
+      margin-top: var(--cg-spacing-4);
+    }
+
+    .sources-label {
+      font-size: var(--cg-font-size-xs);
+      font-weight: var(--cg-font-weight-semibold);
+      color: var(--cg-color-input-text-placeholder);
+      text-transform: uppercase;
+      letter-spacing: var(--cg-letter-spacing-wide);
+      margin-bottom: var(--cg-spacing-8);
+    }
+  `];
+n([
+  g({ type: Array })
+], c.prototype, "sources", 2);
+n([
+  g()
+], c.prototype, "mode", 2);
+n([
+  g({ type: Number })
+], c.prototype, "maxVisible", 2);
+n([
+  p()
+], c.prototype, "_expandedIndex", 2);
+c = n([
+  h("ai-citation")
+], c);
+export {
+  c as AiCitation
+};
+//# sourceMappingURL=ai-citation.js.map

package/dist/components/ai-citation/ai-citation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-citation.js","sources":["../../../src/components/ai-citation/ai-citation.ts"],"sourcesContent":["/**\n * @element ai-citation\n * Inline numbered citation badges or bibliography list with expandable\n * source cards. Two modes:\n *   - inline: small superscript-style number badges next to AI text;\n *             clicking a badge expands a source card below.\n *   - list:   bibliography-style ordered list (Sources section).\n *\n * Dogfooded primitives: <cg-tooltip> for the relevance dot.\n *\n * @fires {CustomEvent<{index: number, source: CitationSource}>} ai-citation-click\n */\nimport { LitElement, html, css, nothing } from 'lit';\nimport { property, state, customElement } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion } from '../../styles/index.js';\nimport '../cg-tooltip/cg-tooltip.js';\n\ninterface CitationSource {\n  title: string;\n  url?: string;\n  excerpt?: string;\n  relevance?: number;\n}\n\n@customElement('ai-citation')\nexport class AiCitation extends LitElement {\n  static override styles = [hostBlock, reducedMotion, css`\n    /* ── Inline mode ── */\n    .inline { display: inline; }\n\n    .cite-badge {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: var(--cg-spacing-16);\n      height: var(--cg-spacing-16);\n      border-radius: var(--cg-border-radius-50);\n      background: var(--cg-overlay-accent-light);\n      color: var(--cg-color-surface-base-text);\n      font-size: var(--cg-font-size-xs);\n      font-weight: var(--cg-font-weight-bold);\n      cursor: pointer;\n      vertical-align: super;\n      margin: 0 var(--cg-spacing-1);\n      border: var(--cg-border-width-50) solid transparent;\n      padding: 0;\n      font-family: inherit;\n      transition:\n        background-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n        border-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n    }\n    .cite-badge:hover {\n      background: var(--cg-overlay-accent-medium);\n      border-color: var(--cg-overlay-accent-strong);\n    }\n    .cite-badge:focus-visible {\n      outline: none;\n      box-shadow: 0 0 0 var(--cg-border-width-300) var(--cg-overlay-accent-strong);\n    }\n    .cite-badge.more {\n      width: auto;\n      padding: 0 var(--cg-spacing-4);\n      cursor: default;\n    }\n\n    /* ── Source card (expanded) ── */\n    .source-card {\n      background: var(--cg-color-surface-cards-background);\n      border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);\n      border-radius: var(--cg-component-card-radius);\n      padding: var(--cg-spacing-12);\n      margin: var(--cg-spacing-8) 0;\n      max-width: 400px;\n    }\n\n    .source-header {\n      display: flex;\n      align-items: center;\n      gap: var(--cg-spacing-8);\n      margin-bottom: var(--cg-spacing-6);\n    }\n    .source-number {\n      width: var(--cg-spacing-20);\n      height: var(--cg-spacing-20);\n      border-radius: var(--cg-border-radius-50);\n      background: var(--cg-overlay-accent-light);\n      color: var(--cg-color-surface-cards-text);\n      font-size: var(--cg-font-size-xs);\n      font-weight: var(--cg-font-weight-bold);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n    }\n    .source-title {\n      font-size: var(--cg-font-size-sm);\n      font-weight: var(--cg-font-weight-medium);\n      color: var(--cg-color-surface-cards-text);\n      text-decoration: none;\n      flex: 1;\n      min-width: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      border-radius: var(--cg-border-radius-50);\n    }\n    a.source-title:hover { text-decoration: underline; }\n    a.source-title:focus-visible {\n      outline: none;\n      box-shadow: 0 0 0 var(--cg-border-width-300) var(--cg-color-focus-ring);\n    }\n\n    /* Relevance dot — uses ai-confidence tier-3 tokens (theme-aware) */\n    .relevance-dot {\n      width: var(--cg-spacing-8);\n      height: var(--cg-spacing-8);\n      border-radius: var(--cg-border-radius-full);\n      flex-shrink: 0;\n    }\n    .relevance-dot.high { background: var(--cg-ai-confidence-high-color); }\n    .relevance-dot.medium { background: var(--cg-ai-confidence-medium-color); }\n    .relevance-dot.low { background: var(--cg-color-input-text-placeholder); }\n\n    .source-excerpt {\n      font-size: var(--cg-font-size-xs);\n      color: var(--cg-color-input-text-placeholder);\n      line-height: var(--cg-line-height-snug);\n      margin-top: var(--cg-spacing-6);\n      display: -webkit-box;\n      -webkit-line-clamp: 3;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n    .source-url {\n      font-size: var(--cg-font-size-xs);\n      color: var(--cg-color-input-text-placeholder);\n      margin-top: var(--cg-spacing-4);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    /* ── List mode ── */\n    .list {\n      display: flex;\n      flex-direction: column;\n      gap: var(--cg-spacing-2);\n    }\n    .list-item {\n      display: flex;\n      align-items: flex-start;\n      gap: var(--cg-spacing-8);\n      padding: var(--cg-spacing-8) 0;\n      border-bottom: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);\n    }\n    .list-item:last-child { border-bottom: none; }\n\n    .list-content { flex: 1; min-width: 0; }\n    .list-title {\n      font-size: var(--cg-font-size-sm);\n      font-weight: var(--cg-font-weight-medium);\n      color: var(--cg-color-surface-cards-text);\n    }\n    .list-title a {\n      color: var(--cg-color-surface-cards-text);\n      text-decoration: none;\n      border-radius: var(--cg-border-radius-50);\n    }\n    .list-title a:hover { text-decoration: underline; }\n    .list-title a:focus-visible {\n      outline: none;\n      box-shadow: 0 0 0 var(--cg-border-width-300) var(--cg-color-focus-ring);\n    }\n    .list-excerpt {\n      font-size: var(--cg-font-size-xs);\n      color: var(--cg-color-input-text-placeholder);\n      line-height: var(--cg-line-height-snug);\n      margin-top: var(--cg-spacing-4);\n    }\n\n    .sources-label {\n      font-size: var(--cg-font-size-xs);\n      font-weight: var(--cg-font-weight-semibold);\n      color: var(--cg-color-input-text-placeholder);\n      text-transform: uppercase;\n      letter-spacing: var(--cg-letter-spacing-wide);\n      margin-bottom: var(--cg-spacing-8);\n    }\n  `];\n\n  @property({ type: Array }) sources: CitationSource[] = [];\n  @property() mode: 'inline' | 'list' = 'inline';\n  @property({ type: Number }) maxVisible = 5;\n\n  @state() private _expandedIndex = -1;\n\n  private _sanitizeUrl(url?: string): string | undefined {\n    if (!url) return undefined;\n    const trimmed = url.trim();\n    if (!trimmed) return undefined;\n    const lower = trimmed.toLowerCase().replace(/[\\s\\u0000-\\u001f]/g, '');\n    if (lower.startsWith('javascript:') || lower.startsWith('data:') || lower.startsWith('vbscript:')) return undefined;\n    if (lower.startsWith('http:') || lower.startsWith('https:') || lower.startsWith('//')) return trimmed;\n    const colonIndex = trimmed.indexOf(':');\n    const slashIndex = trimmed.indexOf('/');\n    if (colonIndex === -1 || (slashIndex !== -1 && slashIndex < colonIndex)) return trimmed;\n    return undefined;\n  }\n\n  private _relevanceClass(r?: number): string {\n    if (!r) return 'low';\n    return r >= 0.7 ? 'high' : r >= 0.4 ? 'medium' : 'low';\n  }\n\n  private _relevanceLabel(r?: number): string {\n    if (r === undefined || r === null) return 'Relevance unknown';\n    return `Relevance: ${Math.round(r * 100)}%`;\n  }\n\n  private _handleCiteClick(index: number) {\n    this._expandedIndex = this._expandedIndex === index ? -1 : index;\n    this.dispatchEvent(new CustomEvent('ai-citation-click', {\n      bubbles: true, composed: true,\n      detail: { index, source: this.sources[index] },\n    }));\n  }\n\n  private _renderCard(source: CitationSource, index: number) {\n    const safeUrl = this._sanitizeUrl(source.url);\n    return html`\n      <div class=\"source-card\">\n        <div class=\"source-header\">\n          <div class=\"source-number\">${index + 1}</div>\n          ${safeUrl\n            ? html`<a class=\"source-title\" href=\"${safeUrl}\" target=\"_blank\" rel=\"noopener\">${source.title}</a>`\n            : html`<span class=\"source-title\">${source.title}</span>`}\n          <cg-tooltip content=${this._relevanceLabel(source.relevance)} position=\"top\">\n            <span class=\"relevance-dot ${this._relevanceClass(source.relevance)}\" aria-label=${this._relevanceLabel(source.relevance)}></span>\n          </cg-tooltip>\n        </div>\n        ${source.excerpt ? html`<div class=\"source-excerpt\">${source.excerpt}</div>` : nothing}\n        ${safeUrl ? html`<div class=\"source-url\">${safeUrl}</div>` : nothing}\n      </div>\n    `;\n  }\n\n  override render() {\n    if (!this.sources.length) return nothing;\n\n    if (this.mode === 'list') {\n      return html`\n        <div class=\"list\">\n          <div class=\"sources-label\">Sources (${this.sources.length})</div>\n          ${this.sources.map((s, i) => {\n            const safeUrl = this._sanitizeUrl(s.url);\n            return html`\n              <div class=\"list-item\">\n                <div class=\"source-number\">${i + 1}</div>\n                <div class=\"list-content\">\n                  <div class=\"list-title\">\n                    ${safeUrl ? html`<a href=\"${safeUrl}\" target=\"_blank\" rel=\"noopener\">${s.title}</a>` : s.title}\n                  </div>\n                  ${s.excerpt ? html`<div class=\"list-excerpt\">${s.excerpt}</div>` : nothing}\n                </div>\n                <cg-tooltip content=${this._relevanceLabel(s.relevance)} position=\"top\">\n                  <span class=\"relevance-dot ${this._relevanceClass(s.relevance)}\" aria-label=${this._relevanceLabel(s.relevance)}></span>\n                </cg-tooltip>\n              </div>\n            `;\n          })}\n        </div>\n      `;\n    }\n\n    const visible = this.sources.slice(0, this.maxVisible);\n    const remaining = this.sources.length - this.maxVisible;\n\n    return html`\n      <span class=\"inline\">\n        ${visible.map((s, i) => html`\n          <button\n            type=\"button\"\n            class=\"cite-badge\"\n            aria-label=\"Source ${i + 1}: ${s.title}\"\n            aria-expanded=\"${this._expandedIndex === i}\"\n            @click=${() => this._handleCiteClick(i)}\n          >${i + 1}</button>\n          ${this._expandedIndex === i ? this._renderCard(s, i) : nothing}\n        `)}\n        ${remaining > 0 ? html`<span class=\"cite-badge more\" aria-label=\"${remaining} more source${remaining > 1 ? 's' : ''}\">+${remaining}</span>` : nothing}\n      </span>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ai-citation': AiCitation;\n  }\n}\n"],"names":["AiCitation","LitElement","url","trimmed","lower","colonIndex","slashIndex","r","index","source","safeUrl","html","nothing","s","visible","remaining","hostBlock","reducedMotion","css","__decorateClass","property","state","customElement"],"mappings":"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"}

package/dist/components/ai-collaborative-editor/ai-collaborative-editor.d.ts

@@ -0,0 +1,54 @@
+import { LitElement } from 'lit';
+export interface EditorCursor {
+    user: string;
+    position: number;
+    color: string;
+}
+export declare class AiCollaborativeEditor extends LitElement {
+    static styles: import('lit').CSSResult[];
+    content: string;
+    cursors: EditorCursor[];
+    editable: boolean;
+    placeholder: string;
+    title: string;
+    /** Sync state shown in the footer. Consumers flip this during save. */
+    sync: 'idle' | 'saving' | 'saved' | 'error';
+    /** ms of cursor inactivity before the user's label fades out. 0 disables. */
+    idleFadeDelay: number;
+    private _charCount;
+    private _wordCount;
+    private _idleUsers;
+    /** Per-cursor screen positions in textarea-relative pixels. */
+    private _cursorPositions;
+    private _textarea;
+    private _mirror;
+    private _idleTimers;
+    private _previousPositions;
+    updated(changed: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    private _updateCounts;
+    /**
+     * For each remote cursor, measure where its caret would render by inserting
+     * a zero-width marker at that offset in a hidden mirror element with the
+     * same metrics as the textarea, then reading the rect.
+     *
+     * Replaces the previous `charWidth = 8.4 / lineHeight = 22.4` heuristic
+     * which silently drifted under any zoom or font fallback.
+     */
+    private _measureCursors;
+    /**
+     * When a remote cursor's `position` changes, the user is "active" — clear
+     * the idle flag and (re)start a timer that marks them idle after
+     * idleFadeDelay ms.
+     */
+    private _handleCursorActivity;
+    private _onInput;
+    private _onSelect;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ai-collaborative-editor': AiCollaborativeEditor;
+    }
+}
+//# sourceMappingURL=ai-collaborative-editor.d.ts.map

package/dist/components/ai-collaborative-editor/ai-collaborative-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-collaborative-editor.d.ts","sourceRoot":"","sources":["../../../src/components/ai-collaborative-editor/ai-collaborative-editor.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD,OAAO,2BAA2B,CAAC;AACnC,OAAO,6BAA6B,CAAC;AAErC,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBACa,qBAAsB,SAAQ,UAAU;IACnD,OAAgB,MAAM,4BA+KnB;IAEyB,OAAO,SAAM;IACd,OAAO,EAAE,YAAY,EAAE,CAAM;IAC3B,QAAQ,UAAQ;IACjB,WAAW,SAAmB;IACrB,KAAK,SAAM;IAChD,uEAAuE;IAC1C,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAU;IAClF,6EAA6E;IACnB,aAAa,SAAQ;IAEtE,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,UAAU,CAAqB;IAChD,+DAA+D;IACtD,OAAO,CAAC,gBAAgB,CAAoD;IAElE,OAAO,CAAC,SAAS,CAAuB;IACzC,OAAO,CAAC,OAAO,CAAkB;IAEnD,OAAO,CAAC,WAAW,CAA6B;IAChD,OAAO,CAAC,kBAAkB,CAA6B;IAE9C,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAS5C,oBAAoB,IAAI,IAAI;IAMrC,OAAO,CAAC,aAAa;IAMrB;;;;;;;OAOG;IACH,OAAO,CAAC,eAAe;IAyBvB;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;IA6B7B,OAAO,CAAC,QAAQ;IAUhB,OAAO,CAAC,SAAS;IAYR,MAAM;CA2EhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,qBAAqB,CAAC;KAClD;CACF"}