+ {/* Chat header */}
+
+
+ {t("skillManagement.tabs.interactive")}
+
+ {chatMessages.length > 0 && (
+
+ )}
+
+
+ {/* Chat messages area */}
+
+ {chatMessages.length === 0 && (
+
+ {t("skillManagement.form.chatPlaceholder")}
+
+ )}
+ {chatMessages.map((msg) => (
+
+
+ {msg.role === "assistant" && isThinkingVisible && msg.content === "" ? (
+
+
+ {thinkingDescription && (
+
+ {thinkingDescription}
+
+ )}
+
+ ) : msg.role === "assistant" ? (
+
+
+ {extractSkillGenerationResult(msg.content)}
+
+
+ ) : (
+
{msg.content}
+ )}
+
+
+ ))}
+
+
+ {/* Chat input area */}
+
+
+
+
+