Function CodeSettingsPage

client-next/src/app/settings/code/page.tsx:43–234

()

];

export default function CodeSettingsPage() {
  const { config, saveConfig } = useApp();
  const [tools, setTools] = useState<SystemToolInfo[]>([]);
  const [loading, setLoading] = useState(true);
  const [backendUrl, setBackendUrl] = useState<string | null>(null);
  const [paths, setPaths] = useState<PathsInfo | null>(null);
  const [rules, setRules] = useState<RulesResponse | null>(null);

  useEffect(() => {
    const loadDetails = async () => {
      try {
        const [apiBaseUrl, pathsData, rulesData, toolsData] = await Promise.all([
          getApiBaseUrl(),
          getPaths(),
          getProjectRules(),
          getSystemTools(),
        ]);
        setBackendUrl(apiBaseUrl);
        setPaths(pathsData);
        setRules(rulesData);
        setTools(toolsData);
      } catch (err: any) {
        toast.error(err?.message || "Failed to load code settings metadata");
      } finally {
        setLoading(false);
      }
    };
    loadDetails();
  }, []);

  const toolMap = useMemo(() => {
    const map = new Map<string, SystemToolInfo>();
    tools.forEach((tool) => map.set(tool.name, tool));
    return map;
  }, [tools]);

  const updateLsp = (id: string, next: any) => {
    if (!config) return;
    saveConfig({
      ...config,
      lsp: {
        ...(config.lsp || {}),
        [id]: { ...(config.lsp?.[id] || {}), ...next },
      },
    });
  };

  const updateFormatter = (id: string, next: any) => {
    if (!config) return;
    saveConfig({
      ...config,
      formatter: {
        ...(config.formatter || {}),
        [id]: { ...(config.formatter?.[id] || {}), ...next },
      },
    });
  };