chordia-ui 3.7.0 → 3.7.2

package/dist/components/chat.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat.cjs.js","sources":["../../src/components/chat/ChatMessage.jsx","../../src/components/chat/ThinkingIndicator.jsx","../../src/components/chat/ChatInterface.jsx","../../src/components/chat/ChatHistoryPanel.jsx","../../src/components/chat/MessageThread.jsx"],"sourcesContent":["\"use client\";\n\nimport React, { useState } from \"react\";\nimport { Wrench, Copy, Check, PanelRightOpen } from \"lucide-react\";\n\n/**\n * Lightweight Markdown Renderer\n * Handles: code blocks, inline code, bold, italic, links, lists, headers, horizontal rules, file paths\n */\nconst MarkdownRenderer = ({ content, onCodeBlockClick, onFilePathClick }) => {\n  const [copiedBlocks, setCopiedBlocks] = useState(new Set());\n\n  const copyToClipboard = async (text, blockId) => {\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopiedBlocks(prev => new Set([...prev, blockId]));\n      setTimeout(() => {\n        setCopiedBlocks(prev => {\n          const newSet = new Set(prev);\n          newSet.delete(blockId);\n          return newSet;\n        });\n      }, 2000);\n    } catch (err) {\n      console.error('Failed to copy text:', err);\n    }\n  };\n\n  const renderCodeBlock = (code, language, blockId) => {\n    const isCopied = copiedBlocks.has(blockId);\n    \n    return (\n      <div \n        key={blockId}\n        style={{\n          position: 'relative',\n          marginBottom: '16px',\n          borderRadius: '8px',\n          background: 'var(--ink, #1E2125)',\n          border: '1px solid var(--border-subtle, rgba(52,58,64,0.08))',\n          overflow: 'hidden',\n        }}\n      >\n        {/* Header with language and copy button */}\n        <div style={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          alignItems: 'center',\n          padding: '8px 12px',\n          background: 'rgba(255,255,255,0.05)',\n          borderBottom: '1px solid rgba(255,255,255,0.1)',\n        }}>\n          <span style={{\n            fontSize: '11px',\n            color: 'rgba(255,255,255,0.7)',\n            fontFamily: 'var(--font-mono, monospace)',\n            textTransform: 'uppercase',\n            letterSpacing: '0.05em',\n          }}>\n            {language || 'code'}\n          </span>\n          <button\n            onClick={() => copyToClipboard(code, blockId)}\n            style={{\n              background: 'none',\n              border: 'none',\n              color: 'rgba(255,255,255,0.7)',\n              cursor: 'pointer',\n              padding: '4px',\n              borderRadius: '4px',\n              display: 'flex',\n              alignItems: 'center',\n              gap: '4px',\n              fontSize: '11px',\n              transition: 'all 0.15s ease',\n            }}\n            onMouseEnter={(e) => {\n              e.target.style.background = 'rgba(255,255,255,0.1)';\n              e.target.style.color = 'rgba(255,255,255,0.9)';\n            }}\n            onMouseLeave={(e) => {\n              e.target.style.background = 'none';\n              e.target.style.color = 'rgba(255,255,255,0.7)';\n            }}\n          >\n            {isCopied ? <Check size={12} /> : <Copy size={12} />}\n            {isCopied ? 'Copied!' : 'Copy'}\n          </button>\n          {onCodeBlockClick && (\n            <button\n              onClick={() => onCodeBlockClick({ code, language })}\n              style={{\n                background: 'none',\n                border: 'none',\n                color: 'rgba(255,255,255,0.7)',\n                cursor: 'pointer',\n                padding: '4px',\n                borderRadius: '4px',\n                display: 'flex',\n                alignItems: 'center',\n                gap: '4px',\n                fontSize: '11px',\n                transition: 'all 0.15s ease',\n              }}\n              onMouseEnter={(e) => {\n                e.currentTarget.style.background = 'rgba(255,255,255,0.1)';\n                e.currentTarget.style.color = 'rgba(255,255,255,0.9)';\n              }}\n              onMouseLeave={(e) => {\n                e.currentTarget.style.background = 'none';\n                e.currentTarget.style.color = 'rgba(255,255,255,0.7)';\n              }}\n            >\n              <PanelRightOpen size={12} />\n              Canvas\n            </button>\n          )}\n        </div>\n        {/* Code content */}\n        <pre style={{\n          margin: 0,\n          padding: '12px',\n          fontFamily: 'var(--font-mono, monospace)',\n          fontSize: '13px',\n          lineHeight: 1.4,\n          color: 'rgba(255,255,255,0.95)',\n          overflow: 'auto',\n          whiteSpace: 'pre-wrap',\n          wordBreak: 'break-word',\n        }}>\n          {code}\n        </pre>\n      </div>\n    );\n  };\n\n  const parseMarkdown = (text) => {\n    const elements = [];\n    const lines = text.split('\\n');\n    let i = 0;\n    let blockId = 0;\n\n    while (i < lines.length) {\n      const line = lines[i];\n      \n      // Code blocks (```language)\n      if (line.trim().startsWith('```')) {\n        const language = line.trim().slice(3);\n        let codeLines = [];\n        i++;\n        \n        while (i < lines.length && !lines[i].trim().startsWith('```')) {\n          codeLines.push(lines[i]);\n          i++;\n        }\n        \n        if (i < lines.length) i++; // Skip closing ```\n        \n        elements.push(renderCodeBlock(codeLines.join('\\n'), language, `code-${blockId++}`));\n        continue;\n      }\n      \n      // Headers\n      if (line.startsWith('#')) {\n        const level = line.match(/^#+/)[0].length;\n        const text = line.slice(level).trim();\n        const HeaderTag = level === 1 ? 'h2' : level === 2 ? 'h3' : level === 3 ? 'h4' : 'h5';\n        \n        elements.push(\n          React.createElement(HeaderTag, {\n            key: `header-${i}`,\n            style: {\n              fontSize: level === 1 ? '18px' : level === 2 ? '16px' : '14px',\n              fontWeight: 720,\n              color: 'var(--text-strong, rgba(30,33,37,0.92))',\n              marginTop: elements.length > 0 ? '20px' : '0',\n              marginBottom: '8px',\n              lineHeight: 1.3,\n            }\n          }, text)\n        );\n        i++;\n        continue;\n      }\n      \n      // Horizontal rule\n      if (line.trim() === '---' || line.trim() === '***') {\n        elements.push(\n          <hr key={`hr-${i}`} style={{\n            border: 'none',\n            borderTop: '1px solid var(--border-subtle, rgba(52,58,64,0.08))',\n            margin: '16px 0',\n          }} />\n        );\n        i++;\n        continue;\n      }\n      \n      // Lists\n      if (line.match(/^(\\s*)([-*+]|\\d+\\.)\\s/)) {\n        const listItems = [];\n        const isOrdered = /^\\s*\\d+\\./.test(line);\n        \n        while (i < lines.length && (lines[i].match(/^(\\s*)([-*+]|\\d+\\.)\\s/) || lines[i].trim() === '')) {\n          if (lines[i].trim() !== '') {\n            const match = lines[i].match(/^(\\s*)([-*+]|\\d+\\.)\\s(.*)$/);\n            if (match) {\n              listItems.push(match[3]);\n            }\n          }\n          i++;\n        }\n        \n        const ListTag = isOrdered ? 'ol' : 'ul';\n        elements.push(\n          React.createElement(ListTag, {\n            key: `list-${i}`,\n            style: {\n              margin: '8px 0',\n              paddingLeft: '20px',\n              color: 'var(--text-strong, rgba(30,33,37,0.92))',\n            }\n          }, listItems.map((item, idx) => \n            React.createElement('li', {\n              key: `item-${idx}`,\n              style: { marginBottom: '4px' }\n            }, parseInlineMarkdownWithContext(item))\n          ))\n        );\n        continue;\n      }\n      \n      // Tables (lines starting with |)\n      if (line.trim().startsWith('|') && line.trim().endsWith('|')) {\n        const tableRows = [];\n        while (i < lines.length && lines[i].trim().startsWith('|') && lines[i].trim().endsWith('|')) {\n          tableRows.push(lines[i]);\n          i++;\n        }\n        \n        if (tableRows.length >= 2) {\n          // Parse cells from each row\n          const parseCells = (row) => row.trim().slice(1, -1).split('|').map(c => c.trim());\n          const headerCells = parseCells(tableRows[0]);\n          \n          // Check if row 1 is a separator (---|---|---)\n          const isSeparator = (row) => parseCells(row).every(c => /^[-:]+$/.test(c));\n          const hasSeparator = tableRows.length >= 2 && isSeparator(tableRows[1]);\n          const bodyStart = hasSeparator ? 2 : 1;\n          \n          // Parse alignment from separator\n          const alignments = hasSeparator ? parseCells(tableRows[1]).map(c => {\n            if (c.startsWith(':') && c.endsWith(':')) return 'center';\n            if (c.endsWith(':')) return 'right';\n            return 'left';\n          }) : headerCells.map(() => 'left');\n          \n          const cellStyle = {\n            padding: '6px 12px',\n            borderBottom: '1px solid var(--border-subtle, rgba(52,58,64,0.08))',\n            fontSize: '13px',\n            lineHeight: 1.5,\n            color: 'var(--text-strong, rgba(30,33,37,0.92))',\n            // Override the chat bubble's inherited `word-break: break-word`\n            // so cells size to natural min-content; the wrapper's\n            // overflow-x: auto handles wide tables via horizontal scroll\n            // instead of collapsing columns char-by-char on long URLs.\n            wordBreak: 'normal',\n            overflowWrap: 'normal',\n          };\n          \n          elements.push(\n            <div key={`table-${i}`} style={{ overflowX: 'auto', margin: '8px 0' }}>\n              <table style={{\n                borderCollapse: 'collapse',\n                width: '100%',\n                border: '1px solid var(--border-subtle, rgba(52,58,64,0.08))',\n                borderRadius: '6px',\n                overflow: 'hidden',\n              }}>\n                {hasSeparator && (\n                  <thead>\n                    <tr style={{ background: 'var(--hover-warm-subtle, rgba(231,212,162,0.08))' }}>\n                      {headerCells.map((cell, ci) => (\n                        <th key={ci} style={{ ...cellStyle, fontWeight: 660, textAlign: alignments[ci] || 'left', whiteSpace: 'nowrap' }}>\n                          {parseInlineMarkdownWithContext(cell)}\n                        </th>\n                      ))}\n                    </tr>\n                  </thead>\n                )}\n                <tbody>\n                  {(hasSeparator ? tableRows.slice(bodyStart) : tableRows).map((row, ri) => (\n                    <tr key={ri} style={{ background: ri % 2 === 1 ? 'var(--hover-warm-subtle, rgba(231,212,162,0.04))' : 'transparent' }}>\n                      {parseCells(row).map((cell, ci) => (\n                        <td key={ci} style={{ ...cellStyle, textAlign: alignments[ci] || 'left' }}>\n                          {parseInlineMarkdownWithContext(cell)}\n                        </td>\n                      ))}\n                    </tr>\n                  ))}\n                </tbody>\n              </table>\n            </div>\n          );\n        }\n        continue;\n      }\n      \n      // Regular paragraphs\n      if (line.trim()) {\n        const paragraph = [];\n        while (i < lines.length && lines[i].trim() && !lines[i].match(/^(#|```|---|\\*\\*\\*|(\\s*)([-*+]|\\d+\\.)\\s)/) && !(lines[i].trim().startsWith('|') && lines[i].trim().endsWith('|'))) {\n          paragraph.push(lines[i]);\n          i++;\n        }\n        \n        if (paragraph.length > 0) {\n          elements.push(\n            <p key={`p-${i}`} style={{ \n              margin: '8px 0',\n              lineHeight: 1.6,\n              color: 'var(--text-strong, rgba(30,33,37,0.92))',\n            }}>\n              {parseInlineMarkdownWithContext(paragraph.join(' '))}\n            </p>\n          );\n        }\n      } else {\n        i++;\n      }\n    }\n    \n    return elements;\n  };\n\n  const parseInlineMarkdown = (text) => {\n    const elements = [];\n    let remaining = text;\n    let key = 0;\n\n    while (remaining.length > 0) {\n      // File paths (before other patterns to catch them first)\n      if (onFilePathClick) {\n        // Match file paths: containing /src/, /components/, /packages/ or ending in common extensions\n        const filePathMatch = remaining.match(/^([^\\s`*\\[]+(?:\\/src\\/|\\/components\\/|\\/packages\\/)[^\\s`*\\[]*|[^\\s`*\\[]*\\.(ts|tsx|js|jsx|py|css|scss|sass|json|md|yaml|yml|html|xml|sh|sql|go|rs|php|java|c|cpp|h|hpp)(?:\\b|$))/);\n        if (filePathMatch) {\n          const filePath = filePathMatch[1];\n          elements.push(\n            <span\n              key={`file-path-${key++}`}\n              onClick={() => onFilePathClick(filePath)}\n              style={{\n                color: 'var(--rail-discovery, #5E88B0)',\n                textDecoration: 'underline',\n                textDecorationStyle: 'dotted',\n                textUnderlineOffset: '2px',\n                cursor: 'pointer',\n                fontFamily: 'var(--font-mono, monospace)',\n                fontSize: '13px',\n                transition: 'all 0.15s ease',\n                ':hover': {\n                  background: 'var(--hover-warm-subtle, rgba(231,212,162,0.08))',\n                  textDecoration: 'underline',\n                  textDecorationStyle: 'solid'\n                }\n              }}\n              onMouseEnter={(e) => {\n                e.target.style.background = 'var(--hover-warm-subtle, rgba(231,212,162,0.08))';\n                e.target.style.textDecorationStyle = 'solid';\n              }}\n              onMouseLeave={(e) => {\n                e.target.style.background = 'none';\n                e.target.style.textDecorationStyle = 'dotted';\n              }}\n            >\n              {filePath}\n            </span>\n          );\n          remaining = remaining.slice(filePathMatch[0].length);\n          continue;\n        }\n      }\n\n      // Inline code\n      const inlineCodeMatch = remaining.match(/^`([^`]+)`/);\n      if (inlineCodeMatch) {\n        elements.push(\n          <code key={`inline-code-${key++}`} style={{\n            background: 'var(--hover-warm-subtle, rgba(231,212,162,0.08))',\n            border: '1px solid var(--border-subtle, rgba(52,58,64,0.08))',\n            borderRadius: '3px',\n            padding: '2px 4px',\n            fontFamily: 'var(--font-mono, monospace)',\n            fontSize: '12px',\n            color: 'var(--text-strong, rgba(30,33,37,0.92))',\n          }}>\n            {inlineCodeMatch[1]}\n          </code>\n        );\n        remaining = remaining.slice(inlineCodeMatch[0].length);\n        continue;\n      }\n\n      // Bold\n      const boldMatch = remaining.match(/^\\*\\*([^*]+)\\*\\*/);\n      if (boldMatch) {\n        elements.push(\n          <strong key={`bold-${key++}`} style={{\n            fontWeight: 720,\n            color: 'var(--text-strong, rgba(30,33,37,0.92))',\n          }}>\n            {boldMatch[1]}\n          </strong>\n        );\n        remaining = remaining.slice(boldMatch[0].length);\n        continue;\n      }\n\n      // Italic\n      const italicMatch = remaining.match(/^\\*([^*]+)\\*/);\n      if (italicMatch) {\n        elements.push(\n          <em key={`italic-${key++}`} style={{\n            fontStyle: 'italic',\n            color: 'var(--text-strong, rgba(30,33,37,0.92))',\n          }}>\n            {italicMatch[1]}\n          </em>\n        );\n        remaining = remaining.slice(italicMatch[0].length);\n        continue;\n      }\n\n      // Links\n      const linkMatch = remaining.match(/^\\[([^\\]]+)\\]\\(([^)]+)\\)/);\n      if (linkMatch) {\n        const linkText = linkMatch[1];\n        const linkHref = linkMatch[2];\n        const isViewButton = linkText === 'View';\n        const viewButtonStyle = {\n          display: 'inline-flex',\n          alignItems: 'center',\n          padding: '3px 10px',\n          background: 'var(--rail-discovery, #5E88B0)',\n          color: '#fff',\n          textDecoration: 'none',\n          borderRadius: '4px',\n          fontSize: '12px',\n          fontWeight: 600,\n          whiteSpace: 'nowrap',\n          cursor: 'pointer',\n        };\n        const defaultLinkStyle = {\n          color: 'var(--rail-discovery, #5E88B0)',\n          textDecoration: 'underline',\n          textUnderlineOffset: '2px',\n        };\n        elements.push(\n          <a key={`link-${key++}`}\n             href={linkHref}\n             target=\"_blank\"\n             rel=\"noopener noreferrer\"\n             style={isViewButton ? viewButtonStyle : defaultLinkStyle}>\n            {linkText}\n          </a>\n        );\n        remaining = remaining.slice(linkMatch[0].length);\n        continue;\n      }\n\n      // Regular text — consume up to the next special char, or consume the special char itself if no pattern matched\n      const nextSpecialChar = remaining.search(/[`*\\[]/);\n      if (nextSpecialChar === -1) {\n        // No more special chars — add rest and break\n        elements.push(remaining);\n        break;\n      } else if (nextSpecialChar === 0) {\n        // Special char at position 0 but no pattern matched — consume it as text\n        elements.push(remaining[0]);\n        remaining = remaining.slice(1);\n      } else {\n        elements.push(remaining.slice(0, nextSpecialChar));\n        remaining = remaining.slice(nextSpecialChar);\n      }\n    }\n\n    return elements.length === 1 && typeof elements[0] === 'string' ? elements[0] : elements;\n  };\n\n  // Helper to pass context to parseInlineMarkdown calls within parseMarkdown\n  const parseInlineMarkdownWithContext = (text) => parseInlineMarkdown(text);\n  \n  return <div>{parseMarkdown(content)}</div>;\n};\n\n/**\n * ChatMessage Component\n * Individual message in chat interface with markdown support for assistant messages\n */\nexport default function ChatMessage({ \n  role, \n  content, \n  html, \n  timestamp, \n  toolBadges, \n  isStreaming,\n  onCodeBlockClick,\n  onFilePathClick,\n}) {\n  const isUser = role === \"user\";\n\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: isUser ? \"flex-end\" : \"flex-start\",\n        marginBottom: \"16px\",\n        maxWidth: \"100%\",\n      }}\n    >\n      {/* Role label */}\n      <div\n        style={{\n          fontSize: \"var(--text-sm, 11px)\",\n          color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n          marginBottom: \"6px\",\n          fontWeight: 650,\n          letterSpacing: \"0.02em\",\n        }}\n      >\n        {isUser ? \"You\" : \"Chordia\"}\n        {isStreaming && !isUser && (\n          <span style={{ marginLeft: \"6px\", color: \"var(--rail-purple, #9B7AA8)\" }}>\n            ●\n          </span>\n        )}\n      </div>\n\n      {/* Tool badges */}\n      {toolBadges && toolBadges.length > 0 && (\n        <div style={{ \n          marginBottom: \"8px\", \n          display: \"flex\", \n          flexWrap: \"wrap\", \n          gap: \"4px\",\n          maxWidth: \"75%\" \n        }}>\n          {toolBadges.map((badge, index) => (\n            <span \n              key={badge.id || index}\n              style={{\n                display: \"inline-block\",\n                fontSize: \"11px\",\n                padding: \"2px 8px\",\n                borderRadius: \"6px\",\n                background: \"var(--paper-elevated, rgba(255,255,255,0.82))\",\n                border: `1px solid ${\n                  badge.pending \n                    ? \"var(--rail-discovery, #5A8CC0)\" \n                    : badge.success !== false \n                      ? \"var(--state-present, #5CB85C)\" \n                      : \"var(--rail-signal-churn, #C98A5A)\"\n                }`,\n                color: badge.pending \n                  ? \"var(--rail-discovery, #5A8CC0)\" \n                  : badge.success !== false \n                    ? \"var(--state-present, #5CB85C)\" \n                    : \"var(--rail-signal-churn, #C98A5A)\",\n              }}\n            >\n              <Wrench size={10} style={{ marginRight: 3, verticalAlign: \"middle\" }} />\n              {badge.name}\n              {badge.pending ? \"...\" : badge.success !== false ? \" ✓\" : \" ✗\"}\n            </span>\n          ))}\n        </div>\n      )}\n\n      {/* Message bubble */}\n      <div\n        style={{\n          maxWidth: \"75%\",\n          padding: \"12px 16px\",\n          borderRadius: \"var(--radius-lg, 12px)\",\n          background: isUser\n            ? \"var(--card-customer, rgba(94,136,176,0.08))\"\n            : \"var(--paper-elevated, rgba(255,255,255,0.82))\",\n          border: isUser\n            ? \"1px solid var(--border-subtle, rgba(52,58,64,0.08))\"\n            : \"1px solid var(--border, rgba(52,58,64,0.12))\",\n          fontSize: \"var(--text-base, 14px)\",\n          lineHeight: 1.6,\n          color: \"var(--text-strong, rgba(30,33,37,0.92))\",\n          wordBreak: \"break-word\",\n        }}\n      >\n        {html ? (\n          <div dangerouslySetInnerHTML={{ __html: html }} />\n        ) : isUser ? (\n          // User messages stay plain text\n          <div style={{ whiteSpace: \"pre-wrap\" }}>{content}</div>\n        ) : (\n          // Assistant messages get markdown rendering\n          <MarkdownRenderer content={content || \"\"} onCodeBlockClick={onCodeBlockClick} onFilePathClick={onFilePathClick} />\n        )}\n      </div>\n\n      {/* Timestamp */}\n      {timestamp && (\n        <div\n          style={{\n            fontSize: \"var(--text-xs-plus, 10.5px)\",\n            color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n            marginTop: \"4px\",\n            fontFamily: \"var(--font-mono, monospace)\",\n          }}\n        >\n          {timestamp}\n        </div>\n      )}\n    </div>\n  );\n}","\"use client\";\n\nexport default function ThinkingIndicator({ \n  phase = \"thinking\", \n  toolSteps = [], \n  label,\n  elapsedMs,\n  compact = false\n}) {\n  const formatElapsedTime = (ms) => {\n    if (!ms || ms < 1000) return null;\n    const seconds = Math.floor(ms / 1000);\n    if (seconds < 60) return `${seconds}s`;\n    const minutes = Math.floor(seconds / 60);\n    const remainingSeconds = seconds % 60;\n    return remainingSeconds > 0 ? `${minutes}m ${remainingSeconds}s` : `${minutes}m`;\n  };\n\n  const getPhaseLabel = () => {\n    if (label) return label;\n    switch (phase) {\n      case \"thinking\": return \"Thinking...\";\n      case \"tool\": return null;\n      case \"responding\": return \"Responding...\";\n      default: return \"Thinking...\";\n    }\n  };\n\n  const renderToolStep = (step, index) => {\n    const getStatusDot = () => {\n      const baseDotStyle = {\n        width: compact ? '4px' : '6px',\n        height: compact ? '4px' : '6px',\n        borderRadius: '50%',\n        display: 'inline-block',\n        marginRight: compact ? '6px' : '8px'\n      };\n\n      switch (step.status) {\n        case 'active':\n          return (\n            <span \n              style={{\n                ...baseDotStyle,\n                backgroundColor: 'var(--rail-purple, #9B7AA8)',\n                animation: 'pulse 1.2s ease-in-out infinite'\n              }}\n            />\n          );\n        case 'done':\n          return (\n            <span \n              style={{\n                ...baseDotStyle,\n                backgroundColor: 'var(--text-xfaint, rgba(30,33,37,0.28))'\n              }}\n            />\n          );\n        case 'error':\n          return (\n            <span \n              style={{\n                ...baseDotStyle,\n                backgroundColor: 'var(--rail-compliance, #C98A5A)'\n              }}\n            />\n          );\n        default:\n          return (\n            <span \n              style={{\n                ...baseDotStyle,\n                backgroundColor: 'var(--text-xfaint, rgba(30,33,37,0.28))'\n              }}\n            />\n          );\n      }\n    };\n\n    const getStatusText = () => {\n      switch (step.status) {\n        case 'done':\n          return (\n            <span style={{ \n              color: 'var(--text-faint, rgba(30,33,37,0.36))',\n              fontSize: compact ? '9px' : 'var(--text-xs-plus, 10.5px)'\n            }}>\n              ✓\n            </span>\n          );\n        case 'error':\n          return (\n            <span style={{ \n              color: 'var(--rail-compliance, #C98A5A)',\n              fontSize: compact ? '9px' : 'var(--text-xs-plus, 10.5px)'\n            }}>\n              failed\n            </span>\n          );\n        default:\n          return null;\n      }\n    };\n\n    return (\n      <div \n        key={index}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          marginBottom: compact ? '2px' : '4px'\n        }}\n      >\n        <div style={{ display: 'flex', alignItems: 'center' }}>\n          {getStatusDot()}\n          <span style={{\n            fontFamily: 'var(--font-mono)',\n            fontSize: compact ? '9px' : 'var(--text-xs-plus, 10.5px)',\n            color: 'var(--text-muted)'\n          }}>\n            {step.name}\n          </span>\n        </div>\n        {getStatusText()}\n      </div>\n    );\n  };\n\n  const renderShimmerBar = () => (\n    <div style={{\n      width: '100%',\n      height: compact ? '2px' : '3px',\n      backgroundColor: 'var(--border-subtle, rgba(52,58,64,0.08))',\n      borderRadius: compact ? '2px' : '3px',\n      overflow: 'hidden',\n      position: 'relative'\n    }}>\n      <div style={{\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        background: 'linear-gradient(90deg, transparent 0%, rgba(155,122,168,0.3) 50%, transparent 100%)',\n        animation: 'shimmer 2s linear infinite'\n      }} />\n    </div>\n  );\n\n  const renderCursor = () => (\n    <span style={{\n      width: compact ? '4px' : '6px',\n      height: compact ? '10px' : '14px',\n      backgroundColor: 'var(--rail-purple, #9B7AA8)',\n      borderRadius: '1px',\n      display: 'inline-block',\n      marginLeft: '2px',\n      animation: 'cursorBlink 0.8s ease-in-out infinite'\n    }} />\n  );\n\n  const phaseLabel = getPhaseLabel();\n  const elapsedTime = formatElapsedTime(elapsedMs);\n\n  return (\n    <div style={{\n      borderLeft: `${compact ? '3px' : '4px'} solid var(--rail-purple, #9B7AA8)`,\n      backgroundColor: 'var(--card-assistant, rgba(155,122,168,0.06))',\n      border: '1px solid var(--border-subtle, rgba(52,58,64,0.08))',\n      borderRadius: compact ? '8px' : '10px',\n      padding: compact ? '8px 10px 8px 12px' : '10px 14px 10px 18px'\n    }}>\n      <style>\n        {`\n          @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(200%); }\n          }\n          \n          @keyframes pulse {\n            0%, 100% { opacity: 0.4; }\n            50% { opacity: 1.0; }\n          }\n          \n          @keyframes cursorBlink {\n            0%, 100% { opacity: 0; }\n            50% { opacity: 1; }\n          }\n        `}\n      </style>\n      \n      {/* Header */}\n      {!compact && (\n        <div style={{\n          fontSize: 'var(--text-xs-plus, 10.5px)',\n          fontWeight: 650,\n          textTransform: 'uppercase',\n          letterSpacing: 'var(--tracking-label, 0.16em)',\n          color: 'var(--text-faint, rgba(30,33,37,0.36))',\n          marginBottom: '8px'\n        }}>\n          AI ASSISTANT\n        </div>\n      )}\n\n      {/* Content based on phase */}\n      {phase === \"thinking\" && (\n        <div>\n          <div style={{\n            color: 'var(--text-muted)',\n            fontWeight: 400,\n            fontSize: compact ? '11px' : '13px',\n            marginBottom: compact ? '4px' : '8px',\n            display: 'flex',\n            alignItems: 'center',\n            gap: '6px'\n          }}>\n            {phaseLabel}\n            {elapsedTime && (\n              <span style={{\n                fontSize: compact ? '9px' : '10px',\n                color: 'var(--text-faint, rgba(30,33,37,0.36))',\n                fontFamily: 'var(--font-mono, monospace)',\n              }}>\n                {elapsedTime}\n              </span>\n            )}\n          </div>\n          {renderShimmerBar()}\n        </div>\n      )}\n\n      {phase === \"tool\" && (\n        <div>\n          {phaseLabel && (\n            <div style={{\n              color: 'var(--text-muted)',\n              fontWeight: 400,\n              fontSize: compact ? '11px' : '13px',\n              marginBottom: compact ? '4px' : '8px',\n              display: 'flex',\n              alignItems: 'center',\n              gap: '6px'\n            }}>\n              {phaseLabel}\n              {elapsedTime && (\n                <span style={{\n                  fontSize: compact ? '9px' : '10px',\n                  color: 'var(--text-faint, rgba(30,33,37,0.36))',\n                  fontFamily: 'var(--font-mono, monospace)',\n                }}>\n                  {elapsedTime}\n                </span>\n              )}\n            </div>\n          )}\n          <div style={{ marginBottom: compact ? '4px' : '8px' }}>\n            {toolSteps.map((step, index) => renderToolStep(step, index))}\n          </div>\n          {renderShimmerBar()}\n        </div>\n      )}\n\n      {phase === \"responding\" && (\n        <div style={{\n          color: 'var(--text-muted)',\n          fontWeight: 400,\n          fontSize: compact ? '11px' : '13px',\n          display: 'flex',\n          alignItems: 'center',\n          gap: '6px'\n        }}>\n          <div style={{ display: 'flex', alignItems: 'center' }}>\n            {phaseLabel}\n            {renderCursor()}\n          </div>\n          {elapsedTime && (\n            <span style={{\n              fontSize: compact ? '9px' : '10px',\n              color: 'var(--text-faint, rgba(30,33,37,0.36))',\n              fontFamily: 'var(--font-mono, monospace)',\n            }}>\n              {elapsedTime}\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}","\"use client\";\n\nimport React, { useState, useRef, useEffect } from \"react\";\nimport { Send } from \"lucide-react\";\nimport ChatMessage from \"./ChatMessage\";\nimport ThinkingIndicator from \"./ThinkingIndicator\";\n// TODO: replace with framework-agnostic toast\nconst toast = { error: (...args) => console.warn(\"toast.error:\", ...args) };\n\n/**\n * ChatInterface Component\n * Interactive chat interface with streaming SSE support, thinking phases, and tool visibility.\n */\nexport default function ChatInterface({\n  initialMessages = [],\n  onSendMessage,\n  onStreamMessage, // NEW: streaming version of onSendMessage\n  onMessagesChange, // NEW: callback when messages array changes\n  onCodeBlockClick, // callback when \"Canvas\" button clicked on a code block: ({ code, language }) => void\n  placeholder = \"Ask a question about this interaction...\",\n  title = \"Chat with Chordia\",\n}) {\n  const [messages, setMessages] = useState(initialMessages || []);\n  const [inputValue, setInputValue] = useState(\"\");\n  const [isProcessing, setIsProcessing] = useState(false);\n  const [isSending, setIsSending] = useState(false);\n  const [currentAssistantMessage, setCurrentAssistantMessage] = useState(null);\n  const [thinkingPhase, setThinkingPhase] = useState(\"thinking\");\n  const [thinkingStartTime, setThinkingStartTime] = useState(null);\n  const [elapsedMs, setElapsedMs] = useState(0);\n  const messagesEndRef = useRef(null);\n  const inputRef = useRef(null);\n  const streamAbortController = useRef(null);\n  const currentAssistantRef = useRef(null);\n  const lastChunkTimeRef = useRef(null);\n  const [streamSilent, setStreamSilent] = useState(false);\n  const [silenceSeconds, setSilenceSeconds] = useState(0);\n\n  // Auto-scroll to bottom when messages change\n  useEffect(() => {\n    messagesEndRef.current?.scrollIntoView({ behavior: \"smooth\" });\n  }, [messages, isProcessing]);\n\n  // Auto-resize textarea\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.style.height = \"auto\";\n      inputRef.current.style.height = `${Math.min(\n        inputRef.current.scrollHeight,\n        120\n      )}px`;\n    }\n  }, [inputValue]);\n\n  // Update messages and notify parent\n  useEffect(() => {\n    if (onMessagesChange) {\n      const allMessages = [...messages];\n      if (currentAssistantMessage) {\n        allMessages.push(currentAssistantMessage);\n      }\n      onMessagesChange(allMessages);\n    }\n  }, [messages, currentAssistantMessage, onMessagesChange]);\n\n  // Elapsed time tracker + silence detector\n  useEffect(() => {\n    let interval;\n    if (isProcessing && thinkingStartTime) {\n      interval = setInterval(() => {\n        setElapsedMs(Date.now() - thinkingStartTime);\n        // Detect stream silence (no chunks for 3s+)\n        if (lastChunkTimeRef.current) {\n          const gap = (Date.now() - lastChunkTimeRef.current) / 1000;\n          if (gap >= 3) {\n            setStreamSilent(true);\n            setSilenceSeconds(Math.floor(gap));\n          } else {\n            setStreamSilent(false);\n          }\n        }\n      }, 500);\n    }\n    return () => interval && clearInterval(interval);\n  }, [isProcessing, thinkingStartTime]);\n\n  const resetProcessingState = () => {\n    setIsProcessing(false);\n    setIsSending(false);\n    setCurrentAssistantMessage(null);\n    currentAssistantRef.current = null;\n    setThinkingPhase(\"thinking\");\n    setStreamSilent(false);\n    setSilenceSeconds(0);\n    lastChunkTimeRef.current = null;\n    setThinkingStartTime(null);\n    setElapsedMs(0);\n    if (streamAbortController.current) {\n      streamAbortController.current.abort();\n      streamAbortController.current = null;\n    }\n  };\n\n  const parseSSELine = (line) => {\n    if (line.startsWith(\"data: \")) {\n      const data = line.slice(6);\n      if (data === \"[DONE]\") {\n        return { type: \"done\" };\n      }\n      try {\n        const parsed = JSON.parse(data);\n        return { type: \"data\", data: parsed };\n      } catch (e) {\n        return null;\n      }\n    }\n    return null;\n  };\n\n  const handleStreamChunk = (chunk) => {\n    if (!chunk.choices?.[0]?.delta) return;\n\n    lastChunkTimeRef.current = Date.now();\n    setStreamSilent(false);\n\n    const delta = chunk.choices[0].delta;\n    \n    // Check for tool use/result indicators\n    if (delta.tool_calls || delta.tool_results) {\n      setThinkingPhase(\"tool\");\n      return;\n    }\n\n    // If we get content, switch to responding phase\n    if (delta.content !== undefined) {\n      setThinkingPhase(\"responding\");\n      \n      // Initialize or update current assistant message\n      setCurrentAssistantMessage(prev => {\n        const baseMessage = prev || {\n          id: Date.now().toString(),\n          role: \"assistant\",\n          content: \"\",\n          timestamp: new Date().toLocaleTimeString(\"en-US\", {\n            hour: \"2-digit\",\n            minute: \"2-digit\",\n          }),\n          isStreaming: true,\n        };\n        \n        const updated = {\n          ...baseMessage,\n          content: (baseMessage.content || \"\") + (delta.content || \"\"),\n        };\n        currentAssistantRef.current = updated;\n        return updated;\n      });\n    }\n  };\n\n  const processStream = async (stream) => {\n    const reader = stream.getReader();\n    const decoder = new TextDecoder();\n    let buffer = \"\";\n\n    try {\n      while (true) {\n        const { done, value } = await reader.read();\n        if (done) break;\n\n        buffer += decoder.decode(value, { stream: true });\n        const lines = buffer.split(\"\\n\");\n        buffer = lines.pop() || \"\"; // Keep incomplete line in buffer\n\n        for (const line of lines) {\n          if (line.trim()) {\n            const parsed = parseSSELine(line);\n            if (parsed) {\n              if (parsed.type === \"done\") {\n                return; // Stream complete\n              } else if (parsed.type === \"data\") {\n                handleStreamChunk(parsed.data);\n              }\n            }\n          }\n        }\n      }\n    } finally {\n      reader.releaseLock();\n    }\n  };\n\n  const handleSend = async () => {\n    if (!inputValue.trim() || isSending) return;\n\n    const userContent = inputValue.trim();\n    const userMessage = {\n      id: Date.now().toString(),\n      role: \"user\",\n      content: userContent,\n      timestamp: new Date().toLocaleTimeString(\"en-US\", {\n        hour: \"2-digit\",\n        minute: \"2-digit\",\n      }),\n    };\n\n    // Add user message and start processing\n    const newMessages = [...messages, userMessage];\n    setMessages(newMessages);\n    setInputValue(\"\");\n    setIsProcessing(true);\n    setIsSending(true);\n    setThinkingPhase(\"thinking\");\n    setThinkingStartTime(Date.now());\n    lastChunkTimeRef.current = Date.now();\n\n    // Create abort controller for this stream\n    streamAbortController.current = new AbortController();\n\n    try {\n      let result;\n      \n      // Use streaming version if provided, otherwise fall back to regular\n      if (onStreamMessage) {\n        result = await onStreamMessage(userContent, newMessages);\n      } else if (onSendMessage) {\n        result = await onSendMessage(userContent, newMessages);\n      } else {\n        // Fallback to dummy response\n        setTimeout(() => {\n          const assistantMessage = {\n            id: (Date.now() + 1).toString(),\n            role: \"assistant\",\n            content: \"This is a demonstration response. In a real implementation, this would connect to your LLM backend.\",\n            timestamp: new Date().toLocaleTimeString(\"en-US\", {\n              hour: \"2-digit\",\n              minute: \"2-digit\",\n            }),\n          };\n          setMessages(prev => [...prev, assistantMessage]);\n          resetProcessingState();\n        }, 1000);\n        return;\n      }\n\n      // Handle ReadableStream response\n      if (result instanceof ReadableStream) {\n        await processStream(result);\n      } \n      // Handle Response with SSE body\n      else if (result instanceof Response && result.body) {\n        await processStream(result.body);\n      }\n      // Handle Promise that resolves to a stream\n      else if (result && typeof result.then === \"function\") {\n        const resolved = await result;\n        if (resolved instanceof ReadableStream) {\n          await processStream(resolved);\n        } else if (resolved instanceof Response && resolved.body) {\n          await processStream(resolved.body);\n        }\n      }\n\n      // Finalize the assistant message using ref (state is stale in this closure)\n      if (currentAssistantRef.current) {\n        setMessages(prev => [...prev, { \n          ...currentAssistantRef.current, \n          isStreaming: false \n        }]);\n      }\n\n    } catch (error) {\n      if (error.name !== \"AbortError\") {\n        toast.error(\"Failed to send message\");\n        console.error(\"Stream error:\", error);\n      }\n    } finally {\n      resetProcessingState();\n    }\n  };\n\n  const handleKeyDown = (e) => {\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      handleSend();\n    }\n  };\n\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        height: \"100%\",\n        border: \"1px solid var(--border, rgba(52,58,64,0.12))\",\n        borderRadius: \"var(--radius-lg, 12px)\",\n        background: \"var(--paper-elevated, rgba(255,255,255,0.82))\",\n        overflow: \"hidden\",\n      }}\n    >\n      {/* Header — hidden when title is empty */}\n      {title ? <div\n        style={{\n          padding: \"16px 20px\",\n          borderBottom: \"1px solid var(--border-subtle, rgba(52,58,64,0.08))\",\n          background: \"var(--paper-elevated, rgba(255,255,255,0.82))\",\n        }}\n      >\n        <div\n          style={{\n            fontSize: \"var(--text-lg, 16px)\",\n            fontWeight: 720,\n            letterSpacing: \"-0.01em\",\n            color: \"var(--text-strong, rgba(30,33,37,0.92))\",\n          }}\n        >\n          {title}\n        </div>\n        <div\n          style={{\n            fontSize: \"var(--text-sm, 11px)\",\n            color: \"var(--text-muted, rgba(30,33,37,0.56))\",\n            marginTop: \"2px\",\n          }}\n        >\n          Ask questions, get insights from analyzed interactions\n        </div>\n      </div> : null}\n\n      {/* Messages area */}\n      <div\n        style={{\n          flex: 1,\n          minHeight: 0,\n          overflowY: \"auto\",\n          padding: \"20px\",\n          display: \"flex\",\n          flexDirection: \"column\",\n        }}\n      >\n        {messages.length === 0 ? (\n          <div\n            style={{\n              flex: 1,\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n              fontSize: \"var(--text-md, 13px)\",\n              textAlign: \"center\",\n              padding: \"40px\",\n            }}\n          >\n            No messages yet. Start a conversation by asking a question below.\n          </div>\n        ) : (\n          <>\n            {messages.map((message) => (\n              <ChatMessage\n                key={message.id}\n                role={message.role}\n                content={message.content}\n                html={message.html}\n                timestamp={message.timestamp}\n                toolBadges={message.toolBadges}\n                isStreaming={message.isStreaming}\n                onCodeBlockClick={onCodeBlockClick}\n              />\n            ))}\n            \n            {/* Current streaming message */}\n            {currentAssistantMessage && (\n              <ChatMessage\n                key={currentAssistantMessage.id}\n                role={currentAssistantMessage.role}\n                content={currentAssistantMessage.content}\n                timestamp={currentAssistantMessage.timestamp}\n                isStreaming={true}\n                onCodeBlockClick={onCodeBlockClick}\n              />\n            )}\n            \n            {/* Thinking indicator — shows during initial thinking or stream silence */}\n            {isProcessing && (!currentAssistantMessage || streamSilent) && (\n              <div style={{ marginBottom: \"16px\" }}>\n                <ThinkingIndicator \n                  phase={streamSilent ? \"tool\" : thinkingPhase}\n                  elapsedMs={elapsedMs}\n                  label={\n                    streamSilent && silenceSeconds >= 30\n                      ? \"Compacting conversation — trimming context to stay sharp...\"\n                      : streamSilent && silenceSeconds >= 10\n                        ? \"Running background tasks...\"\n                        : streamSilent\n                          ? \"Still working...\"\n                          : undefined\n                  }\n                />\n              </div>\n            )}\n            \n            <div ref={messagesEndRef} />\n          </>\n        )}\n      </div>\n\n      {/* Input area */}\n      <div\n        style={{\n          borderTop: \"1px solid var(--border-subtle, rgba(52,58,64,0.08))\",\n          padding: \"16px 20px\",\n          background: \"var(--paper-elevated, rgba(255,255,255,0.82))\",\n        }}\n      >\n        <div\n          style={{\n            display: \"flex\",\n            gap: \"12px\",\n            alignItems: \"flex-end\",\n          }}\n        >\n          <textarea\n            ref={inputRef}\n            value={inputValue}\n            onChange={(e) => setInputValue(e.target.value)}\n            onKeyDown={handleKeyDown}\n            placeholder={placeholder}\n            rows={1}\n            disabled={isSending}\n            style={{\n              flex: 1,\n              padding: \"10px 14px\",\n              fontSize: \"var(--text-base, 14px)\",\n              lineHeight: 1.5,\n              color: \"var(--text-strong, rgba(30,33,37,0.92))\",\n              background: \"rgba(255, 255, 255, 0.95)\",\n              border: \"1px solid rgba(52, 58, 64, 0.18)\",\n              borderRadius: \"var(--radius-md, 8px)\",\n              resize: \"none\",\n              outline: \"none\",\n              transition: \"border-color 0.15s ease\",\n              fontFamily: \"inherit\",\n              minHeight: \"42px\",\n              maxHeight: \"120px\",\n              opacity: isSending ? 0.6 : 1,\n              cursor: isSending ? \"not-allowed\" : \"text\",\n            }}\n            onFocus={(e) => {\n              if (!isSending) {\n                e.target.style.borderColor = \"rgba(94, 136, 176, 0.35)\";\n              }\n            }}\n            onBlur={(e) => {\n              e.target.style.borderColor = \"rgba(52, 58, 64, 0.18)\";\n            }}\n          />\n          <button\n            onClick={handleSend}\n            disabled={!inputValue.trim() || isSending}\n            style={{\n              padding: \"10px 16px\",\n              background:\n                inputValue.trim() && !isSending\n                  ? \"var(--Base-Strong, #0B0B0B)\"\n                  : \"#ECEEF2\",\n              color:\n                inputValue.trim() && !isSending\n                  ? \"white\"\n                  : \"var(--text-base)\",\n              border: \"none\",\n              borderRadius: \"var(--radius-md, 8px)\",\n              cursor:\n                inputValue.trim() && !isSending ? \"pointer\" : \"not-allowed\",\n              display: \"flex\",\n              alignItems: \"center\",\n              gap: \"6px\",\n              fontSize: \"var(--text-md, 13px)\",\n              fontWeight: 650,\n              transition: \"all 0.15s ease\",\n              height: \"42px\",\n            }}\n            // onMouseEnter={(e) => {\n            //   if (inputValue.trim() && !isSending) {\n            //     e.currentTarget.style.background = \"var(--Base-Strong, #0B0B0B)\";\n            //   }\n            // }}\n            // onMouseLeave={(e) => {\n            //   if (inputValue.trim() && !isSending) {\n            //     e.currentTarget.style.background = \"#ECEEF2\";\n            //   }\n            // }}\n          >\n            {isSending ? (\n              <>\n                <style>\n                  {`\n                    @keyframes buttonSpin {\n                      from { transform: rotate(0deg); }\n                      to { transform: rotate(360deg); }\n                    }\n                  `}\n                </style>\n                <div\n                  style={{\n                    width: \"14px\",\n                    height: \"14px\",\n                    border: \"2px solid rgba(255, 255, 255, 0.3)\",\n                    borderTopColor: \"white\",\n                    borderRadius: \"50%\",\n                    animation: \"buttonSpin 0.6s linear infinite\",\n                  }}\n                />\n                Sending...\n              </>\n            ) : (\n              <>\n                <Send size={16} />\n                Send\n              </>\n            )}\n          </button>\n        </div>\n        <div\n          style={{\n            fontSize: \"var(--text-sm, 11px)\",\n            color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n            marginTop: \"8px\",\n          }}\n        >\n          Press Enter to send, Shift+Enter for new line\n        </div>\n      </div>\n    </div>\n  );\n}","\"use client\";\n\nimport React, { useState } from \"react\";\nimport { MessageSquare, Search, Clock, Pin } from \"lucide-react\";\n\n/**\n * ChatHistoryPanel Component\n * Panel showing chat thread history with search functionality.\n * \n * Props:\n *   threads       - Array of thread objects: { id, title, created_at, updated_at, message_count, last_message_preview, pinned, archived, tags }\n *   activeThreadId - Currently selected thread id\n *   onSelectThread - (threadId) => void\n *   onNewChat      - () => void\n *   loading        - boolean\n */\nexport default function ChatHistoryPanel({\n  threads = [],\n  activeThreadId,\n  onSelectThread,\n  onNewChat,\n  loading = false,\n}) {\n  const [searchQuery, setSearchQuery] = useState(\"\");\n\n  const filteredThreads = threads.filter((thread) => {\n    if (!searchQuery) return true;\n    const q = searchQuery.toLowerCase();\n    return (\n      (thread.title || \"\").toLowerCase().includes(q) ||\n      (thread.last_message_preview || \"\").toLowerCase().includes(q)\n    );\n  });\n\n  // Sort: pinned first, then by updated_at descending\n  const sortedThreads = [...filteredThreads].sort((a, b) => {\n    if (a.pinned && !b.pinned) return -1;\n    if (!a.pinned && b.pinned) return 1;\n    const aTime = new Date(a.updated_at || a.created_at || 0).getTime();\n    const bTime = new Date(b.updated_at || b.created_at || 0).getTime();\n    return bTime - aTime;\n  });\n\n  const formatTime = (dateStr) => {\n    if (!dateStr) return \"\";\n    const d = new Date(dateStr);\n    const now = new Date();\n    const diffMs = now.getTime() - d.getTime();\n    const diffDays = Math.floor(diffMs / 86400000);\n    if (diffDays === 0) {\n      return d.toLocaleTimeString(\"en-US\", { hour: \"2-digit\", minute: \"2-digit\" });\n    } else if (diffDays === 1) {\n      return \"Yesterday\";\n    } else if (diffDays < 7) {\n      return d.toLocaleDateString(\"en-US\", { weekday: \"short\" });\n    } else {\n      return d.toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\" });\n    }\n  };\n\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        height: \"100%\",\n        background: \"var(--paper, rgba(255,255,255,0.95))\",\n        borderRight: \"1px solid var(--border, rgba(52,58,64,0.12))\",\n        overflow: \"hidden\",\n      }}\n    >\n      {/* Header */}\n      <div\n        style={{\n          padding: \"12px 14px\",\n          borderBottom: \"1px solid var(--border-subtle, rgba(52,58,64,0.08))\",\n          flexShrink: 0,\n        }}\n      >\n        <div\n          style={{\n            display: \"flex\",\n            justifyContent: \"space-between\",\n            alignItems: \"center\",\n            marginBottom: \"10px\",\n          }}\n        >\n          <div\n            style={{\n              fontSize: \"13px\",\n              fontWeight: 650,\n              color: \"var(--text-ink, rgba(30,33,37,0.92))\",\n            }}\n          >\n            Threads\n          </div>\n          {onNewChat && (\n            <button\n              onClick={onNewChat}\n              style={{\n                padding: \"4px 10px\",\n                fontSize: \"11px\",\n                fontWeight: 600,\n                color: \"var(--Base-Strong, #0B0B0B)\",\n                background: \"#ECEEF2\",\n                border: \"1px solid var(--border-subtle, rgba(52,58,64,0.08))\",\n                borderRadius: \"6px\",\n                cursor: \"pointer\",\n                transition: \"all 0.15s ease\",\n              }}\n              onMouseEnter={(e) => {\n                e.currentTarget.style.background = \"#ECEEF2\";\n              }}\n              onMouseLeave={(e) => {\n                e.currentTarget.style.background = \"rgba(94, 136, 176, 0.08)\";\n              }}\n            >\n              + New\n            </button>\n          )}\n        </div>\n\n        {/* Search */}\n        <div style={{ position: \"relative\" }}>\n          <Search\n            size={13}\n            style={{\n              position: \"absolute\",\n              left: \"10px\",\n              top: \"50%\",\n              transform: \"translateY(-50%)\",\n              color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n              pointerEvents: \"none\",\n            }}\n          />\n          <input\n            type=\"text\"\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            placeholder=\"Search threads...\"\n            style={{\n              width: \"100%\",\n              padding: \"7px 10px 7px 32px\",\n              fontSize: \"12px\",\n              color: \"var(--text-ink, rgba(30,33,37,0.92))\",\n              background: \"var(--paper-elevated, rgba(255,255,255,0.82))\",\n              border: \"1px solid var(--border, rgba(52,58,64,0.12))\",\n              borderRadius: \"6px\",\n              outline: \"none\",\n              transition: \"border-color 0.15s ease\",\n              boxSizing: \"border-box\",\n            }}\n            onFocus={(e) => {\n              e.target.style.borderColor = \"rgba(94, 136, 176, 0.35)\";\n            }}\n            onBlur={(e) => {\n              e.target.style.borderColor = \"rgba(52, 58, 64, 0.12)\";\n            }}\n          />\n        </div>\n      </div>\n\n      {/* Thread List */}\n      <div style={{ flex: 1, overflowY: \"auto\", padding: \"4px 6px\" }}>\n        {loading ? (\n          <div\n            style={{\n              padding: \"30px 16px\",\n              textAlign: \"center\",\n              color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n              fontSize: \"12px\",\n            }}\n          >\n            Loading threads...\n          </div>\n        ) : sortedThreads.length === 0 ? (\n          <div\n            style={{\n              padding: \"30px 16px\",\n              textAlign: \"center\",\n              color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n              fontSize: \"12px\",\n            }}\n          >\n            {searchQuery ? \"No threads found\" : \"No threads yet\"}\n          </div>\n        ) : (\n          sortedThreads.map((thread) => {\n            const isActive = thread.id === activeThreadId;\n            return (\n              <div\n                key={thread.id}\n                onClick={() => onSelectThread?.(thread.id)}\n                style={{\n                  padding: \"10px 10px\",\n                  marginBottom: \"2px\",\n                  borderRadius: \"6px\",\n                  background: isActive\n                    ? \"rgba(94, 136, 176, 0.10)\"\n                    : \"transparent\",\n                  border: isActive\n                    ? \"1px solid rgba(94, 136, 176, 0.15)\"\n                    : \"1px solid transparent\",\n                  cursor: \"pointer\",\n                  transition: \"all 0.12s ease\",\n                }}\n                onMouseEnter={(e) => {\n                  if (!isActive) e.currentTarget.style.background = \"rgba(0,0,0,0.03)\";\n                }}\n                onMouseLeave={(e) => {\n                  if (!isActive) e.currentTarget.style.background = \"transparent\";\n                }}\n              >\n                {/* Title row */}\n                <div style={{ display: \"flex\", alignItems: \"center\", gap: \"6px\", marginBottom: \"4px\" }}>\n                  <MessageSquare\n                    size={12}\n                    style={{\n                      color: isActive ? \"var(--rail-discovery, #5E88B0)\" : \"var(--text-faint, rgba(30,33,37,0.36))\",\n                      flexShrink: 0,\n                    }}\n                  />\n                  <div\n                    style={{\n                      flex: 1,\n                      fontSize: \"12px\",\n                      fontWeight: isActive ? 650 : 550,\n                      color: isActive\n                        ? \"var(--text-ink, rgba(30,33,37,0.92))\"\n                        : \"var(--text-base, rgba(30,33,37,0.78))\",\n                      overflow: \"hidden\",\n                      textOverflow: \"ellipsis\",\n                      whiteSpace: \"nowrap\",\n                    }}\n                  >\n                    {thread.title || \"Untitled thread\"}\n                  </div>\n                  {thread.pinned && (\n                    <Pin size={10} style={{ color: \"var(--rail-discovery, #5E88B0)\", flexShrink: 0 }} />\n                  )}\n                </div>\n\n                {/* Preview */}\n                {thread.last_message_preview && (\n                  <div\n                    style={{\n                      fontSize: \"11px\",\n                      color: \"var(--text-muted, rgba(30,33,37,0.56))\",\n                      overflow: \"hidden\",\n                      textOverflow: \"ellipsis\",\n                      whiteSpace: \"nowrap\",\n                      marginLeft: \"18px\",\n                      marginBottom: \"4px\",\n                    }}\n                  >\n                    {thread.last_message_preview}\n                  </div>\n                )}\n\n                {/* Meta */}\n                <div\n                  style={{\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    gap: \"6px\",\n                    marginLeft: \"18px\",\n                    fontSize: \"10px\",\n                    color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n                  }}\n                >\n                  <Clock size={9} />\n                  <span>{formatTime(thread.updated_at || thread.created_at)}</span>\n                  {thread.message_count != null && (\n                    <>\n                      <span>·</span>\n                      <span>{thread.message_count} msg{thread.message_count !== 1 ? \"s\" : \"\"}</span>\n                    </>\n                  )}\n                </div>\n              </div>\n            );\n          })\n        )}\n      </div>\n    </div>\n  );\n}\n","/**\n * NOTE: Deprecated component.\n *\n * This chat-scoped `MessageThread` was an early demo implementation and\n * is tightly coupled to app-specific context (`useUserContext`, `toast`, etc.).\n *\n * For new work and for consumers of the `chordia-ui` library, prefer the\n * framework-agnostic, reusable version exported from:\n *\n *   `src/components/common/MessageThread.jsx`\n *\n * which is re-exported via the main package entry:\n *\n *   import { MessageThread } from \"chordia-ui\";\n *\n * This file is kept only for backwards compatibility within the app.\n */\n\"use client\";\n\nimport React, { useState, useEffect, useRef } from \"react\";\nimport { Send, Paperclip, AtSign, Hash, Clock } from \"lucide-react\";\n// TODO: replace with framework-agnostic toast\nconst toast = { error: (...args) => console.warn(\"toast.error:\", ...args) };\n// TODO: replace with framework-agnostic context\nconst useUserContext = () => ({ userData: { name: \"User\", email: \"\" } });\n\n/**\n * MessageThread Component\n * Threaded messaging interface for team collaboration around sessions.\n * Supports mentions, condition references, and timestamp links.\n * Uses dummy data for demonstration purposes.\n */\nexport default function MessageThread({\n  sessionTitle,\n  messages: initialMessages,\n  onSendMessage,\n  currentUser,\n}) {\n  const [messageInput, setMessageInput] = useState(\"\");\n  const [isFocused, setIsFocused] = useState(false);\n  const [messages, setMessages] = useState(initialMessages || []);\n  const [isLoading, setIsLoading] = useState(false);\n  const [isSending, setIsSending] = useState(false);\n  const { userData } = useUserContext();\n  const messagesEndRef = useRef(null);\n\n  // Get current user from context if not provided\n  const displayCurrentUser = currentUser || {\n    name: userData?.name || \"You\",\n    initials: userData?.name\n      ?.split(\" \")\n      .map((n) => n[0])\n      .join(\"\")\n      .toUpperCase() || \"YO\",\n    color: \"#6B7C93\",\n  };\n\n  // Use initialMessages if provided, otherwise use empty array (no API fetching)\n  useEffect(() => {\n    if (initialMessages) {\n      setMessages(initialMessages);\n    } else {\n      setMessages([]);\n    }\n  }, [initialMessages]);\n\n  // Scroll to bottom when new messages arrive\n  useEffect(() => {\n    if (messagesEndRef.current) {\n      messagesEndRef.current.scrollIntoView({ behavior: \"smooth\" });\n    }\n  }, [messages]);\n\n  const handleSend = async () => {\n    if (!messageInput.trim()) return;\n\n    const content = messageInput.trim();\n    setMessageInput(\"\");\n    setIsSending(true);\n\n    // Create optimistic message\n    const optimisticMessage = {\n      id: `temp-${Date.now()}`,\n      author: {\n        name: displayCurrentUser.name,\n        role: userData?.role || \"\",\n        initials: displayCurrentUser.initials,\n        color: displayCurrentUser.color,\n      },\n      content: content,\n      timestamp: \"Just now\",\n      type: \"comment\",\n      isOptimistic: true,\n    };\n\n    // Optimistically add message\n    setMessages((prev) => [...prev, optimisticMessage]);\n\n    // If onSendMessage callback is provided, use it\n    if (onSendMessage) {\n      try {\n        await onSendMessage(content);\n        // Remove optimistic flag after callback succeeds\n        setMessages((prev) =>\n          prev.map((msg) =>\n            msg.id === optimisticMessage.id\n              ? { ...msg, isOptimistic: false }\n              : msg\n          )\n        );\n      } catch (error) {\n        // Remove optimistic message on error\n        setMessages((prev) => prev.filter((msg) => msg.id !== optimisticMessage.id));\n        toast.error(\"Failed to send message\");\n      } finally {\n        setIsSending(false);\n      }\n      return;\n    }\n\n    // No API - just confirm the optimistic message\n    setTimeout(() => {\n      setMessages((prev) =>\n        prev.map((msg) =>\n          msg.id === optimisticMessage.id\n            ? { ...msg, isOptimistic: false }\n            : msg\n        )\n      );\n      setIsSending(false);\n    }, 500);\n  };\n\n  const handleKeyPress = (e) => {\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      handleSend();\n    }\n  };\n\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        height: \"100%\",\n        background: \"var(--paper-elevated, rgba(255,255,255,0.82))\",\n        border: \"1px solid var(--border, rgba(52,58,64,0.12))\",\n        borderRadius: \"var(--radius-lg, 12px)\",\n        overflow: \"hidden\",\n      }}\n    >\n      {/* Header */}\n      {sessionTitle && (\n        <div\n          style={{\n            padding: \"14px 16px\",\n            borderBottom: \"1px solid var(--border, rgba(52,58,64,0.12))\",\n            background: \"var(--paper-elevated, rgba(255,255,255,0.82))\",\n          }}\n        >\n          <div\n            style={{\n              fontSize: \"var(--text-md, 13px)\",\n              fontWeight: 680,\n              color: \"var(--text-strong, rgba(30,33,37,0.92))\",\n              marginBottom: \"3px\",\n            }}\n          >\n            Session Discussion\n          </div>\n          {sessionTitle && (\n            <div\n              style={{\n                fontSize: \"var(--text-sm, 11px)\",\n                color: \"var(--text-muted, rgba(30,33,37,0.56))\",\n                display: \"flex\",\n                alignItems: \"center\",\n                gap: \"8px\",\n              }}\n            >\n              <span>{sessionTitle}</span>\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Messages */}\n      <div\n        style={{\n          flex: 1,\n          overflowY: \"auto\",\n          padding: \"16px\",\n          display: \"flex\",\n          flexDirection: \"column\",\n          gap: \"16px\",\n        }}\n      >\n        {isLoading ? (\n          <div\n            style={{\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              padding: \"40px\",\n              color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n            }}\n          >\n            Loading messages...\n          </div>\n        ) : messages.length === 0 ? (\n          <div\n            style={{\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              padding: \"40px\",\n              color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n            }}\n          >\n            No messages yet. Start the conversation!\n          </div>\n        ) : (\n          messages.map((message) => (\n          <div\n            key={message.id}\n            style={{\n              display: \"flex\",\n              gap: \"12px\",\n              opacity: message.type === \"system\" ? 0.75 : 1,\n            }}\n          >\n            {/* Avatar */}\n            {message.type !== \"system\" && (\n              <div\n                style={{\n                  width: \"32px\",\n                  height: \"32px\",\n                  borderRadius: \"8px\",\n                  background: message.author.color,\n                  color: \"white\",\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  fontSize: \"11px\",\n                  fontWeight: 650,\n                  flexShrink: 0,\n                  opacity: 0.9,\n                }}\n              >\n                {message.author.initials}\n              </div>\n            )}\n            {message.type === \"system\" && (\n              <div\n                style={{\n                  width: \"32px\",\n                  height: \"32px\",\n                  borderRadius: \"8px\",\n                  background: \"rgba(30, 33, 37, 0.08)\",\n                  color: \"rgba(30, 33, 37, 0.52)\",\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  fontSize: \"11px\",\n                  fontWeight: 650,\n                  flexShrink: 0,\n                }}\n              >\n                <Clock size={14} />\n              </div>\n            )}\n\n            {/* Message content */}\n            <div style={{ flex: 1, minWidth: 0 }}>\n              {/* Author and timestamp */}\n              <div\n                style={{\n                  display: \"flex\",\n                  alignItems: \"baseline\",\n                  gap: \"8px\",\n                  marginBottom: \"4px\",\n                }}\n              >\n                <span\n                  style={{\n                    fontSize: \"var(--text-sm, 11px)\",\n                    fontWeight: 650,\n                    color: \"var(--text-base, rgba(30,33,37,0.78))\",\n                  }}\n                >\n                  {message.author.name}\n                </span>\n                <span\n                  style={{\n                    fontSize: \"var(--text-sm, 11px)\",\n                    color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n                    fontFamily: \"var(--font-mono, monospace)\",\n                  }}\n                >\n                  {message.timestamp}\n                </span>\n                {message.author.role && (\n                  <span\n                    style={{\n                      fontSize: \"var(--text-xs, 10px)\",\n                      color: \"var(--text-muted, rgba(30,33,37,0.56))\",\n                      background: \"rgba(30, 33, 37, 0.06)\",\n                      padding: \"2px 6px\",\n                      borderRadius: \"4px\",\n                      textTransform: \"uppercase\",\n                      letterSpacing: \"0.04em\",\n                      fontWeight: 600,\n                    }}\n                  >\n                    {message.author.role}\n                  </span>\n                )}\n                {message.isEdited && (\n                  <span\n                    style={{\n                      fontSize: \"var(--text-xs, 10px)\",\n                      color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n                      fontStyle: \"italic\",\n                    }}\n                  >\n                    (edited)\n                  </span>\n                )}\n              </div>\n\n              {/* Message text */}\n              <div\n                style={{\n                  fontSize: \"var(--text-md, 13px)\",\n                  color: \"var(--text-base, rgba(30,33,37,0.78))\",\n                  lineHeight: 1.5,\n                  marginBottom: message.references ? \"8px\" : 0,\n                }}\n              >\n                {message.content}\n              </div>\n\n              {/* References */}\n              {message.references && message.references.length > 0 && (\n                <div\n                  style={{\n                    display: \"flex\",\n                    flexWrap: \"wrap\",\n                    gap: \"6px\",\n                    marginTop: \"8px\",\n                  }}\n                >\n                  {message.references.map((ref, idx) => (\n                    <button\n                      key={idx}\n                      type=\"button\"\n                      style={{\n                        fontSize: \"11px\",\n                        padding: \"4px 8px\",\n                        borderRadius: \"6px\",\n                        border: \"1px solid rgba(52, 58, 64, 0.16)\",\n                        background: \"rgba(255, 255, 255, 0.7)\",\n                        color:\n                          ref.type === \"condition\"\n                            ? \"rgba(94, 136, 176, 0.85)\"\n                            : ref.type === \"observation\"\n                              ? \"rgba(107, 123, 147, 0.85)\"\n                              : ref.type === \"timestamp\"\n                                ? \"rgba(184, 156, 106, 0.85)\"\n                                : \"rgba(30, 33, 37, 0.65)\",\n                        cursor: \"pointer\",\n                        display: \"inline-flex\",\n                        alignItems: \"center\",\n                        gap: \"4px\",\n                        transition: \"all 0.15s ease\",\n                        fontWeight: 550,\n                      }}\n                      onMouseEnter={(e) => {\n                        e.currentTarget.style.background =\n                          \"rgba(255, 255, 255, 0.95)\";\n                        e.currentTarget.style.borderColor =\n                          \"rgba(52, 58, 64, 0.24)\";\n                      }}\n                      onMouseLeave={(e) => {\n                        e.currentTarget.style.background =\n                          \"rgba(255, 255, 255, 0.7)\";\n                        e.currentTarget.style.borderColor =\n                          \"rgba(52, 58, 64, 0.16)\";\n                      }}\n                    >\n                      {ref.type === \"timestamp\" && <Clock size={12} />}\n                      {(ref.type === \"condition\" ||\n                        ref.type === \"observation\") && <Hash size={12} />}\n                      {ref.label}\n                    </button>\n                  ))}\n                </div>\n              )}\n            </div>\n          </div>\n          ))\n        )}\n        <div ref={messagesEndRef} />\n      </div>\n\n      {/* Input area */}\n      <div\n        style={{\n          padding: \"12px\",\n          borderTop: \"1px solid var(--border, rgba(52,58,64,0.12))\",\n          background: \"var(--paper-elevated, rgba(255,255,255,0.82))\",\n        }}\n      >\n        <div\n          style={{\n            display: \"flex\",\n            gap: \"8px\",\n            alignItems: \"flex-end\",\n          }}\n        >\n          {/* Current user avatar */}\n          <div\n            style={{\n              width: \"32px\",\n              height: \"32px\",\n              borderRadius: \"var(--radius-md, 8px)\",\n              background: displayCurrentUser.color,\n              color: \"white\",\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              fontSize: \"var(--text-sm, 11px)\",\n              fontWeight: 650,\n              flexShrink: 0,\n              opacity: 0.9,\n            }}\n          >\n            {displayCurrentUser.initials}\n          </div>\n\n          {/* Input field */}\n          <div\n            style={{\n              flex: 1,\n              display: \"flex\",\n              flexDirection: \"column\",\n              gap: \"8px\",\n            }}\n          >\n            <textarea\n              value={messageInput}\n              onChange={(e) => setMessageInput(e.target.value)}\n              onKeyDown={handleKeyPress}\n              onFocus={() => setIsFocused(true)}\n              onBlur={() => setIsFocused(false)}\n              placeholder=\"Add a comment...\"\n              style={{\n                width: \"100%\",\n                minHeight: \"38px\",\n                maxHeight: \"120px\",\n                padding: \"8px 12px\",\n                fontSize: \"var(--text-md, 13px)\",\n                color: \"var(--text-base, rgba(30,33,37,0.78))\",\n                background: \"white\",\n                border: `1px solid ${\n                  isFocused\n                    ? \"rgba(94, 136, 176, 0.35)\"\n                    : \"rgba(52, 58, 64, 0.16)\"\n                }`,\n                borderRadius: \"var(--radius-md, 8px)\",\n                resize: \"vertical\",\n                outline: \"none\",\n                transition: \"border-color 0.15s ease\",\n                fontFamily: \"inherit\",\n                lineHeight: 1.5,\n              }}\n            />\n\n            {/* Toolbar */}\n            <div\n              style={{\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"space-between\",\n              }}\n            >\n              <div style={{ display: \"flex\", gap: \"4px\" }}>\n                <button\n                  type=\"button\"\n                  style={{\n                    padding: \"6px\",\n                    background: \"transparent\",\n                    border: \"none\",\n                    borderRadius: \"6px\",\n                    color: \"rgba(30, 33, 37, 0.52)\",\n                    cursor: \"pointer\",\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    transition: \"all 0.15s ease\",\n                  }}\n                  onMouseEnter={(e) => {\n                    e.currentTarget.style.background =\n                      \"rgba(30, 33, 37, 0.06)\";\n                    e.currentTarget.style.color = \"rgba(30, 33, 37, 0.75)\";\n                  }}\n                  onMouseLeave={(e) => {\n                    e.currentTarget.style.background = \"transparent\";\n                    e.currentTarget.style.color = \"rgba(30, 33, 37, 0.52)\";\n                  }}\n                  title=\"Mention user\"\n                >\n                  <AtSign size={16} />\n                </button>\n                <button\n                  type=\"button\"\n                  style={{\n                    padding: \"6px\",\n                    background: \"transparent\",\n                    border: \"none\",\n                    borderRadius: \"6px\",\n                    color: \"rgba(30, 33, 37, 0.52)\",\n                    cursor: \"pointer\",\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    transition: \"all 0.15s ease\",\n                  }}\n                  onMouseEnter={(e) => {\n                    e.currentTarget.style.background =\n                      \"rgba(30, 33, 37, 0.06)\";\n                    e.currentTarget.style.color = \"rgba(30, 33, 37, 0.75)\";\n                  }}\n                  onMouseLeave={(e) => {\n                    e.currentTarget.style.background = \"transparent\";\n                    e.currentTarget.style.color = \"rgba(30, 33, 37, 0.52)\";\n                  }}\n                  title=\"Reference condition\"\n                >\n                  <Hash size={16} />\n                </button>\n                <button\n                  type=\"button\"\n                  style={{\n                    padding: \"6px\",\n                    background: \"transparent\",\n                    border: \"none\",\n                    borderRadius: \"6px\",\n                    color: \"rgba(30, 33, 37, 0.52)\",\n                    cursor: \"pointer\",\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    transition: \"all 0.15s ease\",\n                  }}\n                  onMouseEnter={(e) => {\n                    e.currentTarget.style.background =\n                      \"rgba(30, 33, 37, 0.06)\";\n                    e.currentTarget.style.color = \"rgba(30, 33, 37, 0.75)\";\n                  }}\n                  onMouseLeave={(e) => {\n                    e.currentTarget.style.background = \"transparent\";\n                    e.currentTarget.style.color = \"rgba(30, 33, 37, 0.52)\";\n                  }}\n                  title=\"Attach file\"\n                >\n                  <Paperclip size={16} />\n                </button>\n              </div>\n              <button\n                type=\"button\"\n                onClick={handleSend}\n                disabled={!messageInput.trim() || isSending}\n                style={{\n                  padding: \"6px 12px\",\n                  background:\n                    messageInput.trim() && !isSending\n                      ? \"rgba(94, 136, 176, 0.85)\"\n                      : \"var(--border-subtle, rgba(52,58,64,0.08))\",\n                  border: \"none\",\n                  borderRadius: \"6px\",\n                  color:\n                    messageInput.trim() && !isSending\n                      ? \"white\"\n                      : \"var(--text-faint, rgba(30,33,37,0.36))\",\n                  fontSize: \"var(--text-sm, 11px)\",\n                  fontWeight: 600,\n                  cursor:\n                    messageInput.trim() && !isSending\n                      ? \"pointer\"\n                      : \"not-allowed\",\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  gap: \"6px\",\n                  transition: \"all 0.15s ease\",\n                }}\n                onMouseEnter={(e) => {\n                  if (messageInput.trim() && !isSending) {\n                    e.currentTarget.style.background = \"rgba(94, 136, 176, 1)\";\n                  }\n                }}\n                onMouseLeave={(e) => {\n                  if (messageInput.trim() && !isSending) {\n                    e.currentTarget.style.background =\n                      \"rgba(94, 136, 176, 0.85)\";\n                  }\n                }}\n              >\n                {isSending ? (\n                  <>\n                    <style>\n                      {`\n                        @keyframes messageSpin {\n                          from { transform: rotate(0deg); }\n                          to { transform: rotate(360deg); }\n                        }\n                      `}\n                    </style>\n                    <div\n                      style={{\n                        width: \"14px\",\n                        height: \"14px\",\n                        border: \"2px solid rgba(255, 255, 255, 0.3)\",\n                        borderTopColor: \"white\",\n                        borderRadius: \"50%\",\n                        animation: \"messageSpin 0.6s linear infinite\",\n                      }}\n                    />\n                    Sending...\n                  </>\n                ) : (\n                  <>\n                    <Send size={14} />\n                    Send\n                  </>\n                )}\n              </button>\n            </div>\n          </div>\n        </div>\n        <div\n          style={{\n            marginTop: \"8px\",\n            fontSize: \"var(--text-sm, 11px)\",\n            color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n            lineHeight: 1.4,\n          }}\n        >\n          <strong>Tip:</strong> Use{\" \"}\n          <code\n            style={{\n              background: \"rgba(30, 33, 37, 0.06)\",\n              padding: \"2px 4px\",\n              borderRadius: \"3px\",\n              fontFamily: \"var(--font-mono, monospace)\",\n              fontSize: \"var(--text-xs, 10px)\",\n            }}\n          >\n            @\n          </code>{\" \"}\n          to mention teammates,{\" \"}\n          <code\n            style={{\n              background: \"rgba(30, 33, 37, 0.06)\",\n              padding: \"2px 4px\",\n              borderRadius: \"3px\",\n              fontFamily: \"var(--font-mono, monospace)\",\n              fontSize: \"var(--text-xs, 10px)\",\n            }}\n          >\n            #\n          </code>{\" \"}\n          to reference conditions\n        </div>\n      </div>\n    </div>\n  );\n}\n\n"],"names":["MarkdownRenderer","content","onCodeBlockClick","onFilePathClick","copiedBlocks","setCopiedBlocks","useState","copyToClipboard","text","blockId","prev","newSet","err","renderCodeBlock","code","language","isCopied","jsxs","jsx","e","Check","Copy","PanelRightOpen","parseMarkdown","elements","lines","i","line","codeLines","level","HeaderTag","React","listItems","isOrdered","match","ListTag","item","idx","parseInlineMarkdownWithContext","tableRows","parseCells","row","c","headerCells","isSeparator","hasSeparator","bodyStart","alignments","cellStyle","cell","ci","ri","paragraph","parseInlineMarkdown","remaining","key","filePathMatch","filePath","inlineCodeMatch","boldMatch","italicMatch","linkMatch","linkText","linkHref","isViewButton","viewButtonStyle","defaultLinkStyle","nextSpecialChar","ChatMessage","role","html","timestamp","toolBadges","isStreaming","isUser","badge","index","Wrench","ThinkingIndicator","phase","toolSteps","label","elapsedMs","compact","formatElapsedTime","ms","seconds","minutes","remainingSeconds","getPhaseLabel","renderToolStep","step","getStatusDot","baseDotStyle","getStatusText","renderShimmerBar","renderCursor","phaseLabel","elapsedTime","toast","args","ChatInterface","initialMessages","onSendMessage","onStreamMessage","onMessagesChange","placeholder","title","messages","setMessages","inputValue","setInputValue","isProcessing","setIsProcessing","isSending","setIsSending","currentAssistantMessage","setCurrentAssistantMessage","thinkingPhase","setThinkingPhase","thinkingStartTime","setThinkingStartTime","setElapsedMs","messagesEndRef","useRef","inputRef","streamAbortController","currentAssistantRef","lastChunkTimeRef","streamSilent","setStreamSilent","silenceSeconds","setSilenceSeconds","useEffect","_a","allMessages","interval","gap","resetProcessingState","parseSSELine","data","handleStreamChunk","chunk","_b","delta","baseMessage","updated","processStream","stream","reader","decoder","buffer","done","value","parsed","handleSend","userContent","userMessage","newMessages","result","assistantMessage","resolved","error","handleKeyDown","Fragment","message","Send","ChatHistoryPanel","threads","activeThreadId","onSelectThread","onNewChat","loading","searchQuery","setSearchQuery","sortedThreads","thread","q","a","b","aTime","formatTime","dateStr","d","diffMs","diffDays","Search","isActive","MessageSquare","Pin","Clock","useUserContext","MessageThread","sessionTitle","currentUser","messageInput","setMessageInput","isFocused","setIsFocused","isLoading","setIsLoading","userData","displayCurrentUser","optimisticMessage","msg","handleKeyPress","ref","Hash","AtSign","Paperclip"],"mappings":"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"}
+{"version":3,"file":"chat.cjs.js","sources":["../../src/components/chat/ThinkingIndicator.jsx","../../src/components/chat/ChatInterface.jsx","../../src/components/chat/ChatHistoryPanel.jsx","../../src/components/chat/MessageThread.jsx"],"sourcesContent":["\"use client\";\n\nexport default function ThinkingIndicator({ \n  phase = \"thinking\", \n  toolSteps = [], \n  label,\n  elapsedMs,\n  compact = false\n}) {\n  const formatElapsedTime = (ms) => {\n    if (!ms || ms < 1000) return null;\n    const seconds = Math.floor(ms / 1000);\n    if (seconds < 60) return `${seconds}s`;\n    const minutes = Math.floor(seconds / 60);\n    const remainingSeconds = seconds % 60;\n    return remainingSeconds > 0 ? `${minutes}m ${remainingSeconds}s` : `${minutes}m`;\n  };\n\n  const getPhaseLabel = () => {\n    if (label) return label;\n    switch (phase) {\n      case \"thinking\": return \"Thinking...\";\n      case \"tool\": return null;\n      case \"responding\": return \"Responding...\";\n      default: return \"Thinking...\";\n    }\n  };\n\n  const renderToolStep = (step, index) => {\n    const getStatusDot = () => {\n      const baseDotStyle = {\n        width: compact ? '4px' : '6px',\n        height: compact ? '4px' : '6px',\n        borderRadius: '50%',\n        display: 'inline-block',\n        marginRight: compact ? '6px' : '8px'\n      };\n\n      switch (step.status) {\n        case 'active':\n          return (\n            <span \n              style={{\n                ...baseDotStyle,\n                backgroundColor: 'var(--rail-purple, #9B7AA8)',\n                animation: 'pulse 1.2s ease-in-out infinite'\n              }}\n            />\n          );\n        case 'done':\n          return (\n            <span \n              style={{\n                ...baseDotStyle,\n                backgroundColor: 'var(--text-xfaint, rgba(30,33,37,0.28))'\n              }}\n            />\n          );\n        case 'error':\n          return (\n            <span \n              style={{\n                ...baseDotStyle,\n                backgroundColor: 'var(--rail-compliance, #C98A5A)'\n              }}\n            />\n          );\n        default:\n          return (\n            <span \n              style={{\n                ...baseDotStyle,\n                backgroundColor: 'var(--text-xfaint, rgba(30,33,37,0.28))'\n              }}\n            />\n          );\n      }\n    };\n\n    const getStatusText = () => {\n      switch (step.status) {\n        case 'done':\n          return (\n            <span style={{ \n              color: 'var(--text-faint, rgba(30,33,37,0.36))',\n              fontSize: compact ? '9px' : 'var(--text-xs-plus, 10.5px)'\n            }}>\n              ✓\n            </span>\n          );\n        case 'error':\n          return (\n            <span style={{ \n              color: 'var(--rail-compliance, #C98A5A)',\n              fontSize: compact ? '9px' : 'var(--text-xs-plus, 10.5px)'\n            }}>\n              failed\n            </span>\n          );\n        default:\n          return null;\n      }\n    };\n\n    return (\n      <div \n        key={index}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          marginBottom: compact ? '2px' : '4px'\n        }}\n      >\n        <div style={{ display: 'flex', alignItems: 'center' }}>\n          {getStatusDot()}\n          <span style={{\n            fontFamily: 'var(--font-mono)',\n            fontSize: compact ? '9px' : 'var(--text-xs-plus, 10.5px)',\n            color: 'var(--text-muted)'\n          }}>\n            {step.name}\n          </span>\n        </div>\n        {getStatusText()}\n      </div>\n    );\n  };\n\n  const renderShimmerBar = () => (\n    <div style={{\n      width: '100%',\n      height: compact ? '2px' : '3px',\n      backgroundColor: 'var(--border-subtle, rgba(52,58,64,0.08))',\n      borderRadius: compact ? '2px' : '3px',\n      overflow: 'hidden',\n      position: 'relative'\n    }}>\n      <div style={{\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        background: 'linear-gradient(90deg, transparent 0%, rgba(155,122,168,0.3) 50%, transparent 100%)',\n        animation: 'shimmer 2s linear infinite'\n      }} />\n    </div>\n  );\n\n  const renderCursor = () => (\n    <span style={{\n      width: compact ? '4px' : '6px',\n      height: compact ? '10px' : '14px',\n      backgroundColor: 'var(--rail-purple, #9B7AA8)',\n      borderRadius: '1px',\n      display: 'inline-block',\n      marginLeft: '2px',\n      animation: 'cursorBlink 0.8s ease-in-out infinite'\n    }} />\n  );\n\n  const phaseLabel = getPhaseLabel();\n  const elapsedTime = formatElapsedTime(elapsedMs);\n\n  return (\n    <div style={{\n      borderLeft: `${compact ? '3px' : '4px'} solid var(--rail-purple, #9B7AA8)`,\n      backgroundColor: 'var(--card-assistant, rgba(155,122,168,0.06))',\n      border: '1px solid var(--border-subtle, rgba(52,58,64,0.08))',\n      borderRadius: compact ? '8px' : '10px',\n      padding: compact ? '8px 10px 8px 12px' : '10px 14px 10px 18px'\n    }}>\n      <style>\n        {`\n          @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(200%); }\n          }\n          \n          @keyframes pulse {\n            0%, 100% { opacity: 0.4; }\n            50% { opacity: 1.0; }\n          }\n          \n          @keyframes cursorBlink {\n            0%, 100% { opacity: 0; }\n            50% { opacity: 1; }\n          }\n        `}\n      </style>\n      \n      {/* Header */}\n      {!compact && (\n        <div style={{\n          fontSize: 'var(--text-xs-plus, 10.5px)',\n          fontWeight: 650,\n          textTransform: 'uppercase',\n          letterSpacing: 'var(--tracking-label, 0.16em)',\n          color: 'var(--text-faint, rgba(30,33,37,0.36))',\n          marginBottom: '8px'\n        }}>\n          AI ASSISTANT\n        </div>\n      )}\n\n      {/* Content based on phase */}\n      {phase === \"thinking\" && (\n        <div>\n          <div style={{\n            color: 'var(--text-muted)',\n            fontWeight: 400,\n            fontSize: compact ? '11px' : '13px',\n            marginBottom: compact ? '4px' : '8px',\n            display: 'flex',\n            alignItems: 'center',\n            gap: '6px'\n          }}>\n            {phaseLabel}\n            {elapsedTime && (\n              <span style={{\n                fontSize: compact ? '9px' : '10px',\n                color: 'var(--text-faint, rgba(30,33,37,0.36))',\n                fontFamily: 'var(--font-mono, monospace)',\n              }}>\n                {elapsedTime}\n              </span>\n            )}\n          </div>\n          {renderShimmerBar()}\n        </div>\n      )}\n\n      {phase === \"tool\" && (\n        <div>\n          {phaseLabel && (\n            <div style={{\n              color: 'var(--text-muted)',\n              fontWeight: 400,\n              fontSize: compact ? '11px' : '13px',\n              marginBottom: compact ? '4px' : '8px',\n              display: 'flex',\n              alignItems: 'center',\n              gap: '6px'\n            }}>\n              {phaseLabel}\n              {elapsedTime && (\n                <span style={{\n                  fontSize: compact ? '9px' : '10px',\n                  color: 'var(--text-faint, rgba(30,33,37,0.36))',\n                  fontFamily: 'var(--font-mono, monospace)',\n                }}>\n                  {elapsedTime}\n                </span>\n              )}\n            </div>\n          )}\n          <div style={{ marginBottom: compact ? '4px' : '8px' }}>\n            {toolSteps.map((step, index) => renderToolStep(step, index))}\n          </div>\n          {renderShimmerBar()}\n        </div>\n      )}\n\n      {phase === \"responding\" && (\n        <div style={{\n          color: 'var(--text-muted)',\n          fontWeight: 400,\n          fontSize: compact ? '11px' : '13px',\n          display: 'flex',\n          alignItems: 'center',\n          gap: '6px'\n        }}>\n          <div style={{ display: 'flex', alignItems: 'center' }}>\n            {phaseLabel}\n            {renderCursor()}\n          </div>\n          {elapsedTime && (\n            <span style={{\n              fontSize: compact ? '9px' : '10px',\n              color: 'var(--text-faint, rgba(30,33,37,0.36))',\n              fontFamily: 'var(--font-mono, monospace)',\n            }}>\n              {elapsedTime}\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}","\"use client\";\n\nimport React, { useState, useRef, useEffect } from \"react\";\nimport { Send } from \"lucide-react\";\nimport ChatMessage from \"./ChatMessage\";\nimport ThinkingIndicator from \"./ThinkingIndicator\";\n// TODO: replace with framework-agnostic toast\nconst toast = { error: (...args) => console.warn(\"toast.error:\", ...args) };\n\n/**\n * ChatInterface Component\n * Interactive chat interface with streaming SSE support, thinking phases, and tool visibility.\n */\nexport default function ChatInterface({\n  initialMessages = [],\n  onSendMessage,\n  onStreamMessage, // NEW: streaming version of onSendMessage\n  onMessagesChange, // NEW: callback when messages array changes\n  onCodeBlockClick, // callback when \"Canvas\" button clicked on a code block: ({ code, language }) => void\n  placeholder = \"Ask a question about this interaction...\",\n  title = \"Chat with Chordia\",\n}) {\n  const [messages, setMessages] = useState(initialMessages || []);\n  const [inputValue, setInputValue] = useState(\"\");\n  const [isProcessing, setIsProcessing] = useState(false);\n  const [isSending, setIsSending] = useState(false);\n  const [currentAssistantMessage, setCurrentAssistantMessage] = useState(null);\n  const [thinkingPhase, setThinkingPhase] = useState(\"thinking\");\n  const [thinkingStartTime, setThinkingStartTime] = useState(null);\n  const [elapsedMs, setElapsedMs] = useState(0);\n  const messagesEndRef = useRef(null);\n  const inputRef = useRef(null);\n  const streamAbortController = useRef(null);\n  const currentAssistantRef = useRef(null);\n  const lastChunkTimeRef = useRef(null);\n  const [streamSilent, setStreamSilent] = useState(false);\n  const [silenceSeconds, setSilenceSeconds] = useState(0);\n\n  // Auto-scroll to bottom when messages change\n  useEffect(() => {\n    messagesEndRef.current?.scrollIntoView({ behavior: \"smooth\" });\n  }, [messages, isProcessing]);\n\n  // Auto-resize textarea\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.style.height = \"auto\";\n      inputRef.current.style.height = `${Math.min(\n        inputRef.current.scrollHeight,\n        120\n      )}px`;\n    }\n  }, [inputValue]);\n\n  // Update messages and notify parent\n  useEffect(() => {\n    if (onMessagesChange) {\n      const allMessages = [...messages];\n      if (currentAssistantMessage) {\n        allMessages.push(currentAssistantMessage);\n      }\n      onMessagesChange(allMessages);\n    }\n  }, [messages, currentAssistantMessage, onMessagesChange]);\n\n  // Elapsed time tracker + silence detector\n  useEffect(() => {\n    let interval;\n    if (isProcessing && thinkingStartTime) {\n      interval = setInterval(() => {\n        setElapsedMs(Date.now() - thinkingStartTime);\n        // Detect stream silence (no chunks for 3s+)\n        if (lastChunkTimeRef.current) {\n          const gap = (Date.now() - lastChunkTimeRef.current) / 1000;\n          if (gap >= 3) {\n            setStreamSilent(true);\n            setSilenceSeconds(Math.floor(gap));\n          } else {\n            setStreamSilent(false);\n          }\n        }\n      }, 500);\n    }\n    return () => interval && clearInterval(interval);\n  }, [isProcessing, thinkingStartTime]);\n\n  const resetProcessingState = () => {\n    setIsProcessing(false);\n    setIsSending(false);\n    setCurrentAssistantMessage(null);\n    currentAssistantRef.current = null;\n    setThinkingPhase(\"thinking\");\n    setStreamSilent(false);\n    setSilenceSeconds(0);\n    lastChunkTimeRef.current = null;\n    setThinkingStartTime(null);\n    setElapsedMs(0);\n    if (streamAbortController.current) {\n      streamAbortController.current.abort();\n      streamAbortController.current = null;\n    }\n  };\n\n  const parseSSELine = (line) => {\n    if (line.startsWith(\"data: \")) {\n      const data = line.slice(6);\n      if (data === \"[DONE]\") {\n        return { type: \"done\" };\n      }\n      try {\n        const parsed = JSON.parse(data);\n        return { type: \"data\", data: parsed };\n      } catch (e) {\n        return null;\n      }\n    }\n    return null;\n  };\n\n  const handleStreamChunk = (chunk) => {\n    if (!chunk.choices?.[0]?.delta) return;\n\n    lastChunkTimeRef.current = Date.now();\n    setStreamSilent(false);\n\n    const delta = chunk.choices[0].delta;\n    \n    // Check for tool use/result indicators\n    if (delta.tool_calls || delta.tool_results) {\n      setThinkingPhase(\"tool\");\n      return;\n    }\n\n    // If we get content, switch to responding phase\n    if (delta.content !== undefined) {\n      setThinkingPhase(\"responding\");\n      \n      // Initialize or update current assistant message\n      setCurrentAssistantMessage(prev => {\n        const baseMessage = prev || {\n          id: Date.now().toString(),\n          role: \"assistant\",\n          content: \"\",\n          timestamp: new Date().toLocaleTimeString(\"en-US\", {\n            hour: \"2-digit\",\n            minute: \"2-digit\",\n          }),\n          isStreaming: true,\n        };\n        \n        const updated = {\n          ...baseMessage,\n          content: (baseMessage.content || \"\") + (delta.content || \"\"),\n        };\n        currentAssistantRef.current = updated;\n        return updated;\n      });\n    }\n  };\n\n  const processStream = async (stream) => {\n    const reader = stream.getReader();\n    const decoder = new TextDecoder();\n    let buffer = \"\";\n\n    try {\n      while (true) {\n        const { done, value } = await reader.read();\n        if (done) break;\n\n        buffer += decoder.decode(value, { stream: true });\n        const lines = buffer.split(\"\\n\");\n        buffer = lines.pop() || \"\"; // Keep incomplete line in buffer\n\n        for (const line of lines) {\n          if (line.trim()) {\n            const parsed = parseSSELine(line);\n            if (parsed) {\n              if (parsed.type === \"done\") {\n                return; // Stream complete\n              } else if (parsed.type === \"data\") {\n                handleStreamChunk(parsed.data);\n              }\n            }\n          }\n        }\n      }\n    } finally {\n      reader.releaseLock();\n    }\n  };\n\n  const handleSend = async () => {\n    if (!inputValue.trim() || isSending) return;\n\n    const userContent = inputValue.trim();\n    const userMessage = {\n      id: Date.now().toString(),\n      role: \"user\",\n      content: userContent,\n      timestamp: new Date().toLocaleTimeString(\"en-US\", {\n        hour: \"2-digit\",\n        minute: \"2-digit\",\n      }),\n    };\n\n    // Add user message and start processing\n    const newMessages = [...messages, userMessage];\n    setMessages(newMessages);\n    setInputValue(\"\");\n    setIsProcessing(true);\n    setIsSending(true);\n    setThinkingPhase(\"thinking\");\n    setThinkingStartTime(Date.now());\n    lastChunkTimeRef.current = Date.now();\n\n    // Create abort controller for this stream\n    streamAbortController.current = new AbortController();\n\n    try {\n      let result;\n      \n      // Use streaming version if provided, otherwise fall back to regular\n      if (onStreamMessage) {\n        result = await onStreamMessage(userContent, newMessages);\n      } else if (onSendMessage) {\n        result = await onSendMessage(userContent, newMessages);\n      } else {\n        // Fallback to dummy response\n        setTimeout(() => {\n          const assistantMessage = {\n            id: (Date.now() + 1).toString(),\n            role: \"assistant\",\n            content: \"This is a demonstration response. In a real implementation, this would connect to your LLM backend.\",\n            timestamp: new Date().toLocaleTimeString(\"en-US\", {\n              hour: \"2-digit\",\n              minute: \"2-digit\",\n            }),\n          };\n          setMessages(prev => [...prev, assistantMessage]);\n          resetProcessingState();\n        }, 1000);\n        return;\n      }\n\n      // Handle ReadableStream response\n      if (result instanceof ReadableStream) {\n        await processStream(result);\n      } \n      // Handle Response with SSE body\n      else if (result instanceof Response && result.body) {\n        await processStream(result.body);\n      }\n      // Handle Promise that resolves to a stream\n      else if (result && typeof result.then === \"function\") {\n        const resolved = await result;\n        if (resolved instanceof ReadableStream) {\n          await processStream(resolved);\n        } else if (resolved instanceof Response && resolved.body) {\n          await processStream(resolved.body);\n        }\n      }\n\n      // Finalize the assistant message using ref (state is stale in this closure)\n      if (currentAssistantRef.current) {\n        setMessages(prev => [...prev, { \n          ...currentAssistantRef.current, \n          isStreaming: false \n        }]);\n      }\n\n    } catch (error) {\n      if (error.name !== \"AbortError\") {\n        toast.error(\"Failed to send message\");\n        console.error(\"Stream error:\", error);\n      }\n    } finally {\n      resetProcessingState();\n    }\n  };\n\n  const handleKeyDown = (e) => {\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      handleSend();\n    }\n  };\n\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        height: \"100%\",\n        border: \"1px solid var(--border, rgba(52,58,64,0.12))\",\n        borderRadius: \"var(--radius-lg, 12px)\",\n        background: \"var(--paper-elevated, rgba(255,255,255,0.82))\",\n        overflow: \"hidden\",\n      }}\n    >\n      {/* Header — hidden when title is empty */}\n      {title ? <div\n        style={{\n          padding: \"16px 20px\",\n          borderBottom: \"1px solid var(--border-subtle, rgba(52,58,64,0.08))\",\n          background: \"var(--paper-elevated, rgba(255,255,255,0.82))\",\n        }}\n      >\n        <div\n          style={{\n            fontSize: \"var(--text-lg, 16px)\",\n            fontWeight: 720,\n            letterSpacing: \"-0.01em\",\n            color: \"var(--text-strong, rgba(30,33,37,0.92))\",\n          }}\n        >\n          {title}\n        </div>\n        <div\n          style={{\n            fontSize: \"var(--text-sm, 11px)\",\n            color: \"var(--text-muted, rgba(30,33,37,0.56))\",\n            marginTop: \"2px\",\n          }}\n        >\n          Ask questions, get insights from analyzed interactions\n        </div>\n      </div> : null}\n\n      {/* Messages area */}\n      <div\n        style={{\n          flex: 1,\n          minHeight: 0,\n          overflowY: \"auto\",\n          padding: \"20px\",\n          display: \"flex\",\n          flexDirection: \"column\",\n        }}\n      >\n        {messages.length === 0 ? (\n          <div\n            style={{\n              flex: 1,\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n              fontSize: \"var(--text-md, 13px)\",\n              textAlign: \"center\",\n              padding: \"40px\",\n            }}\n          >\n            No messages yet. Start a conversation by asking a question below.\n          </div>\n        ) : (\n          <>\n            {messages.map((message) => (\n              <ChatMessage\n                key={message.id}\n                role={message.role}\n                content={message.content}\n                html={message.html}\n                timestamp={message.timestamp}\n                toolBadges={message.toolBadges}\n                isStreaming={message.isStreaming}\n                onCodeBlockClick={onCodeBlockClick}\n              />\n            ))}\n            \n            {/* Current streaming message */}\n            {currentAssistantMessage && (\n              <ChatMessage\n                key={currentAssistantMessage.id}\n                role={currentAssistantMessage.role}\n                content={currentAssistantMessage.content}\n                timestamp={currentAssistantMessage.timestamp}\n                isStreaming={true}\n                onCodeBlockClick={onCodeBlockClick}\n              />\n            )}\n            \n            {/* Thinking indicator — shows during initial thinking or stream silence */}\n            {isProcessing && (!currentAssistantMessage || streamSilent) && (\n              <div style={{ marginBottom: \"16px\" }}>\n                <ThinkingIndicator \n                  phase={streamSilent ? \"tool\" : thinkingPhase}\n                  elapsedMs={elapsedMs}\n                  label={\n                    streamSilent && silenceSeconds >= 30\n                      ? \"Compacting conversation — trimming context to stay sharp...\"\n                      : streamSilent && silenceSeconds >= 10\n                        ? \"Running background tasks...\"\n                        : streamSilent\n                          ? \"Still working...\"\n                          : undefined\n                  }\n                />\n              </div>\n            )}\n            \n            <div ref={messagesEndRef} />\n          </>\n        )}\n      </div>\n\n      {/* Input area */}\n      <div\n        style={{\n          borderTop: \"1px solid var(--border-subtle, rgba(52,58,64,0.08))\",\n          padding: \"16px 20px\",\n          background: \"var(--paper-elevated, rgba(255,255,255,0.82))\",\n        }}\n      >\n        <div\n          style={{\n            display: \"flex\",\n            gap: \"12px\",\n            alignItems: \"flex-end\",\n          }}\n        >\n          <textarea\n            ref={inputRef}\n            value={inputValue}\n            onChange={(e) => setInputValue(e.target.value)}\n            onKeyDown={handleKeyDown}\n            placeholder={placeholder}\n            rows={1}\n            disabled={isSending}\n            style={{\n              flex: 1,\n              padding: \"10px 14px\",\n              fontSize: \"var(--text-base, 14px)\",\n              lineHeight: 1.5,\n              color: \"var(--text-strong, rgba(30,33,37,0.92))\",\n              background: \"rgba(255, 255, 255, 0.95)\",\n              border: \"1px solid rgba(52, 58, 64, 0.18)\",\n              borderRadius: \"var(--radius-md, 8px)\",\n              resize: \"none\",\n              outline: \"none\",\n              transition: \"border-color 0.15s ease\",\n              fontFamily: \"inherit\",\n              minHeight: \"42px\",\n              maxHeight: \"120px\",\n              opacity: isSending ? 0.6 : 1,\n              cursor: isSending ? \"not-allowed\" : \"text\",\n            }}\n            onFocus={(e) => {\n              if (!isSending) {\n                e.target.style.borderColor = \"rgba(94, 136, 176, 0.35)\";\n              }\n            }}\n            onBlur={(e) => {\n              e.target.style.borderColor = \"rgba(52, 58, 64, 0.18)\";\n            }}\n          />\n          <button\n            onClick={handleSend}\n            disabled={!inputValue.trim() || isSending}\n            style={{\n              padding: \"10px 16px\",\n              background:\n                inputValue.trim() && !isSending\n                  ? \"var(--Base-Strong, #0B0B0B)\"\n                  : \"#ECEEF2\",\n              color:\n                inputValue.trim() && !isSending\n                  ? \"white\"\n                  : \"var(--text-base)\",\n              border: \"none\",\n              borderRadius: \"var(--radius-md, 8px)\",\n              cursor:\n                inputValue.trim() && !isSending ? \"pointer\" : \"not-allowed\",\n              display: \"flex\",\n              alignItems: \"center\",\n              gap: \"6px\",\n              fontSize: \"var(--text-md, 13px)\",\n              fontWeight: 650,\n              transition: \"all 0.15s ease\",\n              height: \"42px\",\n            }}\n            // onMouseEnter={(e) => {\n            //   if (inputValue.trim() && !isSending) {\n            //     e.currentTarget.style.background = \"var(--Base-Strong, #0B0B0B)\";\n            //   }\n            // }}\n            // onMouseLeave={(e) => {\n            //   if (inputValue.trim() && !isSending) {\n            //     e.currentTarget.style.background = \"#ECEEF2\";\n            //   }\n            // }}\n          >\n            {isSending ? (\n              <>\n                <style>\n                  {`\n                    @keyframes buttonSpin {\n                      from { transform: rotate(0deg); }\n                      to { transform: rotate(360deg); }\n                    }\n                  `}\n                </style>\n                <div\n                  style={{\n                    width: \"14px\",\n                    height: \"14px\",\n                    border: \"2px solid rgba(255, 255, 255, 0.3)\",\n                    borderTopColor: \"white\",\n                    borderRadius: \"50%\",\n                    animation: \"buttonSpin 0.6s linear infinite\",\n                  }}\n                />\n                Sending...\n              </>\n            ) : (\n              <>\n                <Send size={16} />\n                Send\n              </>\n            )}\n          </button>\n        </div>\n        <div\n          style={{\n            fontSize: \"var(--text-sm, 11px)\",\n            color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n            marginTop: \"8px\",\n          }}\n        >\n          Press Enter to send, Shift+Enter for new line\n        </div>\n      </div>\n    </div>\n  );\n}","\"use client\";\n\nimport React, { useState } from \"react\";\nimport { MessageSquare, Search, Clock, Pin } from \"lucide-react\";\n\n/**\n * ChatHistoryPanel Component\n * Panel showing chat thread history with search functionality.\n * \n * Props:\n *   threads       - Array of thread objects: { id, title, created_at, updated_at, message_count, last_message_preview, pinned, archived, tags }\n *   activeThreadId - Currently selected thread id\n *   onSelectThread - (threadId) => void\n *   onNewChat      - () => void\n *   loading        - boolean\n */\nexport default function ChatHistoryPanel({\n  threads = [],\n  activeThreadId,\n  onSelectThread,\n  onNewChat,\n  loading = false,\n}) {\n  const [searchQuery, setSearchQuery] = useState(\"\");\n\n  const filteredThreads = threads.filter((thread) => {\n    if (!searchQuery) return true;\n    const q = searchQuery.toLowerCase();\n    return (\n      (thread.title || \"\").toLowerCase().includes(q) ||\n      (thread.last_message_preview || \"\").toLowerCase().includes(q)\n    );\n  });\n\n  // Sort: pinned first, then by updated_at descending\n  const sortedThreads = [...filteredThreads].sort((a, b) => {\n    if (a.pinned && !b.pinned) return -1;\n    if (!a.pinned && b.pinned) return 1;\n    const aTime = new Date(a.updated_at || a.created_at || 0).getTime();\n    const bTime = new Date(b.updated_at || b.created_at || 0).getTime();\n    return bTime - aTime;\n  });\n\n  const formatTime = (dateStr) => {\n    if (!dateStr) return \"\";\n    const d = new Date(dateStr);\n    const now = new Date();\n    const diffMs = now.getTime() - d.getTime();\n    const diffDays = Math.floor(diffMs / 86400000);\n    if (diffDays === 0) {\n      return d.toLocaleTimeString(\"en-US\", { hour: \"2-digit\", minute: \"2-digit\" });\n    } else if (diffDays === 1) {\n      return \"Yesterday\";\n    } else if (diffDays < 7) {\n      return d.toLocaleDateString(\"en-US\", { weekday: \"short\" });\n    } else {\n      return d.toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\" });\n    }\n  };\n\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        height: \"100%\",\n        background: \"var(--paper, rgba(255,255,255,0.95))\",\n        borderRight: \"1px solid var(--border, rgba(52,58,64,0.12))\",\n        overflow: \"hidden\",\n      }}\n    >\n      {/* Header */}\n      <div\n        style={{\n          padding: \"12px 14px\",\n          borderBottom: \"1px solid var(--border-subtle, rgba(52,58,64,0.08))\",\n          flexShrink: 0,\n        }}\n      >\n        <div\n          style={{\n            display: \"flex\",\n            justifyContent: \"space-between\",\n            alignItems: \"center\",\n            marginBottom: \"10px\",\n          }}\n        >\n          <div\n            style={{\n              fontSize: \"13px\",\n              fontWeight: 650,\n              color: \"var(--text-ink, rgba(30,33,37,0.92))\",\n            }}\n          >\n            Threads\n          </div>\n          {onNewChat && (\n            <button\n              onClick={onNewChat}\n              style={{\n                padding: \"4px 10px\",\n                fontSize: \"11px\",\n                fontWeight: 600,\n                color: \"var(--Base-Strong, #0B0B0B)\",\n                background: \"#ECEEF2\",\n                border: \"1px solid var(--border-subtle, rgba(52,58,64,0.08))\",\n                borderRadius: \"6px\",\n                cursor: \"pointer\",\n                transition: \"all 0.15s ease\",\n              }}\n              onMouseEnter={(e) => {\n                e.currentTarget.style.background = \"#ECEEF2\";\n              }}\n              onMouseLeave={(e) => {\n                e.currentTarget.style.background = \"rgba(94, 136, 176, 0.08)\";\n              }}\n            >\n              + New\n            </button>\n          )}\n        </div>\n\n        {/* Search */}\n        <div style={{ position: \"relative\" }}>\n          <Search\n            size={13}\n            style={{\n              position: \"absolute\",\n              left: \"10px\",\n              top: \"50%\",\n              transform: \"translateY(-50%)\",\n              color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n              pointerEvents: \"none\",\n            }}\n          />\n          <input\n            type=\"text\"\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            placeholder=\"Search threads...\"\n            style={{\n              width: \"100%\",\n              padding: \"7px 10px 7px 32px\",\n              fontSize: \"12px\",\n              color: \"var(--text-ink, rgba(30,33,37,0.92))\",\n              background: \"var(--paper-elevated, rgba(255,255,255,0.82))\",\n              border: \"1px solid var(--border, rgba(52,58,64,0.12))\",\n              borderRadius: \"6px\",\n              outline: \"none\",\n              transition: \"border-color 0.15s ease\",\n              boxSizing: \"border-box\",\n            }}\n            onFocus={(e) => {\n              e.target.style.borderColor = \"rgba(94, 136, 176, 0.35)\";\n            }}\n            onBlur={(e) => {\n              e.target.style.borderColor = \"rgba(52, 58, 64, 0.12)\";\n            }}\n          />\n        </div>\n      </div>\n\n      {/* Thread List */}\n      <div style={{ flex: 1, overflowY: \"auto\", padding: \"4px 6px\" }}>\n        {loading ? (\n          <div\n            style={{\n              padding: \"30px 16px\",\n              textAlign: \"center\",\n              color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n              fontSize: \"12px\",\n            }}\n          >\n            Loading threads...\n          </div>\n        ) : sortedThreads.length === 0 ? (\n          <div\n            style={{\n              padding: \"30px 16px\",\n              textAlign: \"center\",\n              color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n              fontSize: \"12px\",\n            }}\n          >\n            {searchQuery ? \"No threads found\" : \"No threads yet\"}\n          </div>\n        ) : (\n          sortedThreads.map((thread) => {\n            const isActive = thread.id === activeThreadId;\n            return (\n              <div\n                key={thread.id}\n                onClick={() => onSelectThread?.(thread.id)}\n                style={{\n                  padding: \"10px 10px\",\n                  marginBottom: \"2px\",\n                  borderRadius: \"6px\",\n                  background: isActive\n                    ? \"rgba(94, 136, 176, 0.10)\"\n                    : \"transparent\",\n                  border: isActive\n                    ? \"1px solid rgba(94, 136, 176, 0.15)\"\n                    : \"1px solid transparent\",\n                  cursor: \"pointer\",\n                  transition: \"all 0.12s ease\",\n                }}\n                onMouseEnter={(e) => {\n                  if (!isActive) e.currentTarget.style.background = \"rgba(0,0,0,0.03)\";\n                }}\n                onMouseLeave={(e) => {\n                  if (!isActive) e.currentTarget.style.background = \"transparent\";\n                }}\n              >\n                {/* Title row */}\n                <div style={{ display: \"flex\", alignItems: \"center\", gap: \"6px\", marginBottom: \"4px\" }}>\n                  <MessageSquare\n                    size={12}\n                    style={{\n                      color: isActive ? \"var(--rail-discovery, #5E88B0)\" : \"var(--text-faint, rgba(30,33,37,0.36))\",\n                      flexShrink: 0,\n                    }}\n                  />\n                  <div\n                    style={{\n                      flex: 1,\n                      fontSize: \"12px\",\n                      fontWeight: isActive ? 650 : 550,\n                      color: isActive\n                        ? \"var(--text-ink, rgba(30,33,37,0.92))\"\n                        : \"var(--text-base, rgba(30,33,37,0.78))\",\n                      overflow: \"hidden\",\n                      textOverflow: \"ellipsis\",\n                      whiteSpace: \"nowrap\",\n                    }}\n                  >\n                    {thread.title || \"Untitled thread\"}\n                  </div>\n                  {thread.pinned && (\n                    <Pin size={10} style={{ color: \"var(--rail-discovery, #5E88B0)\", flexShrink: 0 }} />\n                  )}\n                </div>\n\n                {/* Preview */}\n                {thread.last_message_preview && (\n                  <div\n                    style={{\n                      fontSize: \"11px\",\n                      color: \"var(--text-muted, rgba(30,33,37,0.56))\",\n                      overflow: \"hidden\",\n                      textOverflow: \"ellipsis\",\n                      whiteSpace: \"nowrap\",\n                      marginLeft: \"18px\",\n                      marginBottom: \"4px\",\n                    }}\n                  >\n                    {thread.last_message_preview}\n                  </div>\n                )}\n\n                {/* Meta */}\n                <div\n                  style={{\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    gap: \"6px\",\n                    marginLeft: \"18px\",\n                    fontSize: \"10px\",\n                    color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n                  }}\n                >\n                  <Clock size={9} />\n                  <span>{formatTime(thread.updated_at || thread.created_at)}</span>\n                  {thread.message_count != null && (\n                    <>\n                      <span>·</span>\n                      <span>{thread.message_count} msg{thread.message_count !== 1 ? \"s\" : \"\"}</span>\n                    </>\n                  )}\n                </div>\n              </div>\n            );\n          })\n        )}\n      </div>\n    </div>\n  );\n}\n","/**\n * NOTE: Deprecated component.\n *\n * This chat-scoped `MessageThread` was an early demo implementation and\n * is tightly coupled to app-specific context (`useUserContext`, `toast`, etc.).\n *\n * For new work and for consumers of the `chordia-ui` library, prefer the\n * framework-agnostic, reusable version exported from:\n *\n *   `src/components/common/MessageThread.jsx`\n *\n * which is re-exported via the main package entry:\n *\n *   import { MessageThread } from \"chordia-ui\";\n *\n * This file is kept only for backwards compatibility within the app.\n */\n\"use client\";\n\nimport React, { useState, useEffect, useRef } from \"react\";\nimport { Send, Paperclip, AtSign, Hash, Clock } from \"lucide-react\";\n// TODO: replace with framework-agnostic toast\nconst toast = { error: (...args) => console.warn(\"toast.error:\", ...args) };\n// TODO: replace with framework-agnostic context\nconst useUserContext = () => ({ userData: { name: \"User\", email: \"\" } });\n\n/**\n * MessageThread Component\n * Threaded messaging interface for team collaboration around sessions.\n * Supports mentions, condition references, and timestamp links.\n * Uses dummy data for demonstration purposes.\n */\nexport default function MessageThread({\n  sessionTitle,\n  messages: initialMessages,\n  onSendMessage,\n  currentUser,\n}) {\n  const [messageInput, setMessageInput] = useState(\"\");\n  const [isFocused, setIsFocused] = useState(false);\n  const [messages, setMessages] = useState(initialMessages || []);\n  const [isLoading, setIsLoading] = useState(false);\n  const [isSending, setIsSending] = useState(false);\n  const { userData } = useUserContext();\n  const messagesEndRef = useRef(null);\n\n  // Get current user from context if not provided\n  const displayCurrentUser = currentUser || {\n    name: userData?.name || \"You\",\n    initials: userData?.name\n      ?.split(\" \")\n      .map((n) => n[0])\n      .join(\"\")\n      .toUpperCase() || \"YO\",\n    color: \"#6B7C93\",\n  };\n\n  // Use initialMessages if provided, otherwise use empty array (no API fetching)\n  useEffect(() => {\n    if (initialMessages) {\n      setMessages(initialMessages);\n    } else {\n      setMessages([]);\n    }\n  }, [initialMessages]);\n\n  // Scroll to bottom when new messages arrive\n  useEffect(() => {\n    if (messagesEndRef.current) {\n      messagesEndRef.current.scrollIntoView({ behavior: \"smooth\" });\n    }\n  }, [messages]);\n\n  const handleSend = async () => {\n    if (!messageInput.trim()) return;\n\n    const content = messageInput.trim();\n    setMessageInput(\"\");\n    setIsSending(true);\n\n    // Create optimistic message\n    const optimisticMessage = {\n      id: `temp-${Date.now()}`,\n      author: {\n        name: displayCurrentUser.name,\n        role: userData?.role || \"\",\n        initials: displayCurrentUser.initials,\n        color: displayCurrentUser.color,\n      },\n      content: content,\n      timestamp: \"Just now\",\n      type: \"comment\",\n      isOptimistic: true,\n    };\n\n    // Optimistically add message\n    setMessages((prev) => [...prev, optimisticMessage]);\n\n    // If onSendMessage callback is provided, use it\n    if (onSendMessage) {\n      try {\n        await onSendMessage(content);\n        // Remove optimistic flag after callback succeeds\n        setMessages((prev) =>\n          prev.map((msg) =>\n            msg.id === optimisticMessage.id\n              ? { ...msg, isOptimistic: false }\n              : msg\n          )\n        );\n      } catch (error) {\n        // Remove optimistic message on error\n        setMessages((prev) => prev.filter((msg) => msg.id !== optimisticMessage.id));\n        toast.error(\"Failed to send message\");\n      } finally {\n        setIsSending(false);\n      }\n      return;\n    }\n\n    // No API - just confirm the optimistic message\n    setTimeout(() => {\n      setMessages((prev) =>\n        prev.map((msg) =>\n          msg.id === optimisticMessage.id\n            ? { ...msg, isOptimistic: false }\n            : msg\n        )\n      );\n      setIsSending(false);\n    }, 500);\n  };\n\n  const handleKeyPress = (e) => {\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      handleSend();\n    }\n  };\n\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        height: \"100%\",\n        background: \"var(--paper-elevated, rgba(255,255,255,0.82))\",\n        border: \"1px solid var(--border, rgba(52,58,64,0.12))\",\n        borderRadius: \"var(--radius-lg, 12px)\",\n        overflow: \"hidden\",\n      }}\n    >\n      {/* Header */}\n      {sessionTitle && (\n        <div\n          style={{\n            padding: \"14px 16px\",\n            borderBottom: \"1px solid var(--border, rgba(52,58,64,0.12))\",\n            background: \"var(--paper-elevated, rgba(255,255,255,0.82))\",\n          }}\n        >\n          <div\n            style={{\n              fontSize: \"var(--text-md, 13px)\",\n              fontWeight: 680,\n              color: \"var(--text-strong, rgba(30,33,37,0.92))\",\n              marginBottom: \"3px\",\n            }}\n          >\n            Session Discussion\n          </div>\n          {sessionTitle && (\n            <div\n              style={{\n                fontSize: \"var(--text-sm, 11px)\",\n                color: \"var(--text-muted, rgba(30,33,37,0.56))\",\n                display: \"flex\",\n                alignItems: \"center\",\n                gap: \"8px\",\n              }}\n            >\n              <span>{sessionTitle}</span>\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Messages */}\n      <div\n        style={{\n          flex: 1,\n          overflowY: \"auto\",\n          padding: \"16px\",\n          display: \"flex\",\n          flexDirection: \"column\",\n          gap: \"16px\",\n        }}\n      >\n        {isLoading ? (\n          <div\n            style={{\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              padding: \"40px\",\n              color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n            }}\n          >\n            Loading messages...\n          </div>\n        ) : messages.length === 0 ? (\n          <div\n            style={{\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              padding: \"40px\",\n              color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n            }}\n          >\n            No messages yet. Start the conversation!\n          </div>\n        ) : (\n          messages.map((message) => (\n          <div\n            key={message.id}\n            style={{\n              display: \"flex\",\n              gap: \"12px\",\n              opacity: message.type === \"system\" ? 0.75 : 1,\n            }}\n          >\n            {/* Avatar */}\n            {message.type !== \"system\" && (\n              <div\n                style={{\n                  width: \"32px\",\n                  height: \"32px\",\n                  borderRadius: \"8px\",\n                  background: message.author.color,\n                  color: \"white\",\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  fontSize: \"11px\",\n                  fontWeight: 650,\n                  flexShrink: 0,\n                  opacity: 0.9,\n                }}\n              >\n                {message.author.initials}\n              </div>\n            )}\n            {message.type === \"system\" && (\n              <div\n                style={{\n                  width: \"32px\",\n                  height: \"32px\",\n                  borderRadius: \"8px\",\n                  background: \"rgba(30, 33, 37, 0.08)\",\n                  color: \"rgba(30, 33, 37, 0.52)\",\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  fontSize: \"11px\",\n                  fontWeight: 650,\n                  flexShrink: 0,\n                }}\n              >\n                <Clock size={14} />\n              </div>\n            )}\n\n            {/* Message content */}\n            <div style={{ flex: 1, minWidth: 0 }}>\n              {/* Author and timestamp */}\n              <div\n                style={{\n                  display: \"flex\",\n                  alignItems: \"baseline\",\n                  gap: \"8px\",\n                  marginBottom: \"4px\",\n                }}\n              >\n                <span\n                  style={{\n                    fontSize: \"var(--text-sm, 11px)\",\n                    fontWeight: 650,\n                    color: \"var(--text-base, rgba(30,33,37,0.78))\",\n                  }}\n                >\n                  {message.author.name}\n                </span>\n                <span\n                  style={{\n                    fontSize: \"var(--text-sm, 11px)\",\n                    color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n                    fontFamily: \"var(--font-mono, monospace)\",\n                  }}\n                >\n                  {message.timestamp}\n                </span>\n                {message.author.role && (\n                  <span\n                    style={{\n                      fontSize: \"var(--text-xs, 10px)\",\n                      color: \"var(--text-muted, rgba(30,33,37,0.56))\",\n                      background: \"rgba(30, 33, 37, 0.06)\",\n                      padding: \"2px 6px\",\n                      borderRadius: \"4px\",\n                      textTransform: \"uppercase\",\n                      letterSpacing: \"0.04em\",\n                      fontWeight: 600,\n                    }}\n                  >\n                    {message.author.role}\n                  </span>\n                )}\n                {message.isEdited && (\n                  <span\n                    style={{\n                      fontSize: \"var(--text-xs, 10px)\",\n                      color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n                      fontStyle: \"italic\",\n                    }}\n                  >\n                    (edited)\n                  </span>\n                )}\n              </div>\n\n              {/* Message text */}\n              <div\n                style={{\n                  fontSize: \"var(--text-md, 13px)\",\n                  color: \"var(--text-base, rgba(30,33,37,0.78))\",\n                  lineHeight: 1.5,\n                  marginBottom: message.references ? \"8px\" : 0,\n                }}\n              >\n                {message.content}\n              </div>\n\n              {/* References */}\n              {message.references && message.references.length > 0 && (\n                <div\n                  style={{\n                    display: \"flex\",\n                    flexWrap: \"wrap\",\n                    gap: \"6px\",\n                    marginTop: \"8px\",\n                  }}\n                >\n                  {message.references.map((ref, idx) => (\n                    <button\n                      key={idx}\n                      type=\"button\"\n                      style={{\n                        fontSize: \"11px\",\n                        padding: \"4px 8px\",\n                        borderRadius: \"6px\",\n                        border: \"1px solid rgba(52, 58, 64, 0.16)\",\n                        background: \"rgba(255, 255, 255, 0.7)\",\n                        color:\n                          ref.type === \"condition\"\n                            ? \"rgba(94, 136, 176, 0.85)\"\n                            : ref.type === \"observation\"\n                              ? \"rgba(107, 123, 147, 0.85)\"\n                              : ref.type === \"timestamp\"\n                                ? \"rgba(184, 156, 106, 0.85)\"\n                                : \"rgba(30, 33, 37, 0.65)\",\n                        cursor: \"pointer\",\n                        display: \"inline-flex\",\n                        alignItems: \"center\",\n                        gap: \"4px\",\n                        transition: \"all 0.15s ease\",\n                        fontWeight: 550,\n                      }}\n                      onMouseEnter={(e) => {\n                        e.currentTarget.style.background =\n                          \"rgba(255, 255, 255, 0.95)\";\n                        e.currentTarget.style.borderColor =\n                          \"rgba(52, 58, 64, 0.24)\";\n                      }}\n                      onMouseLeave={(e) => {\n                        e.currentTarget.style.background =\n                          \"rgba(255, 255, 255, 0.7)\";\n                        e.currentTarget.style.borderColor =\n                          \"rgba(52, 58, 64, 0.16)\";\n                      }}\n                    >\n                      {ref.type === \"timestamp\" && <Clock size={12} />}\n                      {(ref.type === \"condition\" ||\n                        ref.type === \"observation\") && <Hash size={12} />}\n                      {ref.label}\n                    </button>\n                  ))}\n                </div>\n              )}\n            </div>\n          </div>\n          ))\n        )}\n        <div ref={messagesEndRef} />\n      </div>\n\n      {/* Input area */}\n      <div\n        style={{\n          padding: \"12px\",\n          borderTop: \"1px solid var(--border, rgba(52,58,64,0.12))\",\n          background: \"var(--paper-elevated, rgba(255,255,255,0.82))\",\n        }}\n      >\n        <div\n          style={{\n            display: \"flex\",\n            gap: \"8px\",\n            alignItems: \"flex-end\",\n          }}\n        >\n          {/* Current user avatar */}\n          <div\n            style={{\n              width: \"32px\",\n              height: \"32px\",\n              borderRadius: \"var(--radius-md, 8px)\",\n              background: displayCurrentUser.color,\n              color: \"white\",\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              fontSize: \"var(--text-sm, 11px)\",\n              fontWeight: 650,\n              flexShrink: 0,\n              opacity: 0.9,\n            }}\n          >\n            {displayCurrentUser.initials}\n          </div>\n\n          {/* Input field */}\n          <div\n            style={{\n              flex: 1,\n              display: \"flex\",\n              flexDirection: \"column\",\n              gap: \"8px\",\n            }}\n          >\n            <textarea\n              value={messageInput}\n              onChange={(e) => setMessageInput(e.target.value)}\n              onKeyDown={handleKeyPress}\n              onFocus={() => setIsFocused(true)}\n              onBlur={() => setIsFocused(false)}\n              placeholder=\"Add a comment...\"\n              style={{\n                width: \"100%\",\n                minHeight: \"38px\",\n                maxHeight: \"120px\",\n                padding: \"8px 12px\",\n                fontSize: \"var(--text-md, 13px)\",\n                color: \"var(--text-base, rgba(30,33,37,0.78))\",\n                background: \"white\",\n                border: `1px solid ${\n                  isFocused\n                    ? \"rgba(94, 136, 176, 0.35)\"\n                    : \"rgba(52, 58, 64, 0.16)\"\n                }`,\n                borderRadius: \"var(--radius-md, 8px)\",\n                resize: \"vertical\",\n                outline: \"none\",\n                transition: \"border-color 0.15s ease\",\n                fontFamily: \"inherit\",\n                lineHeight: 1.5,\n              }}\n            />\n\n            {/* Toolbar */}\n            <div\n              style={{\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"space-between\",\n              }}\n            >\n              <div style={{ display: \"flex\", gap: \"4px\" }}>\n                <button\n                  type=\"button\"\n                  style={{\n                    padding: \"6px\",\n                    background: \"transparent\",\n                    border: \"none\",\n                    borderRadius: \"6px\",\n                    color: \"rgba(30, 33, 37, 0.52)\",\n                    cursor: \"pointer\",\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    transition: \"all 0.15s ease\",\n                  }}\n                  onMouseEnter={(e) => {\n                    e.currentTarget.style.background =\n                      \"rgba(30, 33, 37, 0.06)\";\n                    e.currentTarget.style.color = \"rgba(30, 33, 37, 0.75)\";\n                  }}\n                  onMouseLeave={(e) => {\n                    e.currentTarget.style.background = \"transparent\";\n                    e.currentTarget.style.color = \"rgba(30, 33, 37, 0.52)\";\n                  }}\n                  title=\"Mention user\"\n                >\n                  <AtSign size={16} />\n                </button>\n                <button\n                  type=\"button\"\n                  style={{\n                    padding: \"6px\",\n                    background: \"transparent\",\n                    border: \"none\",\n                    borderRadius: \"6px\",\n                    color: \"rgba(30, 33, 37, 0.52)\",\n                    cursor: \"pointer\",\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    transition: \"all 0.15s ease\",\n                  }}\n                  onMouseEnter={(e) => {\n                    e.currentTarget.style.background =\n                      \"rgba(30, 33, 37, 0.06)\";\n                    e.currentTarget.style.color = \"rgba(30, 33, 37, 0.75)\";\n                  }}\n                  onMouseLeave={(e) => {\n                    e.currentTarget.style.background = \"transparent\";\n                    e.currentTarget.style.color = \"rgba(30, 33, 37, 0.52)\";\n                  }}\n                  title=\"Reference condition\"\n                >\n                  <Hash size={16} />\n                </button>\n                <button\n                  type=\"button\"\n                  style={{\n                    padding: \"6px\",\n                    background: \"transparent\",\n                    border: \"none\",\n                    borderRadius: \"6px\",\n                    color: \"rgba(30, 33, 37, 0.52)\",\n                    cursor: \"pointer\",\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    transition: \"all 0.15s ease\",\n                  }}\n                  onMouseEnter={(e) => {\n                    e.currentTarget.style.background =\n                      \"rgba(30, 33, 37, 0.06)\";\n                    e.currentTarget.style.color = \"rgba(30, 33, 37, 0.75)\";\n                  }}\n                  onMouseLeave={(e) => {\n                    e.currentTarget.style.background = \"transparent\";\n                    e.currentTarget.style.color = \"rgba(30, 33, 37, 0.52)\";\n                  }}\n                  title=\"Attach file\"\n                >\n                  <Paperclip size={16} />\n                </button>\n              </div>\n              <button\n                type=\"button\"\n                onClick={handleSend}\n                disabled={!messageInput.trim() || isSending}\n                style={{\n                  padding: \"6px 12px\",\n                  background:\n                    messageInput.trim() && !isSending\n                      ? \"rgba(94, 136, 176, 0.85)\"\n                      : \"var(--border-subtle, rgba(52,58,64,0.08))\",\n                  border: \"none\",\n                  borderRadius: \"6px\",\n                  color:\n                    messageInput.trim() && !isSending\n                      ? \"white\"\n                      : \"var(--text-faint, rgba(30,33,37,0.36))\",\n                  fontSize: \"var(--text-sm, 11px)\",\n                  fontWeight: 600,\n                  cursor:\n                    messageInput.trim() && !isSending\n                      ? \"pointer\"\n                      : \"not-allowed\",\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  gap: \"6px\",\n                  transition: \"all 0.15s ease\",\n                }}\n                onMouseEnter={(e) => {\n                  if (messageInput.trim() && !isSending) {\n                    e.currentTarget.style.background = \"rgba(94, 136, 176, 1)\";\n                  }\n                }}\n                onMouseLeave={(e) => {\n                  if (messageInput.trim() && !isSending) {\n                    e.currentTarget.style.background =\n                      \"rgba(94, 136, 176, 0.85)\";\n                  }\n                }}\n              >\n                {isSending ? (\n                  <>\n                    <style>\n                      {`\n                        @keyframes messageSpin {\n                          from { transform: rotate(0deg); }\n                          to { transform: rotate(360deg); }\n                        }\n                      `}\n                    </style>\n                    <div\n                      style={{\n                        width: \"14px\",\n                        height: \"14px\",\n                        border: \"2px solid rgba(255, 255, 255, 0.3)\",\n                        borderTopColor: \"white\",\n                        borderRadius: \"50%\",\n                        animation: \"messageSpin 0.6s linear infinite\",\n                      }}\n                    />\n                    Sending...\n                  </>\n                ) : (\n                  <>\n                    <Send size={14} />\n                    Send\n                  </>\n                )}\n              </button>\n            </div>\n          </div>\n        </div>\n        <div\n          style={{\n            marginTop: \"8px\",\n            fontSize: \"var(--text-sm, 11px)\",\n            color: \"var(--text-faint, rgba(30,33,37,0.36))\",\n            lineHeight: 1.4,\n          }}\n        >\n          <strong>Tip:</strong> Use{\" \"}\n          <code\n            style={{\n              background: \"rgba(30, 33, 37, 0.06)\",\n              padding: \"2px 4px\",\n              borderRadius: \"3px\",\n              fontFamily: \"var(--font-mono, monospace)\",\n              fontSize: \"var(--text-xs, 10px)\",\n            }}\n          >\n            @\n          </code>{\" \"}\n          to mention teammates,{\" \"}\n          <code\n            style={{\n              background: \"rgba(30, 33, 37, 0.06)\",\n              padding: \"2px 4px\",\n              borderRadius: \"3px\",\n              fontFamily: \"var(--font-mono, monospace)\",\n              fontSize: \"var(--text-xs, 10px)\",\n            }}\n          >\n            #\n          </code>{\" \"}\n          to reference conditions\n        </div>\n      </div>\n    </div>\n  );\n}\n\n"],"names":["ThinkingIndicator","phase","toolSteps","label","elapsedMs","compact","formatElapsedTime","ms","seconds","minutes","remainingSeconds","getPhaseLabel","renderToolStep","step","index","getStatusDot","baseDotStyle","jsx","getStatusText","jsxs","renderShimmerBar","renderCursor","phaseLabel","elapsedTime","toast","args","ChatInterface","initialMessages","onSendMessage","onStreamMessage","onMessagesChange","onCodeBlockClick","placeholder","title","messages","setMessages","useState","inputValue","setInputValue","isProcessing","setIsProcessing","isSending","setIsSending","currentAssistantMessage","setCurrentAssistantMessage","thinkingPhase","setThinkingPhase","thinkingStartTime","setThinkingStartTime","setElapsedMs","messagesEndRef","useRef","inputRef","streamAbortController","currentAssistantRef","lastChunkTimeRef","streamSilent","setStreamSilent","silenceSeconds","setSilenceSeconds","useEffect","_a","allMessages","interval","gap","resetProcessingState","parseSSELine","line","data","handleStreamChunk","chunk","_b","delta","prev","baseMessage","updated","processStream","stream","reader","decoder","buffer","done","value","lines","parsed","handleSend","userContent","userMessage","newMessages","result","assistantMessage","resolved","error","handleKeyDown","e","Fragment","message","ChatMessage","Send","ChatHistoryPanel","threads","activeThreadId","onSelectThread","onNewChat","loading","searchQuery","setSearchQuery","sortedThreads","thread","q","a","b","aTime","formatTime","dateStr","d","diffMs","diffDays","Search","isActive","MessageSquare","Pin","Clock","useUserContext","MessageThread","sessionTitle","currentUser","messageInput","setMessageInput","isFocused","setIsFocused","isLoading","setIsLoading","userData","displayCurrentUser","n","content","optimisticMessage","msg","handleKeyPress","ref","idx","Hash","AtSign","Paperclip"],"mappings":"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"}