@geminilight/mindos 0.6.69 → 0.6.70

package/_standalone/components/settings/KnowledgeTab.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useState, useEffect, useCallback, useSyncExternalStore, useRef } from 'react';
-import { Copy, Check, RefreshCw, Trash2, Sparkles, ChevronDown, ChevronRight, Loader2, Cpu, Zap, Database as DatabaseIcon, HardDrive, RotateCcw, FlaskConical } from 'lucide-react';
+import { Copy, Check, RefreshCw, Trash2, Sparkles, ChevronDown, ChevronRight, Loader2, Cpu, Zap, Database as DatabaseIcon, HardDrive, RotateCcw, FlaskConical, Search } from 'lucide-react';
 import { toast } from '@/lib/toast';
 import type { KnowledgeTabProps } from './types';
 import { Field, Input, EnvBadge, SectionLabel, Toggle, SettingCard, SettingRow, PasswordInput } from './Primitives';
@@ -97,6 +97,16 @@ export function KnowledgeTab({ data, setData, t }: KnowledgeTabProps) {
       .catch(err => console.error('Failed to restart walkthrough:', err));
   }, []);
 
+  // Embedding config
+  const embeddingData = data.embedding ?? { enabled: false, baseUrl: '', apiKey: '', model: '' };
+  const embeddingStatus = data.embeddingStatus ?? { enabled: false, ready: false, building: false, docCount: 0 };
+
+  const EMBEDDING_PRESETS = [
+    { label: 'OpenAI', baseUrl: 'https://api.openai.com/v1', model: 'text-embedding-3-small' },
+    { label: 'DeepSeek', baseUrl: 'https://api.deepseek.com/v1', model: 'deepseek-embed' },
+    { label: 'Ollama', baseUrl: 'http://localhost:11434/v1', model: 'nomic-embed-text' },
+  ];
+
   const origin = useSyncExternalStore(
     () => () => {},
     () => `${window.location.protocol}//${window.location.hostname}`,
@@ -285,6 +295,87 @@ export function KnowledgeTab({ data, setData, t }: KnowledgeTabProps) {
         </SettingCard>
       )}
 
+      {/* ── Card: Embedding Search (optional RAG) ── */}
+      <SettingCard
+        icon={<Search size={15} />}
+        title="Embedding Search"
+        description="Enable semantic search with vector embeddings. Complements keyword search — finds notes by meaning, not just exact words."
+      >
+        <SettingRow label="Enable embedding search" hint="When enabled, search results combine keyword matching (BM25) with semantic similarity. Requires an embedding API.">
+          <Toggle
+            checked={embeddingData.enabled}
+            onChange={() => {
+              setData(d => d ? { ...d, embedding: { ...embeddingData, enabled: !embeddingData.enabled } } : d);
+            }}
+          />
+        </SettingRow>
+
+        {embeddingData.enabled && (
+          <>
+            {/* Preset buttons */}
+            <div className="flex gap-2 flex-wrap">
+              {EMBEDDING_PRESETS.map(p => (
+                <button
+                  key={p.label}
+                  type="button"
+                  onClick={() => {
+                    setData(d => d ? { ...d, embedding: { ...embeddingData, baseUrl: p.baseUrl, model: p.model } } : d);
+                  }}
+                  className={`px-2.5 py-1 text-xs rounded-md border transition-colors ${
+                    embeddingData.baseUrl === p.baseUrl
+                      ? 'border-[var(--amber)] text-[var(--amber)] bg-[var(--amber)]/10'
+                      : 'border-border text-muted-foreground hover:text-foreground hover:bg-muted'
+                  }`}
+                >
+                  {p.label}
+                </button>
+              ))}
+            </div>
+
+            <Field label="Base URL" hint="OpenAI-compatible embedding endpoint">
+              <Input
+                value={embeddingData.baseUrl}
+                onChange={e => setData(d => d ? { ...d, embedding: { ...embeddingData, baseUrl: e.target.value } } : d)}
+                placeholder="https://api.openai.com/v1"
+              />
+            </Field>
+
+            <Field label="API Key" hint="Leave empty for local providers (e.g., Ollama)">
+              <PasswordInput
+                value={embeddingData.apiKey}
+                onChange={v => setData(d => d ? { ...d, embedding: { ...embeddingData, apiKey: v } } : d)}
+                placeholder="sk-..."
+              />
+            </Field>
+
+            <Field label="Model" hint="Embedding model name">
+              <Input
+                value={embeddingData.model}
+                onChange={e => setData(d => d ? { ...d, embedding: { ...embeddingData, model: e.target.value } } : d)}
+                placeholder="text-embedding-3-small"
+              />
+            </Field>
+
+            {/* Status indicator */}
+            <div className="flex items-center gap-2 text-xs text-muted-foreground pt-1">
+              {embeddingStatus.building ? (
+                <>
+                  <Loader2 size={12} className="animate-spin" />
+                  <span>Building embedding index...</span>
+                </>
+              ) : embeddingStatus.ready ? (
+                <>
+                  <Check size={12} className="text-success" />
+                  <span>{embeddingStatus.docCount} documents indexed</span>
+                </>
+              ) : (
+                <span>Index will be built on first search</span>
+              )}
+            </div>
+          </>
+        )}
+      </SettingCard>
+
       {/* ── Card 4: Labs — experimental features ── */}
       <SettingCard icon={<FlaskConical size={15} />} title={a.labsTitle ?? 'Labs'} description={a.labsDesc ?? 'Experimental features that are still in development.'}>
         <div className="space-y-3">

package/_standalone/components/settings/McpConnectGuides.tsx

@@ -11,6 +11,7 @@ import { copyToClipboard } from '@/lib/clipboard';
 import CustomSelect from '@/components/CustomSelect';
 import type { SelectItem } from '@/components/CustomSelect';
 import AgentInstall from './McpAgentInstall';
+import McpPortSection from './McpPortSection';
 
 export function useCopyField() {
   const [copiedField, setCopiedField] = useState<string | null>(null);
@@ -236,6 +237,9 @@ function McpGuide({ status, agents, activeSkillName, connectedAgents, detectedAg
       {/* MCP Status */}
       <McpStatusInline status={status} restarting={restarting} onRestart={onRestart} onRefresh={onRefresh} m={m} />
 
+      {/* MCP Port Configuration */}
+      {m && <McpPortSection m={m} />}
+
       {/* Local (stdio) */}
       <div className="space-y-2.5">
         <div className="flex items-center gap-2">

package/_standalone/components/settings/McpPortSection.tsx

@@ -0,0 +1,207 @@
+'use client';
+
+import { useState, useEffect, useRef, useCallback } from 'react';
+import { Loader2, AlertTriangle, CheckCircle2, Settings } from 'lucide-react';
+import { apiFetch } from '@/lib/api';
+import { toast } from '@/lib/toast';
+
+/* ── Types ─────────────────────────────────────────────────────── */
+
+interface PortStatus {
+  checking: boolean;
+  available: boolean | null;
+  isSelf: boolean;
+  suggestion: number | null;
+  invalid?: boolean;
+}
+
+interface CheckPortResult {
+  available: boolean;
+  isSelf?: boolean;
+  suggestion?: number | null;
+}
+
+const EMPTY_STATUS: PortStatus = { checking: false, available: null, isSelf: false, suggestion: null };
+
+/* ── McpPortSection (compact, inline) ──────────────────────────── */
+
+export default function McpPortSection({ m }: { m: Record<string, any> }) {
+  const [origPort, setOrigPort] = useState<number>(0);
+  const [port, setPort] = useState<number>(0);
+  const [status, setStatus] = useState<PortStatus>(EMPTY_STATUS);
+  const [updating, setUpdating] = useState(false);
+  const timerRef = useRef<ReturnType<typeof setTimeout>>(undefined);
+  const pollRef = useRef<ReturnType<typeof setInterval>>(undefined);
+
+  useEffect(() => {
+    apiFetch<{ mcpPort?: number }>('/api/settings').then(d => {
+      const p = d.mcpPort || 8781;
+      setOrigPort(p);
+      setPort(p);
+    }).catch(() => {});
+  }, []);
+
+  useEffect(() => () => { clearTimeout(timerRef.current); clearInterval(pollRef.current); }, []);
+
+  const hasChanges = port !== origPort;
+  const portInvalid = port < 1024 || port > 65535;
+  const portUnavailable = status.checking || (status.available === false && !status.isSelf);
+
+  const checkPort = useCallback(async (p: number) => {
+    if (p < 1024 || p > 65535) {
+      setStatus({ ...EMPTY_STATUS, available: false, invalid: true });
+      return;
+    }
+    setStatus({ ...EMPTY_STATUS, checking: true });
+    try {
+      const res = await apiFetch<CheckPortResult>('/api/setup/check-port', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ port: p }),
+      });
+      setStatus({
+        checking: false,
+        available: res.available,
+        isSelf: res.isSelf ?? false,
+        suggestion: res.suggestion ?? null,
+      });
+    } catch {
+      setStatus(EMPTY_STATUS);
+    }
+  }, []);
+
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const v = parseInt(e.target.value, 10) || port;
+    setPort(v);
+    setStatus(EMPTY_STATUS);
+    clearTimeout(timerRef.current);
+    if (v >= 1024 && v <= 65535) {
+      timerRef.current = setTimeout(() => checkPort(v), 500);
+    }
+  };
+
+  const handleBlur = () => {
+    clearTimeout(timerRef.current);
+    if (port >= 1024 && port <= 65535) checkPort(port);
+  };
+
+  const handleUpdate = async () => {
+    if (!hasChanges || portInvalid || portUnavailable || updating) return;
+
+    setUpdating(true);
+    try {
+      const res = await apiFetch<CheckPortResult>('/api/setup/check-port', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ port }),
+      });
+      if (!res.available && !res.isSelf) {
+        setStatus({ checking: false, available: false, isSelf: false, suggestion: res.suggestion ?? null });
+        setUpdating(false);
+        toast.error(m.portInUse(port));
+        return;
+      }
+
+      await apiFetch('/api/settings', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ mcpPort: port }),
+      });
+
+      try {
+        await apiFetch('/api/mcp/restart', { method: 'POST' });
+      } catch {
+        setUpdating(false);
+        toast.error(m.portUpdateFailed);
+        return;
+      }
+
+      const deadline = Date.now() + 60_000;
+      pollRef.current = setInterval(async () => {
+        if (Date.now() > deadline) {
+          clearInterval(pollRef.current);
+          setUpdating(false);
+          toast.error(m.portRestartTimeout);
+          return;
+        }
+        try {
+          const s = await apiFetch<{ running: boolean; port: number }>('/api/mcp/status', { timeout: 3000 });
+          if (s.running) {
+            clearInterval(pollRef.current);
+            setUpdating(false);
+            setOrigPort(port);
+            toast.success(m.portUpdateSuccess);
+          }
+        } catch { /* keep polling */ }
+      }, 3000);
+    } catch {
+      setUpdating(false);
+      toast.error(m.portUpdateFailed);
+    }
+  };
+
+  if (origPort === 0) return null;
+
+  return (
+    <div className="rounded-lg border border-border overflow-hidden">
+      <div className="flex items-center gap-2 px-3 py-2 bg-muted/30">
+        <Settings size={11} className="text-muted-foreground" />
+        <span className="text-xs font-medium text-muted-foreground">{m.mcpPortLabel}</span>
+      </div>
+      <div className="px-3 py-2.5 space-y-2">
+        <div className="flex items-center gap-2">
+          <input
+            type="number" min={1024} max={65535} value={port}
+            onChange={handleChange}
+            onBlur={handleBlur}
+            className="flex-1 px-2.5 py-1.5 text-sm rounded-lg border border-border bg-muted/30 text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring tabular-nums"
+          />
+          <button
+            type="button"
+            onClick={handleUpdate}
+            disabled={!hasChanges || portInvalid || portUnavailable || updating}
+            className="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors shrink-0
+              bg-[var(--amber)] text-[var(--amber-foreground)]
+              hover:opacity-90
+              disabled:opacity-40 disabled:cursor-not-allowed
+              focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+          >
+            {updating ? <Loader2 size={12} className="animate-spin" /> : (m.portUpdateBtn)}
+          </button>
+        </div>
+
+        {/* Status feedback */}
+        {status.checking && (
+          <p className="text-2xs flex items-center gap-1 text-muted-foreground">
+            <Loader2 size={10} className="animate-spin" /> {m.portChecking}
+          </p>
+        )}
+        {!status.checking && status.available === false && !status.invalid && (
+          <div className="flex items-center gap-2">
+            <p className="text-2xs flex items-center gap-1 text-[var(--amber)]">
+              <AlertTriangle size={10} /> {m.portInUse(port)}
+            </p>
+            {status.suggestion !== null && (
+              <button type="button"
+                onClick={() => { setPort(status.suggestion!); setStatus(EMPTY_STATUS); setTimeout(() => checkPort(status.suggestion!), 0); }}
+                className="text-2xs px-1.5 py-0.5 rounded border border-[var(--amber)] text-[var(--amber)] transition-colors hover:bg-[var(--amber-subtle)]"
+              >
+                {m.portSuggest(status.suggestion)}
+              </button>
+            )}
+          </div>
+        )}
+        {!status.checking && status.invalid && (
+          <p className="text-2xs flex items-center gap-1 text-destructive">
+            <AlertTriangle size={10} /> 1024 – 65535
+          </p>
+        )}
+        {!status.checking && status.available === true && (
+          <p className="text-2xs flex items-center gap-1 text-success">
+            <CheckCircle2 size={10} /> {status.isSelf ? m.portSelf : m.portAvailable}
+          </p>
+        )}
+      </div>
+    </div>
+  );
+}

package/_standalone/components/settings/McpTab.tsx

@@ -11,7 +11,6 @@ import type { McpTabProps, McpStatus, AgentInfo, ConnectionMode } from './types'
 import AgentInstall from './McpAgentInstall';
 import SkillsSection from './McpSkillsSection';
 import McpExternalTools from './McpExternalTools';
-import ServerPortsCard from './ServerPortsCard';
 
 /* ── Main Connections Tab ────────────────────────────────────────── */
 
@@ -99,9 +98,6 @@ export function McpTab({ t }: McpTabProps) {
 
   return (
     <div className="space-y-6">
-      {/* 0. Server Ports */}
-      {m && <ServerPortsCard m={m} />}
-
       {/* 1. Connection Mode Toggle */}
       <ConnectionModeCard
         mcpEnabled={mcpEnabled}
@@ -114,7 +110,7 @@ export function McpTab({ t }: McpTabProps) {
       {/* 2. Auth Token */}
       <AuthTokenCard status={mcp.status} m={m} />
 
-      {/* 3. Connect Agents (CLI/MCP guides + detected agents) */}
+      {/* 3. Connect Agents (CLI/MCP guides + detected agents + MCP port) */}
       <ConnectCard
         mode={mode}
         onModeChange={setMode}

package/_standalone/components/settings/TestButton.tsx

@@ -8,6 +8,7 @@ function errorMessage(t: AiTabProps['t'], code?: ErrorCode): string {
   switch (code) {
     case 'auth_error': return t.settings.ai.testKeyAuthError;
     case 'model_not_found': return t.settings.ai.testKeyModelNotFound;
+    case 'endpoint_error': return t.settings.ai.testKeyEndpointError;
     case 'rate_limited': return t.settings.ai.testKeyRateLimited;
     case 'network_error': return t.settings.ai.testKeyNetworkError;
     default: return t.settings.ai.testKeyUnknown;