@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/assistant/AssistantConversationList.js

@@ -0,0 +1,144 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useAssistantStore as t } from "../../store/assistantStore.js";
+import { ASSISTANT_MODES as n } from "../../types/assistant.js";
+import { useEffect as r, useState as i } from "react";
+import { Check as a, MessageSquare as o, Pencil as s, Plus as c, Trash2 as l, X as u } from "lucide-react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/assistant/AssistantConversationList.tsx
+var m = () => {
+	let m = e(), { conversations: h, activeConversationId: g, processingByConversationId: _, setActiveConversation: v, setMode: y, createConversation: b, deleteConversation: x, renameConversation: S, setConversationListOpen: C } = t(), [w, T] = i(null), [E, D] = i("");
+	r(() => {
+		g && C(!1);
+	}, [g, C]);
+	let O = () => {
+		b(), C(!1);
+	}, k = (e) => {
+		let t = h.find((t) => t.id === e);
+		v(e), t && y(t.mode), C(!1);
+	}, A = (e, t) => {
+		T(e), D(t);
+	}, j = () => {
+		w && E.trim() && S(w, E.trim()), T(null);
+	}, M = (e, t) => {
+		e.stopPropagation(), x(t);
+	};
+	return /* @__PURE__ */ p("div", {
+		className: "absolute inset-0 z-10 flex flex-col bg-bg-surface",
+		"data-testid": "conversation-list",
+		children: [/* @__PURE__ */ p("div", {
+			className: "flex items-center justify-between px-3 py-2 border-b border-border-default",
+			children: [/* @__PURE__ */ f("span", {
+				className: "text-xs font-semibold text-text-primary",
+				children: m("vibecontrols.assistant.conversations.title", "Conversations")
+			}), /* @__PURE__ */ p("div", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ f("button", {
+					onClick: O,
+					className: "p-1 hover:bg-bg-elevated rounded transition-colors",
+					"aria-label": m("vibecontrols.assistant.conversations.new", "New conversation"),
+					"data-testid": "new-conversation",
+					children: /* @__PURE__ */ f(c, { className: "w-3.5 h-3.5 text-text-secondary" })
+				}), /* @__PURE__ */ f("button", {
+					onClick: () => C(!1),
+					className: "p-1 hover:bg-bg-elevated rounded transition-colors",
+					"aria-label": "Close conversation list",
+					children: /* @__PURE__ */ f(u, { className: "w-3.5 h-3.5 text-text-secondary" })
+				})]
+			})]
+		}), /* @__PURE__ */ f("div", {
+			className: "flex-1 overflow-y-auto",
+			children: h.length === 0 ? /* @__PURE__ */ p("div", {
+				className: "flex flex-col items-center justify-center h-full text-center px-4",
+				children: [
+					/* @__PURE__ */ f(o, { className: "w-6 h-6 text-text-muted mb-2" }),
+					/* @__PURE__ */ f("p", {
+						className: "text-xs text-text-muted",
+						children: m("vibecontrols.assistant.conversations.empty", "No conversations yet")
+					}),
+					/* @__PURE__ */ f("button", {
+						onClick: O,
+						className: "mt-2 text-xs text-action-primary-bg hover:underline",
+						children: m("vibecontrols.assistant.conversations.startNew", "Start a new conversation")
+					})
+				]
+			}) : /* @__PURE__ */ f("div", {
+				className: "py-1",
+				children: h.map((e) => {
+					let t = e.id === g, r = e.id === w, i = n.find((t) => t.id === e.mode), o = e.messages[e.messages.length - 1], c = _[e.id];
+					return /* @__PURE__ */ f("div", {
+						onClick: () => !r && k(e.id),
+						className: `group px-3 py-2 cursor-pointer hover:bg-bg-elevated transition-colors ${t ? "bg-bg-elevated border-l-2 border-action-primary-bg" : ""}`,
+						children: r ? /* @__PURE__ */ p("div", {
+							className: "flex items-center gap-1",
+							children: [/* @__PURE__ */ f("input", {
+								autoFocus: !0,
+								value: E,
+								onChange: (e) => D(e.target.value),
+								onKeyDown: (e) => {
+									e.key === "Enter" && j(), e.key === "Escape" && T(null);
+								},
+								className: "flex-1 text-xs bg-bg-sunken border border-border-default rounded px-2 py-1 text-text-primary focus:outline-none focus:border-action-primary-bg",
+								onClick: (e) => e.stopPropagation()
+							}), /* @__PURE__ */ f("button", {
+								onClick: (e) => {
+									e.stopPropagation(), j();
+								},
+								className: "p-1 hover:bg-bg-sunken rounded",
+								children: /* @__PURE__ */ f(a, { className: "w-3 h-3 text-status-success-text" })
+							})]
+						}) : /* @__PURE__ */ p(d, { children: [
+							/* @__PURE__ */ p("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ f("span", {
+									className: "text-xs font-medium text-text-primary truncate flex-1",
+									children: e.title
+								}), /* @__PURE__ */ p("div", {
+									className: "hidden group-hover:flex items-center gap-0.5 ml-1",
+									children: [/* @__PURE__ */ f("button", {
+										onClick: (t) => {
+											t.stopPropagation(), A(e.id, e.title);
+										},
+										className: "p-0.5 hover:bg-bg-sunken rounded",
+										"aria-label": "Rename conversation",
+										children: /* @__PURE__ */ f(s, { className: "w-3 h-3 text-text-muted" })
+									}), /* @__PURE__ */ f("button", {
+										onClick: (t) => M(t, e.id),
+										className: "p-0.5 hover:bg-bg-sunken rounded",
+										"aria-label": "Delete conversation",
+										"data-testid": "delete-conversation",
+										children: /* @__PURE__ */ f(l, { className: "w-3 h-3 text-status-error-text" })
+									})]
+								})]
+							}),
+							/* @__PURE__ */ p("div", {
+								className: "flex items-center gap-1.5 mt-0.5",
+								children: [
+									/* @__PURE__ */ f("span", {
+										className: "text-[10px] text-text-muted px-1 py-0.5 bg-bg-sunken rounded",
+										children: i?.label ?? e.mode
+									}),
+									/* @__PURE__ */ p("span", {
+										className: "text-[10px] text-text-muted",
+										children: [e.messages.length, " msgs"]
+									}),
+									c && c.status !== "idle" && /* @__PURE__ */ f("span", {
+										className: "text-[10px] text-action-primary-bg px-1 py-0.5 bg-bg-sunken rounded",
+										children: c.status
+									})
+								]
+							}),
+							o && /* @__PURE__ */ f("p", {
+								className: "text-[10px] text-text-muted truncate mt-0.5",
+								children: o.content.slice(0, 60)
+							})
+						] })
+					}, e.id);
+				})
+			})
+		})]
+	});
+};
+//#endregion
+export { m as AssistantConversationList };
+
+//# sourceMappingURL=AssistantConversationList.js.map

package/dist/components/assistant/AssistantConversationList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantConversationList.js","names":[],"sources":["../../../src/components/assistant/AssistantConversationList.tsx"],"sourcesContent":["import { useState, type FC } from 'react';\nimport { Plus, Trash2, MessageSquare, X, Pencil, Check } from 'lucide-react';\nimport { useAssistantStore } from '@/store/assistantStore';\nimport { ASSISTANT_MODES } from '@/types/assistant';\nimport { useEffect } from 'react';\nimport { useTr } from '../../shared/hooks/useTr';\n\nexport const AssistantConversationList: FC = () => {\n  const tr = useTr();\n  const {\n    conversations,\n    activeConversationId,\n    processingByConversationId,\n    setActiveConversation,\n    setMode,\n    createConversation,\n    deleteConversation,\n    renameConversation,\n    setConversationListOpen,\n  } = useAssistantStore();\n\n  const [editingId, setEditingId] = useState<string | null>(null);\n  const [editTitle, setEditTitle] = useState('');\n\n  useEffect(() => {\n    if (activeConversationId) {\n      setConversationListOpen(false);\n    }\n  }, [activeConversationId, setConversationListOpen]);\n\n  const handleCreate = () => {\n    createConversation();\n    setConversationListOpen(false);\n  };\n\n  const handleSelect = (id: string) => {\n    const selectedConversation = conversations.find((conversation) => conversation.id === id);\n    setActiveConversation(id);\n    if (selectedConversation) {\n      setMode(selectedConversation.mode);\n    }\n    setConversationListOpen(false);\n  };\n\n  const handleStartRename = (id: string, currentTitle: string) => {\n    setEditingId(id);\n    setEditTitle(currentTitle);\n  };\n\n  const handleConfirmRename = () => {\n    if (editingId && editTitle.trim()) {\n      renameConversation(editingId, editTitle.trim());\n    }\n    setEditingId(null);\n  };\n\n  const handleDelete = (e: React.MouseEvent, id: string) => {\n    e.stopPropagation();\n    deleteConversation(id);\n  };\n\n  return (\n    <div\n      className=\"absolute inset-0 z-10 flex flex-col bg-bg-surface\"\n      data-testid=\"conversation-list\"\n    >\n      {/* Header */}\n      <div className=\"flex items-center justify-between px-3 py-2 border-b border-border-default\">\n        <span className=\"text-xs font-semibold text-text-primary\">\n          {tr('vibecontrols.assistant.conversations.title', 'Conversations')}\n        </span>\n        <div className=\"flex items-center gap-1\">\n          <button\n            onClick={handleCreate}\n            className=\"p-1 hover:bg-bg-elevated rounded transition-colors\"\n            aria-label={tr('vibecontrols.assistant.conversations.new', 'New conversation')}\n            data-testid=\"new-conversation\"\n          >\n            <Plus className=\"w-3.5 h-3.5 text-text-secondary\" />\n          </button>\n          <button\n            onClick={() => setConversationListOpen(false)}\n            className=\"p-1 hover:bg-bg-elevated rounded transition-colors\"\n            aria-label=\"Close conversation list\"\n          >\n            <X className=\"w-3.5 h-3.5 text-text-secondary\" />\n          </button>\n        </div>\n      </div>\n\n      {/* List */}\n      <div className=\"flex-1 overflow-y-auto\">\n        {conversations.length === 0 ? (\n          <div className=\"flex flex-col items-center justify-center h-full text-center px-4\">\n            <MessageSquare className=\"w-6 h-6 text-text-muted mb-2\" />\n            <p className=\"text-xs text-text-muted\">\n              {tr('vibecontrols.assistant.conversations.empty', 'No conversations yet')}\n            </p>\n            <button\n              onClick={handleCreate}\n              className=\"mt-2 text-xs text-action-primary-bg hover:underline\"\n            >\n              {tr('vibecontrols.assistant.conversations.startNew', 'Start a new conversation')}\n            </button>\n          </div>\n        ) : (\n          <div className=\"py-1\">\n            {conversations.map((conv) => {\n              const isActive = conv.id === activeConversationId;\n              const isEditing = conv.id === editingId;\n              const modeConfig = ASSISTANT_MODES.find((m) => m.id === conv.mode);\n              const lastMessage = conv.messages[conv.messages.length - 1];\n              const processing = processingByConversationId[conv.id];\n\n              return (\n                <div\n                  key={conv.id}\n                  onClick={() => !isEditing && handleSelect(conv.id)}\n                  className={`group px-3 py-2 cursor-pointer hover:bg-bg-elevated transition-colors ${\n                    isActive ? 'bg-bg-elevated border-l-2 border-action-primary-bg' : ''\n                  }`}\n                >\n                  {isEditing ? (\n                    <div className=\"flex items-center gap-1\">\n                      <input\n                        autoFocus\n                        value={editTitle}\n                        onChange={(e) => setEditTitle(e.target.value)}\n                        onKeyDown={(e) => {\n                          if (e.key === 'Enter') handleConfirmRename();\n                          if (e.key === 'Escape') setEditingId(null);\n                        }}\n                        className=\"flex-1 text-xs bg-bg-sunken border border-border-default rounded px-2 py-1 text-text-primary focus:outline-none focus:border-action-primary-bg\"\n                        onClick={(e) => e.stopPropagation()}\n                      />\n                      <button\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          handleConfirmRename();\n                        }}\n                        className=\"p-1 hover:bg-bg-sunken rounded\"\n                      >\n                        <Check className=\"w-3 h-3 text-status-success-text\" />\n                      </button>\n                    </div>\n                  ) : (\n                    <>\n                      <div className=\"flex items-center justify-between\">\n                        <span className=\"text-xs font-medium text-text-primary truncate flex-1\">\n                          {conv.title}\n                        </span>\n                        <div className=\"hidden group-hover:flex items-center gap-0.5 ml-1\">\n                          <button\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              handleStartRename(conv.id, conv.title);\n                            }}\n                            className=\"p-0.5 hover:bg-bg-sunken rounded\"\n                            aria-label=\"Rename conversation\"\n                          >\n                            <Pencil className=\"w-3 h-3 text-text-muted\" />\n                          </button>\n                          <button\n                            onClick={(e) => handleDelete(e, conv.id)}\n                            className=\"p-0.5 hover:bg-bg-sunken rounded\"\n                            aria-label=\"Delete conversation\"\n                            data-testid=\"delete-conversation\"\n                          >\n                            <Trash2 className=\"w-3 h-3 text-status-error-text\" />\n                          </button>\n                        </div>\n                      </div>\n                      <div className=\"flex items-center gap-1.5 mt-0.5\">\n                        <span className=\"text-[10px] text-text-muted px-1 py-0.5 bg-bg-sunken rounded\">\n                          {modeConfig?.label ?? conv.mode}\n                        </span>\n                        <span className=\"text-[10px] text-text-muted\">\n                          {conv.messages.length} msgs\n                        </span>\n                        {processing && processing.status !== 'idle' && (\n                          <span className=\"text-[10px] text-action-primary-bg px-1 py-0.5 bg-bg-sunken rounded\">\n                            {processing.status}\n                          </span>\n                        )}\n                      </div>\n                      {lastMessage && (\n                        <p className=\"text-[10px] text-text-muted truncate mt-0.5\">\n                          {lastMessage.content.slice(0, 60)}\n                        </p>\n                      )}\n                    </>\n                  )}\n                </div>\n              );\n            })}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/assistant/AssistantExportMenu.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const AssistantExportMenu: FC;
+//# sourceMappingURL=AssistantExportMenu.d.ts.map

package/dist/components/assistant/AssistantExportMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantExportMenu.d.ts","sourceRoot":"","sources":["../../../src/components/assistant/AssistantExportMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAM7D,eAAO,MAAM,mBAAmB,EAAE,EA4DjC,CAAC"}

package/dist/components/assistant/AssistantExportMenu.js

@@ -0,0 +1,49 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useAssistantStore as t } from "../../store/assistantStore.js";
+import { downloadFile as n, exportConversation as r } from "../../services/assistantExportService.js";
+import { useEffect as i, useRef as a, useState as o } from "react";
+import { Download as s, FileJson as c, FileText as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/assistant/AssistantExportMenu.tsx
+var f = () => {
+	let f = e(), [p, m] = o(!1), h = a(null), { conversations: g, activeConversationId: _ } = t(), v = g.find((e) => e.id === _);
+	if (i(() => {
+		if (!p) return;
+		let e = (e) => {
+			h.current && !h.current.contains(e.target) && m(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [p]), !v || v.messages.length === 0) return null;
+	let y = (e) => {
+		let { content: t, filename: i, mimeType: a } = r(v, e);
+		n(t, i, a), m(!1);
+	};
+	return /* @__PURE__ */ d("div", {
+		ref: h,
+		className: "relative",
+		children: [/* @__PURE__ */ u("button", {
+			onClick: () => m(!p),
+			className: "p-1 hover:bg-bg-elevated rounded transition-colors",
+			"aria-label": f("vibecontrols.assistant.export.ariaLabel", "Export conversation"),
+			"data-testid": "assistant-export",
+			children: /* @__PURE__ */ u(s, { className: "w-3.5 h-3.5 text-text-secondary" })
+		}), p && /* @__PURE__ */ d("div", {
+			className: "absolute right-0 top-full mt-1 w-40 bg-bg-surface border border-border-default rounded-lg shadow-lg z-50 py-1",
+			children: [/* @__PURE__ */ d("button", {
+				onClick: () => y("json"),
+				className: "w-full flex items-center gap-2 px-3 py-2 text-xs text-text-primary hover:bg-bg-elevated transition-colors",
+				"data-testid": "export-json",
+				children: [/* @__PURE__ */ u(c, { className: "w-3.5 h-3.5 text-text-secondary" }), f("vibecontrols.assistant.export.json", "Export as JSON")]
+			}), /* @__PURE__ */ d("button", {
+				onClick: () => y("markdown"),
+				className: "w-full flex items-center gap-2 px-3 py-2 text-xs text-text-primary hover:bg-bg-elevated transition-colors",
+				"data-testid": "export-markdown",
+				children: [/* @__PURE__ */ u(l, { className: "w-3.5 h-3.5 text-text-secondary" }), f("vibecontrols.assistant.export.markdown", "Export as Markdown")]
+			})]
+		})]
+	});
+};
+//#endregion
+export { f as AssistantExportMenu };
+
+//# sourceMappingURL=AssistantExportMenu.js.map

package/dist/components/assistant/AssistantExportMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantExportMenu.js","names":[],"sources":["../../../src/components/assistant/AssistantExportMenu.tsx"],"sourcesContent":["import { useState, useRef, useEffect, type FC } from 'react';\nimport { Download, FileJson, FileText } from 'lucide-react';\nimport { useAssistantStore } from '@/store/assistantStore';\nimport { exportConversation, downloadFile } from '@/services/assistantExportService';\nimport { useTr } from '../../shared/hooks/useTr';\n\nexport const AssistantExportMenu: FC = () => {\n  const tr = useTr();\n  const [open, setOpen] = useState(false);\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  const { conversations, activeConversationId } = useAssistantStore();\n  const activeConversation = conversations.find((c) => c.id === activeConversationId);\n\n  useEffect(() => {\n    if (!open) return;\n    const handleClickOutside = (e: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(e.target as Node)) {\n        setOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [open]);\n\n  if (!activeConversation || activeConversation.messages.length === 0) return null;\n\n  const handleExport = (format: 'json' | 'markdown') => {\n    const { content, filename, mimeType } = exportConversation(activeConversation, format);\n    downloadFile(content, filename, mimeType);\n    setOpen(false);\n  };\n\n  return (\n    <div ref={menuRef} className=\"relative\">\n      <button\n        onClick={() => setOpen(!open)}\n        className=\"p-1 hover:bg-bg-elevated rounded transition-colors\"\n        aria-label={tr('vibecontrols.assistant.export.ariaLabel', 'Export conversation')}\n        data-testid=\"assistant-export\"\n      >\n        <Download className=\"w-3.5 h-3.5 text-text-secondary\" />\n      </button>\n\n      {open && (\n        <div className=\"absolute right-0 top-full mt-1 w-40 bg-bg-surface border border-border-default rounded-lg shadow-lg z-50 py-1\">\n          <button\n            onClick={() => handleExport('json')}\n            className=\"w-full flex items-center gap-2 px-3 py-2 text-xs text-text-primary hover:bg-bg-elevated transition-colors\"\n            data-testid=\"export-json\"\n          >\n            <FileJson className=\"w-3.5 h-3.5 text-text-secondary\" />\n            {tr('vibecontrols.assistant.export.json', 'Export as JSON')}\n          </button>\n          <button\n            onClick={() => handleExport('markdown')}\n            className=\"w-full flex items-center gap-2 px-3 py-2 text-xs text-text-primary hover:bg-bg-elevated transition-colors\"\n            data-testid=\"export-markdown\"\n          >\n            <FileText className=\"w-3.5 h-3.5 text-text-secondary\" />\n            {tr('vibecontrols.assistant.export.markdown', 'Export as Markdown')}\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAMA,IAAa,UAAgC;CAC3C,IAAM,IAAK,GAAO,EACZ,CAAC,GAAM,KAAW,EAAS,GAAM,EACjC,IAAU,EAAuB,KAAK,EAEtC,EAAE,kBAAe,4BAAyB,GAAmB,EAC7D,IAAqB,EAAc,MAAM,MAAM,EAAE,OAAO,EAAqB;AAanF,KAXA,QAAgB;AACd,MAAI,CAAC,EAAM;EACX,IAAM,KAAsB,MAAkB;AAC5C,GAAI,EAAQ,WAAW,CAAC,EAAQ,QAAQ,SAAS,EAAE,OAAe,IAChE,EAAQ,GAAM;;AAIlB,SADA,SAAS,iBAAiB,aAAa,EAAmB,QAC7C,SAAS,oBAAoB,aAAa,EAAmB;IACzE,CAAC,EAAK,CAAC,EAEN,CAAC,KAAsB,EAAmB,SAAS,WAAW,EAAG,QAAO;CAE5E,IAAM,KAAgB,MAAgC;EACpD,IAAM,EAAE,YAAS,aAAU,gBAAa,EAAmB,GAAoB,EAAO;AAEtF,EADA,EAAa,GAAS,GAAU,EAAS,EACzC,EAAQ,GAAM;;AAGhB,QACE,kBAAC,OAAD;EAAK,KAAK;EAAS,WAAU;YAA7B,CACE,kBAAC,UAAD;GACE,eAAe,EAAQ,CAAC,EAAK;GAC7B,WAAU;GACV,cAAY,EAAG,2CAA2C,sBAAsB;GAChF,eAAY;aAEZ,kBAAC,GAAD,EAAU,WAAU,mCAAoC,CAAA;GACjD,CAAA,EAER,KACC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,UAAD;IACE,eAAe,EAAa,OAAO;IACnC,WAAU;IACV,eAAY;cAHd,CAKE,kBAAC,GAAD,EAAU,WAAU,mCAAoC,CAAA,EACvD,EAAG,sCAAsC,iBAAiB,CACpD;OACT,kBAAC,UAAD;IACE,eAAe,EAAa,WAAW;IACvC,WAAU;IACV,eAAY;cAHd,CAKE,kBAAC,GAAD,EAAU,WAAU,mCAAoC,CAAA,EACvD,EAAG,0CAA0C,qBAAqB,CAC5D;MACL;KAEJ"}

package/dist/components/assistant/AssistantMarkdownRenderer.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+
+interface Props {
+    content: string;
+}
+export declare const AssistantMarkdownRenderer: FC<Props>;
+export {};
+//# sourceMappingURL=AssistantMarkdownRenderer.d.ts.map

package/dist/components/assistant/AssistantMarkdownRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantMarkdownRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/assistant/AssistantMarkdownRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAc,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAI1D,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AA4SD,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,KAAK,CAmB/C,CAAC"}

package/dist/components/assistant/AssistantMarkdownRenderer.js

@@ -0,0 +1,204 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useMemo as t, useState as n } from "react";
+import { Check as r, Copy as i } from "lucide-react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/assistant/AssistantMarkdownRenderer.tsx
+function c({ language: t, code: c }) {
+	let l = e(), [u, d] = n(!1);
+	return /* @__PURE__ */ s("div", {
+		className: "group relative my-2 rounded-md bg-bg-sunken border border-border-default overflow-hidden",
+		children: [/* @__PURE__ */ s("div", {
+			className: "flex items-center justify-between px-3 py-1.5 bg-bg-elevated border-b border-border-default",
+			children: [/* @__PURE__ */ o("span", {
+				className: "text-[10px] font-mono text-text-muted uppercase tracking-wider",
+				children: t || "code"
+			}), /* @__PURE__ */ o("button", {
+				onClick: () => {
+					navigator.clipboard.writeText(c), d(!0), setTimeout(() => d(!1), 2e3);
+				},
+				className: "flex items-center gap-1 px-1.5 py-0.5 text-[10px] text-text-secondary hover:text-text-primary hover:bg-bg-sunken rounded transition-colors",
+				"aria-label": l("vibecontrols.assistant.markdown.copyCode", "Copy code"),
+				children: u ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(r, { className: "w-3 h-3 text-status-success-text" }), /* @__PURE__ */ o("span", { children: l("vibecontrols.assistant.markdown.copied", "Copied") })] }) : /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(i, { className: "w-3 h-3" }), /* @__PURE__ */ o("span", { children: l("vibecontrols.assistant.markdown.copy", "Copy") })] })
+			})]
+		}), /* @__PURE__ */ o("pre", {
+			className: "p-3 overflow-x-auto text-xs leading-relaxed",
+			children: /* @__PURE__ */ o("code", {
+				className: "font-mono text-text-primary",
+				children: c
+			})
+		})]
+	});
+}
+function l(e) {
+	let t = [], n = 0, r = e.split(/(```[\s\S]*?```)/g);
+	for (let e of r) {
+		let r = e.match(/^```(\w*)\n?([\s\S]*?)```$/);
+		if (r) t.push({
+			type: "code",
+			language: r[1],
+			content: r[2].trimEnd(),
+			key: n++
+		});
+		else if (e.trim()) {
+			let r = e.split("\n"), i = 0, a = "";
+			for (; i < r.length;) if (r[i].includes("|") && i + 1 < r.length && /^\|?[\s-:|]+\|/.test(r[i + 1])) {
+				a.trim() && (t.push({
+					type: "text",
+					content: a.trim(),
+					key: n++
+				}), a = "");
+				let e = "";
+				for (; i < r.length && r[i].includes("|");) e += r[i] + "\n", i++;
+				t.push({
+					type: "table",
+					content: e.trim(),
+					key: n++
+				});
+			} else a += r[i] + "\n", i++;
+			a.trim() && t.push({
+				type: "text",
+				content: a.trim(),
+				key: n++
+			});
+		}
+	}
+	return t;
+}
+function u(e) {
+	let t = [], n = e, r = 0;
+	for (; n.length > 0;) {
+		let e = n.match(/\*\*(.+?)\*\*/), i = n.match(/`([^`]+)`/), a = n.match(/\[([^\]]+)\]\(([^)]+)\)/), s = n.match(/(?<!\*)\*(?!\*)(.+?)(?<!\*)\*(?!\*)/), c = [
+			e && {
+				type: "bold",
+				match: e,
+				index: e.index
+			},
+			i && {
+				type: "code",
+				match: i,
+				index: i.index
+			},
+			a && {
+				type: "link",
+				match: a,
+				index: a.index
+			},
+			s && {
+				type: "italic",
+				match: s,
+				index: s.index
+			}
+		].filter(Boolean);
+		if (c.length === 0) {
+			t.push(n);
+			break;
+		}
+		c.sort((e, t) => e.index - t.index);
+		let l = c[0];
+		switch (l.index > 0 && t.push(n.slice(0, l.index)), l.type) {
+			case "bold":
+				t.push(/* @__PURE__ */ o("strong", {
+					className: "font-semibold",
+					children: l.match[1]
+				}, r++)), n = n.slice(l.index + l.match[0].length);
+				break;
+			case "code":
+				t.push(/* @__PURE__ */ o("code", {
+					className: "px-1 py-0.5 bg-bg-sunken text-text-primary rounded text-[0.85em] font-mono",
+					children: l.match[1]
+				}, r++)), n = n.slice(l.index + l.match[0].length);
+				break;
+			case "link":
+				t.push(/* @__PURE__ */ o("a", {
+					href: l.match[2],
+					target: "_blank",
+					rel: "noopener noreferrer",
+					className: "text-action-primary-bg hover:underline",
+					children: l.match[1]
+				}, r++)), n = n.slice(l.index + l.match[0].length);
+				break;
+			case "italic":
+				t.push(/* @__PURE__ */ o("em", {
+					className: "italic",
+					children: l.match[1]
+				}, r++)), n = n.slice(l.index + l.match[0].length);
+				break;
+		}
+	}
+	return t;
+}
+function d({ content: e }) {
+	return /* @__PURE__ */ o(a, { children: e.split("\n").map((e, t) => {
+		let n = e.trimStart();
+		if (n.startsWith("### ")) return /* @__PURE__ */ o("h4", {
+			className: "text-sm font-semibold text-text-primary mt-3 mb-1",
+			children: u(n.slice(4))
+		}, t);
+		if (n.startsWith("## ")) return /* @__PURE__ */ o("h3", {
+			className: "text-sm font-bold text-text-primary mt-3 mb-1",
+			children: u(n.slice(3))
+		}, t);
+		if (n.startsWith("# ")) return /* @__PURE__ */ o("h2", {
+			className: "text-base font-bold text-text-primary mt-3 mb-1",
+			children: u(n.slice(2))
+		}, t);
+		if (/^[-*_]{3,}$/.test(n)) return /* @__PURE__ */ o("hr", { className: "my-2 border-border-default" }, t);
+		if (n.startsWith("> ")) return /* @__PURE__ */ o("blockquote", {
+			className: "border-l-2 border-action-primary-bg pl-3 text-text-secondary italic my-1",
+			children: u(n.slice(2))
+		}, t);
+		if (/^[-*] /.test(n)) return /* @__PURE__ */ o("li", {
+			className: "ml-4 list-disc text-text-primary",
+			children: u(n.slice(2))
+		}, t);
+		let r = n.match(/^(\d+)\.\s/);
+		return r ? /* @__PURE__ */ o("li", {
+			className: "ml-4 list-decimal text-text-primary",
+			children: u(n.slice(r[0].length))
+		}, t) : n === "" ? /* @__PURE__ */ o("div", { className: "h-1.5" }, t) : /* @__PURE__ */ o("p", {
+			className: "text-text-primary leading-relaxed",
+			children: u(e)
+		}, t);
+	}) });
+}
+function f({ content: e }) {
+	let t = e.split("\n").filter(Boolean);
+	if (t.length < 2) return null;
+	let n = (e) => e.split("|").map((e) => e.trim()).filter(Boolean), r = n(t[0]), i = t.slice(2).map(n);
+	return /* @__PURE__ */ o("div", {
+		className: "my-2 overflow-x-auto",
+		children: /* @__PURE__ */ s("table", {
+			className: "text-xs w-full border-collapse",
+			children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ o("tr", {
+				className: "border-b border-border-default",
+				children: r.map((e, t) => /* @__PURE__ */ o("th", {
+					className: "text-left px-2 py-1.5 font-semibold text-text-primary",
+					children: u(e)
+				}, t))
+			}) }), /* @__PURE__ */ o("tbody", { children: i.map((e, t) => /* @__PURE__ */ o("tr", {
+				className: "border-b border-border-subtle",
+				children: e.map((e, t) => /* @__PURE__ */ o("td", {
+					className: "px-2 py-1.5 text-text-primary",
+					children: u(e)
+				}, t))
+			}, t)) })]
+		})
+	});
+}
+var p = ({ content: e }) => /* @__PURE__ */ o("div", {
+	className: "text-xs leading-relaxed space-y-0.5",
+	children: t(() => l(e), [e]).map((e) => {
+		switch (e.type) {
+			case "code": return /* @__PURE__ */ o(c, {
+				language: e.language || "",
+				code: e.content
+			}, e.key);
+			case "table": return /* @__PURE__ */ o(f, { content: e.content }, e.key);
+			default: return /* @__PURE__ */ o(d, { content: e.content }, e.key);
+		}
+	})
+});
+//#endregion
+export { p as AssistantMarkdownRenderer };
+
+//# sourceMappingURL=AssistantMarkdownRenderer.js.map

package/dist/components/assistant/AssistantMarkdownRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantMarkdownRenderer.js","names":[],"sources":["../../../src/components/assistant/AssistantMarkdownRenderer.tsx"],"sourcesContent":["/**\n * Lightweight markdown renderer for assistant messages.\n *\n * Handles: headings, bold, italic, code blocks, inline code, links,\n * lists, blockquotes, tables, and horizontal rules using regex parsing.\n * No external dependencies — avoids adding react-markdown to the MFE.\n */\n\nimport React, { useMemo, useState, type FC } from 'react';\nimport { Copy, Check } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface Props {\n  content: string;\n}\n\nfunction CodeBlock({ language, code }: { language: string; code: string }) {\n  const tr = useTr();\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = () => {\n    navigator.clipboard.writeText(code);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2000);\n  };\n\n  return (\n    <div className=\"group relative my-2 rounded-md bg-bg-sunken border border-border-default overflow-hidden\">\n      <div className=\"flex items-center justify-between px-3 py-1.5 bg-bg-elevated border-b border-border-default\">\n        <span className=\"text-[10px] font-mono text-text-muted uppercase tracking-wider\">\n          {language || 'code'}\n        </span>\n        <button\n          onClick={handleCopy}\n          className=\"flex items-center gap-1 px-1.5 py-0.5 text-[10px] text-text-secondary hover:text-text-primary hover:bg-bg-sunken rounded transition-colors\"\n          aria-label={tr('vibecontrols.assistant.markdown.copyCode', 'Copy code')}\n        >\n          {copied ? (\n            <>\n              <Check className=\"w-3 h-3 text-status-success-text\" />\n              <span>{tr('vibecontrols.assistant.markdown.copied', 'Copied')}</span>\n            </>\n          ) : (\n            <>\n              <Copy className=\"w-3 h-3\" />\n              <span>{tr('vibecontrols.assistant.markdown.copy', 'Copy')}</span>\n            </>\n          )}\n        </button>\n      </div>\n      <pre className=\"p-3 overflow-x-auto text-xs leading-relaxed\">\n        <code className=\"font-mono text-text-primary\">{code}</code>\n      </pre>\n    </div>\n  );\n}\n\ninterface ParsedBlock {\n  type: 'text' | 'code' | 'table';\n  content: string;\n  language?: string;\n  key: number;\n}\n\nfunction parseBlocks(content: string): ParsedBlock[] {\n  const blocks: ParsedBlock[] = [];\n  let key = 0;\n\n  // Split by code blocks first\n  const parts = content.split(/(```[\\s\\S]*?```)/g);\n\n  for (const part of parts) {\n    const codeMatch = part.match(/^```(\\w*)\\n?([\\s\\S]*?)```$/);\n    if (codeMatch) {\n      blocks.push({\n        type: 'code',\n        language: codeMatch[1],\n        content: codeMatch[2].trimEnd(),\n        key: key++,\n      });\n    } else if (part.trim()) {\n      // Check for tables\n      const lines = part.split('\\n');\n      let i = 0;\n      let textBuffer = '';\n\n      while (i < lines.length) {\n        // Detect table: line with pipes followed by separator line\n        if (lines[i].includes('|') && i + 1 < lines.length && /^\\|?[\\s-:|]+\\|/.test(lines[i + 1])) {\n          if (textBuffer.trim()) {\n            blocks.push({ type: 'text', content: textBuffer.trim(), key: key++ });\n            textBuffer = '';\n          }\n          let tableContent = '';\n          while (i < lines.length && lines[i].includes('|')) {\n            tableContent += lines[i] + '\\n';\n            i++;\n          }\n          blocks.push({ type: 'table', content: tableContent.trim(), key: key++ });\n        } else {\n          textBuffer += lines[i] + '\\n';\n          i++;\n        }\n      }\n\n      if (textBuffer.trim()) {\n        blocks.push({ type: 'text', content: textBuffer.trim(), key: key++ });\n      }\n    }\n  }\n\n  return blocks;\n}\n\nfunction renderInlineMarkdown(text: string): (string | React.JSX.Element)[] {\n  const result: (string | React.JSX.Element)[] = [];\n  let remaining = text;\n  let key = 0;\n\n  while (remaining.length > 0) {\n    // Bold\n    const boldMatch = remaining.match(/\\*\\*(.+?)\\*\\*/);\n    // Inline code\n    const codeMatch = remaining.match(/`([^`]+)`/);\n    // Link\n    const linkMatch = remaining.match(/\\[([^\\]]+)\\]\\(([^)]+)\\)/);\n    // Italic\n    const italicMatch = remaining.match(/(?<!\\*)\\*(?!\\*)(.+?)(?<!\\*)\\*(?!\\*)/);\n\n    // Find the earliest match\n    const matches = [\n      boldMatch && { type: 'bold', match: boldMatch, index: boldMatch.index! },\n      codeMatch && { type: 'code', match: codeMatch, index: codeMatch.index! },\n      linkMatch && { type: 'link', match: linkMatch, index: linkMatch.index! },\n      italicMatch && { type: 'italic', match: italicMatch, index: italicMatch.index! },\n    ].filter(Boolean) as Array<{ type: string; match: RegExpMatchArray; index: number }>;\n\n    if (matches.length === 0) {\n      result.push(remaining);\n      break;\n    }\n\n    matches.sort((a, b) => a.index - b.index);\n    const earliest = matches[0];\n\n    // Add text before the match\n    if (earliest.index > 0) {\n      result.push(remaining.slice(0, earliest.index));\n    }\n\n    switch (earliest.type) {\n      case 'bold':\n        result.push(\n          <strong key={key++} className=\"font-semibold\">\n            {earliest.match[1]}\n          </strong>\n        );\n        remaining = remaining.slice(earliest.index + earliest.match[0].length);\n        break;\n      case 'code':\n        result.push(\n          <code\n            key={key++}\n            className=\"px-1 py-0.5 bg-bg-sunken text-text-primary rounded text-[0.85em] font-mono\"\n          >\n            {earliest.match[1]}\n          </code>\n        );\n        remaining = remaining.slice(earliest.index + earliest.match[0].length);\n        break;\n      case 'link':\n        result.push(\n          <a\n            key={key++}\n            href={earliest.match[2]}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"text-action-primary-bg hover:underline\"\n          >\n            {earliest.match[1]}\n          </a>\n        );\n        remaining = remaining.slice(earliest.index + earliest.match[0].length);\n        break;\n      case 'italic':\n        result.push(\n          <em key={key++} className=\"italic\">\n            {earliest.match[1]}\n          </em>\n        );\n        remaining = remaining.slice(earliest.index + earliest.match[0].length);\n        break;\n    }\n  }\n\n  return result;\n}\n\nfunction TextBlock({ content }: { content: string }) {\n  const lines = content.split('\\n');\n\n  return (\n    <>\n      {lines.map((line, i) => {\n        const trimmed = line.trimStart();\n\n        // Headings\n        if (trimmed.startsWith('### '))\n          return (\n            <h4 key={i} className=\"text-sm font-semibold text-text-primary mt-3 mb-1\">\n              {renderInlineMarkdown(trimmed.slice(4))}\n            </h4>\n          );\n        if (trimmed.startsWith('## '))\n          return (\n            <h3 key={i} className=\"text-sm font-bold text-text-primary mt-3 mb-1\">\n              {renderInlineMarkdown(trimmed.slice(3))}\n            </h3>\n          );\n        if (trimmed.startsWith('# '))\n          return (\n            <h2 key={i} className=\"text-base font-bold text-text-primary mt-3 mb-1\">\n              {renderInlineMarkdown(trimmed.slice(2))}\n            </h2>\n          );\n\n        // Horizontal rule\n        if (/^[-*_]{3,}$/.test(trimmed))\n          return <hr key={i} className=\"my-2 border-border-default\" />;\n\n        // Blockquote\n        if (trimmed.startsWith('> '))\n          return (\n            <blockquote\n              key={i}\n              className=\"border-l-2 border-action-primary-bg pl-3 text-text-secondary italic my-1\"\n            >\n              {renderInlineMarkdown(trimmed.slice(2))}\n            </blockquote>\n          );\n\n        // Unordered list\n        if (/^[-*] /.test(trimmed))\n          return (\n            <li key={i} className=\"ml-4 list-disc text-text-primary\">\n              {renderInlineMarkdown(trimmed.slice(2))}\n            </li>\n          );\n\n        // Ordered list\n        const olMatch = trimmed.match(/^(\\d+)\\.\\s/);\n        if (olMatch)\n          return (\n            <li key={i} className=\"ml-4 list-decimal text-text-primary\">\n              {renderInlineMarkdown(trimmed.slice(olMatch[0].length))}\n            </li>\n          );\n\n        // Empty line\n        if (trimmed === '') return <div key={i} className=\"h-1.5\" />;\n\n        // Regular paragraph\n        return (\n          <p key={i} className=\"text-text-primary leading-relaxed\">\n            {renderInlineMarkdown(line)}\n          </p>\n        );\n      })}\n    </>\n  );\n}\n\nfunction TableBlock({ content }: { content: string }) {\n  const rows = content.split('\\n').filter(Boolean);\n  if (rows.length < 2) return null;\n\n  const parseRow = (row: string) =>\n    row\n      .split('|')\n      .map((c) => c.trim())\n      .filter(Boolean);\n\n  const headers = parseRow(rows[0]);\n  // Skip separator row (index 1)\n  const bodyRows = rows.slice(2).map(parseRow);\n\n  return (\n    <div className=\"my-2 overflow-x-auto\">\n      <table className=\"text-xs w-full border-collapse\">\n        <thead>\n          <tr className=\"border-b border-border-default\">\n            {headers.map((h, i) => (\n              <th key={i} className=\"text-left px-2 py-1.5 font-semibold text-text-primary\">\n                {renderInlineMarkdown(h)}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {bodyRows.map((row, ri) => (\n            <tr key={ri} className=\"border-b border-border-subtle\">\n              {row.map((cell, ci) => (\n                <td key={ci} className=\"px-2 py-1.5 text-text-primary\">\n                  {renderInlineMarkdown(cell)}\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nexport const AssistantMarkdownRenderer: FC<Props> = ({ content }) => {\n  const blocks = useMemo(() => parseBlocks(content), [content]);\n\n  return (\n    <div className=\"text-xs leading-relaxed space-y-0.5\">\n      {blocks.map((block) => {\n        switch (block.type) {\n          case 'code':\n            return (\n              <CodeBlock key={block.key} language={block.language || ''} code={block.content} />\n            );\n          case 'table':\n            return <TableBlock key={block.key} content={block.content} />;\n          default:\n            return <TextBlock key={block.key} content={block.content} />;\n        }\n      })}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/assistant/AssistantMessageItem.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { Message } from '../../types/assistant';
+
+interface Props {
+    message: Message;
+    isStreaming?: boolean;
+}
+export declare const AssistantMessageItem: FC<Props>;
+export {};
+//# sourceMappingURL=AssistantMessageItem.d.ts.map

package/dist/components/assistant/AssistantMessageItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantMessageItem.d.ts","sourceRoot":"","sources":["../../../src/components/assistant/AssistantMessageItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAMnD,OAAO,KAAK,EAA+C,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAG9F,UAAU,KAAK;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAiCD,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CAmH1C,CAAC"}

package/dist/components/assistant/AssistantMessageItem.js

@@ -0,0 +1,91 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { downloadAssistantArtifact as t } from "../../services/assistantApi.js";
+import { AssistantMarkdownRenderer as n } from "./AssistantMarkdownRenderer.js";
+import { useMemo as r, useState as i } from "react";
+import { Bot as a, Download as o, Loader2 as s, User as c } from "lucide-react";
+import { useGatewayClient as l } from "@burdenoff/fe-libs/shared/graphql";
+import { useAuthToken as u } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/assistant/AssistantMessageItem.tsx
+function p(e) {
+	return e.role === "assistant" ? e.metadata : void 0;
+}
+function m(e) {
+	return e?.artifacts ?? [];
+}
+function h(e) {
+	return window.atob(e);
+}
+function g(e, t, n) {
+	let r = h(e), i = new Uint8Array(r.length);
+	for (let e = 0; e < r.length; e += 1) i[e] = r.charCodeAt(e);
+	let a = new Blob([i], { type: n }), o = URL.createObjectURL(a), s = document.createElement("a");
+	s.href = o, s.download = t, document.body.appendChild(s), s.click(), document.body.removeChild(s), URL.revokeObjectURL(o);
+}
+var _ = ({ message: h, isStreaming: _ }) => {
+	let v = e(), y = l("workspace"), { getAccessToken: b, getWorkspaceToken: x } = u(), [S, C] = i(null), w = h.role === "user", T = r(() => p(h), [h]), E = r(() => m(T), [T]), D = async (e) => {
+		if (!T?.sandboxId || !T.sessionId) return;
+		let n = new URLSearchParams(window.location.search).get("workspace") ?? "";
+		if (n) {
+			C(e.path);
+			try {
+				let r = await t(y, T.sandboxId, n, T.sessionId, e.path, {
+					accessToken: b(),
+					workspaceToken: x()
+				});
+				g(r.contentBase64, r.filename, r.mimeType);
+			} finally {
+				C(null);
+			}
+		}
+	};
+	return /* @__PURE__ */ f("div", {
+		className: `flex gap-2.5 ${w ? "flex-row-reverse" : "flex-row"}`,
+		children: [/* @__PURE__ */ d("div", {
+			className: `flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center mt-0.5 ${w ? "bg-action-primary-bg" : "bg-bg-elevated border border-border-default"}`,
+			children: w ? /* @__PURE__ */ d(c, { className: "w-3.5 h-3.5 text-action-primary-text" }) : /* @__PURE__ */ d(a, { className: "w-3.5 h-3.5 text-text-secondary" })
+		}), /* @__PURE__ */ f("div", {
+			className: `max-w-[85%] rounded-lg px-3 py-2 ${w ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-elevated border border-border-subtle"}`,
+			children: [
+				w ? /* @__PURE__ */ d("p", {
+					className: "text-xs whitespace-pre-wrap leading-relaxed",
+					children: h.content
+				}) : /* @__PURE__ */ d(n, { content: h.content }),
+				E.length > 0 && !w && /* @__PURE__ */ f("div", {
+					className: "mt-3 space-y-2 border-t border-border-subtle pt-2",
+					children: [/* @__PURE__ */ d("p", {
+						className: "text-[10px] font-medium uppercase tracking-wide text-text-muted",
+						children: v("vibecontrols.assistant.message.downloads", "Downloads")
+					}), /* @__PURE__ */ d("div", {
+						className: "flex flex-wrap gap-2",
+						children: E.map((e) => {
+							let t = S === e.path;
+							return /* @__PURE__ */ f("button", {
+								onClick: () => void D(e),
+								disabled: t,
+								className: "inline-flex items-center gap-1.5 rounded-md border border-border-default bg-bg-sunken px-2 py-1 text-[11px] text-text-primary hover:bg-bg-surface disabled:opacity-60",
+								"data-testid": `assistant-artifact-${e.name}`,
+								children: [t ? /* @__PURE__ */ d(s, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ d(o, { className: "h-3 w-3" }), /* @__PURE__ */ f("span", { children: [e.name, e.type === "directory" ? ".tar.gz" : ""] })]
+							}, e.path);
+						})
+					})]
+				}),
+				_ && !w && /* @__PURE__ */ d("span", { className: "inline-block w-1.5 h-3.5 bg-text-secondary animate-pulse ml-0.5 align-middle rounded-sm" }),
+				/* @__PURE__ */ f("div", {
+					className: `text-[10px] mt-1 ${w ? "text-action-primary-text/60" : "text-text-muted"}`,
+					children: [new Date(h.timestamp).toLocaleTimeString([], {
+						hour: "2-digit",
+						minute: "2-digit"
+					}), h.tokens && !w && /* @__PURE__ */ f("span", {
+						className: "ml-2",
+						children: [h.tokens.input + h.tokens.output, " tokens"]
+					})]
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { _ as AssistantMessageItem };
+
+//# sourceMappingURL=AssistantMessageItem.js.map

package/dist/components/assistant/AssistantMessageItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantMessageItem.js","names":[],"sources":["../../../src/components/assistant/AssistantMessageItem.tsx"],"sourcesContent":["import { useMemo, useState, type FC } from 'react';\nimport { Bot, Download, Loader2, User } from 'lucide-react';\nimport { useGatewayClient } from '@burdenoff/fe-libs/shared/graphql';\nimport { useAuthToken } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { AssistantMarkdownRenderer } from './AssistantMarkdownRenderer';\nimport { downloadAssistantArtifact } from '@/services/assistantApi';\nimport type { AssistantArtifact, AssistantMessageMetadata, Message } from '@/types/assistant';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface Props {\n  message: Message;\n  isStreaming?: boolean;\n}\n\nfunction getAssistantMetadata(message: Message): AssistantMessageMetadata | undefined {\n  return message.role === 'assistant' ? message.metadata : undefined;\n}\n\nfunction getArtifacts(metadata: AssistantMessageMetadata | undefined): AssistantArtifact[] {\n  return metadata?.artifacts ?? [];\n}\n\nfunction decodeBase64(base64: string): string {\n  return window.atob(base64);\n}\n\nfunction downloadBase64File(base64: string, filename: string, mimeType: string): void {\n  const binary = decodeBase64(base64);\n  const bytes = new Uint8Array(binary.length);\n\n  for (let index = 0; index < binary.length; index += 1) {\n    bytes[index] = binary.charCodeAt(index);\n  }\n\n  const blob = new Blob([bytes], { type: mimeType });\n  const url = URL.createObjectURL(blob);\n  const link = document.createElement('a');\n  link.href = url;\n  link.download = filename;\n  document.body.appendChild(link);\n  link.click();\n  document.body.removeChild(link);\n  URL.revokeObjectURL(url);\n}\n\nexport const AssistantMessageItem: FC<Props> = ({ message, isStreaming }) => {\n  const tr = useTr();\n  const apollo = useGatewayClient('workspace');\n  const { getAccessToken, getWorkspaceToken } = useAuthToken();\n  const [downloadingArtifactPath, setDownloadingArtifactPath] = useState<string | null>(null);\n  const isUser = message.role === 'user';\n  const metadata = useMemo(() => getAssistantMetadata(message), [message]);\n  const artifacts = useMemo(() => getArtifacts(metadata), [metadata]);\n\n  const handleArtifactDownload = async (artifact: AssistantArtifact) => {\n    if (!metadata?.sandboxId || !metadata.sessionId) return;\n\n    const workspaceId = new URLSearchParams(window.location.search).get('workspace') ?? '';\n    if (!workspaceId) return;\n\n    setDownloadingArtifactPath(artifact.path);\n\n    try {\n      const result = await downloadAssistantArtifact(\n        apollo,\n        metadata.sandboxId,\n        workspaceId,\n        metadata.sessionId,\n        artifact.path,\n        {\n          accessToken: getAccessToken(),\n          workspaceToken: getWorkspaceToken(),\n        }\n      );\n\n      downloadBase64File(result.contentBase64, result.filename, result.mimeType);\n    } finally {\n      setDownloadingArtifactPath(null);\n    }\n  };\n\n  return (\n    <div className={`flex gap-2.5 ${isUser ? 'flex-row-reverse' : 'flex-row'}`}>\n      <div\n        className={`flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center mt-0.5 ${\n          isUser ? 'bg-action-primary-bg' : 'bg-bg-elevated border border-border-default'\n        }`}\n      >\n        {isUser ? (\n          <User className=\"w-3.5 h-3.5 text-action-primary-text\" />\n        ) : (\n          <Bot className=\"w-3.5 h-3.5 text-text-secondary\" />\n        )}\n      </div>\n\n      <div\n        className={`max-w-[85%] rounded-lg px-3 py-2 ${\n          isUser\n            ? 'bg-action-primary-bg text-action-primary-text'\n            : 'bg-bg-elevated border border-border-subtle'\n        }`}\n      >\n        {isUser ? (\n          <p className=\"text-xs whitespace-pre-wrap leading-relaxed\">{message.content}</p>\n        ) : (\n          <AssistantMarkdownRenderer content={message.content} />\n        )}\n\n        {artifacts.length > 0 && !isUser && (\n          <div className=\"mt-3 space-y-2 border-t border-border-subtle pt-2\">\n            <p className=\"text-[10px] font-medium uppercase tracking-wide text-text-muted\">\n              {tr('vibecontrols.assistant.message.downloads', 'Downloads')}\n            </p>\n            <div className=\"flex flex-wrap gap-2\">\n              {artifacts.map((artifact) => {\n                const isDownloading = downloadingArtifactPath === artifact.path;\n                return (\n                  <button\n                    key={artifact.path}\n                    onClick={() => void handleArtifactDownload(artifact)}\n                    disabled={isDownloading}\n                    className=\"inline-flex items-center gap-1.5 rounded-md border border-border-default bg-bg-sunken px-2 py-1 text-[11px] text-text-primary hover:bg-bg-surface disabled:opacity-60\"\n                    data-testid={`assistant-artifact-${artifact.name}`}\n                  >\n                    {isDownloading ? (\n                      <Loader2 className=\"h-3 w-3 animate-spin\" />\n                    ) : (\n                      <Download className=\"h-3 w-3\" />\n                    )}\n                    <span>\n                      {artifact.name}\n                      {artifact.type === 'directory' ? '.tar.gz' : ''}\n                    </span>\n                  </button>\n                );\n              })}\n            </div>\n          </div>\n        )}\n\n        {isStreaming && !isUser && (\n          <span className=\"inline-block w-1.5 h-3.5 bg-text-secondary animate-pulse ml-0.5 align-middle rounded-sm\" />\n        )}\n\n        <div\n          className={`text-[10px] mt-1 ${\n            isUser ? 'text-action-primary-text/60' : 'text-text-muted'\n          }`}\n        >\n          {new Date(message.timestamp).toLocaleTimeString([], {\n            hour: '2-digit',\n            minute: '2-digit',\n          })}\n          {message.tokens && !isUser && (\n            <span className=\"ml-2\">{message.tokens.input + message.tokens.output} tokens</span>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/assistant/AssistantMessageList.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { Message } from '../../types/assistant';
+
+interface Props {
+    messages: Message[];
+    streamingMessageId: string | null;
+}
+export declare const AssistantMessageList: FC<Props>;
+export {};
+//# sourceMappingURL=AssistantMessageList.d.ts.map