ompchamber 2.0.2 → 3.1.0

package/src/client/hooks/settings/providers.ts

@@ -1,326 +0,0 @@
-import { useEffect, useMemo, useState } from 'preact/hooks';
-import type { PresetProviderOption, ProviderItem, ProviderModel } from '@/shared/types';
-import { PRESET_NEW_PROVIDERS } from '@/client/data/settings/provider';
-import { fetchProviderModelsRemote, mergeProviderModels, syncProviderModelsToCatalog } from '@/shared/lib/models/provider-models';
-import { buildAvailableProviderPresets } from '@/shared/lib/models/provider-presets';
-import { removeLegacyKenariModels } from '@/shared/lib/models/provider-cleanup';
-import { notifyModelsUpdated } from '@/shared/lib/models/client';
-import { saveProviderOverlay, setProviderEnabled } from '@/shared/lib/models/provider-connection';
-import { useToasts } from '@/client/hooks/ui/toasts';
-
-interface UseProviderSettingsOptions {
-  autoOpenAdd?: boolean;
-  onAddModalClose?: () => void;
-}
-
-/**
- * State and actions behind Settings → Providers. Every mutation lands in one of
- * two stores: the chamber-local overlay (per-model visibility and sampling
- * config) or omp's own config.yml disabledProviders (connect / disconnect).
- * Disconnect has to use the latter — the overlay is re-merged away on load,
- * which is why a disconnected provider used to come back as connected.
- */
-export function useProviderSettings({
-  autoOpenAdd = false,
-  onAddModalClose,
-}: UseProviderSettingsOptions = {}) {
-  const [providers, setProviders] = useState<ProviderItem[]>([]);
-  const [presetProviders, setPresetProviders] = useState<PresetProviderOption[]>(PRESET_NEW_PROVIDERS);
-  const [selectedProviderId, setSelectedProviderId] = useState<string>('provider-deepseek');
-  const [currentProject, setCurrentProject] = useState('ompchamber');
-  const [isFetchingModels, setIsFetchingModels] = useState(false);
-  const { toasts, pushToast, dismissToast } = useToasts();
-
-  const [isAddModalOpen, setIsAddModalOpen] = useState(autoOpenAdd);
-  const [isReconnectModalOpen, setIsReconnectModalOpen] = useState(false);
-  const [isLoginModalOpen, setIsLoginModalOpen] = useState(false);
-  const [configModel, setConfigModel] = useState<ProviderModel | null>(null);
-  const [capabilitiesModel, setCapabilitiesModel] = useState<ProviderModel | null>(null);
-
-  useEffect(() => {
-    if (autoOpenAdd) setIsAddModalOpen(true);
-  }, [autoOpenAdd]);
-
-  useEffect(() => {
-    let active = true;
-    fetch('/api/settings/providers')
-      .then(res => res.json())
-      .then(data => {
-        if (!active) return;
-        if (data?.providers && Array.isArray(data.providers)) {
-          setProviders(data.providers);
-          const connected = data.providers.filter((p: ProviderItem) => p.status === 'connected');
-          setSelectedProviderId(connected.length > 0 ? connected[0].id : '');
-        }
-        if (data?.presetProviders) setPresetProviders(data.presetProviders);
-      })
-      .catch(err => console.error('Failed to load providers from API:', err));
-    return () => { active = false; };
-  }, []);
-
-  // The sidebar lists connected providers plus every provider the user disabled:
-  // a disabled provider reports `disconnected`, so filtering on status alone
-  // would make the switch that hid it unreachable.
-  const connectedProviders = useMemo(
-    () => providers.filter(
-      (provider) => provider.status === 'connected' || provider.disabled === true,
-    ),
-    [providers],
-  );
-  const availablePresetProviders = useMemo(
-    () => buildAvailableProviderPresets(providers, presetProviders),
-    [providers, presetProviders],
-  );
-  const selectedProvider = connectedProviders.find((p) => p.id === selectedProviderId) || connectedProviders[0];
-
-  const persistProviders = async (updated: ProviderItem[]) => {
-    setProviders(updated);
-    try {
-      const merged = await saveProviderOverlay(updated);
-      if (merged) setProviders(merged);
-    } catch (err) {
-      console.error('Failed to save providers via API:', err);
-      pushToast('Failed to save provider settings.', 'error');
-    }
-  };
-
-  const toggleProviderEnabled = async (
-    slug: string,
-    enabled: boolean,
-  ): Promise<ProviderItem[] | null> => {
-    try {
-      const merged = await setProviderEnabled(slug, enabled);
-      if (merged) setProviders(merged);
-      return merged;
-    } catch (err) {
-      console.error('Failed to update provider connection:', err);
-      pushToast('Failed to update the provider connection.', 'error');
-      return null;
-    }
-  };
-
-  const handleAddProvider = async (newProvider: ProviderItem, options: { fetchedCount: number }) => {
-    await persistProviders([...providers, newProvider]);
-    const merged = await toggleProviderEnabled(newProvider.slug, true);
-    const registered = merged?.find(
-      (provider) => provider.slug.trim().toLowerCase() === newProvider.slug.trim().toLowerCase(),
-    );
-    setSelectedProviderId(registered?.id || newProvider.id);
-    setIsAddModalOpen(false);
-    onAddModalClose?.();
-
-    if (options.fetchedCount > 0) {
-      pushToast(
-        `Fetched ${options.fetchedCount} new model${options.fetchedCount === 1 ? '' : 's'} from the provider.`,
-        'success',
-      );
-    } else if (options.fetchedCount === -1) {
-      pushToast('Auto-fetch models failed — provider added with default models.', 'error');
-    }
-
-    void syncProviderModelsToCatalog(newProvider.name, newProvider.models);
-  };
-
-  const handleReconnect = async (updates: Partial<ProviderItem>) => {
-    if (!selectedProvider) return;
-    const target = selectedProvider;
-    await persistProviders(providers.map((p) => (
-      p.id === target.id ? { ...p, ...updates, status: 'connected' as const } : p
-    )));
-    if (target.status !== 'connected') {
-      await toggleProviderEnabled(target.slug, true);
-    }
-  };
-
-  const handleFetchModels = async (credentials: { apiKey?: string; baseUrl?: string }) => {
-    if (!selectedProvider || isFetchingModels) return;
-    const baseUrl = credentials.baseUrl || selectedProvider.baseUrl;
-    if (!baseUrl) {
-      pushToast('Base URL is required to fetch models.', 'error');
-      return;
-    }
-    setIsFetchingModels(true);
-    try {
-      const result = await fetchProviderModelsRemote(
-        baseUrl,
-        credentials.apiKey || selectedProvider.apiKey,
-        selectedProvider.slug,
-        true,
-      );
-      if (!result.ok || !result.models) {
-        pushToast(result.error || 'Failed to fetch models from the provider.', 'error');
-        return;
-      }
-      const cleanedExistingModels = removeLegacyKenariModels(selectedProvider, selectedProvider.models);
-      const removedCount = selectedProvider.models.length - cleanedExistingModels.length;
-      const { merged, addedCount } = mergeProviderModels(cleanedExistingModels, result.models);
-      if (addedCount > 0 || removedCount > 0) {
-        await handleReconnect({ models: merged });
-      }
-      if (result.omp?.written) {
-        notifyModelsUpdated();
-      }
-      if (addedCount > 0) {
-        pushToast(`Fetched ${addedCount} new model${addedCount === 1 ? '' : 's'} from the provider.`, 'success');
-      } else if (removedCount > 0) {
-        pushToast('Removed legacy fallback models from the provider.', 'success');
-      } else {
-        pushToast('No new models found — all fetched models already exist.', 'success');
-      }
-      if (result.omp?.written) {
-        const parts: string[] = [];
-        if (result.omp.addedCount > 0) parts.push(`${result.omp.addedCount} new model${result.omp.addedCount === 1 ? '' : 's'} registered`);
-        if (result.omp.backfilledCount > 0) parts.push(`${result.omp.backfilledCount} model${result.omp.backfilledCount === 1 ? '' : 's'} enriched`);
-        pushToast(`omp models.yml updated${parts.length > 0 ? `: ${parts.join(', ')}` : ''}.`, 'success');
-      } else if (result.omp && !result.omp.written && result.omp.reason) {
-        pushToast(`omp models.yml not updated: ${result.omp.reason}`, 'error');
-      }
-    } finally {
-      setIsFetchingModels(false);
-    }
-  };
-
-  const handleFetchModelsFromList = async () => {
-    if (!selectedProvider) return;
-    await handleFetchModels({
-      apiKey: selectedProvider.apiKey,
-      baseUrl: selectedProvider.baseUrl,
-    });
-  };
-
-  const handleOmpAuthSuccess = () => {
-    if (!selectedProvider) return;
-    const target = selectedProvider;
-    void persistProviders(providers.map((p) => (
-      p.id === target.id ? { ...p, status: 'connected' as const } : p
-    )));
-    void toggleProviderEnabled(target.slug, true);
-  };
-
-  const handleToggleDisconnect = async () => {
-    if (!selectedProvider) return;
-    const target = selectedProvider;
-    const disconnecting = target.status === 'connected';
-    if (disconnecting) {
-      setSelectedProviderId(
-        connectedProviders.find((provider) => provider.id !== target.id)?.id || '',
-      );
-    }
-    const merged = await toggleProviderEnabled(target.slug, !disconnecting);
-    if (!merged) return;
-    pushToast(
-      disconnecting
-        ? `${target.name} disconnected — its models are no longer offered in the chat picker.`
-        : `${target.name} reconnected.`,
-      'success',
-    );
-  };
-
-  const updateSelectedModels = (transform: (models: ProviderModel[]) => ProviderModel[]) => {
-    if (!selectedProvider) return;
-    void persistProviders(providers.map((p) => (
-      p.id === selectedProvider.id ? { ...p, models: transform(p.models) } : p
-    )));
-  };
-
-  /**
-   * Disable/enable from omp's own config.yml `disabledProviders`. This is the
-   * coarse switch that removes the provider — and every model it serves — from
-   * the chat picker; the per-model eye toggle is the fine-grained one.
-   */
-  const handleToggleProviderDisabled = async () => {
-    if (!selectedProvider) return;
-    const target = selectedProvider;
-    const disabling = target.disabled !== true;
-    const merged = await toggleProviderEnabled(target.slug, !disabling);
-    if (!merged) return;
-    pushToast(
-      disabling
-        ? `${target.name} disabled — it no longer appears in the model list.`
-        : `${target.name} enabled — its models are offered again.`,
-      'success',
-    );
-  };
-
-  const handleHideAll = () => updateSelectedModels(
-    (models) => models.map((m) => ({ ...m, isVisible: false })),
-  );
-
-  const handleShowAll = () => updateSelectedModels(
-    (models) => models.map((m) => ({ ...m, isVisible: true })),
-  );
-
-  const handleToggleModelVisibility = (modelId: string) => updateSelectedModels(
-    (models) => models.map((m) => (m.id === modelId ? { ...m, isVisible: !m.isVisible } : m)),
-  );
-
-  /**
-   * Save the per-model knobs omp honours (`models.yml` modelOverrides). The
-   * overlay still stores the display value so the dialog reopens where the user
-   * left it, but omp only reads the override — writing just the overlay was the
-   * bug that made these controls inert.
-   */
-  const handleSaveModelConfig = async (modelId: string, updates: Partial<ProviderModel>) => {
-    if (!selectedProvider) return;
-    const provider = selectedProvider;
-    updateSelectedModels((models) => models.map((m) => (m.id === modelId ? { ...m, ...updates } : m)));
-
-    const body: Record<string, unknown> = { provider: provider.slug, modelId };
-    if ('maxTokens' in updates) body.maxTokens = updates.maxTokens ?? null;
-    if ('reasoningEffort' in updates) body.reasoningEffort = updates.reasoningEffort ?? null;
-    if (Object.keys(body).length === 2) return;
-
-    try {
-      const response = await fetch('/api/settings/model-override', {
-        method: 'PUT',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify(body),
-      });
-      const data = await response.json() as { success?: boolean; written?: boolean; reason?: string; error?: string };
-      if (!response.ok) {
-        pushToast(data.error || 'Failed to save the model configuration.', 'error');
-        return;
-      }
-      if (data.written) notifyModelsUpdated();
-      else if (data.reason) pushToast(data.reason, 'error');
-    } catch (error) {
-      console.error('Failed to save model override:', error);
-      pushToast('Failed to save the model configuration.', 'error');
-    }
-  };
-
-  return {
-    providers,
-    connectedProviders,
-    availablePresetProviders,
-    selectedProvider,
-    currentProject,
-    setCurrentProject,
-    isFetchingModels,
-    toasts,
-    pushToast,
-    dismissToast,
-    isAddModalOpen,
-    setIsAddModalOpen,
-    isReconnectModalOpen,
-    setIsReconnectModalOpen,
-    isLoginModalOpen,
-    setIsLoginModalOpen,
-    configModel,
-    setConfigModel,
-    capabilitiesModel,
-    setCapabilitiesModel,
-    setSelectedProviderId,
-    handleAddProvider,
-    handleReconnect,
-    handleFetchModels,
-    handleFetchModelsFromList,
-    handleOmpAuthSuccess,
-    handleToggleDisconnect,
-    handleToggleProviderDisabled,
-    handleHideAll,
-    handleShowAll,
-    handleToggleModelVisibility,
-    handleSaveModelConfig,
-  };
-}

package/src/server/plugins/dev-assets.ts

@@ -1,49 +0,0 @@
-/**
- * Dev-only asset fallback for the rsbuild dev server.
- *
- * `writeToDisk` puts every emitted asset in `dist/client`, so `tryServeStatic`
- * covers normal requests. HMR artifacts do not reach disk: per-update
- * `*.hot-update.*` chunks and manifests are emitted in-memory only, and they
- * are requested on the page origin (port 3000) even though only the rsbuild
- * dev server (port 3100) can answer them. Without this proxy the manifest
- * fetch returns the HTML shell, `response.json()` throws, and the HMR runtime
- * falls back to a full page reload — forever.
- *
- * A 404 from rsbuild is relayed as-is: the runtime treats it as "no update
- * available" and stays idle, which is the correct steady state. This runs
- * after the disk lookup, so a missing rsbuild dev server costs one failed
- * connection per absent asset and nothing else.
- */
-const DEV_SERVER = Bun.env.OMPCHAMBER_DEV_SERVER ?? 'http://localhost:3100';
-
-const isDev = Bun.env.NODE_ENV !== 'production';
-
-const isHmrArtifact = (pathname: string) => pathname.endsWith('.hot-update.json') || pathname.endsWith('.hot-update.js');
-
-/** Streamed dev asset for `pathname`, or null when the app should handle it. */
-export async function tryProxyDevAsset(request: Request, pathname: string): Promise<Response | null> {
-  const proxied = isDev && (isHmrArtifact(pathname) || pathname.startsWith('/static/'));
-  if (!proxied) return null;
-
-  const { search } = new URL(request.url);
-  let upstream: Response;
-  try {
-    upstream = await fetch(`${DEV_SERVER}${pathname}${search}`, {
-      method: request.method,
-      headers: { accept: request.headers.get('accept') ?? '*/*' },
-    });
-  } catch {
-    return null;
-  }
-  if (!upstream.body) return null;
-
-  // Relay the upstream status: rsbuild's 404 for a stale manifest is the HMR
-  // runtime's "no update" signal and must not become a 200 HTML shell.
-  return new Response(upstream.body, {
-    status: upstream.status,
-    headers: {
-      'content-type': upstream.headers.get('content-type') ?? 'application/octet-stream',
-      'cache-control': 'no-store',
-    },
-  });
-}

package/src/shared/lib/code/editor-utils.ts

@@ -1,16 +0,0 @@
-export function getDefaultContent(name: string) {
-  if (name.endsWith('.md')) {
-    return `# ${name.replace('.md', '')}\n\nThis is a mock markdown file.\n\n- You can edit this text\n- Click the eye icon above to toggle preview`;
-  }
-  if (name.endsWith('.tsx') || name.endsWith('.ts')) {
-    const compName = name.split('.')[0].replace(/[^a-zA-Z0-9]/g, '');
-    return `import React from 'react';\n\nexport default function ${compName || 'Component'}() {\n  return (\n    <div>\n      Hello World\n    </div>\n  );\n}`;
-  }
-  if (name.endsWith('.json')) {
-    return `{\n  "name": "omp-project",\n  "version": "1.0.0"\n}`;
-  }
-  if (name.endsWith('.css')) {
-    return `.container {\n  display: flex;\n  flex-direction: column;\n}`;
-  }
-  return `Content for ${name}`;
-}

package/src/shared/lib/models/provider-presets.ts

@@ -1,29 +0,0 @@
-import type { PresetProviderOption, ProviderItem } from '@/shared/types/settings/provider';
-
-export function buildAvailableProviderPresets(
-  providers: ProviderItem[],
-  presets: PresetProviderOption[],
-): PresetProviderOption[] {
-  const connectedSlugs = new Set(
-    providers
-      .filter((provider) => provider.status === 'connected')
-      .map((provider) => provider.slug.trim().toLowerCase()),
-  );
-  const seenSlugs = new Set<string>();
-  const disconnectedProviders = providers
-    .filter((provider) => provider.status !== 'connected')
-    .map((provider) => ({
-      id: provider.slug,
-      name: provider.name,
-      slug: provider.slug,
-      icon: provider.icon,
-      defaultUrl: provider.baseUrl || 'https://',
-    }));
-
-  return [...presets, ...disconnectedProviders].filter((preset) => {
-    const slug = preset.slug.trim().toLowerCase();
-    if (connectedSlugs.has(slug) || seenSlugs.has(slug)) return false;
-    seenSlugs.add(slug);
-    return true;
-  });
-}