openpencil/apps/web/server/api/ai/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

52 lines
1.2 KiB
TypeScript

import { defineEventHandler } from 'h3';
import {
buildClaudeAgentEnv,
getClaudeAgentDebugFilePath,
} from '../../utils/resolve-claude-agent-env';
interface ModelInfo {
value: string;
displayName: string;
description: string;
}
let cachedModels: ModelInfo[] | null = null;
/**
* Returns the list of available AI models via Claude Agent SDK.
* Used as a fallback when no providers are explicitly connected.
*/
export default defineEventHandler(async () => {
if (cachedModels) {
return { models: cachedModels };
}
try {
const { query } = await import('@anthropic-ai/claude-agent-sdk');
const env = buildClaudeAgentEnv();
const debugFile = getClaudeAgentDebugFilePath();
const q = query({
prompt: '',
options: {
maxTurns: 1,
tools: [],
permissionMode: 'plan',
persistSession: false,
env,
...(debugFile ? { debugFile } : {}),
},
});
const models = await q.supportedModels();
cachedModels = models;
q.close();
return { models };
} catch (error) {
const message = error instanceof Error ? error.message : 'Unknown error';
return { models: [], error: message };
}
});