cowork-os 0.3.21 → 0.3.23

package/src/renderer/components/OnboardingModal.tsx

@@ -12,7 +12,16 @@ interface OnboardingModalProps {
 type OnboardingStep = 'welcome' | 'llm' | 'channels';
 
 // LLM Provider types for the simplified setup
-type LLMProviderType = 'anthropic' | 'openai' | 'gemini' | 'ollama' | 'openrouter' | 'bedrock';
+type LLMProviderType =
+  | 'anthropic'
+  | 'openai'
+  | 'gemini'
+  | 'ollama'
+  | 'openrouter'
+  | 'bedrock'
+  | 'groq'
+  | 'xai'
+  | 'kimi';
 
 interface ProviderOption {
   type: LLMProviderType;
@@ -105,6 +114,48 @@ const PROVIDER_OPTIONS: ProviderOption[] = [
     apiKeyPlaceholder: 'sk-or-...',
     apiKeyLink: 'https://openrouter.ai/keys',
   },
+  {
+    type: 'groq',
+    name: 'Groq',
+    description: 'Fast, low-latency models',
+    icon: (
+      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+        <path d="M4 12h16" />
+        <path d="M12 4v16" />
+        <circle cx="12" cy="12" r="9" />
+      </svg>
+    ),
+    requiresApiKey: true,
+    apiKeyPlaceholder: 'gsk_...',
+    apiKeyLink: 'https://console.groq.com/keys',
+  },
+  {
+    type: 'xai',
+    name: 'xAI (Grok)',
+    description: 'Grok models from xAI',
+    icon: (
+      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+        <path d="M4 4l16 16" />
+        <path d="M20 4L4 20" />
+      </svg>
+    ),
+    requiresApiKey: true,
+    apiKeyPlaceholder: 'xai-...',
+    apiKeyLink: 'https://console.x.ai/',
+  },
+  {
+    type: 'kimi',
+    name: 'Kimi',
+    description: 'Kimi models via Moonshot',
+    icon: (
+      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+        <path d="M12 2l3 7 7 3-7 3-3 7-3-7-7-3 7-3 3-7z" />
+      </svg>
+    ),
+    requiresApiKey: true,
+    apiKeyPlaceholder: 'sk-...',
+    apiKeyLink: 'https://platform.moonshot.ai/',
+  },
   {
     type: 'bedrock',
     name: 'AWS Bedrock',
@@ -263,6 +314,12 @@ export function OnboardingModal({
         testConfig.openrouter = { apiKey };
       } else if (selectedProvider === 'ollama') {
         testConfig.ollama = { baseUrl: ollamaUrl };
+      } else if (selectedProvider === 'groq') {
+        testConfig.groq = { apiKey };
+      } else if (selectedProvider === 'xai') {
+        testConfig.xai = { apiKey };
+      } else if (selectedProvider === 'kimi') {
+        testConfig.kimi = { apiKey };
       }
 
       const result = await window.electronAPI.testLLMProvider(testConfig);
@@ -295,6 +352,12 @@ export function OnboardingModal({
           settings.ollama = { baseUrl: ollamaUrl, model: 'llama3.2' };
         } else if (selectedProvider === 'bedrock') {
           settings.bedrock = { region: 'us-east-1', useDefaultCredentials: true };
+        } else if (selectedProvider === 'groq') {
+          settings.groq = { apiKey, model: 'llama-3.1-8b-instant' };
+        } else if (selectedProvider === 'xai') {
+          settings.xai = { apiKey, model: 'grok-4-fast-non-reasoning' };
+        } else if (selectedProvider === 'kimi') {
+          settings.kimi = { apiKey, model: 'kimi-k2.5' };
         }
 
         await window.electronAPI.saveLLMSettings(settings);
@@ -339,6 +402,12 @@ export function OnboardingModal({
         return 'anthropic/claude-3.5-sonnet';
       case 'bedrock':
         return 'sonnet-4-5';
+      case 'groq':
+        return 'llama-3.1-8b-instant';
+      case 'xai':
+        return 'grok-4-fast-non-reasoning';
+      case 'kimi':
+        return 'kimi-k2.5';
       default:
         return 'sonnet-4';
     }

package/src/renderer/components/OneDriveSettings.tsx

@@ -0,0 +1,212 @@
+import { useEffect, useState } from 'react';
+import { OneDriveSettingsData } from '../../shared/types';
+
+export function OneDriveSettings() {
+  const [settings, setSettings] = useState<OneDriveSettingsData | null>(null);
+  const [saving, setSaving] = useState(false);
+  const [testing, setTesting] = useState(false);
+  const [testResult, setTestResult] = useState<{ success: boolean; error?: string; name?: string; userId?: string; driveId?: string } | null>(null);
+  const [status, setStatus] = useState<{ configured: boolean; connected: boolean; name?: string; error?: string } | null>(null);
+  const [statusLoading, setStatusLoading] = useState(false);
+
+  useEffect(() => {
+    loadSettings();
+    refreshStatus();
+  }, []);
+
+  const loadSettings = async () => {
+    try {
+      const loaded = await window.electronAPI.getOneDriveSettings();
+      setSettings(loaded);
+    } catch (error) {
+      console.error('Failed to load OneDrive settings:', error);
+    }
+  };
+
+  const updateSettings = (updates: Partial<OneDriveSettingsData>) => {
+    if (!settings) return;
+    setSettings({ ...settings, ...updates });
+  };
+
+  const handleSave = async () => {
+    if (!settings) return;
+    setSaving(true);
+    setTestResult(null);
+    try {
+      const payload: OneDriveSettingsData = { ...settings };
+      await window.electronAPI.saveOneDriveSettings(payload);
+      setSettings(payload);
+      await refreshStatus();
+    } catch (error) {
+      console.error('Failed to save OneDrive settings:', error);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const refreshStatus = async () => {
+    try {
+      setStatusLoading(true);
+      const result = await window.electronAPI.getOneDriveStatus();
+      setStatus(result);
+    } catch (error) {
+      console.error('Failed to load OneDrive status:', error);
+    } finally {
+      setStatusLoading(false);
+    }
+  };
+
+  const handleTestConnection = async () => {
+    setTesting(true);
+    setTestResult(null);
+    try {
+      const result = await window.electronAPI.testOneDriveConnection();
+      setTestResult(result);
+      await refreshStatus();
+    } catch (error: any) {
+      setTestResult({ success: false, error: error.message || 'Failed to test connection' });
+    } finally {
+      setTesting(false);
+    }
+  };
+
+  if (!settings) {
+    return <div className="settings-loading">Loading OneDrive settings...</div>;
+  }
+
+  const statusLabel = !status?.configured
+    ? 'Missing Token'
+    : status.connected
+      ? 'Connected'
+      : 'Configured';
+
+  const statusClass = !status?.configured
+    ? 'missing'
+    : status.connected
+      ? 'connected'
+      : 'configured';
+
+  return (
+    <div className="onedrive-settings">
+      <div className="settings-section">
+        <div className="settings-section-header">
+          <div className="settings-title-with-badge">
+            <h3>Connect OneDrive</h3>
+            {status && (
+              <span
+                className={`onedrive-status-badge ${statusClass}`}
+                title={!status.configured ? 'Access token not configured' : status.connected ? 'Connected to OneDrive' : 'Configured'}
+              >
+                {statusLabel}
+              </span>
+            )}
+            {statusLoading && !status && (
+              <span className="onedrive-status-badge configured">Checking…</span>
+            )}
+          </div>
+          <button className="btn-secondary btn-sm" onClick={refreshStatus} disabled={statusLoading}>
+            {statusLoading ? 'Checking...' : 'Refresh Status'}
+          </button>
+        </div>
+        <p className="settings-description">
+          Connect the agent to OneDrive using a Microsoft Graph access token, then use the built-in `onedrive_action`
+          tool to search and manage files.
+        </p>
+        {status?.error && (
+          <p className="settings-hint">Status check: {status.error}</p>
+        )}
+        <div className="settings-actions">
+          <button
+            className="btn-secondary btn-sm"
+            onClick={() => window.electronAPI.openExternal('https://portal.azure.com')}
+          >
+            Open Azure Portal
+          </button>
+        </div>
+      </div>
+
+      <div className="settings-section">
+        <div className="settings-field">
+          <label>Enable Integration</label>
+          <label className="settings-toggle">
+            <input
+              type="checkbox"
+              checked={settings.enabled}
+              onChange={(e) => updateSettings({ enabled: e.target.checked })}
+            />
+            <span className="toggle-slider" />
+          </label>
+        </div>
+
+        <div className="settings-field">
+          <label>Access Token</label>
+          <input
+            type="password"
+            className="settings-input"
+            placeholder="Microsoft Graph access token"
+            value={settings.accessToken || ''}
+            onChange={(e) => updateSettings({ accessToken: e.target.value || undefined })}
+          />
+          <p className="settings-hint">Use an access token with Files.ReadWrite or Files.Read scope.</p>
+        </div>
+
+        <div className="settings-field">
+          <label>Drive ID (optional)</label>
+          <input
+            type="text"
+            className="settings-input"
+            placeholder="Default: /me/drive"
+            value={settings.driveId || ''}
+            onChange={(e) => updateSettings({ driveId: e.target.value || undefined })}
+          />
+          <p className="settings-hint">Leave blank to use your default drive.</p>
+        </div>
+
+        <div className="settings-field">
+          <label>Timeout (ms)</label>
+          <input
+            type="number"
+            className="settings-input"
+            min={1000}
+            max={120000}
+            value={settings.timeoutMs ?? 20000}
+            onChange={(e) => updateSettings({ timeoutMs: Number(e.target.value) })}
+          />
+        </div>
+
+        <div className="settings-actions">
+          <button className="btn-secondary btn-sm" onClick={handleTestConnection} disabled={testing}>
+            {testing ? 'Testing...' : 'Test Connection'}
+          </button>
+          <button className="btn-primary btn-sm" onClick={handleSave} disabled={saving}>
+            {saving ? 'Saving...' : 'Save Settings'}
+          </button>
+        </div>
+
+        {testResult && (
+          <div className={`test-result ${testResult.success ? 'success' : 'error'}`}>
+            {testResult.success ? (
+              <span>Connected{testResult.name ? ` as ${testResult.name}` : ''}</span>
+            ) : (
+              <span>Connection failed: {testResult.error}</span>
+            )}
+          </div>
+        )}
+      </div>
+
+      <div className="settings-section">
+        <h4>Quick Usage</h4>
+        <pre className="settings-info-box">{`// List root items
+onedrive_action({
+  action: "list_children"
+});
+
+// Upload a file to root
+onedrive_action({
+  action: "upload_file",
+  file_path: "reports/summary.pdf"
+});`}</pre>
+      </div>
+    </div>
+  );
+}