+ {/* Notes */}
+ {tool.notes && tool.notes.length > 0 && (
+
+ {tool.notes.map((note, index) => {
+ const isWarning = note.type === "warning";
+ const isError = note.type === "error";
+ let bgClass = "bg-blue-500/10 border-blue-500/30";
+ let textClass = "text-blue-600 dark:text-blue-400";
+ let iconClass = "text-blue-500";
+ let icon = "info";
+
+ if (isWarning) {
+ bgClass = "bg-yellow-500/10 border-yellow-500/30";
+ textClass = "text-yellow-600 dark:text-yellow-400";
+ iconClass = "text-yellow-500";
+ icon = "warning";
+ } else if (isError) {
+ bgClass = "bg-red-500/10 border-red-500/30";
+ textClass = "text-red-600 dark:text-red-400";
+ iconClass = "text-red-500";
+ icon = "error";
+ }
+
+ return (
+
+ );
+ })}
+
+ )}
+
+ {/* Install check */}
+ {!deepseekStatus?.installed && (
+
+
DeepSeek TUI is not detected on your system.
+
+
Install via npm:
+
npm install -g deepseek-tui
+
+
+
+ )}
+
+ {/* Config section */}
+ {deepseekStatus?.installed && (
+
+ {/* Config path */}
+
+ folder
+ {deepseekStatus.configPath}
+
+
+ {/* Base URL */}
+
+
+
+
+
+ {/* API Key */}
+
+
+ {/* Model */}
+
+
+
+ setSelectedModel(e.target.value)}
+ placeholder="ollama/gpt-oss:120b"
+ className="w-full sm:w-auto flex-1 px-3 py-2 bg-bg-secondary rounded-lg text-sm border border-border focus:outline-none focus:ring-1 focus:ring-primary/50"
+ />
+
+
+
+
+ {/* Message */}
+ {message && (
+
+ {message.text}
+
+ )}
+
+ {/* Actions */}
+
+
+
+
+
+ )}
+
+ )}
+
+