openpencil/apps/web/server/api/ai/provider-models.ts
Kayshen-X a7d73ebb62 feat(ai): pencil-style agentic design tool-loop, multi-chat tabs, #27 panel restyle
Built-in design generation now runs as an agentic MCP tool-loop (reusing the
agent-rs BuiltInProvider), gated behind OPENPENCIL_DESIGN_AGENT_LOOP / the
Settings experimental toggle; the orchestrator stays the default.

- design-agent system prompt + in-process design toolset (parity-locked with
  the MCP surface) + flag-gated Intent::Design routing
- spawn_agents execution as sequential sub-loops + live creation-mode badges
  (per-agent glow + 'N/M designing...' header)
- new MCP tools: get_guidelines, ToolSearch, get_screenshot, get_editor_state,
  export_nodes, spawn_agents; style-guide local audit
- #27 AI panel restyle: rounded tool cards + green check-rings, gray user
  bubbles, model-pill bottom toolbar, header, empty-state pills, the
  PARALLEL AGENTS (agent_team_size) 1x-6x chip dropdown
- multi-chat tabs: ChatSessions model (Deref-to-active) + tab row UI
  (switch / close / + / Cmd+T) with each run bound to its tab

Large checkpoint commit spanning the working tree (Rust shell crates).
2026-07-02 21:21:06 +08:00

69 lines
2.1 KiB
TypeScript

import { defineEventHandler, readBody } from 'h3';
import { buildProviderModelsURL, formatFetchError, normalizeOptionalBaseURL } from './provider-url';
interface ProviderModelsBody {
baseURL: string;
apiKey?: string;
}
interface ModelEntry {
id: string;
name: string;
}
/**
* POST /api/ai/provider-models
* Proxies model list requests to external providers to avoid CORS issues.
* Body: { baseURL: string, apiKey?: string }
* Returns: { models: Array<{ id: string, name: string }> }
*/
export default defineEventHandler(async (event) => {
const body = await readBody<ProviderModelsBody>(event);
const normalizedBaseURL = normalizeOptionalBaseURL(body?.baseURL);
const apiKey = body?.apiKey;
if (!normalizedBaseURL) {
return { models: [], error: 'baseURL is required' };
}
const url = buildProviderModelsURL(normalizedBaseURL);
const headers: Record<string, string> = {
Accept: 'application/json',
};
if (apiKey) {
headers.Authorization = `Bearer ${apiKey}`;
}
try {
const res = await fetch(url, { headers, signal: AbortSignal.timeout(10_000) });
if (!res.ok) {
const text = await res.text().catch(() => '');
return { models: [], error: `Provider returned ${res.status}: ${text.slice(0, 200)}` };
}
const json = (await res.json()) as Record<string, unknown>;
// Handle different response formats: { data: [...] } (OpenAI), { models: [...] }, or [...]
const rawModels = Array.isArray(json.data)
? json.data
: Array.isArray(json.models)
? json.models
: Array.isArray(json)
? json
: null;
if (!rawModels) {
return { models: [], error: 'Unexpected response format (no model array found)' };
}
const models: ModelEntry[] = (rawModels as Array<Record<string, unknown>>)
.filter((m) => m.id)
.map((m) => ({
id: String(m.id),
name: (typeof m.name === 'string' ? m.name : '') || String(m.id),
}))
.sort((a, b) => a.name.localeCompare(b.name));
return { models };
} catch (err) {
return { models: [], error: formatFetchError(err) };
}
});