import { createLogger } from '../utils/logger';
import { getContext, updateContext } from '../utils/contextStore';
import { getLlmClient } from '../llm/llmRouter';
import { uxDesignerPrompt } from '../utils/promptTemplates';

const logger = createLogger('uxDesigner');

export const runUxDesigner = async () => {
  logger.start();
  const context = getContext();
  const { spec } = context;

  const llmClient = getLlmClient();
  const prompt = uxDesignerPrompt.replace('{{spec}}', JSON.stringify(spec, null, 2));

  const report = await llmClient.generate(prompt);

  updateContext({ agents: { ...(context.agents || {}), uxDesigner: { output: report, completed: true } } });
  logger.stop();
  logger.success('Generated UX design report.');
  return report;
};