@tanstack/ai-devtools-core 0.3.32 → 0.3.33

package/dist/Shell/{KINKIMWF.js → MRWZEHAJ.js}

@@ -2681,13 +2681,14 @@ var AIProvider = (props) => {
     });
   }
   function queueChunk(conversationId, chunk) {
-    if (!pendingConversationChunks.has(conversationId)) {
-      pendingConversationChunks.set(conversationId, {
+    let pending = pendingConversationChunks.get(conversationId);
+    if (!pending) {
+      pending = {
         chunks: [],
         newChunkCount: 0
-      });
+      };
+      pendingConversationChunks.set(conversationId, pending);
     }
-    const pending = pendingConversationChunks.get(conversationId);
     const lastPending = pending.chunks[pending.chunks.length - 1];
     if (lastPending && lastPending.type === chunk.type && isMergeableChunkType(chunk.type) && lastPending.messageId === chunk.messageId) {
       lastPending.content = chunk.content || lastPending.content;
@@ -2700,17 +2701,19 @@ var AIProvider = (props) => {
     scheduleBatchFlush();
   }
   function queueMessageChunk(conversationId, messageIndex, chunk) {
-    if (!pendingMessageChunks.has(conversationId)) {
-      pendingMessageChunks.set(conversationId, /* @__PURE__ */ new Map());
-    }
-    const messageMap = pendingMessageChunks.get(conversationId);
-    if (!messageMap.has(messageIndex)) {
-      messageMap.set(messageIndex, {
+    let messageMap = pendingMessageChunks.get(conversationId);
+    if (!messageMap) {
+      messageMap = /* @__PURE__ */ new Map();
+      pendingMessageChunks.set(conversationId, messageMap);
+    }
+    let pending = messageMap.get(messageIndex);
+    if (!pending) {
+      pending = {
         chunks: [],
         newChunkCount: 0
-      });
+      };
+      messageMap.set(messageIndex, pending);
     }
-    const pending = messageMap.get(messageIndex);
     const lastPending = pending.chunks[pending.chunks.length - 1];
     if (lastPending && lastPending.type === chunk.type && isMergeableChunkType(chunk.type) && lastPending.messageId === chunk.messageId) {
       lastPending.content = chunk.content || lastPending.content;
@@ -2966,8 +2969,7 @@ var AIProvider = (props) => {
             content: part.content
           };
         }
-        if (part.type === "image" || part.type === "audio" || part.type === "video" || // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        part.type === "document") {
+        if (part.type === "image" || part.type === "audio" || part.type === "video") {
           return {
             type: part.type,
             source: part.source,
@@ -4104,6 +4106,9 @@ var getChunkTypeColor = (type) => {
     case "approval":
       return "#f59e0b";
     // orange/amber
+    case "thinking":
+      return "#a855f7";
+    // violet
     default:
       return "#6b7280";
   }
@@ -4207,8 +4212,9 @@ var ConversationHeader = (props) => {
   const conv = () => props.conversation;
   const iterationCount = () => conv().iterationCount ?? conv().iterations.length;
   const totalDuration = () => {
-    if (!conv().completedAt) return void 0;
-    return conv().completedAt - conv().startedAt;
+    const completedAt = conv().completedAt;
+    if (!completedAt) return void 0;
+    return completedAt - conv().startedAt;
   };
   const totalMessages = () => conv().messages.length;
   const totalToolCalls = () => {
@@ -4417,7 +4423,7 @@ var ToolCallDisplay = (props) => {
   };
   return ssr(_tmpl$53, `${escape(styles().conversationDetails.toolCall, true)} ${tool().approvalRequired ? escape(styles().conversationDetails.toolCallApproval, true) : escape(styles().conversationDetails.toolCallNormal, true)}`, ssrAttribute("class", escape(styles().conversationDetails.toolCallHeader, true), false), `${escape(styles().conversationDetails.toolCallName, true)} ${tool().approvalRequired ? escape(styles().conversationDetails.toolCallNameApproval, true) : escape(styles().conversationDetails.toolCallNameNormal, true)}`, tool().approvalRequired ? "\u26A0\uFE0F" : "\u{1F527}", escape(tool().name), `${escape(styles().conversationDetails.toolStateBadge, true)} ${tool().approvalRequired ? escape(styles().conversationDetails.toolStateBadgeApproval, true) : escape(styles().conversationDetails.toolStateBadgeNormal, true)}`, escape(tool().state), escape(createComponent(Show, {
     get when() {
-      return tool().duration !== void 0 && tool().duration > 0;
+      return (tool().duration ?? 0) > 0;
     },
     get children() {
       return ssr(_tmpl$9, ssrAttribute("class", escape(styles().conversationDetails.durationBadge, true), false), escape(formatDuration(tool().duration)));
@@ -4732,21 +4738,19 @@ var MessageCard = (props) => {
     }
   })), escape(createComponent(Show, {
     get when() {
-      return msg().role === "tool" && parseJsonContent() !== null;
+      return msg().role === "tool" && parseJsonContent();
     },
     get fallback() {
       return ssr(_tmpl$55, ssrAttribute("class", escape(styles().conversationDetails.messageContent, true), false), escape(msg().content));
     },
-    get children() {
-      return ssr(_tmpl$55, ssrAttribute("class", escape(styles().conversationDetails.toolJsonContainer, true), false), escape(createComponent(JsonTree, {
-        get value() {
-          return parseJsonContent();
-        }
-      })));
-    }
+    children: (parsed) => ssr(_tmpl$55, ssrAttribute("class", escape(styles().conversationDetails.toolJsonContainer, true), false), escape(createComponent(JsonTree, {
+      get value() {
+        return parsed();
+      }
+    })))
   })), escape(createComponent(Show, {
     get when() {
-      return msg().toolCalls && msg().toolCalls.length > 0;
+      return msg().toolCalls?.length;
     },
     get children() {
       return ssr(_tmpl$55, ssrAttribute("class", escape(styles().conversationDetails.toolCallsContainer, true), false), escape(createComponent(For, {
@@ -4760,15 +4764,13 @@ var MessageCard = (props) => {
     }
   })), escape(createComponent(Show, {
     get when() {
-      return msg().chunks && msg().chunks.length > 0;
+      return msg().chunks?.length ? msg().chunks : null;
     },
-    get children() {
-      return createComponent(ChunksCollapsible, {
-        get chunks() {
-          return msg().chunks;
-        }
-      });
-    }
+    children: (chunks) => createComponent(ChunksCollapsible, {
+      get chunks() {
+        return chunks();
+      }
+    })
   })));
 };
 
@@ -4862,10 +4864,12 @@ var ChunksTab = (props) => {
     const groups = /* @__PURE__ */ new Map();
     props.chunks.forEach((chunk) => {
       const key = chunk.messageId || "no-message-id";
-      if (!groups.has(key)) {
-        groups.set(key, []);
+      let group = groups.get(key);
+      if (!group) {
+        group = [];
+        groups.set(key, group);
       }
-      groups.get(key).push(chunk);
+      group.push(chunk);
     });
     return Array.from(groups.entries());
   };
@@ -4975,13 +4979,13 @@ var _tmpl$132 = ["<span", ">", " middleware transform", "</span>"];
 var _tmpl$142 = ['<span class="', '">', "</span>"];
 var _tmpl$152 = ['<span class="', '" title="', '">\u{1F527} ', "</span>"];
 var _tmpl$162 = ['<span class="', '"', ">\u23F1\uFE0F ", "</span>"];
-var _tmpl$172 = ['<span class="', '" title="', '">\u{1F3AF} ', "</span>"];
-var _tmpl$182 = ['<span class="', '">\u27F3 streaming</span>'];
-var _tmpl$192 = ["<div", "><span", ">Config Changes</span><div", ">", "</div></div>"];
-var _tmpl$20 = ["<div", "><span", ">Tools</span><div", ">", "</div></div>"];
-var _tmpl$21 = ["<div", "><span", ">System Prompts (", ")</span>", "</div>"];
-var _tmpl$222 = ["<div", "><span", ">Model Options</span><div", ">", "</div></div>"];
-var _tmpl$232 = ["<div", ' style="', '"><div class="', '"><div', "><span", ">", "</span><div", ">", "", "", "", "", "", "", "</div></div><div", ">", "", "", "", "", '</div><span class="', '">\u25B6</span></div><div class="', '"><div', "><div>", "", "", "", '</div></div></div><div class="', '"><div', ">", "</div></div></div>"];
+var _tmpl$172 = ['<span class="', '">\u27F3 streaming</span>'];
+var _tmpl$182 = ["<div", "><span", ">Config Changes</span><div", ">", "</div></div>"];
+var _tmpl$192 = ["<div", "><span", ">Tools</span><div", ">", "</div></div>"];
+var _tmpl$20 = ["<div", "><span", ">System Prompts (", ")</span>", "</div>"];
+var _tmpl$21 = ["<div", "><span", ">Model Options</span><div", ">", "</div></div>"];
+var _tmpl$222 = ["<div", ' style="', '"><div class="', '"><div', "><span", ">", "</span><div", ">", "", "", "", "", "", "", "</div></div><div", ">", "", "", "", "", '</div><span class="', '">\u25B6</span></div><div class="', '"><div', "><div>", "", "", "", '</div></div></div><div class="', '"><div', ">", "</div></div></div>"];
+var _tmpl$232 = ['<span class="', '" title="', '">\u{1F3AF} ', "</span>"];
 var _tmpl$242 = ["<div", "><span", ">", ":</span><span", ">", "</span><span", ">\u2192</span><span", ">", "</span></div>"];
 var _tmpl$252 = ["<span", ">", "<span", ">", "</span></span>"];
 function getIterationLabel(iter, displayIndex) {
@@ -5058,7 +5062,10 @@ var MiddlewareStep = (props) => {
     if (ev().hookName === "onBeforeToolCall" && ev().hasTransform) return "DECISION";
     return null;
   };
-  const hasChanges = () => ev().configChanges && Object.keys(ev().configChanges).length > 0;
+  const hasChanges = () => {
+    const changes = ev().configChanges;
+    return changes && Object.keys(changes).length > 0;
+  };
   return [ssr(_tmpl$310, ssrAttribute("class", escape(s().step, true), false), `${escape(s().stepPrefix, true)} ${escape(s().stepPrefixMiddleware, true)}`, `${escape(s().mwBadge, true)} ${escape(badgeClass(), true)}`, escape(ev().middlewareName), ssrAttribute("class", escape(s().mwHook, true), false), escape(ev().hookName), escape(createComponent(Show, {
     get when() {
       return ev().duration !== void 0;
@@ -5226,8 +5233,9 @@ var IterationCard = (props) => {
   const isCompleted = () => !!iter().completedAt && iter().finishReason !== "error";
   const isError = () => iter().finishReason === "error";
   const duration = () => {
-    if (!iter().completedAt) return void 0;
-    return iter().completedAt - iter().startedAt;
+    const completedAt = iter().completedAt;
+    if (!completedAt) return void 0;
+    return completedAt - iter().startedAt;
   };
   const label = () => getIterationLabel(iter(), props.index);
   const steps = createMemo(() => buildSteps(iter(), props.messages));
@@ -5244,8 +5252,9 @@ var IterationCard = (props) => {
     };
   });
   const finishLabel = () => {
-    if (!iter().finishReason) return null;
-    switch (iter().finishReason) {
+    const reason = iter().finishReason;
+    if (!reason) return null;
+    switch (reason) {
       case "stop":
         return "completed";
       case "tool_calls":
@@ -5255,7 +5264,7 @@ var IterationCard = (props) => {
       case "length":
         return "max length";
       default:
-        return iter().finishReason;
+        return reason;
     }
   };
   const headerAccent = () => {
@@ -5265,9 +5274,13 @@ var IterationCard = (props) => {
     return "";
   };
   const configSubtitle = () => {
+    const {
+      model,
+      provider
+    } = iter();
     const parts = [];
-    if (iter().model) parts.push(iter().model);
-    if (iter().provider) parts.push(iter().provider);
+    if (model) parts.push(model);
+    if (provider) parts.push(provider);
     return parts.length > 0 ? parts.join(" \xB7 ") : null;
   };
   const toolNames = () => iter().toolNames || [];
@@ -5334,7 +5347,7 @@ var IterationCard = (props) => {
     return diffs;
   };
   const hasExpandableConfig = () => toolNames().length > 0 || systemPrompts().length > 0 || hasModelOptions();
-  return ssr(_tmpl$232, ssrAttribute("class", escape(s().iterCard, true), false), ssrStyleProperty("animation-delay:", `${escape(props.index, true) * 60}ms`), `${escape(s().iterCardHeader, true)} ${escape(headerAccent(), true)}`, ssrAttribute("class", escape(s().cardHeaderContent, true), false), ssrAttribute("class", escape(s().iterCardTitle, true), false), escape(label()), ssrAttribute("class", escape(s().cardSubtitle, true), false), escape(createComponent(Show, {
+  return ssr(_tmpl$222, ssrAttribute("class", escape(s().iterCard, true), false), ssrStyleProperty("animation-delay:", `${escape(props.index, true) * 60}ms`), `${escape(s().iterCardHeader, true)} ${escape(headerAccent(), true)}`, ssrAttribute("class", escape(s().cardHeaderContent, true), false), ssrAttribute("class", escape(s().iterCardTitle, true), false), escape(label()), ssrAttribute("class", escape(s().cardSubtitle, true), false), escape(createComponent(Show, {
     get when() {
       return configSubtitle();
     },
@@ -5408,22 +5421,20 @@ var IterationCard = (props) => {
     get when() {
       return deltaUsage();
     },
-    get children() {
-      return ssr(_tmpl$172, `${escape(s().badge, true)} ${escape(s().badgeUsage, true)}`, `Prompt: ${escape(deltaUsage().promptTokens.toLocaleString(), true)} | Completion: ${escape(deltaUsage().completionTokens.toLocaleString(), true)}`, escape(deltaUsage().totalTokens.toLocaleString()));
-    }
+    children: (usage) => ssr(_tmpl$232, `${escape(s().badge, true)} ${escape(s().badgeUsage, true)}`, `Prompt: ${escape(usage().promptTokens.toLocaleString(), true)} | Completion: ${escape(usage().completionTokens.toLocaleString(), true)}`, escape(usage().totalTokens.toLocaleString()))
   })), escape(createComponent(Show, {
     get when() {
       return isActive();
     },
     get children() {
-      return ssr(_tmpl$182, `${escape(s().badge, true)} ${escape(s().badgeDuration, true)}`);
+      return ssr(_tmpl$172, `${escape(s().badge, true)} ${escape(s().badgeDuration, true)}`);
     }
   })), `${escape(s().chevron, true)} ${isOpen() ? escape(s().chevronOpen, true) : ""}`, `${escape(s().configPanelWrapper, true)} ${configExpanded() ? escape(s().configPanelWrapperOpen, true) : ""}`, ssrAttribute("class", escape(s().configPanel, true), false), escape(createComponent(Show, {
     get when() {
       return hasConfigChanged();
     },
     get children() {
-      return ssr(_tmpl$192, ssrAttribute("class", escape(s().configPanelSection, true), false), ssrAttribute("class", escape(s().configPanelLabel, true), false), ssrAttribute("class", escape(s().configDiffSection, true), false), escape(createComponent(For, {
+      return ssr(_tmpl$182, ssrAttribute("class", escape(s().configPanelSection, true), false), ssrAttribute("class", escape(s().configPanelLabel, true), false), ssrAttribute("class", escape(s().configDiffSection, true), false), escape(createComponent(For, {
         get each() {
           return configDiffs();
         },
@@ -5435,7 +5446,7 @@ var IterationCard = (props) => {
       return toolNames().length > 0;
     },
     get children() {
-      return ssr(_tmpl$20, ssrAttribute("class", escape(s().configPanelSection, true), false), ssrAttribute("class", escape(s().configPanelLabel, true), false), ssrAttribute("class", escape(s().configToolsList, true), false), escape(createComponent(For, {
+      return ssr(_tmpl$192, ssrAttribute("class", escape(s().configPanelSection, true), false), ssrAttribute("class", escape(s().configPanelLabel, true), false), ssrAttribute("class", escape(s().configToolsList, true), false), escape(createComponent(For, {
         get each() {
           return toolNames();
         },
@@ -5447,7 +5458,7 @@ var IterationCard = (props) => {
       return systemPrompts().length > 0;
     },
     get children() {
-      return ssr(_tmpl$21, ssrAttribute("class", escape(s().configPanelSection, true), false), ssrAttribute("class", escape(s().configPanelLabel, true), false), escape(systemPrompts().length), escape(createComponent(For, {
+      return ssr(_tmpl$20, ssrAttribute("class", escape(s().configPanelSection, true), false), ssrAttribute("class", escape(s().configPanelLabel, true), false), escape(systemPrompts().length), escape(createComponent(For, {
         get each() {
           return systemPrompts();
         },
@@ -5464,7 +5475,7 @@ var IterationCard = (props) => {
       return hasModelOptions();
     },
     get children() {
-      return ssr(_tmpl$222, ssrAttribute("class", escape(s().configPanelSection, true), false), ssrAttribute("class", escape(s().configPanelLabel, true), false), ssrAttribute("class", escape(s().configJsonTreeContainer, true), false), escape(createComponent(JsonTree, {
+      return ssr(_tmpl$21, ssrAttribute("class", escape(s().configPanelSection, true), false), ssrAttribute("class", escape(s().configPanelLabel, true), false), ssrAttribute("class", escape(s().configJsonTreeContainer, true), false), escape(createComponent(JsonTree, {
         get value() {
           return modelOptions();
         },
@@ -5552,12 +5563,12 @@ var _tmpl$94 = ["<span", ">", " middleware transform", "</span>"];
 var _tmpl$03 = ['<span class="', '" title="', '">\u{1F504} ', "</span>"];
 var _tmpl$111 = ['<span class="', '" title="', '">\u{1F527} ', "</span>"];
 var _tmpl$103 = ['<span class="', '"', ">\u23F1\uFE0F ", "</span>"];
-var _tmpl$113 = ['<span class="', '" title="', '">\u{1F3AF} ', "</span>"];
-var _tmpl$123 = ['<span class="', '">\u27F3 streaming</span>'];
-var _tmpl$133 = ["<div", "><span", ">Tools</span><div", ">", "</div></div>"];
-var _tmpl$143 = ["<div", "><span", ">System Prompts (", ")</span>", "</div>"];
-var _tmpl$153 = ["<div", "><span", ">Model Options</span><div", ">", "</div></div>"];
-var _tmpl$163 = ['<div class="', '"><div', "><div", ">U</div><div", "><span", ">", "</span><div", ">", "", "", "", "", "", "</div></div><div", ">", "", "", "", "", '</div><span class="', '">\u25B6</span></div><div class="', '"><div', "><div>", "", "", '</div></div></div><div class="', '"><div', "><div", ">", "</div></div></div></div>"];
+var _tmpl$113 = ['<span class="', '">\u27F3 streaming</span>'];
+var _tmpl$123 = ["<div", "><span", ">Tools</span><div", ">", "</div></div>"];
+var _tmpl$133 = ["<div", "><span", ">System Prompts (", ")</span>", "</div>"];
+var _tmpl$143 = ["<div", "><span", ">Model Options</span><div", ">", "</div></div>"];
+var _tmpl$153 = ['<div class="', '"><div', "><div", ">U</div><div", "><span", ">", "</span><div", ">", "", "", "", "", "", "</div></div><div", ">", "", "", "", "", '</div><span class="', '">\u25B6</span></div><div class="', '"><div', "><div>", "", "", '</div></div></div><div class="', '"><div', "><div", ">", "</div></div></div></div>"];
+var _tmpl$163 = ['<span class="', '" title="', '">\u{1F3AF} ', "</span>"];
 var _tmpl$173 = ["<span", ">", "<span", ">", "</span></span>"];
 var IterationTimeline = (props) => {
   const styles = useStyles();
@@ -5573,8 +5584,7 @@ var IterationTimeline = (props) => {
     }
     const result = [];
     const sortedUsers = [...userMessages].sort((a, b) => a.timestamp - b.timestamp);
-    for (let u = 0; u < sortedUsers.length; u++) {
-      const currentUser = sortedUsers[u];
+    for (const [u, currentUser] of sortedUsers.entries()) {
       const nextUser = sortedUsers[u + 1];
       const groupIters = iters.filter((it) => {
         if (it.startedAt < currentUser.timestamp) return false;
@@ -5588,8 +5598,9 @@ var IterationTimeline = (props) => {
         });
       }
     }
-    if (sortedUsers[0]) {
-      const earlyIters = iters.filter((it) => it.startedAt < sortedUsers[0].timestamp);
+    const firstUser = sortedUsers[0];
+    if (firstUser) {
+      const earlyIters = iters.filter((it) => it.startedAt < firstUser.timestamp);
       if (earlyIters.length > 0) {
         result.unshift({
           userMessage: null,
@@ -5749,7 +5760,7 @@ var UserMessageGroupCard = (props) => {
     return count;
   });
   const hasExpandableConfig = () => toolNames().length > 0 || systemPrompts().length > 0 || hasModelOptions();
-  return ssr(_tmpl$163, `${escape(s().card, true)} ${escape(groupAccentClass(), true)}`, ssrAttribute("class", escape(s().cardHeader, true), false), ssrAttribute("class", escape(s().userBubble, true), false), ssrAttribute("class", escape(s().cardHeaderContent, true), false), ssrAttribute("class", escape(s().cardHeaderLabel, true), false), escape(userContent()), ssrAttribute("class", escape(s().cardSubtitle, true), false), escape(createComponent(Show, {
+  return ssr(_tmpl$153, `${escape(s().card, true)} ${escape(groupAccentClass(), true)}`, ssrAttribute("class", escape(s().cardHeader, true), false), ssrAttribute("class", escape(s().userBubble, true), false), ssrAttribute("class", escape(s().cardHeaderContent, true), false), ssrAttribute("class", escape(s().cardHeaderLabel, true), false), escape(userContent()), ssrAttribute("class", escape(s().cardSubtitle, true), false), escape(createComponent(Show, {
     get when() {
       return configSubtitle();
     },
@@ -5816,22 +5827,20 @@ var UserMessageGroupCard = (props) => {
     get when() {
       return totalUsage();
     },
-    get children() {
-      return ssr(_tmpl$113, `${escape(s().badge, true)} ${escape(s().badgeUsage, true)}`, `Prompt: ${escape(totalUsage().promptTokens.toLocaleString(), true)} | Completion: ${escape(totalUsage().completionTokens.toLocaleString(), true)}`, escape(totalUsage().totalTokens.toLocaleString()));
-    }
+    children: (usage) => ssr(_tmpl$163, `${escape(s().badge, true)} ${escape(s().badgeUsage, true)}`, `Prompt: ${escape(usage().promptTokens.toLocaleString(), true)} | Completion: ${escape(usage().completionTokens.toLocaleString(), true)}`, escape(usage().totalTokens.toLocaleString()))
   })), escape(createComponent(Show, {
     get when() {
       return isActive();
     },
     get children() {
-      return ssr(_tmpl$123, `${escape(s().badge, true)} ${escape(s().badgeDuration, true)}`);
+      return ssr(_tmpl$113, `${escape(s().badge, true)} ${escape(s().badgeDuration, true)}`);
     }
   })), `${escape(s().chevron, true)} ${isOpen() ? escape(s().chevronOpen, true) : ""}`, `${escape(s().configPanelWrapper, true)} ${configExpanded() ? escape(s().configPanelWrapperOpen, true) : ""}`, ssrAttribute("class", escape(s().configPanel, true), false), escape(createComponent(Show, {
     get when() {
       return toolNames().length > 0;
     },
     get children() {
-      return ssr(_tmpl$133, ssrAttribute("class", escape(s().configPanelSection, true), false), ssrAttribute("class", escape(s().configPanelLabel, true), false), ssrAttribute("class", escape(s().configToolsList, true), false), escape(createComponent(For, {
+      return ssr(_tmpl$123, ssrAttribute("class", escape(s().configPanelSection, true), false), ssrAttribute("class", escape(s().configPanelLabel, true), false), ssrAttribute("class", escape(s().configToolsList, true), false), escape(createComponent(For, {
         get each() {
           return toolNames();
         },
@@ -5843,7 +5852,7 @@ var UserMessageGroupCard = (props) => {
       return systemPrompts().length > 0;
     },
     get children() {
-      return ssr(_tmpl$143, ssrAttribute("class", escape(s().configPanelSection, true), false), ssrAttribute("class", escape(s().configPanelLabel, true), false), escape(systemPrompts().length), escape(createComponent(For, {
+      return ssr(_tmpl$133, ssrAttribute("class", escape(s().configPanelSection, true), false), ssrAttribute("class", escape(s().configPanelLabel, true), false), escape(systemPrompts().length), escape(createComponent(For, {
         get each() {
           return systemPrompts();
         },
@@ -5860,7 +5869,7 @@ var UserMessageGroupCard = (props) => {
       return hasModelOptions();
     },
     get children() {
-      return ssr(_tmpl$153, ssrAttribute("class", escape(s().configPanelSection, true), false), ssrAttribute("class", escape(s().configPanelLabel, true), false), ssrAttribute("class", escape(s().configJsonTreeContainer, true), false), escape(createComponent(JsonTree, {
+      return ssr(_tmpl$143, ssrAttribute("class", escape(s().configPanelSection, true), false), ssrAttribute("class", escape(s().configPanelLabel, true), false), ssrAttribute("class", escape(s().configJsonTreeContainer, true), false), escape(createComponent(JsonTree, {
         get value() {
           return modelOptions();
         },