@tanstack/ai-devtools-core 0.3.4 → 0.3.7

package/dist/esm/components/conversation/ConversationHeader.js

@@ -1,230 +0,0 @@
-import { template, insert, createComponent, effect, className, memo } from "solid-js/web";
-import { Show, For } from "solid-js";
-import { JsonTree } from "@tanstack/devtools-ui";
-import { useStyles } from "../../styles/use-styles.js";
-import { formatDuration } from "../utils/format.js";
-var _tmpl$ = /* @__PURE__ */ template(`<div>🔄 <!> iterations`), _tmpl$2 = /* @__PURE__ */ template(`<div><span>🔧</span><div>`), _tmpl$3 = /* @__PURE__ */ template(`<div><span>⚙️ Options:</span><div>`), _tmpl$4 = /* @__PURE__ */ template(`<div><span>🎯 Tokens:</span><span>Prompt: </span><span>•</span><span>Completion: </span><span>•</span><span>Total: `), _tmpl$5 = /* @__PURE__ */ template(`<details><summary>🧪 Model options</summary><div>`), _tmpl$6 = /* @__PURE__ */ template(`<details><summary>🧩 System prompts (<!>)</summary><div>`), _tmpl$7 = /* @__PURE__ */ template(`<div><div><div><div></div><div></div></div><div>`), _tmpl$8 = /* @__PURE__ */ template(`<span>`), _tmpl$9 = /* @__PURE__ */ template(`<span>: `), _tmpl$0 = /* @__PURE__ */ template(`<div><div>#</div><div>`);
-const ConversationHeader = (props) => {
-  const styles = useStyles();
-  const conv = () => props.conversation;
-  const toolNames = () => conv().toolNames ?? [];
-  const options = () => conv().options;
-  const modelOptions = () => conv().modelOptions;
-  const iterationCount = () => conv().iterationCount;
-  const systemPrompts = () => conv().systemPrompts ?? [];
-  return (() => {
-    var _el$ = _tmpl$7(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$0 = _el$3.nextSibling;
-    insert(_el$4, () => conv().label);
-    insert(_el$5, () => conv().status);
-    insert(_el$3, createComponent(Show, {
-      get when() {
-        return memo(() => iterationCount() !== void 0)() && iterationCount() > 1;
-      },
-      get children() {
-        var _el$6 = _tmpl$(), _el$7 = _el$6.firstChild, _el$9 = _el$7.nextSibling;
-        _el$9.nextSibling;
-        insert(_el$6, iterationCount, _el$9);
-        effect(() => className(_el$6, styles().conversationDetails.iterationBadge));
-        return _el$6;
-      }
-    }), null);
-    insert(_el$0, (() => {
-      var _c$ = memo(() => !!conv().model);
-      return () => _c$() && `Model: ${conv().model}`;
-    })(), null);
-    insert(_el$0, (() => {
-      var _c$2 = memo(() => !!conv().provider);
-      return () => _c$2() && ` • Provider: ${conv().provider}`;
-    })(), null);
-    insert(_el$0, (() => {
-      var _c$3 = memo(() => !!conv().completedAt);
-      return () => _c$3() && ` • Duration: ${formatDuration(conv().completedAt - conv().startedAt)}`;
-    })(), null);
-    insert(_el$2, createComponent(Show, {
-      get when() {
-        return toolNames().length > 0;
-      },
-      get children() {
-        var _el$1 = _tmpl$2(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling;
-        insert(_el$11, createComponent(For, {
-          get each() {
-            return toolNames();
-          },
-          children: (toolName) => (() => {
-            var _el$34 = _tmpl$8();
-            insert(_el$34, toolName);
-            effect(() => className(_el$34, styles().conversationDetails.toolBadge));
-            return _el$34;
-          })()
-        }));
-        effect((_p$) => {
-          var _v$ = styles().conversationDetails.toolsRow, _v$2 = styles().conversationDetails.toolsLabel, _v$3 = styles().conversationDetails.toolsList;
-          _v$ !== _p$.e && className(_el$1, _p$.e = _v$);
-          _v$2 !== _p$.t && className(_el$10, _p$.t = _v$2);
-          _v$3 !== _p$.a && className(_el$11, _p$.a = _v$3);
-          return _p$;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0
-        });
-        return _el$1;
-      }
-    }), null);
-    insert(_el$2, createComponent(Show, {
-      get when() {
-        return memo(() => !!options())() && Object.keys(options()).length > 0;
-      },
-      get children() {
-        var _el$12 = _tmpl$3(), _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling;
-        insert(_el$14, createComponent(For, {
-          get each() {
-            return Object.entries(options());
-          },
-          children: ([key, value]) => (() => {
-            var _el$35 = _tmpl$9(), _el$36 = _el$35.firstChild;
-            insert(_el$35, key, _el$36);
-            insert(_el$35, () => typeof value === "object" ? JSON.stringify(value) : String(value), null);
-            effect(() => className(_el$35, styles().conversationDetails.optionBadge));
-            return _el$35;
-          })()
-        }));
-        effect((_p$) => {
-          var _v$4 = styles().conversationDetails.optionsRow, _v$5 = styles().conversationDetails.optionsLabel, _v$6 = styles().conversationDetails.optionsCompact;
-          _v$4 !== _p$.e && className(_el$12, _p$.e = _v$4);
-          _v$5 !== _p$.t && className(_el$13, _p$.t = _v$5);
-          _v$6 !== _p$.a && className(_el$14, _p$.a = _v$6);
-          return _p$;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0
-        });
-        return _el$12;
-      }
-    }), null);
-    insert(_el$2, createComponent(Show, {
-      get when() {
-        return conv().usage;
-      },
-      get children() {
-        var _el$15 = _tmpl$4(), _el$16 = _el$15.firstChild, _el$17 = _el$16.nextSibling;
-        _el$17.firstChild;
-        var _el$19 = _el$17.nextSibling, _el$20 = _el$19.nextSibling;
-        _el$20.firstChild;
-        var _el$22 = _el$20.nextSibling, _el$23 = _el$22.nextSibling;
-        _el$23.firstChild;
-        insert(_el$17, () => conv().usage?.promptTokens.toLocaleString() || 0, null);
-        insert(_el$20, () => conv().usage?.completionTokens.toLocaleString() || 0, null);
-        insert(_el$23, () => conv().usage?.totalTokens.toLocaleString() || 0, null);
-        effect((_p$) => {
-          var _v$7 = styles().conversationDetails.usageInfo, _v$8 = styles().conversationDetails.usageLabel, _v$9 = styles().conversationDetails.usageBold;
-          _v$7 !== _p$.e && className(_el$15, _p$.e = _v$7);
-          _v$8 !== _p$.t && className(_el$16, _p$.t = _v$8);
-          _v$9 !== _p$.a && className(_el$23, _p$.a = _v$9);
-          return _p$;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0
-        });
-        return _el$15;
-      }
-    }), null);
-    insert(_el$2, createComponent(Show, {
-      get when() {
-        return memo(() => !!modelOptions())() && Object.keys(modelOptions()).length > 0;
-      },
-      get children() {
-        var _el$25 = _tmpl$5(), _el$26 = _el$25.firstChild, _el$27 = _el$26.nextSibling;
-        insert(_el$27, createComponent(JsonTree, {
-          get value() {
-            return modelOptions();
-          },
-          defaultExpansionDepth: 2
-        }));
-        effect((_p$) => {
-          var _v$0 = styles().conversationDetails.collapsibleSection, _v$1 = styles().conversationDetails.collapsibleSummary, _v$10 = styles().conversationDetails.collapsibleContent;
-          _v$0 !== _p$.e && className(_el$25, _p$.e = _v$0);
-          _v$1 !== _p$.t && className(_el$26, _p$.t = _v$1);
-          _v$10 !== _p$.a && className(_el$27, _p$.a = _v$10);
-          return _p$;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0
-        });
-        return _el$25;
-      }
-    }), null);
-    insert(_el$2, createComponent(Show, {
-      get when() {
-        return systemPrompts().length > 0;
-      },
-      get children() {
-        var _el$28 = _tmpl$6(), _el$29 = _el$28.firstChild, _el$30 = _el$29.firstChild, _el$32 = _el$30.nextSibling;
-        _el$32.nextSibling;
-        var _el$33 = _el$29.nextSibling;
-        insert(_el$29, () => systemPrompts().length, _el$32);
-        insert(_el$33, createComponent(For, {
-          get each() {
-            return systemPrompts();
-          },
-          children: (prompt, index) => (() => {
-            var _el$38 = _tmpl$0(), _el$39 = _el$38.firstChild;
-            _el$39.firstChild;
-            var _el$41 = _el$39.nextSibling;
-            insert(_el$39, () => index() + 1, null);
-            insert(_el$41, prompt);
-            effect((_p$) => {
-              var _v$20 = styles().conversationDetails.systemPromptItem, _v$21 = styles().conversationDetails.systemPromptIndex, _v$22 = styles().conversationDetails.systemPromptText;
-              _v$20 !== _p$.e && className(_el$38, _p$.e = _v$20);
-              _v$21 !== _p$.t && className(_el$39, _p$.t = _v$21);
-              _v$22 !== _p$.a && className(_el$41, _p$.a = _v$22);
-              return _p$;
-            }, {
-              e: void 0,
-              t: void 0,
-              a: void 0
-            });
-            return _el$38;
-          })()
-        }));
-        effect((_p$) => {
-          var _v$11 = styles().conversationDetails.collapsibleSection, _v$12 = styles().conversationDetails.collapsibleSummary, _v$13 = styles().conversationDetails.collapsibleContent;
-          _v$11 !== _p$.e && className(_el$28, _p$.e = _v$11);
-          _v$12 !== _p$.t && className(_el$29, _p$.t = _v$12);
-          _v$13 !== _p$.a && className(_el$33, _p$.a = _v$13);
-          return _p$;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0
-        });
-        return _el$28;
-      }
-    }), null);
-    effect((_p$) => {
-      var _v$14 = styles().panelHeader, _v$15 = styles().conversationDetails.headerContent, _v$16 = styles().conversationDetails.headerRow, _v$17 = styles().conversationDetails.headerLabel, _v$18 = `${styles().conversationDetails.statusBadge} ${conv().status === "active" ? styles().conversationDetails.statusActive : conv().status === "completed" ? styles().conversationDetails.statusCompleted : styles().conversationDetails.statusError}`, _v$19 = styles().conversationDetails.metaInfo;
-      _v$14 !== _p$.e && className(_el$, _p$.e = _v$14);
-      _v$15 !== _p$.t && className(_el$2, _p$.t = _v$15);
-      _v$16 !== _p$.a && className(_el$3, _p$.a = _v$16);
-      _v$17 !== _p$.o && className(_el$4, _p$.o = _v$17);
-      _v$18 !== _p$.i && className(_el$5, _p$.i = _v$18);
-      _v$19 !== _p$.n && className(_el$0, _p$.n = _v$19);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0,
-      i: void 0,
-      n: void 0
-    });
-    return _el$;
-  })();
-};
-export {
-  ConversationHeader
-};
-//# sourceMappingURL=ConversationHeader.js.map

package/dist/esm/components/conversation/ConversationHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConversationHeader.js","sources":["../../../../src/components/conversation/ConversationHeader.tsx"],"sourcesContent":["import { For, Show } from 'solid-js'\nimport { JsonTree } from '@tanstack/devtools-ui'\nimport { useStyles } from '../../styles/use-styles'\nimport { formatDuration } from '../utils'\nimport type { Component } from 'solid-js'\nimport type { Conversation } from '../../store/ai-context'\n\ninterface ConversationHeaderProps {\n  conversation: Conversation\n}\n\nexport const ConversationHeader: Component<ConversationHeaderProps> = (\n  props,\n) => {\n  const styles = useStyles()\n  const conv = () => props.conversation\n\n  const toolNames = () => conv().toolNames ?? []\n  const options = () => conv().options\n  const modelOptions = () => conv().modelOptions\n  const iterationCount = () => conv().iterationCount\n  const systemPrompts = () => conv().systemPrompts ?? []\n\n  return (\n    <div class={styles().panelHeader}>\n      <div class={styles().conversationDetails.headerContent}>\n        <div class={styles().conversationDetails.headerRow}>\n          <div class={styles().conversationDetails.headerLabel}>\n            {conv().label}\n          </div>\n          <div\n            class={`${styles().conversationDetails.statusBadge} ${\n              conv().status === 'active'\n                ? styles().conversationDetails.statusActive\n                : conv().status === 'completed'\n                  ? styles().conversationDetails.statusCompleted\n                  : styles().conversationDetails.statusError\n            }`}\n          >\n            {conv().status}\n          </div>\n          <Show when={iterationCount() !== undefined && iterationCount()! > 1}>\n            <div class={styles().conversationDetails.iterationBadge}>\n              🔄 {iterationCount()} iterations\n            </div>\n          </Show>\n        </div>\n        <div class={styles().conversationDetails.metaInfo}>\n          {conv().model && `Model: ${conv().model}`}\n          {conv().provider && ` • Provider: ${conv().provider}`}\n          {conv().completedAt &&\n            ` • Duration: ${formatDuration(conv().completedAt! - conv().startedAt)}`}\n        </div>\n        {/* Tools list - always visible */}\n        <Show when={toolNames().length > 0}>\n          <div class={styles().conversationDetails.toolsRow}>\n            <span class={styles().conversationDetails.toolsLabel}>🔧</span>\n            <div class={styles().conversationDetails.toolsList}>\n              <For each={toolNames()}>\n                {(toolName) => (\n                  <span class={styles().conversationDetails.toolBadge}>\n                    {toolName}\n                  </span>\n                )}\n              </For>\n            </div>\n          </div>\n        </Show>\n        {/* Options - always visible in compact form */}\n        <Show when={options() && Object.keys(options()!).length > 0}>\n          <div class={styles().conversationDetails.optionsRow}>\n            <span class={styles().conversationDetails.optionsLabel}>\n              ⚙️ Options:\n            </span>\n            <div class={styles().conversationDetails.optionsCompact}>\n              <For each={Object.entries(options()!)}>\n                {([key, value]) => (\n                  <span class={styles().conversationDetails.optionBadge}>\n                    {key}:{' '}\n                    {typeof value === 'object'\n                      ? JSON.stringify(value)\n                      : String(value)}\n                  </span>\n                )}\n              </For>\n            </div>\n          </div>\n        </Show>\n        <Show when={conv().usage}>\n          <div class={styles().conversationDetails.usageInfo}>\n            <span class={styles().conversationDetails.usageLabel}>\n              🎯 Tokens:\n            </span>\n            <span>\n              Prompt: {conv().usage?.promptTokens.toLocaleString() || 0}\n            </span>\n            <span>•</span>\n            <span>\n              Completion: {conv().usage?.completionTokens.toLocaleString() || 0}\n            </span>\n            <span>•</span>\n            <span class={styles().conversationDetails.usageBold}>\n              Total: {conv().usage?.totalTokens.toLocaleString() || 0}\n            </span>\n          </div>\n        </Show>\n        {/* Model options - collapsible */}\n        <Show when={modelOptions() && Object.keys(modelOptions()!).length > 0}>\n          <details class={styles().conversationDetails.collapsibleSection}>\n            <summary class={styles().conversationDetails.collapsibleSummary}>\n              🧪 Model options\n            </summary>\n            <div class={styles().conversationDetails.collapsibleContent}>\n              <JsonTree\n                value={modelOptions() as Record<string, unknown>}\n                defaultExpansionDepth={2}\n              />\n            </div>\n          </details>\n        </Show>\n        {/* System prompts - collapsible */}\n        <Show when={systemPrompts().length > 0}>\n          <details class={styles().conversationDetails.collapsibleSection}>\n            <summary class={styles().conversationDetails.collapsibleSummary}>\n              🧩 System prompts ({systemPrompts().length})\n            </summary>\n            <div class={styles().conversationDetails.collapsibleContent}>\n              <For each={systemPrompts()}>\n                {(prompt, index) => (\n                  <div class={styles().conversationDetails.systemPromptItem}>\n                    <div class={styles().conversationDetails.systemPromptIndex}>\n                      #{index() + 1}\n                    </div>\n                    <div class={styles().conversationDetails.systemPromptText}>\n                      {prompt}\n                    </div>\n                  </div>\n                )}\n              </For>\n            </div>\n          </details>\n        </Show>\n      </div>\n    </div>\n  )\n}\n"],"names":["ConversationHeader","props","styles","useStyles","conv","conversation","toolNames","options","modelOptions","iterationCount","systemPrompts","_el$","_tmpl$7","_el$2","firstChild","_el$3","_el$4","_el$5","nextSibling","_el$0","_$insert","label","status","_$createComponent","Show","when","_$memo","undefined","children","_el$6","_tmpl$","_el$7","_el$9","_$effect","_$className","conversationDetails","iterationBadge","_c$","model","_c$2","provider","_c$3","completedAt","formatDuration","startedAt","length","_el$1","_tmpl$2","_el$10","_el$11","For","each","toolName","_el$34","_tmpl$8","toolBadge","_p$","_v$","toolsRow","_v$2","toolsLabel","_v$3","toolsList","e","t","a","Object","keys","_el$12","_tmpl$3","_el$13","_el$14","entries","key","value","_el$35","_tmpl$9","_el$36","JSON","stringify","String","optionBadge","_v$4","optionsRow","_v$5","optionsLabel","_v$6","optionsCompact","usage","_el$15","_tmpl$4","_el$16","_el$17","_el$19","_el$20","_el$22","_el$23","promptTokens","toLocaleString","completionTokens","totalTokens","_v$7","usageInfo","_v$8","usageLabel","_v$9","usageBold","_el$25","_tmpl$5","_el$26","_el$27","JsonTree","defaultExpansionDepth","_v$0","collapsibleSection","_v$1","collapsibleSummary","_v$10","collapsibleContent","_el$28","_tmpl$6","_el$29","_el$30","_el$32","_el$33","prompt","index","_el$38","_tmpl$0","_el$39","_el$41","_v$20","systemPromptItem","_v$21","systemPromptIndex","_v$22","systemPromptText","_v$11","_v$12","_v$13","_v$14","panelHeader","_v$15","headerContent","_v$16","headerRow","_v$17","headerLabel","_v$18","statusBadge","statusActive","statusCompleted","statusError","_v$19","metaInfo","o","i","n"],"mappings":"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"}

package/dist/esm/components/conversation/ConversationTabs.d.ts

@@ -1,10 +0,0 @@
-import { Component } from 'solid-js';
-import { Conversation } from '../../store/ai-context.js';
-export type TabType = 'messages' | 'chunks' | 'summaries' | 'image' | 'speech' | 'transcription' | 'video';
-interface ConversationTabsProps {
-    conversation: Conversation;
-    activeTab: TabType;
-    onTabChange: (tab: TabType) => void;
-}
-export declare const ConversationTabs: Component<ConversationTabsProps>;
-export {};

package/dist/esm/components/conversation/ConversationTabs.js

@@ -1,176 +0,0 @@
-import { template, insert, createComponent, effect, className, memo, delegateEvents } from "solid-js/web";
-import { createSignal, createEffect, Show } from "solid-js";
-import { useStyles } from "../../styles/use-styles.js";
-var _tmpl$ = /* @__PURE__ */ template(`<button>💬 Messages (<!>)`), _tmpl$2 = /* @__PURE__ */ template(`<button>📦 Chunks (<!>)`), _tmpl$3 = /* @__PURE__ */ template(`<button>📝 Summaries (<!>)`), _tmpl$4 = /* @__PURE__ */ template(`<button>🖼️ Image (<!>)`), _tmpl$5 = /* @__PURE__ */ template(`<button>🔊 Speech (<!>)`), _tmpl$6 = /* @__PURE__ */ template(`<button>📝 Transcription (<!>)`), _tmpl$7 = /* @__PURE__ */ template(`<button>🎬 Video (<!>)`), _tmpl$8 = /* @__PURE__ */ template(`<div>`);
-const ConversationTabs = (props) => {
-  const styles = useStyles();
-  const conv = () => props.conversation;
-  const totalRawChunks = () => conv().chunks.reduce((sum, c) => sum + (c.chunkCount || 1), 0);
-  const summariesCount = () => conv().summaries?.length ?? 0;
-  const imageCount = () => conv().imageEvents?.length ?? 0;
-  const speechCount = () => conv().speechEvents?.length ?? 0;
-  const transcriptionCount = () => conv().transcriptionEvents?.length ?? 0;
-  const videoCount = () => conv().videoEvents?.length ?? 0;
-  const [imagePulse, setImagePulse] = createSignal(false);
-  const [speechPulse, setSpeechPulse] = createSignal(false);
-  const [transcriptionPulse, setTranscriptionPulse] = createSignal(false);
-  const [videoPulse, setVideoPulse] = createSignal(false);
-  const triggerPulse = (setter) => {
-    setter(true);
-    setTimeout(() => setter(false), 2e3);
-  };
-  let previousImageCount = 0;
-  let previousSpeechCount = 0;
-  let previousTranscriptionCount = 0;
-  let previousVideoCount = 0;
-  createEffect(() => {
-    const count = imageCount();
-    if (count > 0 && previousImageCount === 0) {
-      triggerPulse(setImagePulse);
-    }
-    previousImageCount = count;
-  });
-  createEffect(() => {
-    const count = speechCount();
-    if (count > 0 && previousSpeechCount === 0) {
-      triggerPulse(setSpeechPulse);
-    }
-    previousSpeechCount = count;
-  });
-  createEffect(() => {
-    const count = transcriptionCount();
-    if (count > 0 && previousTranscriptionCount === 0) {
-      triggerPulse(setTranscriptionPulse);
-    }
-    previousTranscriptionCount = count;
-  });
-  createEffect(() => {
-    const count = videoCount();
-    if (count > 0 && previousVideoCount === 0) {
-      triggerPulse(setVideoPulse);
-    }
-    previousVideoCount = count;
-  });
-  const hasMessages = () => conv().type === "client" && conv().messages.length > 0;
-  const hasChunks = () => conv().chunks.length > 0 || conv().type === "server";
-  const hasSummaries = () => conv().hasSummarize || summariesCount() > 0;
-  const hasImage = () => conv().hasImage || imageCount() > 0;
-  const hasSpeech = () => conv().hasSpeech || speechCount() > 0;
-  const hasTranscription = () => conv().hasTranscription || transcriptionCount() > 0;
-  const hasVideo = () => conv().hasVideo || videoCount() > 0;
-  const visibleTabCount = () => {
-    let count = 0;
-    if (hasMessages()) count++;
-    if (hasChunks() && conv().type === "server") count++;
-    if (hasSummaries()) count++;
-    if (hasImage()) count++;
-    if (hasSpeech()) count++;
-    if (hasTranscription()) count++;
-    if (hasVideo()) count++;
-    return count;
-  };
-  if (visibleTabCount() <= 1) {
-    return null;
-  }
-  return (() => {
-    var _el$ = _tmpl$8();
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return hasMessages();
-      },
-      get children() {
-        var _el$2 = _tmpl$(), _el$3 = _el$2.firstChild, _el$5 = _el$3.nextSibling;
-        _el$5.nextSibling;
-        _el$2.$$click = () => props.onTabChange("messages");
-        insert(_el$2, () => conv().messages.length, _el$5);
-        effect(() => className(_el$2, `${styles().actionButton} ${props.activeTab === "messages" ? styles().conversationDetails.tabButtonActive : ""}`));
-        return _el$2;
-      }
-    }), null);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return memo(() => !!hasChunks())() && conv().type === "server";
-      },
-      get children() {
-        var _el$6 = _tmpl$2(), _el$7 = _el$6.firstChild, _el$9 = _el$7.nextSibling;
-        _el$9.nextSibling;
-        _el$6.$$click = () => props.onTabChange("chunks");
-        insert(_el$6, totalRawChunks, _el$9);
-        effect(() => className(_el$6, `${styles().actionButton} ${props.activeTab === "chunks" ? styles().conversationDetails.tabButtonActive : ""}`));
-        return _el$6;
-      }
-    }), null);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return hasSummaries();
-      },
-      get children() {
-        var _el$0 = _tmpl$3(), _el$1 = _el$0.firstChild, _el$11 = _el$1.nextSibling;
-        _el$11.nextSibling;
-        _el$0.$$click = () => props.onTabChange("summaries");
-        insert(_el$0, summariesCount, _el$11);
-        effect(() => className(_el$0, `${styles().actionButton} ${props.activeTab === "summaries" ? styles().conversationDetails.tabButtonActive : ""}`));
-        return _el$0;
-      }
-    }), null);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return hasImage();
-      },
-      get children() {
-        var _el$12 = _tmpl$4(), _el$13 = _el$12.firstChild, _el$15 = _el$13.nextSibling;
-        _el$15.nextSibling;
-        _el$12.$$click = () => props.onTabChange("image");
-        insert(_el$12, imageCount, _el$15);
-        effect(() => className(_el$12, `${styles().actionButton} ${props.activeTab === "image" ? styles().conversationDetails.tabButtonActive : ""} ${imagePulse() ? styles().conversationDetails.tabButtonPulse : ""}`));
-        return _el$12;
-      }
-    }), null);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return hasSpeech();
-      },
-      get children() {
-        var _el$16 = _tmpl$5(), _el$17 = _el$16.firstChild, _el$19 = _el$17.nextSibling;
-        _el$19.nextSibling;
-        _el$16.$$click = () => props.onTabChange("speech");
-        insert(_el$16, speechCount, _el$19);
-        effect(() => className(_el$16, `${styles().actionButton} ${props.activeTab === "speech" ? styles().conversationDetails.tabButtonActive : ""} ${speechPulse() ? styles().conversationDetails.tabButtonPulse : ""}`));
-        return _el$16;
-      }
-    }), null);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return hasTranscription();
-      },
-      get children() {
-        var _el$20 = _tmpl$6(), _el$21 = _el$20.firstChild, _el$23 = _el$21.nextSibling;
-        _el$23.nextSibling;
-        _el$20.$$click = () => props.onTabChange("transcription");
-        insert(_el$20, transcriptionCount, _el$23);
-        effect(() => className(_el$20, `${styles().actionButton} ${props.activeTab === "transcription" ? styles().conversationDetails.tabButtonActive : ""} ${transcriptionPulse() ? styles().conversationDetails.tabButtonPulse : ""}`));
-        return _el$20;
-      }
-    }), null);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return hasVideo();
-      },
-      get children() {
-        var _el$24 = _tmpl$7(), _el$25 = _el$24.firstChild, _el$27 = _el$25.nextSibling;
-        _el$27.nextSibling;
-        _el$24.$$click = () => props.onTabChange("video");
-        insert(_el$24, videoCount, _el$27);
-        effect(() => className(_el$24, `${styles().actionButton} ${props.activeTab === "video" ? styles().conversationDetails.tabButtonActive : ""} ${videoPulse() ? styles().conversationDetails.tabButtonPulse : ""}`));
-        return _el$24;
-      }
-    }), null);
-    effect(() => className(_el$, styles().conversationDetails.tabsContainer));
-    return _el$;
-  })();
-};
-delegateEvents(["click"]);
-export {
-  ConversationTabs
-};
-//# sourceMappingURL=ConversationTabs.js.map

package/dist/esm/components/conversation/ConversationTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConversationTabs.js","sources":["../../../../src/components/conversation/ConversationTabs.tsx"],"sourcesContent":["import { Show, createEffect, createSignal } from 'solid-js'\nimport { useStyles } from '../../styles/use-styles'\nimport type { Component } from 'solid-js'\nimport type { Conversation } from '../../store/ai-context'\n\nexport type TabType =\n  | 'messages'\n  | 'chunks'\n  | 'summaries'\n  | 'image'\n  | 'speech'\n  | 'transcription'\n  | 'video'\n\ninterface ConversationTabsProps {\n  conversation: Conversation\n  activeTab: TabType\n  onTabChange: (tab: TabType) => void\n}\n\nexport const ConversationTabs: Component<ConversationTabsProps> = (props) => {\n  const styles = useStyles()\n  const conv = () => props.conversation\n\n  // Total raw chunks = sum of all chunkCounts\n  const totalRawChunks = () =>\n    conv().chunks.reduce((sum, c) => sum + (c.chunkCount || 1), 0)\n\n  const summariesCount = () => conv().summaries?.length ?? 0\n  const imageCount = () => conv().imageEvents?.length ?? 0\n  const speechCount = () => conv().speechEvents?.length ?? 0\n  const transcriptionCount = () => conv().transcriptionEvents?.length ?? 0\n  const videoCount = () => conv().videoEvents?.length ?? 0\n\n  const [imagePulse, setImagePulse] = createSignal(false)\n  const [speechPulse, setSpeechPulse] = createSignal(false)\n  const [transcriptionPulse, setTranscriptionPulse] = createSignal(false)\n  const [videoPulse, setVideoPulse] = createSignal(false)\n\n  const triggerPulse = (setter: (value: boolean) => void) => {\n    setter(true)\n    setTimeout(() => setter(false), 2000)\n  }\n\n  let previousImageCount = 0\n  let previousSpeechCount = 0\n  let previousTranscriptionCount = 0\n  let previousVideoCount = 0\n\n  createEffect(() => {\n    const count = imageCount()\n    if (count > 0 && previousImageCount === 0) {\n      triggerPulse(setImagePulse)\n    }\n    previousImageCount = count\n  })\n\n  createEffect(() => {\n    const count = speechCount()\n    if (count > 0 && previousSpeechCount === 0) {\n      triggerPulse(setSpeechPulse)\n    }\n    previousSpeechCount = count\n  })\n\n  createEffect(() => {\n    const count = transcriptionCount()\n    if (count > 0 && previousTranscriptionCount === 0) {\n      triggerPulse(setTranscriptionPulse)\n    }\n    previousTranscriptionCount = count\n  })\n\n  createEffect(() => {\n    const count = videoCount()\n    if (count > 0 && previousVideoCount === 0) {\n      triggerPulse(setVideoPulse)\n    }\n    previousVideoCount = count\n  })\n\n  // Determine if we should show any chat-related tabs\n  // For server conversations, don't show messages tab - only chunks\n  const hasMessages = () =>\n    conv().type === 'client' && conv().messages.length > 0\n  const hasChunks = () => conv().chunks.length > 0 || conv().type === 'server'\n  const hasSummaries = () => conv().hasSummarize || summariesCount() > 0\n  const hasImage = () => conv().hasImage || imageCount() > 0\n  const hasSpeech = () => conv().hasSpeech || speechCount() > 0\n  const hasTranscription = () =>\n    conv().hasTranscription || transcriptionCount() > 0\n  const hasVideo = () => conv().hasVideo || videoCount() > 0\n\n  // Count how many tabs would be visible\n  const visibleTabCount = () => {\n    let count = 0\n    if (hasMessages()) count++\n    if (hasChunks() && conv().type === 'server') count++\n    if (hasSummaries()) count++\n    if (hasImage()) count++\n    if (hasSpeech()) count++\n    if (hasTranscription()) count++\n    if (hasVideo()) count++\n    return count\n  }\n\n  // Don't render tabs if only one tab would be visible\n  if (visibleTabCount() <= 1) {\n    return null\n  }\n\n  return (\n    <div class={styles().conversationDetails.tabsContainer}>\n      {/* Show messages tab for client conversations or when there are messages */}\n      <Show when={hasMessages()}>\n        <button\n          class={`${styles().actionButton} ${\n            props.activeTab === 'messages'\n              ? styles().conversationDetails.tabButtonActive\n              : ''\n          }`}\n          onClick={() => props.onTabChange('messages')}\n        >\n          💬 Messages ({conv().messages.length})\n        </button>\n      </Show>\n      {/* Show chunks tab for server conversations or when there are chunks */}\n      <Show when={hasChunks() && conv().type === 'server'}>\n        <button\n          class={`${styles().actionButton} ${\n            props.activeTab === 'chunks'\n              ? styles().conversationDetails.tabButtonActive\n              : ''\n          }`}\n          onClick={() => props.onTabChange('chunks')}\n        >\n          📦 Chunks ({totalRawChunks()})\n        </button>\n      </Show>\n      {/* Show summaries tab if there are summarize operations */}\n      <Show when={hasSummaries()}>\n        <button\n          class={`${styles().actionButton} ${\n            props.activeTab === 'summaries'\n              ? styles().conversationDetails.tabButtonActive\n              : ''\n          }`}\n          onClick={() => props.onTabChange('summaries')}\n        >\n          📝 Summaries ({summariesCount()})\n        </button>\n      </Show>\n      <Show when={hasImage()}>\n        <button\n          class={`${styles().actionButton} ${\n            props.activeTab === 'image'\n              ? styles().conversationDetails.tabButtonActive\n              : ''\n          } ${imagePulse() ? styles().conversationDetails.tabButtonPulse : ''}`}\n          onClick={() => props.onTabChange('image')}\n        >\n          🖼️ Image ({imageCount()})\n        </button>\n      </Show>\n      <Show when={hasSpeech()}>\n        <button\n          class={`${styles().actionButton} ${\n            props.activeTab === 'speech'\n              ? styles().conversationDetails.tabButtonActive\n              : ''\n          } ${speechPulse() ? styles().conversationDetails.tabButtonPulse : ''}`}\n          onClick={() => props.onTabChange('speech')}\n        >\n          🔊 Speech ({speechCount()})\n        </button>\n      </Show>\n      <Show when={hasTranscription()}>\n        <button\n          class={`${styles().actionButton} ${\n            props.activeTab === 'transcription'\n              ? styles().conversationDetails.tabButtonActive\n              : ''\n          } ${\n            transcriptionPulse()\n              ? styles().conversationDetails.tabButtonPulse\n              : ''\n          }`}\n          onClick={() => props.onTabChange('transcription')}\n        >\n          📝 Transcription ({transcriptionCount()})\n        </button>\n      </Show>\n      <Show when={hasVideo()}>\n        <button\n          class={`${styles().actionButton} ${\n            props.activeTab === 'video'\n              ? styles().conversationDetails.tabButtonActive\n              : ''\n          } ${videoPulse() ? styles().conversationDetails.tabButtonPulse : ''}`}\n          onClick={() => props.onTabChange('video')}\n        >\n          🎬 Video ({videoCount()})\n        </button>\n      </Show>\n    </div>\n  )\n}\n"],"names":["ConversationTabs","props","styles","useStyles","conv","conversation","totalRawChunks","chunks","reduce","sum","c","chunkCount","summariesCount","summaries","length","imageCount","imageEvents","speechCount","speechEvents","transcriptionCount","transcriptionEvents","videoCount","videoEvents","imagePulse","setImagePulse","createSignal","speechPulse","setSpeechPulse","transcriptionPulse","setTranscriptionPulse","videoPulse","setVideoPulse","triggerPulse","setter","setTimeout","previousImageCount","previousSpeechCount","previousTranscriptionCount","previousVideoCount","createEffect","count","hasMessages","type","messages","hasChunks","hasSummaries","hasSummarize","hasImage","hasSpeech","hasTranscription","hasVideo","visibleTabCount","_el$","_tmpl$8","_$insert","_$createComponent","Show","when","children","_el$2","_tmpl$","_el$3","firstChild","_el$5","nextSibling","$$click","onTabChange","_$effect","_$className","actionButton","activeTab","conversationDetails","tabButtonActive","_$memo","_el$6","_tmpl$2","_el$7","_el$9","_el$0","_tmpl$3","_el$1","_el$11","_el$12","_tmpl$4","_el$13","_el$15","tabButtonPulse","_el$16","_tmpl$5","_el$17","_el$19","_el$20","_tmpl$6","_el$21","_el$23","_el$24","_tmpl$7","_el$25","_el$27","tabsContainer","_$delegateEvents"],"mappings":"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"}

package/dist/esm/components/conversation/MessageCard.d.ts

@@ -1,7 +0,0 @@
-import { Message } from '../../store/ai-store.js';
-import { Component } from 'solid-js';
-interface MessageCardProps {
-    message: Message;
-}
-export declare const MessageCard: Component<MessageCardProps>;
-export {};