@akiojin/gwt 4.8.0 → 4.9.1

package/src/web/client/src/hooks/useSessions.ts

@@ -5,7 +5,7 @@
 import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
 import { sessionApi } from "../lib/api";
 import type {
-  AIToolSession,
+  CodingAgentSession,
   StartSessionRequest,
 } from "../../../../types/api.js";
 
@@ -13,7 +13,7 @@ import type {
  * セッション一覧を取得
  */
 export function useSessions() {
-  return useQuery<AIToolSession[]>({
+  return useQuery<CodingAgentSession[]>({
     queryKey: ["sessions"],
     queryFn: sessionApi.list,
   });
@@ -23,7 +23,7 @@ export function useSessions() {
  * 特定のセッション情報を取得
  */
 export function useSession(sessionId: string) {
-  return useQuery<AIToolSession>({
+  return useQuery<CodingAgentSession>({
     queryKey: ["sessions", sessionId],
     queryFn: () => sessionApi.get(sessionId),
     enabled: !!sessionId,
@@ -38,8 +38,8 @@ export function useStartSession() {
 
   return useMutation({
     mutationFn: (request: StartSessionRequest) => sessionApi.start(request),
-    onSuccess: (session: AIToolSession) => {
-      queryClient.setQueryData<AIToolSession[] | undefined>(
+    onSuccess: (session: CodingAgentSession) => {
+      queryClient.setQueryData<CodingAgentSession[] | undefined>(
         ["sessions"],
         (existing) => {
           const next =

package/src/web/client/src/lib/api.ts

@@ -8,7 +8,7 @@
 import type {
   Branch,
   Worktree,
-  AIToolSession,
+  CodingAgentSession,
   HealthResponse,
   CreateWorktreeRequest,
   StartSessionRequest,
@@ -137,15 +137,15 @@ export const sessionApi = {
   /**
    * すべてのセッション一覧を取得
    */
-  list: async (): Promise<AIToolSession[]> => {
-    return apiFetch<AIToolSession[]>(`${API_BASE}/sessions`);
+  list: async (): Promise<CodingAgentSession[]> => {
+    return apiFetch<CodingAgentSession[]>(`${API_BASE}/sessions`);
   },
 
   /**
    * 新しいセッションを開始
    */
-  start: async (request: StartSessionRequest): Promise<AIToolSession> => {
-    return apiFetch<AIToolSession>(`${API_BASE}/sessions`, {
+  start: async (request: StartSessionRequest): Promise<CodingAgentSession> => {
+    return apiFetch<CodingAgentSession>(`${API_BASE}/sessions`, {
       method: "POST",
       body: JSON.stringify(request),
     });
@@ -154,8 +154,8 @@ export const sessionApi = {
   /**
    * 特定のセッション情報を取得
    */
-  get: async (sessionId: string): Promise<AIToolSession> => {
-    return apiFetch<AIToolSession>(`${API_BASE}/sessions/${sessionId}`);
+  get: async (sessionId: string): Promise<CodingAgentSession> => {
+    return apiFetch<CodingAgentSession>(`${API_BASE}/sessions/${sessionId}`);
   },
 
   /**
@@ -173,7 +173,7 @@ export const sessionApi = {
  */
 export const configApi = {
   /**
-   * カスタムAI Tool設定を取得
+   * カスタム Coding Agent 設定を取得
    */
   get: async (): Promise<ConfigPayload> => apiFetch(`${API_BASE}/config`),
   update: async (request: ConfigPayload): Promise<ConfigPayload> =>

package/src/web/client/src/pages/BranchDetailPage.tsx

@@ -22,7 +22,7 @@ import {
 } from "@/components/branch-detail";
 import type {
   Branch,
-  CustomAITool,
+  ApiCodingAgent,
   LastToolUsage,
 } from "../../../../types/api.js";
 
@@ -88,22 +88,22 @@ export function BranchDetailPage() {
     };
   }, [isTerminalFullscreen]);
 
-  // Available tools - must be before conditional returns
-  const customTools: CustomAITool[] = config?.tools ?? [];
+  // Available coding agents - must be before conditional returns
+  const customAgents: ApiCodingAgent[] = config?.codingAgents ?? [];
   const availableTools: SelectableTool[] = useMemo(
     () => [
       { id: "claude-code", label: "Claude Code", target: "claude" },
       { id: "codex-cli", label: "Codex CLI", target: "codex" },
-      ...customTools.map(
-        (tool): SelectableTool => ({
-          id: tool.id,
-          label: tool.displayName,
+      ...customAgents.map(
+        (agent): SelectableTool => ({
+          id: agent.id,
+          label: agent.displayName,
           target: "custom" as const,
-          definition: tool,
+          definition: agent,
         }),
       ),
     ],
-    [customTools],
+    [customAgents],
   );
 
   // Ensure selected tool is valid - must be before conditional returns
@@ -135,13 +135,13 @@ export function BranchDetailPage() {
       branch: branch.name,
       worktreePath: branch.worktreePath ?? null,
       toolId:
-        first.toolType === "custom"
-          ? (first.toolName ?? "custom")
-          : (first.toolType as LastToolUsage["toolId"]),
+        first.agentType === "custom"
+          ? (first.agentName ?? "custom")
+          : (first.agentType as LastToolUsage["toolId"]),
       toolLabel:
-        first.toolType === "custom"
-          ? (first.toolName ?? "Custom")
-          : toolLabel(first.toolType),
+        first.agentType === "custom"
+          ? (first.agentName ?? "Custom")
+          : agentLabel(first.agentType),
       mode: first.mode ?? "normal",
       model: null,
       timestamp: first.startedAt ? Date.parse(first.startedAt) : Date.now(),
@@ -257,7 +257,7 @@ export function BranchDetailPage() {
     if (!selectedTool) {
       setBanner({
         type: "error",
-        message: "起動するAIツールを選択してください",
+        message: "起動する Coding Agent を選択してください",
       });
       return;
     }
@@ -265,7 +265,7 @@ export function BranchDetailPage() {
     if (needsRemoteSync) {
       setBanner({
         type: "error",
-        message: "リモートの更新を取り込むまでAIツールは起動できません。",
+        message: "リモートの更新を取り込むまで Coding Agent は起動できません。",
       });
       return;
     }
@@ -287,7 +287,7 @@ export function BranchDetailPage() {
 
     setIsStartingSession(true);
     try {
-      const toolType: ToolType =
+      const agentType: ToolType =
         selectedTool.target === "codex"
           ? "codex-cli"
           : selectedTool.target === "custom"
@@ -298,10 +298,10 @@ export function BranchDetailPage() {
         .map((c) => c.trim())
         .filter(Boolean);
       const sessionRequest = {
-        toolType,
-        toolName: selectedTool.target === "custom" ? selectedTool.id : null,
+        agentType,
+        agentName: selectedTool.target === "custom" ? selectedTool.id : null,
         ...(selectedTool.target === "custom"
-          ? { customToolId: selectedTool.id }
+          ? { customAgentId: selectedTool.id }
           : {}),
         mode: selectedMode,
         worktreePath: branch.worktreePath,
@@ -317,7 +317,7 @@ export function BranchDetailPage() {
       setIsTerminalFullscreen(false);
       setBanner({
         type: "info",
-        message: `${toolLabel(toolType, selectedTool)} を起動しました。`,
+        message: `${agentLabel(agentType, selectedTool)} を起動しました。`,
       });
     } catch (err) {
       setBanner({
@@ -438,7 +438,7 @@ export function BranchDetailPage() {
             </Button>
           ) : (
             <Button variant="secondary" asChild>
-              <Link to="/config">カスタムツール設定</Link>
+              <Link to="/config">Custom Coding Agent</Link>
             </Button>
           )}
         </div>
@@ -547,9 +547,9 @@ function formatError(error: unknown, fallback: string): string {
   return fallback;
 }
 
-function toolLabel(tool: string, selectedTool?: SelectableTool): string {
-  if (tool === "custom" && selectedTool?.target === "custom")
+function agentLabel(agentType: string, selectedTool?: SelectableTool): string {
+  if (agentType === "custom" && selectedTool?.target === "custom")
     return selectedTool.label;
-  if (tool === "codex-cli") return "Codex CLI";
+  if (agentType === "codex-cli") return "Codex CLI";
   return "Claude Code";
 }

package/src/web/client/src/pages/ConfigManagementPage.tsx

@@ -2,7 +2,7 @@ import React, { useEffect, useMemo, useState } from "react";
 import { Link } from "react-router-dom";
 import type {
   ConfigPayload,
-  CustomAITool,
+  ApiCodingAgent,
   EnvironmentVariable,
 } from "../../../../types/api.js";
 import { useConfig, useUpdateConfig } from "../hooks/useConfig";
@@ -39,15 +39,17 @@ function buildPayload(
   sharedEnv: EnvRow[],
   toolState: ToolEnvState,
 ): ConfigPayload {
-  const tools: CustomAITool[] = (base?.tools ?? []).map((tool) => ({
-    ...tool,
-    env: serializeRows(toolState[tool.id] ?? []),
-  }));
+  const codingAgents: ApiCodingAgent[] = (base?.codingAgents ?? []).map(
+    (agent) => ({
+      ...agent,
+      env: serializeRows(toolState[agent.id] ?? []),
+    }),
+  );
 
   return {
     version: base?.version ?? "1.0.0",
     env: serializeRows(sharedEnv),
-    tools,
+    codingAgents,
   };
 }
 
@@ -65,8 +67,8 @@ export function ConfigManagementPage() {
     if (!data) return;
     setSharedEnv(rowsFromVariables(data.env));
     const toolState: ToolEnvState = {};
-    data.tools?.forEach((tool) => {
-      toolState[tool.id] = rowsFromVariables(tool.env);
+    data.codingAgents?.forEach((agent) => {
+      toolState[agent.id] = rowsFromVariables(agent.env);
     });
     setToolEnv(toolState);
   }, [data]);
@@ -102,8 +104,11 @@ export function ConfigManagementPage() {
     if (serializedOriginalShared !== serializedCurrentShared) return true;
     if (!data) return false;
     const currentTool =
-      data.tools?.map((tool) => serializeRows(toolEnv[tool.id] ?? [])) ?? [];
-    const originalTool = data.tools?.map((tool) => tool.env ?? []) ?? [];
+      data.codingAgents?.map((agent) =>
+        serializeRows(toolEnv[agent.id] ?? []),
+      ) ?? [];
+    const originalTool =
+      data.codingAgents?.map((agent) => agent.env ?? []) ?? [];
     return JSON.stringify(currentTool) !== JSON.stringify(originalTool);
   }, [data, serializedOriginalShared, serializedCurrentShared, toolEnv]);
 
@@ -195,41 +200,44 @@ export function ConfigManagementPage() {
           <CardContent className="pt-6">
             <EnvEditor
               title="共通環境変数"
-              description="全てのAIツールで共有される値。PAT やプロキシ設定などはこちらに入力してください。"
+              description="全ての Coding Agent で共有される値。PAT やプロキシ設定などはこちらに入力してください。"
               rows={sharedEnv}
               onChange={setSharedEnv}
             />
           </CardContent>
         </Card>
 
-        {/* Tool-specific Environment Variables */}
+        {/* Agent-specific Environment Variables */}
         <Card>
           <CardHeader className="pb-3">
             <p className="text-xs font-medium uppercase tracking-wider text-muted-foreground">
-              Tool-specific
+              Agent-specific
             </p>
-            <h3 className="mt-1 text-lg font-semibold">ツール固有の環境変数</h3>
+            <h3 className="mt-1 text-lg font-semibold">
+              Coding Agent 固有の環境変数
+            </h3>
             <p className="mt-2 text-sm text-muted-foreground">
-              各ツール固有に上書きしたい値がある場合はこちらから設定します。
-              共通設定との競合がある場合はツール設定が優先されます。
+              各 Coding Agent
+              固有に上書きしたい値がある場合はこちらから設定します。
+              共通設定との競合がある場合はエージェント設定が優先されます。
             </p>
           </CardHeader>
           <CardContent className="space-y-6">
-            {data?.tools?.map((tool) => (
-              <div key={tool.id} className="rounded-lg border p-4">
+            {data?.codingAgents?.map((agent) => (
+              <div key={agent.id} className="rounded-lg border p-4">
                 <EnvEditor
-                  title={tool.displayName}
-                  description={`${tool.executionType} / ${tool.command}`}
-                  rows={toolEnv[tool.id] ?? []}
+                  title={agent.displayName}
+                  description={`${agent.executionType} / ${agent.command}`}
+                  rows={toolEnv[agent.id] ?? []}
                   onChange={(rows) =>
-                    setToolEnv((prev) => ({ ...prev, [tool.id]: rows }))
+                    setToolEnv((prev) => ({ ...prev, [agent.id]: rows }))
                   }
                 />
               </div>
             ))}
-            {!data?.tools?.length && (
+            {!data?.codingAgents?.length && (
               <p className="py-4 text-center text-sm text-muted-foreground">
-                登録されているツールがありません。
+                登録されている Coding Agent がありません。
               </p>
             )}
           </CardContent>

package/src/web/client/src/pages/ConfigPage.tsx

@@ -1,15 +1,15 @@
 import React, { useEffect, useMemo, useState } from "react";
 import { Link } from "react-router-dom";
 import type {
-  CustomAITool,
+  ApiCodingAgent,
   EnvironmentVariable,
 } from "../../../../types/api.js";
 import { useConfig, useUpdateConfig } from "../hooks/useConfig";
-import { CustomToolList } from "../components/CustomToolList";
+import { CustomCodingAgentList } from "../components/CustomCodingAgentList";
 import {
-  CustomToolForm,
-  type CustomToolFormValue,
-} from "../components/CustomToolForm";
+  CustomCodingAgentForm,
+  type CustomCodingAgentFormValue,
+} from "../components/CustomCodingAgentForm";
 import {
   EnvironmentEditor,
   type EnvEntry,
@@ -31,8 +31,8 @@ const ENV_VALUE_MAX = 500;
 export function ConfigPage() {
   const { data, isLoading, error } = useConfig();
   const updateConfig = useUpdateConfig();
-  const [tools, setTools] = useState<CustomAITool[]>([]);
-  const [editingTool, setEditingTool] = useState<CustomAITool | undefined>(
+  const [agents, setAgents] = useState<ApiCodingAgent[]>([]);
+  const [editingAgent, setEditingAgent] = useState<ApiCodingAgent | undefined>(
     undefined,
   );
   const [banner, setBanner] = useState<BannerState | null>(null);
@@ -40,36 +40,36 @@ export function ConfigPage() {
   const [envEntries, setEnvEntries] = useState<EnvEntry[]>([]);
 
   useEffect(() => {
-    if (data?.tools) setTools(data.tools);
+    if (data?.codingAgents) setAgents(data.codingAgents);
     if (data) setEnvEntries(entriesFromVariables(data.env));
   }, [data]);
 
-  const sortedTools = useMemo(() => {
-    return [...tools].sort((a, b) =>
+  const sortedAgents = useMemo(() => {
+    return [...agents].sort((a, b) =>
       a.displayName.localeCompare(b.displayName, "ja"),
     );
-  }, [tools]);
+  }, [agents]);
 
-  const handleEdit = (tool: CustomAITool) => {
-    setEditingTool(tool);
+  const handleEdit = (agent: ApiCodingAgent) => {
+    setEditingAgent(agent);
     setIsCreating(false);
   };
 
-  const handleDelete = (tool: CustomAITool) => {
-    if (!window.confirm(`${tool.displayName} を削除しますか？`)) return;
-    const next = tools.filter((t) => t.id !== tool.id);
-    persistConfig(next, envEntries, `${tool.displayName} を削除しました。`);
+  const handleDelete = (agent: ApiCodingAgent) => {
+    if (!window.confirm(`${agent.displayName} を削除しますか？`)) return;
+    const next = agents.filter((a) => a.id !== agent.id);
+    persistConfig(next, envEntries, `${agent.displayName} を削除しました。`);
   };
 
   const handleCreate = () => {
-    setEditingTool(undefined);
+    setEditingAgent(undefined);
     setIsCreating(true);
   };
 
-  const handleFormSubmit = (value: CustomToolFormValue) => {
+  const handleFormSubmit = (value: CustomCodingAgentFormValue) => {
     const now = new Date().toISOString();
-    const existing = tools.find((tool) => tool.id === value.id);
-    const nextTool: CustomAITool = {
+    const existing = agents.find((agent) => agent.id === value.id);
+    const nextAgent: ApiCodingAgent = {
       id: value.id,
       displayName: value.displayName,
       icon: value.icon ?? null,
@@ -89,21 +89,21 @@ export function ConfigPage() {
     };
 
     const nextList = existing
-      ? tools.map((tool) => (tool.id === nextTool.id ? nextTool : tool))
-      : [...tools, nextTool];
+      ? agents.map((agent) => (agent.id === nextAgent.id ? nextAgent : agent))
+      : [...agents, nextAgent];
 
     persistConfig(
       nextList,
       envEntries,
-      `${nextTool.displayName} を保存しました。`,
+      `${nextAgent.displayName} を保存しました。`,
     );
   };
 
   const persistConfig = (
-    nextTools: CustomAITool[],
+    nextAgents: ApiCodingAgent[],
     nextEnvEntries: EnvEntry[],
     successMessage: string,
-    options?: { resetToolForm?: boolean },
+    options?: { resetForm?: boolean },
   ) => {
     let envPayload: EnvironmentVariable[];
     try {
@@ -116,13 +116,17 @@ export function ConfigPage() {
 
     const nextVersion = data?.version ?? "1.0.0";
     updateConfig
-      .mutateAsync({ version: nextVersion, tools: nextTools, env: envPayload })
+      .mutateAsync({
+        version: nextVersion,
+        codingAgents: nextAgents,
+        env: envPayload,
+      })
       .then((response) => {
-        setTools(response.tools);
+        setAgents(response.codingAgents);
         setEnvEntries(entriesFromVariables(response.env));
         setBanner({ type: "success", message: successMessage });
-        if (options?.resetToolForm ?? true) {
-          setEditingTool(undefined);
+        if (options?.resetForm ?? true) {
+          setEditingAgent(undefined);
           setIsCreating(false);
         }
       })
@@ -154,15 +158,15 @@ export function ConfigPage() {
   const handleEnvRemove = (id: string) =>
     setEnvEntries((prev) => prev.filter((e) => e.id !== id));
   const handleEnvSave = () =>
-    persistConfig(tools, envEntries, "環境変数を保存しました。", {
-      resetToolForm: false,
+    persistConfig(agents, envEntries, "環境変数を保存しました。", {
+      resetForm: false,
     });
   const handleCancel = () => {
-    setEditingTool(undefined);
+    setEditingAgent(undefined);
     setIsCreating(false);
   };
 
-  const activeFormTool = isCreating ? undefined : editingTool;
+  const activeFormAgent = isCreating ? undefined : editingAgent;
 
   // Loading state
   if (isLoading) {
@@ -170,7 +174,7 @@ export function ConfigPage() {
       <div className="min-h-screen bg-background">
         <PageHeader
           eyebrow="CONFIGURATION"
-          title="カスタムAIツール設定"
+          title="Custom Coding Agent"
           subtitle="読み込み中..."
         />
         <main className="mx-auto max-w-7xl px-6 py-8">
@@ -207,15 +211,15 @@ export function ConfigPage() {
     <div className="min-h-screen bg-background">
       <PageHeader
         eyebrow="CONFIGURATION"
-        title="カスタムAIツール設定"
-        subtitle="tools.json を編集して、独自のAIツールをCLI / Web UI 両方から利用できます。"
+        title="Custom Coding Agent"
+        subtitle="tools.json を編集して、独自の Coding Agent を CLI / Web UI 両方から利用できます。"
       >
         <div className="mt-4 flex flex-wrap gap-2">
           <Button variant="ghost" size="sm" asChild>
             <Link to="/">← ブランチ一覧</Link>
           </Button>
           <Button variant="secondary" onClick={handleCreate}>
-            カスタムツールを追加
+            Coding Agent を追加
           </Button>
         </div>
       </PageHeader>
@@ -251,8 +255,8 @@ export function ConfigPage() {
             </p>
             <h3 className="mt-1 text-lg font-semibold">共有環境変数</h3>
             <p className="mt-2 text-sm text-muted-foreground">
-              Web UI で起動する AI
-              ツールはここに定義された環境変数を自動的に引き継ぎます。
+              Web UI で起動する Coding Agent
+              はここに定義された環境変数を自動的に引き継ぎます。
             </p>
           </CardHeader>
           <CardContent>
@@ -267,33 +271,35 @@ export function ConfigPage() {
           </CardContent>
         </Card>
 
-        {/* Tool List */}
+        {/* Coding Agent List */}
         <Card>
           <CardHeader className="pb-3">
             <p className="text-xs font-medium uppercase tracking-wider text-muted-foreground">
-              Registered Tools
+              Registered Coding Agents
             </p>
-            <h3 className="mt-1 text-lg font-semibold">登録済みツール</h3>
+            <h3 className="mt-1 text-lg font-semibold">
+              登録済み Coding Agent
+            </h3>
             <p className="mt-2 text-sm text-muted-foreground">
-              CLI と Web UI は同じ設定を参照します。更新すると
-              ~/.claude-worktree/tools.json に保存されます。
+              CLI と Web UI は同じ設定を参照します。更新すると ~/.gwt/tools.json
+              に保存されます。
             </p>
           </CardHeader>
           <CardContent>
-            <CustomToolList
-              tools={sortedTools}
+            <CustomCodingAgentList
+              agents={sortedAgents}
               onEdit={handleEdit}
               onDelete={handleDelete}
             />
           </CardContent>
         </Card>
 
-        {/* Tool Form */}
-        {(isCreating || editingTool) && (
+        {/* Coding Agent Form */}
+        {(isCreating || editingAgent) && (
           <Card>
             <CardContent className="pt-6">
-              <CustomToolForm
-                {...(activeFormTool ? { initialValue: activeFormTool } : {})}
+              <CustomCodingAgentForm
+                {...(activeFormAgent ? { initialValue: activeFormAgent } : {})}
                 onSubmit={handleFormSubmit}
                 onCancel={handleCancel}
                 isSaving={updateConfig.isPending}

package/src/web/server/env/importer.ts

@@ -1,4 +1,7 @@
-import { loadToolsConfig, saveToolsConfig } from "../../../config/tools.js";
+import {
+  loadCodingAgentsConfig,
+  saveCodingAgentsConfig,
+} from "../../../config/tools.js";
 import { recordEnvHistory } from "../../../config/env-history.js";
 import type { EnvironmentHistoryEntry } from "../../../types/api.js";
 import { createLogger } from "../../../logging/logger.js";
@@ -18,7 +21,7 @@ const IMPORTABLE_KEYS = [
 const importedKeySet = new Set<string>();
 
 export async function importOsEnvIntoSharedConfig(): Promise<string[]> {
-  const config = await loadToolsConfig();
+  const config = await loadCodingAgentsConfig();
   const sharedEnv = { ...(config.env ?? {}) };
   const importedKeys: string[] = [];
 
@@ -36,7 +39,7 @@ export async function importOsEnvIntoSharedConfig(): Promise<string[]> {
     return [];
   }
 
-  await saveToolsConfig({
+  await saveCodingAgentsConfig({
     ...config,
     env: sharedEnv,
   });