@akiojin/gwt 4.9.0 → 4.9.1

package/src/web/client/src/components/{CustomToolList.tsx → CustomCodingAgentList.tsx}

@@ -7,28 +7,28 @@ import {
 } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
-import type { CustomAITool } from "../../../../types/api.js";
+import type { ApiCodingAgent } from "../../../../types/api.js";
 
-interface CustomToolListProps {
-  tools: CustomAITool[];
-  onEdit: (tool: CustomAITool) => void;
-  onDelete: (tool: CustomAITool) => void;
+interface CustomCodingAgentListProps {
+  agents: ApiCodingAgent[];
+  onEdit: (agent: ApiCodingAgent) => void;
+  onDelete: (agent: ApiCodingAgent) => void;
 }
 
-export function CustomToolList({
-  tools,
+export function CustomCodingAgentList({
+  agents,
   onEdit,
   onDelete,
-}: CustomToolListProps) {
-  if (!tools.length) {
+}: CustomCodingAgentListProps) {
+  if (!agents.length) {
     return (
       <Card className="border-dashed">
         <CardContent className="flex flex-col items-center justify-center py-12 text-center">
           <h3 className="text-lg font-semibold">
-            カスタムツールが登録されていません
+            Custom Coding Agent が登録されていません
           </h3>
           <p className="mt-2 text-sm text-muted-foreground">
-            「カスタムツールを追加」から最初のツールを登録してください。
+            「Coding Agent を追加」から最初のエージェントを登録してください。
           </p>
         </CardContent>
       </Card>
@@ -37,59 +37,59 @@ export function CustomToolList({
 
   return (
     <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-      {tools.map((tool) => (
-        <Card key={tool.id} className="flex flex-col">
+      {agents.map((agent) => (
+        <Card key={agent.id} className="flex flex-col">
           <CardHeader className="pb-3">
             <div className="flex items-start justify-between gap-2">
               <div className="min-w-0 flex-1">
                 <p className="text-xs font-medium uppercase tracking-wider text-muted-foreground">
-                  ID: {tool.id}
+                  ID: {agent.id}
                 </p>
                 <h3 className="mt-1 flex items-center gap-2 font-semibold">
-                  {tool.icon && <span>{tool.icon}</span>}
-                  <span className="truncate">{tool.displayName}</span>
+                  {agent.icon && <span>{agent.icon}</span>}
+                  <span className="truncate">{agent.displayName}</span>
                 </h3>
               </div>
               <Badge variant="outline">
-                {renderExecutionLabel(tool.executionType)}
+                {renderExecutionLabel(agent.executionType)}
               </Badge>
             </div>
           </CardHeader>
 
           <CardContent className="flex-1 space-y-3 pb-3">
             <p className="rounded bg-muted px-2 py-1 font-mono text-sm">
-              {tool.command}
+              {agent.command}
             </p>
 
-            {tool.description && (
+            {agent.description && (
               <p className="text-sm text-muted-foreground">
-                {tool.description}
+                {agent.description}
               </p>
             )}
 
             <dl className="grid grid-cols-3 gap-2 text-xs">
               <div>
                 <dt className="text-muted-foreground">normal</dt>
-                <dd className="mt-0.5">{renderArgs(tool.modeArgs?.normal)}</dd>
+                <dd className="mt-0.5">{renderArgs(agent.modeArgs?.normal)}</dd>
               </div>
               <div>
                 <dt className="text-muted-foreground">continue</dt>
                 <dd className="mt-0.5">
-                  {renderArgs(tool.modeArgs?.continue)}
+                  {renderArgs(agent.modeArgs?.continue)}
                 </dd>
               </div>
               <div>
                 <dt className="text-muted-foreground">resume</dt>
-                <dd className="mt-0.5">{renderArgs(tool.modeArgs?.resume)}</dd>
+                <dd className="mt-0.5">{renderArgs(agent.modeArgs?.resume)}</dd>
               </div>
             </dl>
           </CardContent>
 
           <CardFooter className="flex gap-2 pt-0">
-            <Button variant="secondary" size="sm" onClick={() => onEdit(tool)}>
+            <Button variant="secondary" size="sm" onClick={() => onEdit(agent)}>
               編集
             </Button>
-            <Button variant="ghost" size="sm" onClick={() => onDelete(tool)}>
+            <Button variant="ghost" size="sm" onClick={() => onDelete(agent)}>
               削除
             </Button>
           </CardFooter>
@@ -99,7 +99,7 @@ export function CustomToolList({
   );
 }
 
-function renderExecutionLabel(type: CustomAITool["executionType"]) {
+function renderExecutionLabel(type: ApiCodingAgent["executionType"]) {
   switch (type) {
     case "path":
       return "実行ファイル";

package/src/web/client/src/components/branch-detail/SessionHistoryTable.tsx

@@ -14,8 +14,8 @@ import {
 interface SessionInfo {
   sessionId: string;
   worktreePath: string;
-  toolType: string;
-  toolName?: string | null;
+  agentType: string;
+  agentName?: string | null;
   mode?: string;
   status: "pending" | "running" | "completed" | "failed";
   startedAt?: string;
@@ -62,9 +62,9 @@ function formatDate(value?: string | null): string {
   }
 }
 
-function toolLabel(toolType: string, toolName?: string | null): string {
-  if (toolType === "custom") return toolName ?? "Custom";
-  if (toolType === "codex-cli") return "Codex CLI";
+function agentLabel(agentType: string, agentName?: string | null): string {
+  if (agentType === "custom") return agentName ?? "Custom";
+  if (agentType === "codex-cli") return "Codex CLI";
   return "Claude Code";
 }
 
@@ -93,7 +93,7 @@ export function SessionHistoryTable({
           )}
         </div>
         <p className="mt-2 text-sm text-muted-foreground">
-          この Worktree に紐づいた AI セッション履歴です。CLI
+          この Worktree に紐づいた Coding Agent セッション履歴です。CLI
           からの起動分も共有されます。
         </p>
       </CardHeader>
@@ -132,7 +132,7 @@ export function SessionHistoryTable({
                       </Badge>
                     </TableCell>
                     <TableCell className="font-medium">
-                      {toolLabel(session.toolType, session.toolName)}
+                      {agentLabel(session.agentType, session.agentName)}
                     </TableCell>
                     <TableCell>
                       <span className="text-muted-foreground">

package/src/web/client/src/components/branch-detail/ToolLauncher.tsx

@@ -13,14 +13,14 @@ import {
   SelectValue,
 } from "@/components/ui/select";
 import { cn } from "@/lib/utils";
-import type { CustomAITool, Branch } from "../../../../../types/api.js";
+import type { ApiCodingAgent, Branch } from "../../../../../types/api.js";
 
 type ToolMode = "normal" | "continue" | "resume";
 
 export type SelectableTool =
   | { id: "claude-code"; label: string; target: "claude" }
   | { id: "codex-cli"; label: string; target: "codex" }
-  | { id: string; label: string; target: "custom"; definition: CustomAITool };
+  | { id: string; label: string; target: "custom"; definition: ApiCodingAgent };
 
 interface ToolSummary {
   command: string;
@@ -139,13 +139,13 @@ export function ToolLauncher({
             <p className="text-xs font-medium uppercase tracking-wider text-muted-foreground">
               Tool Launcher
             </p>
-            <h3 className="mt-1 text-lg font-semibold">AIツール起動</h3>
+            <h3 className="mt-1 text-lg font-semibold">Coding Agent</h3>
           </div>
           {configError && <Badge variant="warning">設定の取得に失敗</Badge>}
         </div>
         <p className="mt-2 text-sm text-muted-foreground">
-          Web UI
-          から直接AIツールを起動できます。設定したカスタムツールも一覧に表示されます。
+          Web UI から直接 Coding Agent
+          を起動できます。設定したカスタムエージェントも一覧に表示されます。
         </p>
       </CardHeader>
 
@@ -159,14 +159,14 @@ export function ToolLauncher({
             {/* Form Grid */}
             <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
               <div className="space-y-2">
-                <label className="text-sm font-medium">AIツール</label>
+                <label className="text-sm font-medium">Coding Agent</label>
                 <Select
                   value={selectedToolId}
                   onValueChange={onToolChange}
                   disabled={isConfigLoading ?? false}
                 >
                   <SelectTrigger>
-                    <SelectValue placeholder="ツールを選択" />
+                    <SelectValue placeholder="Select Coding Agent" />
                   </SelectTrigger>
                   <SelectContent>
                     {availableTools.map((tool) => (
@@ -232,8 +232,8 @@ export function ToolLauncher({
                 <AlertDescription>
                   <p>
                     リモートに未取得の更新 ({branch.divergence?.behind ?? 0}{" "}
-                    commits)
-                    があるため、AIツールを起動する前に同期してください。
+                    commits) があるため、Coding Agent
+                    を起動する前に同期してください。
                   </p>
                   <p className="mt-1 text-xs text-muted-foreground">
                     CLI の `git fetch --all` と `git pull --ff-only`

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>