vibepulse 0.2.2 → 0.3.1-beta

package/.next/standalone/src/components/opencode-config/AgentConfigForm.tsx

@@ -12,6 +12,8 @@ interface AgentConfig {
   top_p?: number;
   variant?: string;
   prompt_append?: string;
+  reasoningEffort?: string;
+  fallback_models?: unknown;
 }
 
 interface CategoryConfig {
@@ -47,6 +49,9 @@ interface AgentConfigFormData {
   top_p: number;
   variant: string;
   prompt_append: string;
+  reasoningEffort: string;
+  fallbackModelsObj?: unknown;
+  fallback_models: string;
 }
 
 interface AgentConfigFormProps {
@@ -99,6 +104,9 @@ export function AgentConfigForm({
       top_p: 1,
       variant: '',
       prompt_append: '',
+      reasoningEffort: '',
+      fallbackModelsObj: undefined,
+      fallback_models: '',
     },
   });
 
@@ -149,6 +157,11 @@ export function AgentConfigForm({
         top_p: currentAgentConfig.top_p ?? 1,
         variant: currentAgentConfig.variant || '',
         prompt_append: currentAgentConfig.prompt_append || '',
+        reasoningEffort: currentAgentConfig.reasoningEffort || '',
+        fallbackModelsObj: currentAgentConfig.fallback_models,
+        fallback_models: currentAgentConfig.fallback_models
+          ? JSON.stringify(currentAgentConfig.fallback_models, null, 2)
+          : '',
       });
     }
   }, [config, agentName, reset]);
@@ -161,13 +174,13 @@ export function AgentConfigForm({
   }, [toast]);
 
   const saveMutation = useMutation({
-    mutationFn: async (data: AgentConfigFormData) => {
+    mutationFn: async (payloadData: AgentConfig) => {
       const res = await fetch('/api/opencode-config', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({
           agents: {
-            [agentName]: data,
+            [agentName]: payloadData,
           },
         }),
       });
@@ -190,7 +203,35 @@ export function AgentConfigForm({
   });
 
   const onSubmit = (data: AgentConfigFormData) => {
-    saveMutation.mutate(data);
+    let parsedFallback = undefined;
+    if (data.fallback_models.trim() !== '') {
+      try {
+        parsedFallback = JSON.parse(data.fallback_models);
+      } catch {
+        setToast({ type: 'error', message: 'Invalid JSON in fallback_models' });
+        return;
+      }
+    }
+
+    type AgentConfigPayload = Omit<AgentConfig, 'reasoningEffort' | 'fallback_models'> & {
+      reasoningEffort?: AgentConfig['reasoningEffort'] | null;
+      fallback_models?: AgentConfig['fallback_models'] | null;
+    };
+
+    const payload: AgentConfigPayload = {
+      model: data.model,
+      temperature: data.temperature,
+      top_p: data.top_p,
+      variant: data.variant,
+      prompt_append: data.prompt_append,
+    };
+    if (data.reasoningEffort) payload.reasoningEffort = data.reasoningEffort as AgentConfig['reasoningEffort'];
+    else payload.reasoningEffort = null;
+    
+    if (parsedFallback !== undefined) payload.fallback_models = parsedFallback;
+    else payload.fallback_models = null;
+
+    saveMutation.mutate(payload as AgentConfig);
   };
 
   const currentAgentConfig = config?.agents?.[agentName];
@@ -284,22 +325,23 @@ export function AgentConfigForm({
           name="model"
           control={control}
           rules={{ required: 'Please select a model' }}
-          render={({ field, fieldState }) => (
+          render={({ field, fieldState }) => {
+            return (
             <>
               <div id="model-selector">
                 <AgentModelSelector
                   value={field.value}
-                  onValueChange={field.onChange}
+                  onValueChange={(val) => { field.onChange(val); }}
                   placeholder="Select a model..."
                 />
               </div>
               {fieldState.error && (
-                <p className="text-xs text-red-600 dark:text-red-400" role="alert">
+                <p role="alert" className="text-xs text-red-600 dark:text-red-400">
                   {fieldState.error.message}
                 </p>
               )}
             </>
-          )}
+          )}}
         />
         <p className="text-xs text-zinc-500 dark:text-zinc-400">
           The AI model used for this agent.
@@ -334,6 +376,33 @@ export function AgentConfigForm({
         </p>
       </div>
 
+      <div className="space-y-2">
+        <label htmlFor="reasoning-effort-selector" className="text-sm font-medium text-zinc-900 dark:text-zinc-100">
+          Reasoning Effort
+        </label>
+        <Controller
+          name="reasoningEffort"
+          control={control}
+          render={({ field }) => (
+            <select
+              id="reasoning-effort-selector"
+              value={field.value}
+              onChange={(e) => field.onChange(e.target.value)}
+              className="w-full rounded-lg border border-zinc-200 bg-white px-3 py-2 text-sm dark:border-zinc-800 dark:bg-zinc-950"
+            >
+              <option value="">Not set</option>
+              <option value="high">high</option>
+              <option value="medium">medium</option>
+              <option value="low">low</option>
+              <option value="max">max</option>
+            </select>
+          )}
+        />
+        <p className="text-xs text-zinc-500 dark:text-zinc-400">
+          Controls the reasoning effort for compatible models like o1 or o3-mini.
+        </p>
+      </div>
+
       <div className="space-y-3">
         <div className="flex items-center justify-between">
           <label htmlFor="temperature-slider" className="text-sm font-medium text-zinc-900 dark:text-zinc-100">
@@ -464,6 +533,29 @@ export function AgentConfigForm({
         </p>
       </div>
 
+      <div className="space-y-2">
+        <label htmlFor="fallback-models" className="text-sm font-medium text-zinc-900 dark:text-zinc-100">
+          Fallback Models (JSON)
+        </label>
+        <Controller
+          name="fallback_models"
+          control={control}
+          render={({ field }) => (
+            <textarea
+              id="fallback-models"
+              value={field.value}
+              onChange={(e) => field.onChange(e.target.value)}
+              rows={4}
+              className="w-full rounded-lg border border-zinc-200 bg-white px-3 py-2 text-sm font-mono resize-none dark:border-zinc-800 dark:bg-zinc-950"
+              placeholder='["claude-3-opus-20240229", "gpt-4-turbo"]'
+            />
+          )}
+        />
+        <p className="text-xs text-zinc-500 dark:text-zinc-400">
+          Supply a JSON array of model names or an object with rich fallback parameters to use when the primary model fails.
+        </p>
+      </div>
+
       <div className="flex items-center justify-end gap-3 pt-2">
         <button
           type="submit"

package/.next/standalone/src/components/opencode-config/GeneralSettingsForm.test.tsx

@@ -51,6 +51,10 @@ describe('GeneralSettingsForm', () => {
             sessionsRefreshIntervalMs: 5000,
             openEditorTargetMode: 'remote',
           },
+          team_mode: {
+            enabled: false,
+            other_field: 'unmodified',
+          }
         }), {
           status: 200,
           headers: { 'Content-Type': 'application/json' },
@@ -69,6 +73,9 @@ describe('GeneralSettingsForm', () => {
 
     const select = await screen.findByLabelText('Remote open target');
     await user.selectOptions(select, 'hub');
+    const toggle = await screen.findByRole('checkbox', { name: /enable team mode/i });
+    await user.click(toggle);
+
     await user.click(screen.getByRole('button', { name: /save settings/i }));
 
     await waitFor(() => {
@@ -86,6 +93,10 @@ describe('GeneralSettingsForm', () => {
         sessionsRefreshIntervalMs: 5000,
         openEditorTargetMode: 'hub',
       },
+      team_mode: {
+        enabled: true,
+        other_field: 'unmodified',
+      }
     });
   });
 });

package/.next/standalone/src/components/opencode-config/GeneralSettingsForm.tsx

@@ -10,6 +10,7 @@ interface GeneralSettingsFormData {
   stickyBusyDelaySeconds: number;
   sessionsRefreshIntervalSeconds: number;
   openEditorTargetMode: OpenEditorTargetMode;
+  teamModeEnabled: boolean;
 }
 
 interface VibepulseConfig {
@@ -18,8 +19,14 @@ interface VibepulseConfig {
   openEditorTargetMode?: OpenEditorTargetMode;
 }
 
+interface TeamModeConfig {
+  enabled?: boolean;
+  [key: string]: unknown;
+}
+
 interface ConfigResponse {
   vibepulse?: VibepulseConfig;
+  team_mode?: TeamModeConfig;
   [key: string]: unknown;
 }
 
@@ -48,7 +55,8 @@ export function GeneralSettingsForm() {
     defaultValues: {
       stickyBusyDelaySeconds: 1,
       sessionsRefreshIntervalSeconds: 5,
-      openEditorTargetMode: 'remote'
+      openEditorTargetMode: 'remote',
+      teamModeEnabled: false,
     }
   });
 
@@ -61,7 +69,8 @@ export function GeneralSettingsForm() {
         sessionsRefreshIntervalSeconds: typeof config.vibepulse?.sessionsRefreshIntervalMs === 'number'
           ? Math.round(config.vibepulse.sessionsRefreshIntervalMs / 1000)
           : 5,
-        openEditorTargetMode: config.vibepulse?.openEditorTargetMode === 'hub' ? 'hub' : 'remote'
+        openEditorTargetMode: config.vibepulse?.openEditorTargetMode === 'hub' ? 'hub' : 'remote',
+        teamModeEnabled: config.team_mode?.enabled ?? false,
       });
     }
   }, [config, reset]);
@@ -80,9 +89,14 @@ export function GeneralSettingsForm() {
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({
           vibepulse: {
+            ...config?.vibepulse,
             stickyBusyDelayMs: data.stickyBusyDelaySeconds * 1000,
             sessionsRefreshIntervalMs: data.sessionsRefreshIntervalSeconds * 1000,
             openEditorTargetMode: data.openEditorTargetMode
+          },
+          team_mode: {
+            ...(config?.team_mode ?? {}),
+            enabled: data.teamModeEnabled
           }
         })
       });
@@ -266,6 +280,31 @@ export function GeneralSettingsForm() {
               How often the board polls the server for session updates. Lower values provide more real-time feedback but increase server load. Default is 5 seconds.
             </p>
           </div>
+
+          <div className="space-y-3 border-t border-zinc-100 pt-6 dark:border-zinc-800">
+            <div className="flex items-center gap-3">
+              <Controller
+                name="teamModeEnabled"
+                control={control}
+                render={({ field }) => (
+                  <input
+                    id="team-mode-enabled"
+                    type="checkbox"
+                    checked={field.value}
+                    onChange={(e) => field.onChange(e.target.checked)}
+                    className="h-4 w-4 rounded border-zinc-300 text-blue-600 focus:ring-blue-500 dark:border-zinc-700 dark:bg-zinc-900 dark:focus:ring-blue-600 dark:focus:ring-offset-zinc-900"
+                    aria-label="Enable Team Mode"
+                  />
+                )}
+              />
+              <label htmlFor="team-mode-enabled" className="text-sm font-medium text-zinc-900 dark:text-zinc-100">
+                Enable Team Mode
+              </label>
+            </div>
+            <p className="text-xs text-zinc-500 dark:text-zinc-400 pl-7">
+              When enabled, team mode allows multiple developers to collaborate via shared agents and a combined workflow inbox. (Requires oh-my-opencode v4.0.0+)
+            </p>
+          </div>
         </div>
 
         <div className="mt-8 flex justify-end border-t border-zinc-100 pt-6 dark:border-zinc-800">

package/.next/standalone/src/components/opencode-config/categories/CategoriesManager.tsx

@@ -98,7 +98,9 @@ export function CategoriesManager({ onSaveSuccess }: CategoriesManagerProps) {
 
   const handleDeleteCategory = (categoryKey: string) => {
     const currentCategories = config?.categories || {};
-    const { [categoryKey]: _removed, ...updatedCategories } = currentCategories;
+    const updatedCategories = Object.fromEntries(
+      Object.entries(currentCategories).filter(([key]) => key !== categoryKey)
+    );
     saveMutation.mutate(updatedCategories);
   };
 

package/.next/standalone/src/components/opencode-config/categories/CategoryConfigForm.test.tsx

@@ -1,7 +1,7 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { render, screen, waitFor } from '@testing-library/react';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { describe, it, expect, vi, beforeEach, beforeAll, afterAll } from 'vitest';
+import { render, screen, waitFor, fireEvent } from '@testing-library/react';
 import { CategoryConfigForm } from './CategoryConfigForm';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
 const mockFetch = vi.fn<typeof fetch>();
 global.fetch = mockFetch;
@@ -14,6 +14,16 @@ function jsonResponse(data: unknown): Response {
   } as Response;
 }
 
+beforeAll(() => {
+  window.HTMLElement.prototype.hasPointerCapture = vi.fn();
+  window.HTMLElement.prototype.scrollIntoView = vi.fn();
+});
+
+afterAll(() => {
+  delete (window.HTMLElement.prototype as any).hasPointerCapture;
+  delete (window.HTMLElement.prototype as any).scrollIntoView;
+});
+
 describe('CategoryConfigForm', () => {
   let queryClient: QueryClient;
 
@@ -26,6 +36,14 @@ describe('CategoryConfigForm', () => {
     vi.clearAllMocks();
   });
 
+  const renderForm = (props: any = {}) => {
+    return render(
+      <QueryClientProvider client={queryClient}>
+        <CategoryConfigForm categoryName="quick" onSave={() => {}} onCancel={() => {}} {...props} />
+      </QueryClientProvider>
+    );
+  };
+
   it('shows the upstream quick fallback chain when no model is configured', async () => {
     mockFetch.mockResolvedValueOnce(
       jsonResponse({
@@ -34,11 +52,7 @@ describe('CategoryConfigForm', () => {
       })
     );
 
-    render(
-      <QueryClientProvider client={queryClient}>
-        <CategoryConfigForm categoryName="quick" onSave={() => {}} onCancel={() => {}} />
-      </QueryClientProvider>
-    );
+    renderForm();
 
     await waitFor(() => {
       expect(screen.getByText(/using built-in fallback chain/i)).toBeInTheDocument();
@@ -46,4 +60,88 @@ describe('CategoryConfigForm', () => {
 
     expect(screen.getByText('openai/gpt-5.4-mini')).toBeInTheDocument();
   });
+
+  it('allows saving new reasoningEffort and fallback_models', async () => {
+    mockFetch.mockResolvedValueOnce(
+      jsonResponse({
+        models: ['test-model'],
+        source: 'test',
+      })
+    );
+
+    const handleSave = vi.fn();
+    renderForm({ onSave: handleSave });
+
+    const effortSelect = screen.getByLabelText(/reasoning effort/i);
+    fireEvent.change(effortSelect, { target: { value: 'high' } });
+
+    const fallbackArea = screen.getByLabelText(/fallback models \(json\)/i);
+    fireEvent.change(fallbackArea, { target: { value: '["test-backup"]' } });
+
+    const submitBtn = screen.getByText(/save changes/i);
+    fireEvent.click(submitBtn);
+
+    await waitFor(() => {
+      expect(handleSave).toHaveBeenCalledWith(expect.objectContaining({
+        reasoningEffort: 'high',
+        fallback_models: ['test-backup']
+      }));
+    });
+  });
+
+  it('sends explicit null when fallback_models is cleared and reasoningEffort is not set', async () => {
+    mockFetch.mockResolvedValueOnce(jsonResponse({
+      models: ['test-model'],
+      source: 'test'
+    }));
+
+    const handleSave = vi.fn();
+    renderForm({ 
+      onSave: handleSave,
+      initialConfig: {
+        reasoningEffort: 'high',
+        fallback_models: ['test-backup']
+      }
+    });
+
+    const fallbackArea = screen.getByLabelText(/fallback models \(json\)/i);
+    fireEvent.change(fallbackArea, { target: { value: '' } });
+
+    const effortSelect = screen.getByLabelText(/reasoning effort/i);
+    fireEvent.change(effortSelect, { target: { value: '' } });
+
+    const submitBtn = screen.getByText(/save changes/i);
+    fireEvent.click(submitBtn);
+
+    await waitFor(() => {
+      expect(handleSave).toHaveBeenCalledWith(expect.objectContaining({
+        reasoningEffort: null,
+        fallback_models: null
+      }));
+    });
+  });
+
+  it('shows error toast on invalid JSON in fallback_models', async () => {
+    mockFetch.mockResolvedValueOnce(
+      jsonResponse({
+        models: ['test-model'],
+        source: 'test',
+      })
+    );
+
+    const handleSave = vi.fn();
+    renderForm({ onSave: handleSave });
+
+    const fallbackArea = screen.getByLabelText(/fallback models \(json\)/i);
+    fireEvent.change(fallbackArea, { target: { value: '["missing-bracket' } });
+
+    const submitBtn = screen.getByText(/save changes/i);
+    fireEvent.click(submitBtn);
+
+    await waitFor(() => {
+      expect(screen.getByText(/invalid json in fallback_models/i)).toBeInTheDocument();
+    });
+    
+    expect(handleSave).not.toHaveBeenCalled();
+  });
 });

package/.next/standalone/src/components/opencode-config/categories/CategoryConfigForm.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { useForm, Controller } from 'react-hook-form';
+import { useForm, Controller, useWatch } from 'react-hook-form';
 import { Check, AlertCircle, Loader2, AlertTriangle } from 'lucide-react';
 import { useQuery } from '@tanstack/react-query';
 import { AgentModelSelector } from '../AgentModelSelector';
@@ -25,6 +25,9 @@ interface CategoryConfigFormData {
   temperature: number;
   top_p: number;
   prompt_append: string;
+  reasoningEffort: string;
+  fallbackModelsObj?: unknown;
+  fallback_models: string;
 }
 
 interface CategoryConfigFormProps {
@@ -59,7 +62,6 @@ export function CategoryConfigForm({
   const {
     control,
     handleSubmit,
-    watch,
     formState: { isSubmitting },
   } = useForm<CategoryConfigFormData>({
     defaultValues: {
@@ -68,6 +70,11 @@ export function CategoryConfigForm({
       temperature: initialConfig?.temperature ?? 0.7,
       top_p: initialConfig?.top_p ?? 1,
       prompt_append: initialConfig?.prompt_append || '',
+      reasoningEffort: initialConfig?.reasoningEffort || '',
+      fallbackModelsObj: initialConfig?.fallback_models,
+      fallback_models: initialConfig?.fallback_models
+        ? JSON.stringify(initialConfig.fallback_models, null, 2)
+        : '',
     },
   });
 
@@ -109,7 +116,7 @@ export function CategoryConfigForm({
     [modelsData]
   );
 
-  const watchedModel = watch('model');
+  const watchedModel = useWatch({ control, name: 'model' });
   const isModelInvalid = watchedModel && availableModels.size > 0 && !availableModels.has(watchedModel);
   const isModelMissing = !watchedModel;
   const fallbackChain = CATEGORY_FALLBACK_CHAINS[categoryName];
@@ -125,15 +132,35 @@ export function CategoryConfigForm({
     const temperature = Math.max(0, Math.min(2, data.temperature));
     const top_p = Math.max(0, Math.min(1, data.top_p));
 
-    const config: CategoryConfig = {
+    let parsedFallback = undefined;
+    if (data.fallback_models.trim() !== '') {
+      try {
+        parsedFallback = JSON.parse(data.fallback_models);
+      } catch {
+        setToast({ type: 'error', message: 'Invalid JSON in fallback_models' });
+        return;
+      }
+    }
+
+    type CategoryConfigPayload = Omit<CategoryConfig, 'reasoningEffort' | 'fallback_models'> & {
+      reasoningEffort?: CategoryConfig['reasoningEffort'] | null;
+      fallback_models?: CategoryConfig['fallback_models'] | null;
+    };
+
+    const config: CategoryConfigPayload = {
       model: data.model || undefined,
       variant: data.variant || undefined,
       temperature,
       top_p,
       prompt_append: data.prompt_append || undefined,
     };
+    if (data.reasoningEffort) config.reasoningEffort = data.reasoningEffort as CategoryConfig['reasoningEffort'];
+    else config.reasoningEffort = null;
+    
+    if (parsedFallback !== undefined) config.fallback_models = parsedFallback;
+    else config.fallback_models = null;
 
-    onSave(config);
+    onSave(config as CategoryConfig);
     setToast({ type: 'success', message: 'Configuration saved successfully' });
   };
 
@@ -267,6 +294,33 @@ export function CategoryConfigForm({
         </p>
       </div>
 
+      <div className="space-y-2">
+        <label htmlFor="reasoning-effort-selector" className="text-sm font-medium text-zinc-900 dark:text-zinc-100">
+          Reasoning Effort
+        </label>
+        <Controller
+          name="reasoningEffort"
+          control={control}
+          render={({ field }) => (
+            <select
+              id="reasoning-effort-selector"
+              value={field.value}
+              onChange={(e) => field.onChange(e.target.value)}
+              className="w-full rounded-lg border border-zinc-200 bg-white px-3 py-2 text-sm dark:border-zinc-800 dark:bg-zinc-950"
+            >
+              <option value="">Not set</option>
+              <option value="high">high</option>
+              <option value="medium">medium</option>
+              <option value="low">low</option>
+              <option value="max">max</option>
+            </select>
+          )}
+        />
+        <p className="text-xs text-zinc-500 dark:text-zinc-400">
+          Controls the reasoning effort for compatible models like o1 or o3-mini.
+        </p>
+      </div>
+
       <div className="space-y-3">
         <div className="flex items-center justify-between">
           <label htmlFor="temperature-slider" className="text-sm font-medium text-zinc-900 dark:text-zinc-100">
@@ -427,6 +481,29 @@ export function CategoryConfigForm({
         </p>
       </div>
 
+      <div className="space-y-2">
+        <label htmlFor="fallback-models" className="text-sm font-medium text-zinc-900 dark:text-zinc-100">
+          Fallback Models (JSON)
+        </label>
+        <Controller
+          name="fallback_models"
+          control={control}
+          render={({ field }) => (
+            <textarea
+              id="fallback-models"
+              value={field.value}
+              onChange={(e) => field.onChange(e.target.value)}
+              rows={4}
+              className="w-full rounded-lg border border-zinc-200 bg-white px-3 py-2 text-sm font-mono resize-none dark:border-zinc-800 dark:bg-zinc-950"
+              placeholder='["claude-3-opus-20240229", "gpt-4-turbo"]'
+            />
+          )}
+        />
+        <p className="text-xs text-zinc-500 dark:text-zinc-400">
+          Supply a JSON array of model names or an object with rich fallback parameters to use when the primary model fails.
+        </p>
+      </div>
+
       <div className="flex items-center justify-end gap-3 pt-2">
         <button
           type="button"

package/.next/standalone/src/hooks/useHostSources.test.ts

@@ -145,47 +145,6 @@ describe('useHostSources', () => {
     return { getCurrentValue, rerenderRuntimeRole };
   }
 
-  function renderPairedUseHostSources() {
-    let firstValue: ReturnType<typeof useHostSources> | null = null;
-    let secondValue: ReturnType<typeof useHostSources> | null = null;
-    const render = getRender();
-
-    render(createElement(
-      QueryClientProvider,
-      { client: queryClient },
-      createElement('div', null,
-        createElement(HookProbe, {
-          onChange: (value) => {
-            firstValue = value;
-          },
-        }),
-        createElement(HookProbe, {
-          onChange: (value) => {
-            secondValue = value;
-          },
-        })
-      )
-    ));
-
-    const getFirstValue = () => {
-      if (!firstValue) {
-        throw new Error('First hook value not ready');
-      }
-
-      return firstValue;
-    };
-
-    const getSecondValue = () => {
-      if (!secondValue) {
-        throw new Error('Second hook value not ready');
-      }
-
-      return secondValue;
-    };
-
-    return { getFirstValue, getSecondValue };
-  }
-
   it('always includes Local first', async () => {
     mockFetch.mockResolvedValueOnce({
       ok: true,