@akiojin/gwt 4.8.0 → 4.9.1

package/src/web/client/src/components/{AIToolLaunchModal.tsx → CodingAgentLaunchModal.tsx}

@@ -11,18 +11,18 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/components/ui/select";
-import type { Branch, CustomAITool } from "../../../../types/api.js";
+import type { Branch, ApiCodingAgent } from "../../../../types/api.js";
 import {
   CLAUDE_PERMISSION_SKIP_ARGS,
   CODEX_DEFAULT_ARGS,
-} from "../../../../shared/aiToolConstants.js";
+} from "../../../../shared/codingAgentConstants.js";
 import { useConfig } from "../hooks/useConfig";
 import { useStartSession } from "../hooks/useSessions";
 import { useCreateWorktree } from "../hooks/useWorktrees";
 import { useSyncBranch } from "../hooks/useBranches";
 import { ApiError } from "../lib/api";
 
-const BUILTIN_TOOL_SUMMARIES: Record<string, ToolSummary> = {
+const BUILTIN_AGENT_SUMMARIES: Record<string, AgentSummary> = {
   "claude-code": {
     command: "claude",
     defaultArgs: [],
@@ -44,7 +44,7 @@ const BUILTIN_TOOL_SUMMARIES: Record<string, ToolSummary> = {
   },
 };
 
-interface ToolSummary {
+interface AgentSummary {
   command: string;
   defaultArgs?: string[] | null;
   modeArgs?: {
@@ -55,19 +55,22 @@ interface ToolSummary {
   permissionSkipArgs?: string[] | null;
 }
 
-interface AIToolLaunchModalProps {
+interface CodingAgentLaunchModalProps {
   branch: Branch;
   onClose: () => void;
 }
 
-type ToolMode = "normal" | "continue" | "resume";
+type AgentMode = "normal" | "continue" | "resume";
 
-type SelectableTool =
+type SelectableAgent =
   | { 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 };
 
-export function AIToolLaunchModal({ branch, onClose }: AIToolLaunchModalProps) {
+export function CodingAgentLaunchModal({
+  branch,
+  onClose,
+}: CodingAgentLaunchModalProps) {
   const {
     data: config,
     isLoading: isConfigLoading,
@@ -78,8 +81,8 @@ export function AIToolLaunchModal({ branch, onClose }: AIToolLaunchModalProps) {
   const syncBranch = useSyncBranch(branch.name);
   const navigate = useNavigate();
 
-  const [selectedToolId, setSelectedToolId] = useState<string>("claude-code");
-  const [selectedMode, setSelectedMode] = useState<ToolMode>("normal");
+  const [selectedAgentId, setSelectedAgentId] = useState<string>("claude-code");
+  const [selectedMode, setSelectedMode] = useState<AgentMode>("normal");
   const [skipPermissions, setSkipPermissions] = useState(false);
   const [extraArgsText, setExtraArgsText] = useState("");
   const [banner, setBanner] = useState<{
@@ -89,74 +92,74 @@ export function AIToolLaunchModal({ branch, onClose }: AIToolLaunchModalProps) {
   const [isStartingSession, setIsStartingSession] = useState(false);
   const [isCreatingWorktree, setIsCreatingWorktree] = useState(false);
 
-  const customTools = config?.tools ?? [];
-  const availableTools: SelectableTool[] = useMemo(
+  const customAgents = config?.codingAgents ?? [];
+  const availableAgents: SelectableAgent[] = useMemo(
     () => [
       { id: "claude-code", label: "Claude Code", target: "claude" },
       { id: "codex-cli", label: "Codex CLI", target: "codex" },
-      ...customTools.map((tool) => ({
-        id: tool.id,
-        label: tool.displayName,
+      ...customAgents.map((agent) => ({
+        id: agent.id,
+        label: agent.displayName,
         target: "custom" as const,
-        definition: tool,
+        definition: agent,
       })),
     ],
-    [customTools],
+    [customAgents],
   );
 
   useEffect(() => {
-    if (!availableTools.length) {
-      setSelectedToolId("claude-code");
+    if (!availableAgents.length) {
+      setSelectedAgentId("claude-code");
       return;
     }
-    if (!availableTools.find((tool) => tool.id === selectedToolId)) {
-      const first = availableTools[0];
+    if (!availableAgents.find((agent) => agent.id === selectedAgentId)) {
+      const first = availableAgents[0];
       if (first) {
-        setSelectedToolId(first.id);
+        setSelectedAgentId(first.id);
       }
     }
-  }, [availableTools, selectedToolId]);
+  }, [availableAgents, selectedAgentId]);
 
-  const selectedTool = availableTools.find(
-    (tool) => tool.id === selectedToolId,
+  const selectedAgent = availableAgents.find(
+    (agent) => agent.id === selectedAgentId,
   );
 
-  const selectedToolSummary: ToolSummary | null = useMemo(() => {
-    if (!selectedTool) {
+  const selectedAgentSummary: AgentSummary | null = useMemo(() => {
+    if (!selectedAgent) {
       return null;
     }
-    if (selectedTool.target === "custom") {
+    if (selectedAgent.target === "custom") {
       return {
-        command: selectedTool.definition.command,
-        defaultArgs: selectedTool.definition.defaultArgs ?? null,
-        modeArgs: selectedTool.definition.modeArgs,
-        permissionSkipArgs: selectedTool.definition.permissionSkipArgs ?? null,
+        command: selectedAgent.definition.command,
+        defaultArgs: selectedAgent.definition.defaultArgs ?? null,
+        modeArgs: selectedAgent.definition.modeArgs,
+        permissionSkipArgs: selectedAgent.definition.permissionSkipArgs ?? null,
       };
     }
-    return BUILTIN_TOOL_SUMMARIES[selectedTool.id] ?? null;
-  }, [selectedTool]);
+    return BUILTIN_AGENT_SUMMARIES[selectedAgent.id] ?? null;
+  }, [selectedAgent]);
 
   const argsPreview = useMemo(() => {
-    if (!selectedToolSummary) {
+    if (!selectedAgentSummary) {
       return null;
     }
     const args: string[] = [];
-    if (selectedToolSummary.defaultArgs?.length) {
-      args.push(...selectedToolSummary.defaultArgs);
+    if (selectedAgentSummary.defaultArgs?.length) {
+      args.push(...selectedAgentSummary.defaultArgs);
     }
-    const mode = selectedToolSummary.modeArgs?.[selectedMode];
+    const mode = selectedAgentSummary.modeArgs?.[selectedMode];
     if (mode?.length) {
       args.push(...mode);
     }
-    if (skipPermissions && selectedToolSummary.permissionSkipArgs?.length) {
-      args.push(...selectedToolSummary.permissionSkipArgs);
+    if (skipPermissions && selectedAgentSummary.permissionSkipArgs?.length) {
+      args.push(...selectedAgentSummary.permissionSkipArgs);
     }
     const extraArgs = parseExtraArgs(extraArgsText);
     if (extraArgs.length) {
       args.push(...extraArgs);
     }
-    return { command: selectedToolSummary.command, args };
-  }, [selectedToolSummary, selectedMode, skipPermissions, extraArgsText]);
+    return { command: selectedAgentSummary.command, args };
+  }, [selectedAgentSummary, selectedMode, skipPermissions, extraArgsText]);
 
   const PROTECTED_BRANCHES = ["main", "master", "develop"];
   const isProtectedBranch = PROTECTED_BRANCHES.includes(
@@ -256,8 +259,8 @@ export function AIToolLaunchModal({ branch, onClose }: AIToolLaunchModalProps) {
       });
       return;
     }
-    if (!selectedTool) {
-      setBanner({ type: "error", message: "Select an AI tool to launch." });
+    if (!selectedAgent) {
+      setBanner({ type: "error", message: "Select a coding agent to launch." });
       return;
     }
     if (needsRemoteSync) {
@@ -285,23 +288,23 @@ export function AIToolLaunchModal({ branch, onClose }: AIToolLaunchModalProps) {
 
     setIsStartingSession(true);
     try {
-      const toolType =
-        selectedTool.target === "codex"
+      const agentType =
+        selectedAgent.target === "codex"
           ? "codex-cli"
-          : selectedTool.target === "custom"
+          : selectedAgent.target === "custom"
             ? "custom"
             : "claude-code";
       const extraArgs = parseExtraArgs(extraArgsText);
       const sessionRequest = {
-        toolType,
-        toolName: selectedTool.target === "custom" ? selectedTool.id : null,
-        ...(selectedTool.target === "custom"
-          ? { customToolId: selectedTool.id }
+        agentType,
+        agentName: selectedAgent.target === "custom" ? selectedAgent.id : null,
+        ...(selectedAgent.target === "custom"
+          ? { customAgentId: selectedAgent.id }
           : {}),
         mode: selectedMode,
         worktreePath: branch.worktreePath,
         skipPermissions,
-        ...(selectedTool.target === "codex"
+        ...(selectedAgent.target === "codex"
           ? { bypassApprovals: skipPermissions }
           : {}),
         ...(extraArgs.length ? { extraArgs } : {}),
@@ -333,7 +336,7 @@ export function AIToolLaunchModal({ branch, onClose }: AIToolLaunchModalProps) {
           <div className="flex items-start justify-between gap-4">
             <div>
               <p className="text-xs font-medium uppercase tracking-wider text-muted-foreground">
-                Launch AI Tool
+                Launch Coding Agent
               </p>
               <h2 className="mt-1 text-lg font-semibold">{branch.name}</h2>
             </div>
@@ -379,7 +382,8 @@ export function AIToolLaunchModal({ branch, onClose }: AIToolLaunchModalProps) {
                 ) : (
                   <>
                     <p>
-                      Worktree is missing. Create it before launching AI tools.
+                      Worktree is missing. Create it before launching coding
+                      agents.
                     </p>
                     <Button
                       variant="secondary"
@@ -415,19 +419,19 @@ export function AIToolLaunchModal({ branch, onClose }: AIToolLaunchModalProps) {
 
           <div className="grid gap-4 sm:grid-cols-3">
             <div className="space-y-2">
-              <label className="text-sm font-medium">AI tool</label>
+              <label className="text-sm font-medium">Coding agent</label>
               <Select
-                value={selectedToolId}
-                onValueChange={setSelectedToolId}
+                value={selectedAgentId}
+                onValueChange={setSelectedAgentId}
                 disabled={isConfigLoading ?? false}
               >
                 <SelectTrigger>
                   <SelectValue />
                 </SelectTrigger>
                 <SelectContent>
-                  {availableTools.map((tool) => (
-                    <SelectItem key={tool.id} value={tool.id}>
-                      {tool.label}
+                  {availableAgents.map((agent) => (
+                    <SelectItem key={agent.id} value={agent.id}>
+                      {agent.label}
                     </SelectItem>
                   ))}
                 </SelectContent>
@@ -438,7 +442,7 @@ export function AIToolLaunchModal({ branch, onClose }: AIToolLaunchModalProps) {
               <label className="text-sm font-medium">Launch mode</label>
               <Select
                 value={selectedMode}
-                onValueChange={(value) => setSelectedMode(value as ToolMode)}
+                onValueChange={(value) => setSelectedMode(value as AgentMode)}
               >
                 <SelectTrigger>
                   <SelectValue />
@@ -477,12 +481,12 @@ export function AIToolLaunchModal({ branch, onClose }: AIToolLaunchModalProps) {
               onClick={handleStartSession}
               disabled={
                 isStartingSession ||
-                !selectedTool ||
+                !selectedAgent ||
                 hasBlockingDivergence ||
                 needsRemoteSync
               }
             >
-              {isStartingSession ? "Launching..." : "Launch AI tool"}
+              {isStartingSession ? "Launching..." : "Launch coding agent"}
             </Button>
             <Button
               variant="secondary"
@@ -496,25 +500,25 @@ export function AIToolLaunchModal({ branch, onClose }: AIToolLaunchModalProps) {
             </Button>
           </div>
 
-          {selectedToolSummary && (
+          {selectedAgentSummary && (
             <div className="space-y-2 rounded-lg border bg-muted/30 p-4 text-sm">
               <div className="grid gap-2 sm:grid-cols-3">
                 <div>
                   <span className="text-muted-foreground">Command:</span>{" "}
                   <code className="rounded bg-muted px-1.5 py-0.5 font-mono">
-                    {selectedToolSummary.command}
+                    {selectedAgentSummary.command}
                   </code>
                 </div>
                 <div>
                   <span className="text-muted-foreground">defaultArgs:</span>{" "}
                   <span
                     className={
-                      !selectedToolSummary.defaultArgs?.length
+                      !selectedAgentSummary.defaultArgs?.length
                         ? "text-muted-foreground/50"
                         : ""
                     }
                   >
-                    {renderArgs(selectedToolSummary.defaultArgs)}
+                    {renderArgs(selectedAgentSummary.defaultArgs)}
                   </span>
                 </div>
                 <div>
@@ -523,12 +527,12 @@ export function AIToolLaunchModal({ branch, onClose }: AIToolLaunchModalProps) {
                   </span>{" "}
                   <span
                     className={
-                      !selectedToolSummary.permissionSkipArgs?.length
+                      !selectedAgentSummary.permissionSkipArgs?.length
                         ? "text-muted-foreground/50"
                         : ""
                     }
                   >
-                    {renderArgs(selectedToolSummary.permissionSkipArgs)}
+                    {renderArgs(selectedAgentSummary.permissionSkipArgs)}
                   </span>
                 </div>
               </div>

package/src/web/client/src/components/{CustomToolForm.tsx → CustomCodingAgentForm.tsx}

@@ -9,26 +9,26 @@ import {
   SelectValue,
 } from "@/components/ui/select";
 import type {
-  CustomAITool,
+  ApiCodingAgent,
   EnvironmentVariable,
 } from "../../../../types/api.js";
 
-export interface CustomToolFormValue {
+export interface CustomCodingAgentFormValue {
   id: string;
   displayName: string;
   icon?: string | null;
   description?: string | null;
-  executionType: CustomAITool["executionType"];
+  executionType: ApiCodingAgent["executionType"];
   command: string;
   defaultArgs?: string[] | null;
-  modeArgs: CustomAITool["modeArgs"];
+  modeArgs: ApiCodingAgent["modeArgs"];
   permissionSkipArgs?: string[] | null;
   env?: EnvironmentVariable[] | null;
 }
 
-interface CustomToolFormProps {
-  initialValue?: CustomAITool;
-  onSubmit: (value: CustomToolFormValue) => void;
+interface CustomCodingAgentFormProps {
+  initialValue?: ApiCodingAgent;
+  onSubmit: (value: CustomCodingAgentFormValue) => void;
   onCancel: () => void;
   isSaving?: boolean;
 }
@@ -40,18 +40,18 @@ interface FormErrors {
   env?: string;
 }
 
-export function CustomToolForm({
+export function CustomCodingAgentForm({
   initialValue,
   onSubmit,
   onCancel,
   isSaving,
-}: CustomToolFormProps) {
+}: CustomCodingAgentFormProps) {
   const [formState, setFormState] = useState(() =>
     createInitialState(initialValue),
   );
   const [errors, setErrors] = useState<FormErrors>({});
 
-  const title = initialValue ? "ツールを編集" : "新規カスタムツール";
+  const title = initialValue ? "Coding Agent を編集" : "新規 Coding Agent";
 
   const handleChange =
     (field: keyof typeof formState) =>
@@ -120,7 +120,7 @@ export function CustomToolForm({
             {title}
           </p>
           <h3 className="mt-1 text-lg font-semibold">
-            {formState.displayName || "カスタムAIツール"}
+            {formState.displayName || "Custom Coding Agent"}
           </h3>
         </div>
         <div className="flex gap-2">
@@ -140,7 +140,7 @@ export function CustomToolForm({
 
       <div className="grid gap-4 sm:grid-cols-2">
         <div className="space-y-2">
-          <label className="text-sm font-medium">ツールID *</label>
+          <label className="text-sm font-medium">Agent ID *</label>
           <Input
             type="text"
             value={formState.id}
@@ -286,14 +286,14 @@ export function CustomToolForm({
   );
 }
 
-function createInitialState(initialValue?: CustomAITool) {
+function createInitialState(initialValue?: ApiCodingAgent) {
   if (!initialValue) {
     return {
       id: "",
       displayName: "",
       icon: "",
       description: "",
-      executionType: "bunx" as CustomAITool["executionType"],
+      executionType: "bunx" as ApiCodingAgent["executionType"],
       command: "",
       defaultArgs: "",
       modeNormal: "",

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`