@devicai/ui 0.13.0 → 0.14.0

package/dist/esm/components/ChatDrawer/ChatMessages.js

@@ -226,11 +226,21 @@ function ChatMessages({ messages, allMessages, isLoading, welcomeMessage, sugges
                     return (jsx(ToolGroup, { toolMessages: item.toolMessages, isActive: item.isActive, allMessages: allMessages, toolRenderers: toolRenderers, toolIcons: toolIcons, toolGroups: toolGroups, handedOffSubThreadId: handedOffSubThreadId, onHandoffCompleted: onHandoffCompleted, handoffWidgetRenderer: handoffWidgetRenderer, apiKey: apiKey, baseUrl: baseUrl }, `tg-${item.toolMessages[0].uid}`));
                 }
                 const message = item.message;
-                const messageText = message.content?.message;
+                const rawText = message.content?.message;
                 const hasFiles = message.content?.files && message.content.files.length > 0;
                 const isAssistant = message.role === "assistant";
                 const currentFeedback = feedbackMap?.get(message.uid) || "none";
-                return (jsxs("div", { className: "devic-message", "data-role": message.role, children: [jsxs("div", { className: "devic-message-bubble", children: [messageText && isAssistant ? (jsx(Markdown, { options: { overrides: markdownOverrides }, children: messageText })) : (messageText), hasFiles && (jsx("div", { className: "devic-message-files", children: message.content.files.map((file, fileIdx) => (jsxs("div", { className: "devic-message-file", children: [jsx(FileIcon, {}), jsx("span", { children: file.name })] }, fileIdx))) }))] }), jsxs("div", { className: "devic-message-footer", children: [jsx("span", { className: "devic-message-time", children: formatTime(message.timestamp) }), isAssistant && showFeedback && onFeedback && (jsx(MessageActions, { messageId: message.uid, messageContent: messageText, currentFeedback: currentFeedback, onFeedback: onFeedback, showCopy: true, showFeedback: true }))] })] }, message.uid));
+                // Extract reference chips from user messages (sent by AIElementWrapper).
+                // The ChatDrawer prefixes user messages with:
+                //   Elemento referenciado: "label1", "label2"\n\n<actual message>
+                // We render the labels as chips and only display the actual message
+                // text inside the bubble.
+                const parsed = !isAssistant && rawText
+                    ? parseReferencedPrefix(rawText)
+                    : null;
+                const messageText = parsed ? parsed.cleanContent : rawText;
+                const refLabels = parsed ? parsed.references : [];
+                return (jsxs("div", { className: "devic-message", "data-role": message.role, children: [refLabels.length > 0 && (jsx("div", { className: "devic-message-references", children: refLabels.map((lbl, i) => (jsxs("span", { className: "devic-message-reference-chip", title: lbl, children: [jsx(ReferenceChipIcon, {}), jsxs("span", { className: "devic-message-reference-chip-label", children: ["\"", lbl, "\""] })] }, i))) })), jsxs("div", { className: "devic-message-bubble", children: [messageText && isAssistant ? (jsx(Markdown, { options: { overrides: markdownOverrides }, children: messageText })) : (messageText), hasFiles && (jsx("div", { className: "devic-message-files", children: message.content.files.map((file, fileIdx) => (jsxs("div", { className: "devic-message-file", children: [jsx(FileIcon, {}), jsx("span", { children: file.name })] }, fileIdx))) }))] }), jsxs("div", { className: "devic-message-footer", children: [jsx("span", { className: "devic-message-time", children: formatTime(message.timestamp) }), isAssistant && showFeedback && onFeedback && (jsx(MessageActions, { messageId: message.uid, messageContent: messageText, currentFeedback: currentFeedback, onFeedback: onFeedback, showCopy: true, showFeedback: true }))] })] }, message.uid));
             }), pendingInlineWidgets && pendingInlineWidgets.length > 0 && (jsx("div", { className: "devic-inline-widgets", children: pendingInlineWidgets.map((wc) => {
                     const WidgetComponent = wc.widget.component;
                     return (jsx("div", { className: "devic-inline-widget", "data-tool-name": wc.toolName, children: jsx(WidgetComponent, { toolCall: wc.toolCall, params: wc.params, submit: (response) => onSubmitWidget?.(wc.toolCall.id, response), cancel: (reason) => onCancelWidget?.(wc.toolCall.id, reason) }) }, wc.toolCall.id));
@@ -253,6 +263,23 @@ function ChevronUpIcon() {
 function FileIcon() {
     return (jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), jsx("polyline", { points: "14,2 14,8 20,8" })] }));
 }
+function ReferenceChipIcon() {
+    return (jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx("polyline", { points: "15 10 20 15 15 20" }), jsx("path", { d: "M4 4v7a4 4 0 0 0 4 4h12" })] }));
+}
+/**
+ * Extracts the "Elemento referenciado: ..." prefix that ChatDrawer prepends
+ * to user messages when AIElementWrapper references are active. Returns the
+ * parsed labels and the message text without the prefix. Returns null when
+ * the content does not start with the prefix.
+ */
+const REFERENCE_PREFIX_RE = /^Elemento referenciado: ((?:"[^"]+")(?:, "[^"]+")*)\n\n([\s\S]*)$/;
+function parseReferencedPrefix(content) {
+    const m = content.match(REFERENCE_PREFIX_RE);
+    if (!m)
+        return null;
+    const labels = (m[1].match(/"([^"]+)"/g) || []).map((s) => s.slice(1, -1));
+    return { references: labels, cleanContent: m[2] };
+}
 
 export { ChatMessages };
 //# sourceMappingURL=ChatMessages.js.map

package/dist/esm/components/ChatDrawer/ChatMessages.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessages.js","sources":["../../../../src/components/ChatDrawer/ChatMessages.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport Markdown from \"markdown-to-jsx\";\nimport { MessageActions } from \"../Feedback\";\nimport { HandoffSubagentWidget } from \"./HandoffSubagentWidget\";\nimport type { ChatMessagesProps, SuggestedMessage } from \"./ChatDrawer.types\";\nimport type { ChatMessage, ToolGroupConfig, ToolGroupCall } from \"../../api/types\";\nimport type { FeedbackState } from \"../Feedback\";\nimport { segmentToolCalls } from \"../../utils/toolGroups\";\nimport \"../Feedback/Feedback.css\";\n\n/**\n * Format timestamp to readable time\n */\nfunction formatTime(timestamp: number): string {\n  return new Date(timestamp).toLocaleTimeString([], {\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  });\n}\n\n/**\n * Groups consecutive tool-call assistant messages (no text content)\n * into { toolMessages, isActive } groups, interleaved with regular messages.\n */\nfunction groupMessages(\n  messages: ChatMessage[],\n  isLoading: boolean,\n): Array<\n  | { type: \"message\"; message: ChatMessage }\n  | { type: \"toolGroup\"; toolMessages: ChatMessage[]; isActive: boolean }\n> {\n  const result: Array<\n    | { type: \"message\"; message: ChatMessage }\n    | { type: \"toolGroup\"; toolMessages: ChatMessage[]; isActive: boolean }\n  > = [];\n\n  let currentToolGroup: ChatMessage[] = [];\n\n  const flushToolGroup = (isActive: boolean) => {\n    if (currentToolGroup.length > 0) {\n      result.push({\n        type: \"toolGroup\",\n        toolMessages: [...currentToolGroup],\n        isActive,\n      });\n      currentToolGroup = [];\n    }\n  };\n\n  for (let i = 0; i < messages.length; i++) {\n    const msg = messages[i];\n\n    // Skip developer, system and tool response messages\n    if (msg.role === \"developer\" || msg.role === \"system\" || msg.role === \"tool\") {\n      continue;\n    }\n\n    const hasToolCalls = msg.tool_calls && msg.tool_calls.length > 0;\n    const hasText = !!msg.content?.message;\n    const hasFiles = msg.content?.files && msg.content.files.length > 0;\n\n    if (hasToolCalls) {\n      // If message has both text and tool_calls, show text first\n      if (hasText || hasFiles) {\n        // Flush any prior tool group before inserting the text message\n        const remainingMeaningful = messages\n          .slice(i + 1)\n          .some(\n            (m) =>\n              (m.role === \"assistant\" && m.content?.message) ||\n              m.role === \"user\",\n          );\n        flushToolGroup(isLoading && !remainingMeaningful);\n        result.push({ type: \"message\", message: msg });\n      }\n      // Always accumulate the tool call\n      currentToolGroup.push(msg);\n    } else {\n      // Regular message → flush any accumulated tool group first\n      const remainingMeaningful = messages\n        .slice(i)\n        .some(\n          (m) =>\n            (m.role === \"assistant\" && m.content?.message) || m.role === \"user\",\n        );\n      flushToolGroup(isLoading && !remainingMeaningful);\n\n      if (hasText || hasFiles) {\n        result.push({ type: \"message\", message: msg });\n      }\n    }\n  }\n\n  // Flush remaining tool group (is active if still loading)\n  flushToolGroup(isLoading);\n\n  return result;\n}\n\n/**\n * Collapsible tool actions group\n */\nfunction ToolGroup({\n  toolMessages,\n  isActive,\n  allMessages,\n  toolRenderers,\n  toolIcons,\n  toolGroups,\n  handedOffSubThreadId,\n  onHandoffCompleted,\n  handoffWidgetRenderer,\n  apiKey,\n  baseUrl,\n}: {\n  toolMessages: ChatMessage[];\n  isActive: boolean;\n  allMessages?: ChatMessage[];\n  toolRenderers?: Record<string, (input: any, output: any) => React.ReactNode>;\n  toolIcons?: Record<string, React.ReactNode>;\n  toolGroups?: ToolGroupConfig[];\n  handedOffSubThreadId?: string;\n  onHandoffCompleted?: () => void;\n  handoffWidgetRenderer?: ChatMessagesProps[\"handoffWidgetRenderer\"];\n  apiKey?: string;\n  baseUrl?: string;\n}): JSX.Element {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const shouldCollapse = toolMessages.length > 3 && !isActive;\n\n  // Auto-collapse when transitioning from active to completed\n  const wasActiveRef = useRef(isActive);\n  useEffect(() => {\n    if (wasActiveRef.current && !isActive && toolMessages.length > 3) {\n      setIsCollapsed(true);\n    }\n    wasActiveRef.current = isActive;\n  }, [isActive, toolMessages.length]);\n\n  const lastIndex = toolMessages.length - 1;\n\n  const renderToolItem = (\n    msg: ChatMessage,\n    opts: { active?: boolean; showSpinner?: boolean },\n  ) => {\n    const toolCall = msg.tool_calls?.[0];\n    const toolName = toolCall?.function?.name;\n    const summaryText =\n      msg.summary || toolName || (opts.active ? \"Processing...\" : \"Completed\");\n\n    // Render HandoffSubagentWidget for hand_off_subagent tool calls\n    if (toolName === \"hand_off_subagent\" && toolCall && allMessages) {\n      const subThreadId = extractSubThreadId(\n        toolCall.id,\n        allMessages,\n        handedOffSubThreadId,\n      );\n      if (subThreadId) {\n        return (\n          <HandoffSubagentWidget\n            subThreadId={subThreadId}\n            onCompleted={onHandoffCompleted}\n            renderWidget={handoffWidgetRenderer}\n            apiKey={apiKey}\n            baseUrl={baseUrl}\n          />\n        );\n      }\n    }\n\n    // Custom renderer for completed tools\n    if (!opts.active && toolName && toolRenderers?.[toolName] && allMessages) {\n      const toolResponse = allMessages.find(\n        (m) => m.role === \"tool\" && m.tool_call_id === toolCall!.id,\n      );\n      let input: any = {};\n      try {\n        input = JSON.parse(toolCall!.function.arguments);\n      } catch {}\n      const output =\n        toolResponse?.content?.data ||\n        toolResponse?.content?.message ||\n        toolResponse?.content;\n      return toolRenderers[toolName](input, output);\n    }\n\n    const icon = opts.showSpinner ? (\n      <SpinnerIcon />\n    ) : (\n      (toolName && toolIcons?.[toolName]) || <ToolDoneIcon />\n    );\n\n    return (\n      <>\n        <span className=\"devic-tool-activity-icon\">{icon}</span>\n        <span\n          className={`devic-tool-activity-text ${opts.active ? \"devic-glow-text\" : \"\"}`}\n        >\n          {summaryText}\n        </span>\n      </>\n    );\n  };\n\n  /** Resolve a ChatMessage into a ToolGroupCall */\n  const resolveToolGroupCall = (msg: ChatMessage): ToolGroupCall | null => {\n    const toolCall = msg.tool_calls?.[0];\n    if (!toolCall) return null;\n    const toolName = toolCall.function?.name;\n    let input: any = {};\n    try {\n      input = JSON.parse(toolCall.function.arguments);\n    } catch {}\n    const toolResponse = allMessages?.find(\n      (m) => m.role === \"tool\" && m.tool_call_id === toolCall.id,\n    );\n    const output =\n      toolResponse?.content?.data ||\n      toolResponse?.content?.message ||\n      toolResponse?.content;\n    return { name: toolName, input, output, toolCallId: toolCall.id };\n  };\n\n  /** Render completed tool messages, applying toolGroups segmentation when configured */\n  const renderCompletedItems = (msgs: ChatMessage[]) => {\n    if (!toolGroups || toolGroups.length === 0) {\n      return msgs.map((msg) => (\n        <div key={msg.uid} className=\"devic-tool-activity\">\n          {renderToolItem(msg, {})}\n        </div>\n      ));\n    }\n\n    // Build ToolGroupCall array for completed messages\n    const calls: Array<{ msg: ChatMessage; call: ToolGroupCall }> = [];\n    for (const msg of msgs) {\n      const call = resolveToolGroupCall(msg);\n      if (call) {\n        calls.push({ msg, call });\n      }\n    }\n\n    const segments = segmentToolCalls(\n      calls.map((c) => c.call),\n      toolGroups,\n    );\n\n    const elements: React.ReactNode[] = [];\n    let callIdx = 0;\n\n    for (const segment of segments) {\n      if (segment.type === \"group\") {\n        const groupKey = segment.calls\n          .map((c) => c.toolCallId)\n          .join(\"-\");\n        elements.push(\n          <div key={`tg-group-${groupKey}`} className=\"devic-tool-activity devic-tool-activity--grouped\">\n            {segment.config.renderer(segment.calls)}\n          </div>,\n        );\n        callIdx += segment.calls.length;\n      } else {\n        const entry = calls[callIdx];\n        elements.push(\n          <div key={entry.msg.uid} className=\"devic-tool-activity\">\n            {renderToolItem(entry.msg, {})}\n          </div>,\n        );\n        callIdx += 1;\n      }\n    }\n\n    return elements;\n  };\n\n  // If active, show all items; last one gets the glow treatment\n  if (isActive) {\n    // For active groups: render all completed items with grouping, then render the active (last) item individually\n    const completedMessages = toolMessages.slice(0, lastIndex);\n    const lastMsg = toolMessages[lastIndex];\n\n    return (\n      <div className=\"devic-tool-group\">\n        {completedMessages.length > 0 && renderCompletedItems(completedMessages)}\n        <div\n          key={lastMsg.uid}\n          className=\"devic-tool-activity devic-tool-activity--active\"\n        >\n          {renderToolItem(lastMsg, { active: true, showSpinner: true })}\n        </div>\n      </div>\n    );\n  }\n\n  // Completed: collapse if > 3 actions\n  if (shouldCollapse && isCollapsed) {\n    return (\n      <div className=\"devic-tool-group\">\n        <button\n          className=\"devic-tool-collapse-btn\"\n          onClick={() => setIsCollapsed(false)}\n          type=\"button\"\n        >\n          <ToolDoneIcon />\n          <span>{toolMessages.length} actions</span>\n          <ChevronDownIcon />\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"devic-tool-group\">\n      {shouldCollapse && (\n        <button\n          className=\"devic-tool-collapse-btn\"\n          onClick={() => setIsCollapsed(true)}\n          type=\"button\"\n        >\n          <span>{toolMessages.length} actions</span>\n          <ChevronUpIcon />\n        </button>\n      )}\n      <div className=\"devic-tool-group-items\" data-expanded=\"true\">\n        {renderCompletedItems(toolMessages)}\n      </div>\n    </div>\n  );\n}\n\n/**\n * Messages list component\n */\nconst markdownOverrides = {\n  table: {\n    component: ({ children, ...props }: any) =>\n      React.createElement(\n        \"div\",\n        { className: \"markdown-table\" },\n        React.createElement(\"table\", props, children),\n      ),\n  },\n};\n\n/**\n * Extract subthread ID from a hand_off_subagent tool call.\n * Checks the tool response in allMessages first, then falls back to handedOffSubThreadId.\n */\nfunction extractSubThreadId(\n  toolCallId: string,\n  allMessages: ChatMessage[],\n  handedOffSubThreadId?: string,\n): string | null {\n  // Look for the tool response message\n  const toolResponse = allMessages.find(\n    (m) => m.role === \"tool\" && m.tool_call_id === toolCallId,\n  );\n  if (toolResponse) {\n    const content = toolResponse.content?.data || toolResponse.content;\n    if (content && typeof content === \"object\" && \"subthreadId\" in content) {\n      return (content as any).subthreadId;\n    }\n    if (content && typeof content === \"object\" && \"subThreadId\" in content) {\n      return (content as any).subThreadId;\n    }\n  }\n  // Fall back to active handoff subthread ID\n  return handedOffSubThreadId || null;\n}\n\nexport function ChatMessages({\n  messages,\n  allMessages,\n  isLoading,\n  welcomeMessage,\n  suggestedMessages,\n  onSuggestedClick,\n  toolRenderers,\n  toolIcons,\n  loadingIndicator,\n  showFeedback = true,\n  feedbackMap,\n  onFeedback,\n  handedOffSubThreadId,\n  onHandoffCompleted,\n  handoffWidgetRenderer,\n  toolGroups,\n  apiKey,\n  baseUrl,\n  pendingInlineWidgets,\n  onSubmitWidget,\n  onCancelWidget,\n}: ChatMessagesProps): JSX.Element {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const prevLengthRef = useRef(messages.length);\n\n  // Auto-scroll to bottom when new messages arrive\n  useEffect(() => {\n    if (containerRef.current) {\n      containerRef.current.scrollTop = containerRef.current.scrollHeight;\n    }\n    prevLengthRef.current = messages.length;\n  }, [messages.length, isLoading]);\n\n  const grouped = groupMessages(messages, isLoading);\n\n  // Show loading dots only if there's no active tool group at the end\n  const lastGroup = grouped[grouped.length - 1];\n  const showLoadingDots =\n    isLoading && !(lastGroup?.type === \"toolGroup\" && lastGroup.isActive);\n\n  return (\n    <div className=\"devic-messages-container\" ref={containerRef}>\n      {messages.length === 0 &&\n        !isLoading &&\n        (welcomeMessage || suggestedMessages?.length) && (\n          <div className=\"devic-welcome\">\n            {welcomeMessage && (\n              <p className=\"devic-welcome-text\">{welcomeMessage}</p>\n            )}\n            {suggestedMessages && suggestedMessages.length > 0 && (\n              <div className=\"devic-suggested-messages\">\n                {suggestedMessages.map((msg, idx) => {\n                  const isObject = typeof msg === \"object\" && msg !== null;\n                  const content = isObject ? (msg as SuggestedMessage).content : msg;\n                  const message = isObject ? (msg as SuggestedMessage).message : (msg as string);\n                  return (\n                    <button\n                      key={idx}\n                      className=\"devic-suggested-btn\"\n                      onClick={() => onSuggestedClick?.(message)}\n                    >\n                      {content}\n                    </button>\n                  );\n                })}\n              </div>\n            )}\n          </div>\n        )}\n\n      {grouped.map((item) => {\n        if (item.type === \"toolGroup\") {\n          return (\n            <ToolGroup\n              key={`tg-${item.toolMessages[0].uid}`}\n              toolMessages={item.toolMessages}\n              isActive={item.isActive}\n              allMessages={allMessages}\n              toolRenderers={toolRenderers}\n              toolIcons={toolIcons}\n              toolGroups={toolGroups}\n              handedOffSubThreadId={handedOffSubThreadId}\n              onHandoffCompleted={onHandoffCompleted}\n              handoffWidgetRenderer={handoffWidgetRenderer}\n              apiKey={apiKey}\n              baseUrl={baseUrl}\n            />\n          );\n        }\n\n        const message = item.message;\n        const messageText = message.content?.message;\n        const hasFiles =\n          message.content?.files && message.content.files.length > 0;\n        const isAssistant = message.role === \"assistant\";\n        const currentFeedback = feedbackMap?.get(message.uid) || \"none\";\n\n        return (\n          <div\n            key={message.uid}\n            className=\"devic-message\"\n            data-role={message.role}\n          >\n            <div className=\"devic-message-bubble\">\n              {messageText && isAssistant ? (\n                <Markdown options={{ overrides: markdownOverrides }}>\n                  {messageText}\n                </Markdown>\n              ) : (\n                messageText\n              )}\n              {hasFiles && (\n                <div className=\"devic-message-files\">\n                  {message.content!.files!.map((file, fileIdx) => (\n                    <div key={fileIdx} className=\"devic-message-file\">\n                      <FileIcon />\n                      <span>{file.name}</span>\n                    </div>\n                  ))}\n                </div>\n              )}\n            </div>\n            <div className=\"devic-message-footer\">\n              <span className=\"devic-message-time\">\n                {formatTime(message.timestamp)}\n              </span>\n              {isAssistant && showFeedback && onFeedback && (\n                <MessageActions\n                  messageId={message.uid}\n                  messageContent={messageText}\n                  currentFeedback={currentFeedback as FeedbackState}\n                  onFeedback={onFeedback}\n                  showCopy={true}\n                  showFeedback={true}\n                />\n              )}\n            </div>\n          </div>\n        );\n      })}\n\n      {pendingInlineWidgets && pendingInlineWidgets.length > 0 && (\n        <div className=\"devic-inline-widgets\">\n          {pendingInlineWidgets.map((wc) => {\n            const WidgetComponent = wc.widget.component;\n            return (\n              <div\n                key={wc.toolCall.id}\n                className=\"devic-inline-widget\"\n                data-tool-name={wc.toolName}\n              >\n                <WidgetComponent\n                  toolCall={wc.toolCall}\n                  params={wc.params}\n                  submit={(response) => onSubmitWidget?.(wc.toolCall.id, response)}\n                  cancel={(reason) => onCancelWidget?.(wc.toolCall.id, reason)}\n                />\n              </div>\n            );\n          })}\n        </div>\n      )}\n\n      {showLoadingDots &&\n        (loadingIndicator ? (\n          <div className=\"devic-loading\">{loadingIndicator}</div>\n        ) : (\n          <div className=\"devic-loading\">\n            <span className=\"devic-loading-dot\"></span>\n            <span className=\"devic-loading-dot\"></span>\n            <span className=\"devic-loading-dot\"></span>\n          </div>\n        ))}\n    </div>\n  );\n}\n\n/* ── Icons ── */\n\nfunction SpinnerIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      className=\"devic-spinner\"\n    >\n      <path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\" />\n    </svg>\n  );\n}\n\nfunction ToolDoneIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <polyline points=\"20,6 9,17 4,12\" />\n    </svg>\n  );\n}\n\nfunction ChevronDownIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <polyline points=\"6,9 12,15 18,9\" />\n    </svg>\n  );\n}\n\nfunction ChevronUpIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <polyline points=\"6,15 12,9 18,15\" />\n    </svg>\n  );\n}\n\nfunction FileIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" />\n      <polyline points=\"14,2 14,8 20,8\" />\n    </svg>\n  );\n}\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"ChatMessages.js","sources":["../../../../src/components/ChatDrawer/ChatMessages.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport Markdown from \"markdown-to-jsx\";\nimport { MessageActions } from \"../Feedback\";\nimport { HandoffSubagentWidget } from \"./HandoffSubagentWidget\";\nimport type { ChatMessagesProps, SuggestedMessage } from \"./ChatDrawer.types\";\nimport type { ChatMessage, ToolGroupConfig, ToolGroupCall } from \"../../api/types\";\nimport type { FeedbackState } from \"../Feedback\";\nimport { segmentToolCalls } from \"../../utils/toolGroups\";\nimport \"../Feedback/Feedback.css\";\n\n/**\n * Format timestamp to readable time\n */\nfunction formatTime(timestamp: number): string {\n  return new Date(timestamp).toLocaleTimeString([], {\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  });\n}\n\n/**\n * Groups consecutive tool-call assistant messages (no text content)\n * into { toolMessages, isActive } groups, interleaved with regular messages.\n */\nfunction groupMessages(\n  messages: ChatMessage[],\n  isLoading: boolean,\n): Array<\n  | { type: \"message\"; message: ChatMessage }\n  | { type: \"toolGroup\"; toolMessages: ChatMessage[]; isActive: boolean }\n> {\n  const result: Array<\n    | { type: \"message\"; message: ChatMessage }\n    | { type: \"toolGroup\"; toolMessages: ChatMessage[]; isActive: boolean }\n  > = [];\n\n  let currentToolGroup: ChatMessage[] = [];\n\n  const flushToolGroup = (isActive: boolean) => {\n    if (currentToolGroup.length > 0) {\n      result.push({\n        type: \"toolGroup\",\n        toolMessages: [...currentToolGroup],\n        isActive,\n      });\n      currentToolGroup = [];\n    }\n  };\n\n  for (let i = 0; i < messages.length; i++) {\n    const msg = messages[i];\n\n    // Skip developer, system and tool response messages\n    if (msg.role === \"developer\" || msg.role === \"system\" || msg.role === \"tool\") {\n      continue;\n    }\n\n    const hasToolCalls = msg.tool_calls && msg.tool_calls.length > 0;\n    const hasText = !!msg.content?.message;\n    const hasFiles = msg.content?.files && msg.content.files.length > 0;\n\n    if (hasToolCalls) {\n      // If message has both text and tool_calls, show text first\n      if (hasText || hasFiles) {\n        // Flush any prior tool group before inserting the text message\n        const remainingMeaningful = messages\n          .slice(i + 1)\n          .some(\n            (m) =>\n              (m.role === \"assistant\" && m.content?.message) ||\n              m.role === \"user\",\n          );\n        flushToolGroup(isLoading && !remainingMeaningful);\n        result.push({ type: \"message\", message: msg });\n      }\n      // Always accumulate the tool call\n      currentToolGroup.push(msg);\n    } else {\n      // Regular message → flush any accumulated tool group first\n      const remainingMeaningful = messages\n        .slice(i)\n        .some(\n          (m) =>\n            (m.role === \"assistant\" && m.content?.message) || m.role === \"user\",\n        );\n      flushToolGroup(isLoading && !remainingMeaningful);\n\n      if (hasText || hasFiles) {\n        result.push({ type: \"message\", message: msg });\n      }\n    }\n  }\n\n  // Flush remaining tool group (is active if still loading)\n  flushToolGroup(isLoading);\n\n  return result;\n}\n\n/**\n * Collapsible tool actions group\n */\nfunction ToolGroup({\n  toolMessages,\n  isActive,\n  allMessages,\n  toolRenderers,\n  toolIcons,\n  toolGroups,\n  handedOffSubThreadId,\n  onHandoffCompleted,\n  handoffWidgetRenderer,\n  apiKey,\n  baseUrl,\n}: {\n  toolMessages: ChatMessage[];\n  isActive: boolean;\n  allMessages?: ChatMessage[];\n  toolRenderers?: Record<string, (input: any, output: any) => React.ReactNode>;\n  toolIcons?: Record<string, React.ReactNode>;\n  toolGroups?: ToolGroupConfig[];\n  handedOffSubThreadId?: string;\n  onHandoffCompleted?: () => void;\n  handoffWidgetRenderer?: ChatMessagesProps[\"handoffWidgetRenderer\"];\n  apiKey?: string;\n  baseUrl?: string;\n}): JSX.Element {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const shouldCollapse = toolMessages.length > 3 && !isActive;\n\n  // Auto-collapse when transitioning from active to completed\n  const wasActiveRef = useRef(isActive);\n  useEffect(() => {\n    if (wasActiveRef.current && !isActive && toolMessages.length > 3) {\n      setIsCollapsed(true);\n    }\n    wasActiveRef.current = isActive;\n  }, [isActive, toolMessages.length]);\n\n  const lastIndex = toolMessages.length - 1;\n\n  const renderToolItem = (\n    msg: ChatMessage,\n    opts: { active?: boolean; showSpinner?: boolean },\n  ) => {\n    const toolCall = msg.tool_calls?.[0];\n    const toolName = toolCall?.function?.name;\n    const summaryText =\n      msg.summary || toolName || (opts.active ? \"Processing...\" : \"Completed\");\n\n    // Render HandoffSubagentWidget for hand_off_subagent tool calls\n    if (toolName === \"hand_off_subagent\" && toolCall && allMessages) {\n      const subThreadId = extractSubThreadId(\n        toolCall.id,\n        allMessages,\n        handedOffSubThreadId,\n      );\n      if (subThreadId) {\n        return (\n          <HandoffSubagentWidget\n            subThreadId={subThreadId}\n            onCompleted={onHandoffCompleted}\n            renderWidget={handoffWidgetRenderer}\n            apiKey={apiKey}\n            baseUrl={baseUrl}\n          />\n        );\n      }\n    }\n\n    // Custom renderer for completed tools\n    if (!opts.active && toolName && toolRenderers?.[toolName] && allMessages) {\n      const toolResponse = allMessages.find(\n        (m) => m.role === \"tool\" && m.tool_call_id === toolCall!.id,\n      );\n      let input: any = {};\n      try {\n        input = JSON.parse(toolCall!.function.arguments);\n      } catch {}\n      const output =\n        toolResponse?.content?.data ||\n        toolResponse?.content?.message ||\n        toolResponse?.content;\n      return toolRenderers[toolName](input, output);\n    }\n\n    const icon = opts.showSpinner ? (\n      <SpinnerIcon />\n    ) : (\n      (toolName && toolIcons?.[toolName]) || <ToolDoneIcon />\n    );\n\n    return (\n      <>\n        <span className=\"devic-tool-activity-icon\">{icon}</span>\n        <span\n          className={`devic-tool-activity-text ${opts.active ? \"devic-glow-text\" : \"\"}`}\n        >\n          {summaryText}\n        </span>\n      </>\n    );\n  };\n\n  /** Resolve a ChatMessage into a ToolGroupCall */\n  const resolveToolGroupCall = (msg: ChatMessage): ToolGroupCall | null => {\n    const toolCall = msg.tool_calls?.[0];\n    if (!toolCall) return null;\n    const toolName = toolCall.function?.name;\n    let input: any = {};\n    try {\n      input = JSON.parse(toolCall.function.arguments);\n    } catch {}\n    const toolResponse = allMessages?.find(\n      (m) => m.role === \"tool\" && m.tool_call_id === toolCall.id,\n    );\n    const output =\n      toolResponse?.content?.data ||\n      toolResponse?.content?.message ||\n      toolResponse?.content;\n    return { name: toolName, input, output, toolCallId: toolCall.id };\n  };\n\n  /** Render completed tool messages, applying toolGroups segmentation when configured */\n  const renderCompletedItems = (msgs: ChatMessage[]) => {\n    if (!toolGroups || toolGroups.length === 0) {\n      return msgs.map((msg) => (\n        <div key={msg.uid} className=\"devic-tool-activity\">\n          {renderToolItem(msg, {})}\n        </div>\n      ));\n    }\n\n    // Build ToolGroupCall array for completed messages\n    const calls: Array<{ msg: ChatMessage; call: ToolGroupCall }> = [];\n    for (const msg of msgs) {\n      const call = resolveToolGroupCall(msg);\n      if (call) {\n        calls.push({ msg, call });\n      }\n    }\n\n    const segments = segmentToolCalls(\n      calls.map((c) => c.call),\n      toolGroups,\n    );\n\n    const elements: React.ReactNode[] = [];\n    let callIdx = 0;\n\n    for (const segment of segments) {\n      if (segment.type === \"group\") {\n        const groupKey = segment.calls\n          .map((c) => c.toolCallId)\n          .join(\"-\");\n        elements.push(\n          <div key={`tg-group-${groupKey}`} className=\"devic-tool-activity devic-tool-activity--grouped\">\n            {segment.config.renderer(segment.calls)}\n          </div>,\n        );\n        callIdx += segment.calls.length;\n      } else {\n        const entry = calls[callIdx];\n        elements.push(\n          <div key={entry.msg.uid} className=\"devic-tool-activity\">\n            {renderToolItem(entry.msg, {})}\n          </div>,\n        );\n        callIdx += 1;\n      }\n    }\n\n    return elements;\n  };\n\n  // If active, show all items; last one gets the glow treatment\n  if (isActive) {\n    // For active groups: render all completed items with grouping, then render the active (last) item individually\n    const completedMessages = toolMessages.slice(0, lastIndex);\n    const lastMsg = toolMessages[lastIndex];\n\n    return (\n      <div className=\"devic-tool-group\">\n        {completedMessages.length > 0 && renderCompletedItems(completedMessages)}\n        <div\n          key={lastMsg.uid}\n          className=\"devic-tool-activity devic-tool-activity--active\"\n        >\n          {renderToolItem(lastMsg, { active: true, showSpinner: true })}\n        </div>\n      </div>\n    );\n  }\n\n  // Completed: collapse if > 3 actions\n  if (shouldCollapse && isCollapsed) {\n    return (\n      <div className=\"devic-tool-group\">\n        <button\n          className=\"devic-tool-collapse-btn\"\n          onClick={() => setIsCollapsed(false)}\n          type=\"button\"\n        >\n          <ToolDoneIcon />\n          <span>{toolMessages.length} actions</span>\n          <ChevronDownIcon />\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"devic-tool-group\">\n      {shouldCollapse && (\n        <button\n          className=\"devic-tool-collapse-btn\"\n          onClick={() => setIsCollapsed(true)}\n          type=\"button\"\n        >\n          <span>{toolMessages.length} actions</span>\n          <ChevronUpIcon />\n        </button>\n      )}\n      <div className=\"devic-tool-group-items\" data-expanded=\"true\">\n        {renderCompletedItems(toolMessages)}\n      </div>\n    </div>\n  );\n}\n\n/**\n * Messages list component\n */\nconst markdownOverrides = {\n  table: {\n    component: ({ children, ...props }: any) =>\n      React.createElement(\n        \"div\",\n        { className: \"markdown-table\" },\n        React.createElement(\"table\", props, children),\n      ),\n  },\n};\n\n/**\n * Extract subthread ID from a hand_off_subagent tool call.\n * Checks the tool response in allMessages first, then falls back to handedOffSubThreadId.\n */\nfunction extractSubThreadId(\n  toolCallId: string,\n  allMessages: ChatMessage[],\n  handedOffSubThreadId?: string,\n): string | null {\n  // Look for the tool response message\n  const toolResponse = allMessages.find(\n    (m) => m.role === \"tool\" && m.tool_call_id === toolCallId,\n  );\n  if (toolResponse) {\n    const content = toolResponse.content?.data || toolResponse.content;\n    if (content && typeof content === \"object\" && \"subthreadId\" in content) {\n      return (content as any).subthreadId;\n    }\n    if (content && typeof content === \"object\" && \"subThreadId\" in content) {\n      return (content as any).subThreadId;\n    }\n  }\n  // Fall back to active handoff subthread ID\n  return handedOffSubThreadId || null;\n}\n\nexport function ChatMessages({\n  messages,\n  allMessages,\n  isLoading,\n  welcomeMessage,\n  suggestedMessages,\n  onSuggestedClick,\n  toolRenderers,\n  toolIcons,\n  loadingIndicator,\n  showFeedback = true,\n  feedbackMap,\n  onFeedback,\n  handedOffSubThreadId,\n  onHandoffCompleted,\n  handoffWidgetRenderer,\n  toolGroups,\n  apiKey,\n  baseUrl,\n  pendingInlineWidgets,\n  onSubmitWidget,\n  onCancelWidget,\n}: ChatMessagesProps): JSX.Element {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const prevLengthRef = useRef(messages.length);\n\n  // Auto-scroll to bottom when new messages arrive\n  useEffect(() => {\n    if (containerRef.current) {\n      containerRef.current.scrollTop = containerRef.current.scrollHeight;\n    }\n    prevLengthRef.current = messages.length;\n  }, [messages.length, isLoading]);\n\n  const grouped = groupMessages(messages, isLoading);\n\n  // Show loading dots only if there's no active tool group at the end\n  const lastGroup = grouped[grouped.length - 1];\n  const showLoadingDots =\n    isLoading && !(lastGroup?.type === \"toolGroup\" && lastGroup.isActive);\n\n  return (\n    <div className=\"devic-messages-container\" ref={containerRef}>\n      {messages.length === 0 &&\n        !isLoading &&\n        (welcomeMessage || suggestedMessages?.length) && (\n          <div className=\"devic-welcome\">\n            {welcomeMessage && (\n              <p className=\"devic-welcome-text\">{welcomeMessage}</p>\n            )}\n            {suggestedMessages && suggestedMessages.length > 0 && (\n              <div className=\"devic-suggested-messages\">\n                {suggestedMessages.map((msg, idx) => {\n                  const isObject = typeof msg === \"object\" && msg !== null;\n                  const content = isObject ? (msg as SuggestedMessage).content : msg;\n                  const message = isObject ? (msg as SuggestedMessage).message : (msg as string);\n                  return (\n                    <button\n                      key={idx}\n                      className=\"devic-suggested-btn\"\n                      onClick={() => onSuggestedClick?.(message)}\n                    >\n                      {content}\n                    </button>\n                  );\n                })}\n              </div>\n            )}\n          </div>\n        )}\n\n      {grouped.map((item) => {\n        if (item.type === \"toolGroup\") {\n          return (\n            <ToolGroup\n              key={`tg-${item.toolMessages[0].uid}`}\n              toolMessages={item.toolMessages}\n              isActive={item.isActive}\n              allMessages={allMessages}\n              toolRenderers={toolRenderers}\n              toolIcons={toolIcons}\n              toolGroups={toolGroups}\n              handedOffSubThreadId={handedOffSubThreadId}\n              onHandoffCompleted={onHandoffCompleted}\n              handoffWidgetRenderer={handoffWidgetRenderer}\n              apiKey={apiKey}\n              baseUrl={baseUrl}\n            />\n          );\n        }\n\n        const message = item.message;\n        const rawText = message.content?.message;\n        const hasFiles =\n          message.content?.files && message.content.files.length > 0;\n        const isAssistant = message.role === \"assistant\";\n        const currentFeedback = feedbackMap?.get(message.uid) || \"none\";\n\n        // Extract reference chips from user messages (sent by AIElementWrapper).\n        // The ChatDrawer prefixes user messages with:\n        //   Elemento referenciado: \"label1\", \"label2\"\\n\\n<actual message>\n        // We render the labels as chips and only display the actual message\n        // text inside the bubble.\n        const parsed = !isAssistant && rawText\n          ? parseReferencedPrefix(rawText)\n          : null;\n        const messageText = parsed ? parsed.cleanContent : rawText;\n        const refLabels = parsed ? parsed.references : [];\n\n        return (\n          <div\n            key={message.uid}\n            className=\"devic-message\"\n            data-role={message.role}\n          >\n            {refLabels.length > 0 && (\n              <div className=\"devic-message-references\">\n                {refLabels.map((lbl, i) => (\n                  <span key={i} className=\"devic-message-reference-chip\" title={lbl}>\n                    <ReferenceChipIcon />\n                    <span className=\"devic-message-reference-chip-label\">\"{lbl}\"</span>\n                  </span>\n                ))}\n              </div>\n            )}\n            <div className=\"devic-message-bubble\">\n              {messageText && isAssistant ? (\n                <Markdown options={{ overrides: markdownOverrides }}>\n                  {messageText}\n                </Markdown>\n              ) : (\n                messageText\n              )}\n              {hasFiles && (\n                <div className=\"devic-message-files\">\n                  {message.content!.files!.map((file, fileIdx) => (\n                    <div key={fileIdx} className=\"devic-message-file\">\n                      <FileIcon />\n                      <span>{file.name}</span>\n                    </div>\n                  ))}\n                </div>\n              )}\n            </div>\n            <div className=\"devic-message-footer\">\n              <span className=\"devic-message-time\">\n                {formatTime(message.timestamp)}\n              </span>\n              {isAssistant && showFeedback && onFeedback && (\n                <MessageActions\n                  messageId={message.uid}\n                  messageContent={messageText}\n                  currentFeedback={currentFeedback as FeedbackState}\n                  onFeedback={onFeedback}\n                  showCopy={true}\n                  showFeedback={true}\n                />\n              )}\n            </div>\n          </div>\n        );\n      })}\n\n      {pendingInlineWidgets && pendingInlineWidgets.length > 0 && (\n        <div className=\"devic-inline-widgets\">\n          {pendingInlineWidgets.map((wc) => {\n            const WidgetComponent = wc.widget.component;\n            return (\n              <div\n                key={wc.toolCall.id}\n                className=\"devic-inline-widget\"\n                data-tool-name={wc.toolName}\n              >\n                <WidgetComponent\n                  toolCall={wc.toolCall}\n                  params={wc.params}\n                  submit={(response) => onSubmitWidget?.(wc.toolCall.id, response)}\n                  cancel={(reason) => onCancelWidget?.(wc.toolCall.id, reason)}\n                />\n              </div>\n            );\n          })}\n        </div>\n      )}\n\n      {showLoadingDots &&\n        (loadingIndicator ? (\n          <div className=\"devic-loading\">{loadingIndicator}</div>\n        ) : (\n          <div className=\"devic-loading\">\n            <span className=\"devic-loading-dot\"></span>\n            <span className=\"devic-loading-dot\"></span>\n            <span className=\"devic-loading-dot\"></span>\n          </div>\n        ))}\n    </div>\n  );\n}\n\n/* ── Icons ── */\n\nfunction SpinnerIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      className=\"devic-spinner\"\n    >\n      <path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\" />\n    </svg>\n  );\n}\n\nfunction ToolDoneIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <polyline points=\"20,6 9,17 4,12\" />\n    </svg>\n  );\n}\n\nfunction ChevronDownIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <polyline points=\"6,9 12,15 18,9\" />\n    </svg>\n  );\n}\n\nfunction ChevronUpIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <polyline points=\"6,15 12,9 18,15\" />\n    </svg>\n  );\n}\n\nfunction FileIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" />\n      <polyline points=\"14,2 14,8 20,8\" />\n    </svg>\n  );\n}\n\nfunction ReferenceChipIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <polyline points=\"15 10 20 15 15 20\" />\n      <path d=\"M4 4v7a4 4 0 0 0 4 4h12\" />\n    </svg>\n  );\n}\n\n/**\n * Extracts the \"Elemento referenciado: ...\" prefix that ChatDrawer prepends\n * to user messages when AIElementWrapper references are active. Returns the\n * parsed labels and the message text without the prefix. Returns null when\n * the content does not start with the prefix.\n */\nconst REFERENCE_PREFIX_RE =\n  /^Elemento referenciado: ((?:\"[^\"]+\")(?:, \"[^\"]+\")*)\\n\\n([\\s\\S]*)$/;\n\nfunction parseReferencedPrefix(\n  content: string\n): { references: string[]; cleanContent: string } | null {\n  const m = content.match(REFERENCE_PREFIX_RE);\n  if (!m) return null;\n  const labels = (m[1].match(/\"([^\"]+)\"/g) || []).map((s) =>\n    s.slice(1, -1)\n  );\n  return { references: labels, cleanContent: m[2] };\n}\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/esm/components/ChatDrawer/HandoffSubagentWidget.js

@@ -2,9 +2,9 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useMemo, useState, useRef, useCallback, useEffect } from 'react';
 import { useOptionalDevicContext } from '../../provider/DevicContext.js';
 import { DevicApiClient } from '../../api/client.js';
+import { createLogger } from '../../utils/logger.js';
 import { AgentThreadState } from '../../api/types.js';
 import { ThreadStateTag } from '../ThreadStateTag/ThreadStateTag.js';
-import { createLogger } from '../../utils/logger.js';
 
 const TERMINAL_STATES = [
     AgentThreadState.COMPLETED,

package/dist/esm/hooks/useDevicChat.js

@@ -2,9 +2,9 @@ import { useMemo, useRef, useState, useEffect, useCallback } from 'react';
 import 'react/jsx-runtime';
 import { useOptionalDevicContext } from '../provider/DevicContext.js';
 import { DevicApiClient } from '../api/client.js';
+import { createLogger } from '../utils/logger.js';
 import { usePolling } from './usePolling.js';
 import { useModelInterface } from './useModelInterface.js';
-import { createLogger } from '../utils/logger.js';
 
 /**
  * Main hook for managing chat with a Devic assistant

package/dist/esm/index.d.ts

@@ -1,5 +1,5 @@
 export { DevicProvider, DevicContext, useDevicContext, useOptionalDevicContext } from './provider';
-export type { DevicProviderConfig, DevicProviderProps, DevicContextValue } from './provider';
+export type { DevicProviderConfig, DevicProviderProps, DevicContextValue, AIReference, DrawerRegistration, } from './provider';
 export { ChatDrawer, ChatMessages, ChatInput, ToolTimeline, ConversationSelector, HandoffSubagentWidget } from './components/ChatDrawer';
 export type { ChatDrawerProps, ChatDrawerOptions, ChatDrawerHandle, ChatMessagesProps, ChatInputProps, CustomPromptBoxProps, ToolTimelineProps, AllowedFileTypes, ConversationSelectorProps, HandoffSubagentWidgetProps, SuggestedMessage, } from './components/ChatDrawer';
 export { ThreadStateTag } from './components/ThreadStateTag';
@@ -8,6 +8,8 @@ export { AICommandBar, useAICommandBar, formatShortcut } from './components/AICo
 export type { AICommandBarProps, AICommandBarOptions, AICommandBarHandle, AICommandBarCommand, CommandBarResult, ToolCallSummary, } from './components/AICommandBar';
 export { AIGenerationButton, useAIGenerationButton } from './components/AIGenerationButton';
 export type { AIGenerationButtonProps, AIGenerationButtonOptions, AIGenerationButtonHandle, AIGenerationButtonMode, GenerationResult, } from './components/AIGenerationButton';
+export { AIElementWrapper, useAIElementWrapper } from './components/AIElementWrapper';
+export type { AIElementWrapperProps, AIElementWrapperOptions, AIElementWrapperHandle, AIElementWrapperBehavior, AIElementWrapperShowOn, AIElementWrapperPlacement, } from './components/AIElementWrapper';
 export { useDevicChat, usePolling, useModelInterface } from './hooks';
 export type { UseDevicChatOptions, UseDevicChatResult, UsePollingOptions, UsePollingResult, UseModelInterfaceOptions, UseModelInterfaceResult, PendingWidgetCall, HandleToolCallsResult, } from './hooks';
 export { DevicApiClient, DevicApiError } from './api/client';

package/dist/esm/index.js

@@ -11,6 +11,8 @@ export { AICommandBar } from './components/AICommandBar/AICommandBar.js';
 export { formatShortcut, useAICommandBar } from './components/AICommandBar/useAICommandBar.js';
 export { AIGenerationButton } from './components/AIGenerationButton/AIGenerationButton.js';
 export { useAIGenerationButton } from './components/AIGenerationButton/useAIGenerationButton.js';
+export { AIElementWrapper } from './components/AIElementWrapper/AIElementWrapper.js';
+export { useAIElementWrapper } from './components/AIElementWrapper/useAIElementWrapper.js';
 export { useDevicChat } from './hooks/useDevicChat.js';
 export { usePolling } from './hooks/usePolling.js';
 export { useModelInterface } from './hooks/useModelInterface.js';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/provider/DevicProvider.js

@@ -1,7 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
-import { useMemo } from 'react';
+import { useState, useRef, useCallback, useMemo } from 'react';
 import { DevicContext } from './DevicContext.js';
 import { DevicApiClient } from '../api/client.js';
+import { generateId } from '../utils/index.js';
 
 const DEFAULT_BASE_URL = 'https://api.devic.ai';
 /**
@@ -20,21 +21,59 @@ const DEFAULT_BASE_URL = 'https://api.devic.ai';
  * ```
  */
 function DevicProvider({ apiKey, baseUrl = DEFAULT_BASE_URL, tenantId, tenantMetadata, debug, children, }) {
-    const contextValue = useMemo(() => {
-        const client = new DevicApiClient({
-            apiKey,
-            baseUrl,
-        });
-        return {
-            client,
-            apiKey,
-            baseUrl,
-            tenantId,
-            tenantMetadata,
-            isConfigured: !!apiKey,
-            debug,
+    const [references, setReferences] = useState([]);
+    const drawerRef = useRef(null);
+    const addReference = useCallback((ref) => {
+        const id = generateId();
+        setReferences((prev) => [...prev, { ...ref, id }]);
+        return id;
+    }, []);
+    const removeReference = useCallback((id) => {
+        setReferences((prev) => prev.filter((r) => r.id !== id));
+    }, []);
+    const clearReferences = useCallback(() => {
+        setReferences([]);
+    }, []);
+    const registerDrawer = useCallback((handle) => {
+        drawerRef.current = handle;
+        return () => {
+            if (drawerRef.current === handle) {
+                drawerRef.current = null;
+            }
         };
-    }, [apiKey, baseUrl, tenantId, tenantMetadata, debug]);
+    }, []);
+    const openDrawer = useCallback(() => {
+        drawerRef.current?.open();
+    }, []);
+    const client = useMemo(() => new DevicApiClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
+    const contextValue = useMemo(() => ({
+        client,
+        apiKey,
+        baseUrl,
+        tenantId,
+        tenantMetadata,
+        isConfigured: !!apiKey,
+        debug,
+        references,
+        addReference,
+        removeReference,
+        clearReferences,
+        registerDrawer,
+        openDrawer,
+    }), [
+        client,
+        apiKey,
+        baseUrl,
+        tenantId,
+        tenantMetadata,
+        debug,
+        references,
+        addReference,
+        removeReference,
+        clearReferences,
+        registerDrawer,
+        openDrawer,
+    ]);
     return (jsx(DevicContext.Provider, { value: contextValue, children: children }));
 }
 

package/dist/esm/provider/DevicProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"DevicProvider.js","sources":["../../../src/provider/DevicProvider.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { DevicContext } from './DevicContext';\nimport { DevicApiClient } from '../api/client';\nimport type { DevicProviderProps, DevicContextValue } from './types';\n\nconst DEFAULT_BASE_URL = 'https://api.devic.ai';\n\n/**\n * Provider component for Devic UI configuration\n *\n * @example\n * ```tsx\n * <DevicProvider\n *   apiKey=\"devic-xxx\"\n *   baseUrl=\"https://api.devic.ai\"\n *   tenantId=\"tenant-123\"\n *   tenantMetadata={{ userId: '456' }}\n * >\n *   <App />\n * </DevicProvider>\n * ```\n */\nexport function DevicProvider({\n  apiKey,\n  baseUrl = DEFAULT_BASE_URL,\n  tenantId,\n  tenantMetadata,\n  debug,\n  children,\n}: DevicProviderProps): JSX.Element {\n  const contextValue = useMemo<DevicContextValue>(() => {\n    const client = new DevicApiClient({\n      apiKey,\n      baseUrl,\n    });\n\n    return {\n      client,\n      apiKey,\n      baseUrl,\n      tenantId,\n      tenantMetadata,\n      isConfigured: !!apiKey,\n      debug,\n    };\n  }, [apiKey, baseUrl, tenantId, tenantMetadata, debug]);\n\n  return (\n    <DevicContext.Provider value={contextValue}>\n      {children}\n    </DevicContext.Provider>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;;AAKA,MAAM,gBAAgB,GAAG,sBAAsB;AAE/C;;;;;;;;;;;;;;AAcG;SACa,aAAa,CAAC,EAC5B,MAAM,EACN,OAAO,GAAG,gBAAgB,EAC1B,QAAQ,EACR,cAAc,EACd,KAAK,EACL,QAAQ,GACW,EAAA;AACnB,IAAA,MAAM,YAAY,GAAG,OAAO,CAAoB,MAAK;AACnD,QAAA,MAAM,MAAM,GAAG,IAAI,cAAc,CAAC;YAChC,MAAM;YACN,OAAO;AACR,SAAA,CAAC;QAEF,OAAO;YACL,MAAM;YACN,MAAM;YACN,OAAO;YACP,QAAQ;YACR,cAAc;YACd,YAAY,EAAE,CAAC,CAAC,MAAM;YACtB,KAAK;SACN;AACH,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC;AAEtD,IAAA,QACEA,GAAA,CAAC,YAAY,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,YAAY,EAAA,QAAA,EACvC,QAAQ,EAAA,CACa;AAE5B;;;;"}
+{"version":3,"file":"DevicProvider.js","sources":["../../../src/provider/DevicProvider.tsx"],"sourcesContent":["import React, { useMemo, useState, useRef, useCallback } from 'react';\nimport { DevicContext } from './DevicContext';\nimport { DevicApiClient } from '../api/client';\nimport { generateId } from '../utils';\nimport type {\n  DevicProviderProps,\n  DevicContextValue,\n  AIReference,\n  DrawerRegistration,\n} from './types';\n\nconst DEFAULT_BASE_URL = 'https://api.devic.ai';\n\n/**\n * Provider component for Devic UI configuration\n *\n * @example\n * ```tsx\n * <DevicProvider\n *   apiKey=\"devic-xxx\"\n *   baseUrl=\"https://api.devic.ai\"\n *   tenantId=\"tenant-123\"\n *   tenantMetadata={{ userId: '456' }}\n * >\n *   <App />\n * </DevicProvider>\n * ```\n */\nexport function DevicProvider({\n  apiKey,\n  baseUrl = DEFAULT_BASE_URL,\n  tenantId,\n  tenantMetadata,\n  debug,\n  children,\n}: DevicProviderProps): JSX.Element {\n  const [references, setReferences] = useState<AIReference[]>([]);\n  const drawerRef = useRef<DrawerRegistration | null>(null);\n\n  const addReference = useCallback((ref: Omit<AIReference, 'id'>): string => {\n    const id = generateId();\n    setReferences((prev) => [...prev, { ...ref, id }]);\n    return id;\n  }, []);\n\n  const removeReference = useCallback((id: string) => {\n    setReferences((prev) => prev.filter((r) => r.id !== id));\n  }, []);\n\n  const clearReferences = useCallback(() => {\n    setReferences([]);\n  }, []);\n\n  const registerDrawer = useCallback((handle: DrawerRegistration) => {\n    drawerRef.current = handle;\n    return () => {\n      if (drawerRef.current === handle) {\n        drawerRef.current = null;\n      }\n    };\n  }, []);\n\n  const openDrawer = useCallback(() => {\n    drawerRef.current?.open();\n  }, []);\n\n  const client = useMemo(\n    () => new DevicApiClient({ apiKey, baseUrl }),\n    [apiKey, baseUrl]\n  );\n\n  const contextValue = useMemo<DevicContextValue>(\n    () => ({\n      client,\n      apiKey,\n      baseUrl,\n      tenantId,\n      tenantMetadata,\n      isConfigured: !!apiKey,\n      debug,\n      references,\n      addReference,\n      removeReference,\n      clearReferences,\n      registerDrawer,\n      openDrawer,\n    }),\n    [\n      client,\n      apiKey,\n      baseUrl,\n      tenantId,\n      tenantMetadata,\n      debug,\n      references,\n      addReference,\n      removeReference,\n      clearReferences,\n      registerDrawer,\n      openDrawer,\n    ]\n  );\n\n  return (\n    <DevicContext.Provider value={contextValue}>\n      {children}\n    </DevicContext.Provider>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;;;AAWA,MAAM,gBAAgB,GAAG,sBAAsB;AAE/C;;;;;;;;;;;;;;AAcG;SACa,aAAa,CAAC,EAC5B,MAAM,EACN,OAAO,GAAG,gBAAgB,EAC1B,QAAQ,EACR,cAAc,EACd,KAAK,EACL,QAAQ,GACW,EAAA;IACnB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,EAAE,CAAC;AAC/D,IAAA,MAAM,SAAS,GAAG,MAAM,CAA4B,IAAI,CAAC;AAEzD,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,GAA4B,KAAY;AACxE,QAAA,MAAM,EAAE,GAAG,UAAU,EAAE;AACvB,QAAA,aAAa,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,IAAI,EAAE,EAAE,GAAG,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;AAClD,QAAA,OAAO,EAAE;IACX,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,EAAU,KAAI;QACjD,aAAa,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC1D,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,eAAe,GAAG,WAAW,CAAC,MAAK;QACvC,aAAa,CAAC,EAAE,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,MAA0B,KAAI;AAChE,QAAA,SAAS,CAAC,OAAO,GAAG,MAAM;AAC1B,QAAA,OAAO,MAAK;AACV,YAAA,IAAI,SAAS,CAAC,OAAO,KAAK,MAAM,EAAE;AAChC,gBAAA,SAAS,CAAC,OAAO,GAAG,IAAI;YAC1B;AACF,QAAA,CAAC;IACH,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAK;AAClC,QAAA,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE;IAC3B,CAAC,EAAE,EAAE,CAAC;IAEN,MAAM,MAAM,GAAG,OAAO,CACpB,MAAM,IAAI,cAAc,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAC7C,CAAC,MAAM,EAAE,OAAO,CAAC,CAClB;AAED,IAAA,MAAM,YAAY,GAAG,OAAO,CAC1B,OAAO;QACL,MAAM;QACN,MAAM;QACN,OAAO;QACP,QAAQ;QACR,cAAc;QACd,YAAY,EAAE,CAAC,CAAC,MAAM;QACtB,KAAK;QACL,UAAU;QACV,YAAY;QACZ,eAAe;QACf,eAAe;QACf,cAAc;QACd,UAAU;AACX,KAAA,CAAC,EACF;QACE,MAAM;QACN,MAAM;QACN,OAAO;QACP,QAAQ;QACR,cAAc;QACd,KAAK;QACL,UAAU;QACV,YAAY;QACZ,eAAe;QACf,eAAe;QACf,cAAc;QACd,UAAU;AACX,KAAA,CACF;AAED,IAAA,QACEA,GAAA,CAAC,YAAY,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,YAAY,EAAA,QAAA,EACvC,QAAQ,EAAA,CACa;AAE5B;;;;"}

package/dist/esm/provider/index.d.ts

@@ -1,3 +1,3 @@
 export { DevicProvider } from './DevicProvider';
 export { DevicContext, useDevicContext, useOptionalDevicContext } from './DevicContext';
-export type { DevicProviderConfig, DevicProviderProps, DevicContextValue, } from './types';
+export type { DevicProviderConfig, DevicProviderProps, DevicContextValue, AIReference, DrawerRegistration, } from './types';

package/dist/esm/provider/types.d.ts

@@ -26,6 +26,30 @@ export interface DevicProviderConfig {
      */
     debug?: boolean;
 }
+/**
+ * Reference to an element wrapped by AIElementWrapper that can be sent
+ * along with the next message in the ChatDrawer.
+ */
+export interface AIReference {
+    /** Unique ID generated when the reference is added */
+    id: string;
+    /** Short label displayed as a chip */
+    label: string;
+    /** Optional rich content describing the referenced element */
+    content?: React.ReactNode;
+    /** Optional structured data describing the element (used to build prompts) */
+    data?: Record<string, any>;
+}
+/**
+ * Minimal drawer handle interface used by the provider to register a
+ * ChatDrawer instance so AIElementWrapper can open it remotely.
+ */
+export interface DrawerRegistration {
+    open: () => void;
+    close: () => void;
+    toggle?: () => void;
+    sendMessage?: (message: string) => void;
+}
 /**
  * Context value provided by DevicProvider
  */
@@ -58,6 +82,32 @@ export interface DevicContextValue {
      * Whether debug logging is enabled
      */
     debug?: boolean;
+    /**
+     * Active references created by AIElementWrapper components.
+     * The ChatDrawer reads them to display chips and prefix outgoing messages.
+     */
+    references: AIReference[];
+    /**
+     * Add a new reference. Returns the generated ID.
+     */
+    addReference: (ref: Omit<AIReference, 'id'>) => string;
+    /**
+     * Remove a reference by ID.
+     */
+    removeReference: (id: string) => void;
+    /**
+     * Clear all references.
+     */
+    clearReferences: () => void;
+    /**
+     * Register a ChatDrawer handle so AIElementWrapper can open it.
+     * Returns an unregister function for cleanup.
+     */
+    registerDrawer: (handle: DrawerRegistration) => () => void;
+    /**
+     * Open the registered drawer (no-op if none is registered).
+     */
+    openDrawer: () => void;
 }
 /**
  * Props for the DevicProvider component