@akiojin/gwt 2.13.0 → 3.0.0

package/dist/web/client/src/pages/ConfigPage.js

@@ -0,0 +1,216 @@
+import React, { useEffect, useMemo, useState } from "react";
+import { Link } from "react-router-dom";
+import { useConfig, useUpdateConfig } from "../hooks/useConfig";
+import { CustomToolList } from "../components/CustomToolList";
+import { CustomToolForm, } from "../components/CustomToolForm";
+import { EnvironmentEditor, } from "../components/EnvironmentEditor";
+import { PageHeader } from "@/components/common/PageHeader";
+import { Button } from "@/components/ui/button";
+import { Card, CardHeader, CardContent } from "@/components/ui/card";
+import { Alert, AlertDescription } from "@/components/ui/alert";
+const ENV_KEY_REGEX = /^[A-Z0-9_]+$/;
+const ENV_KEY_MAX = 100;
+const ENV_VALUE_MAX = 500;
+export function ConfigPage() {
+    const { data, isLoading, error } = useConfig();
+    const updateConfig = useUpdateConfig();
+    const [tools, setTools] = useState([]);
+    const [editingTool, setEditingTool] = useState(undefined);
+    const [banner, setBanner] = useState(null);
+    const [isCreating, setIsCreating] = useState(false);
+    const [envEntries, setEnvEntries] = useState([]);
+    useEffect(() => {
+        if (data?.tools)
+            setTools(data.tools);
+        if (data)
+            setEnvEntries(entriesFromVariables(data.env));
+    }, [data]);
+    const sortedTools = useMemo(() => {
+        return [...tools].sort((a, b) => a.displayName.localeCompare(b.displayName, "ja"));
+    }, [tools]);
+    const handleEdit = (tool) => {
+        setEditingTool(tool);
+        setIsCreating(false);
+    };
+    const handleDelete = (tool) => {
+        if (!window.confirm(`${tool.displayName} を削除しますか？`))
+            return;
+        const next = tools.filter((t) => t.id !== tool.id);
+        persistConfig(next, envEntries, `${tool.displayName} を削除しました。`);
+    };
+    const handleCreate = () => {
+        setEditingTool(undefined);
+        setIsCreating(true);
+    };
+    const handleFormSubmit = (value) => {
+        const now = new Date().toISOString();
+        const existing = tools.find((tool) => tool.id === value.id);
+        const nextTool = {
+            id: value.id,
+            displayName: value.displayName,
+            icon: value.icon ?? null,
+            description: value.description ?? null,
+            executionType: value.executionType,
+            command: value.command,
+            defaultArgs: value.defaultArgs ?? null,
+            modeArgs: {
+                normal: value.modeArgs.normal ?? [],
+                continue: value.modeArgs.continue ?? [],
+                resume: value.modeArgs.resume ?? [],
+            },
+            permissionSkipArgs: value.permissionSkipArgs ?? null,
+            env: value.env ?? null,
+            createdAt: existing?.createdAt ?? now,
+            updatedAt: now,
+        };
+        const nextList = existing
+            ? tools.map((tool) => (tool.id === nextTool.id ? nextTool : tool))
+            : [...tools, nextTool];
+        persistConfig(nextList, envEntries, `${nextTool.displayName} を保存しました。`);
+    };
+    const persistConfig = (nextTools, nextEnvEntries, successMessage, options) => {
+        let envPayload;
+        try {
+            envPayload = buildEnvVariables(nextEnvEntries);
+        }
+        catch (err) {
+            const message = err instanceof Error ? err.message : String(err);
+            setBanner({ type: "error", message });
+            return;
+        }
+        const nextVersion = data?.version ?? "1.0.0";
+        updateConfig
+            .mutateAsync({ version: nextVersion, tools: nextTools, env: envPayload })
+            .then((response) => {
+            setTools(response.tools);
+            setEnvEntries(entriesFromVariables(response.env));
+            setBanner({ type: "success", message: successMessage });
+            if (options?.resetToolForm ?? true) {
+                setEditingTool(undefined);
+                setIsCreating(false);
+            }
+        })
+            .catch((err) => {
+            const message = err instanceof Error ? err.message : String(err);
+            setBanner({ type: "error", message });
+        });
+    };
+    const handleEnvEntryChange = (id, field, value) => {
+        setEnvEntries((prev) => prev.map((entry) => entry.id === id
+            ? {
+                ...entry,
+                [field]: field === "key" ? sanitizeEnvKey(value) : value,
+            }
+            : entry));
+    };
+    const handleEnvAdd = () => setEnvEntries((prev) => [...prev, createEnvEntry()]);
+    const handleEnvRemove = (id) => setEnvEntries((prev) => prev.filter((e) => e.id !== id));
+    const handleEnvSave = () => persistConfig(tools, envEntries, "環境変数を保存しました。", {
+        resetToolForm: false,
+    });
+    const handleCancel = () => {
+        setEditingTool(undefined);
+        setIsCreating(false);
+    };
+    const activeFormTool = isCreating ? undefined : editingTool;
+    // Loading state
+    if (isLoading) {
+        return (React.createElement("div", { className: "min-h-screen bg-background" },
+            React.createElement(PageHeader, { eyebrow: "CONFIGURATION", title: "\u30AB\u30B9\u30BF\u30E0AI\u30C4\u30FC\u30EB\u8A2D\u5B9A", subtitle: "\u8AAD\u307F\u8FBC\u307F\u4E2D..." }),
+            React.createElement("main", { className: "mx-auto max-w-7xl px-6 py-8" },
+                React.createElement("div", { className: "flex items-center justify-center py-20" },
+                    React.createElement("p", { className: "text-muted-foreground" }, "\u8A2D\u5B9A\u3092\u53D6\u5F97\u3057\u3066\u3044\u307E\u3059...")))));
+    }
+    // Error state
+    if (error) {
+        return (React.createElement("div", { className: "min-h-screen bg-background" },
+            React.createElement(PageHeader, { eyebrow: "CONFIGURATION", title: "\u30A8\u30E9\u30FC" }),
+            React.createElement("main", { className: "mx-auto max-w-7xl px-6 py-8" },
+                React.createElement(Alert, { variant: "destructive" },
+                    React.createElement(AlertDescription, null, error instanceof Error ? error.message : "未知のエラーです")),
+                React.createElement("div", { className: "mt-4" },
+                    React.createElement(Button, { variant: "ghost", asChild: true },
+                        React.createElement(Link, { to: "/" }, "\u2190 \u30D6\u30E9\u30F3\u30C1\u4E00\u89A7\u306B\u623B\u308B"))))));
+    }
+    return (React.createElement("div", { className: "min-h-screen bg-background" },
+        React.createElement(PageHeader, { eyebrow: "CONFIGURATION", title: "\u30AB\u30B9\u30BF\u30E0AI\u30C4\u30FC\u30EB\u8A2D\u5B9A", subtitle: "tools.json \u3092\u7DE8\u96C6\u3057\u3066\u3001\u72EC\u81EA\u306EAI\u30C4\u30FC\u30EB\u3092CLI / Web UI \u4E21\u65B9\u304B\u3089\u5229\u7528\u3067\u304D\u307E\u3059\u3002" },
+            React.createElement("div", { className: "mt-4 flex flex-wrap gap-2" },
+                React.createElement(Button, { variant: "ghost", size: "sm", asChild: true },
+                    React.createElement(Link, { to: "/" }, "\u2190 \u30D6\u30E9\u30F3\u30C1\u4E00\u89A7")),
+                React.createElement(Button, { variant: "secondary", onClick: handleCreate }, "\u30AB\u30B9\u30BF\u30E0\u30C4\u30FC\u30EB\u3092\u8FFD\u52A0"))),
+        banner && (React.createElement("div", { className: "mx-auto max-w-7xl px-6 pt-4" },
+            React.createElement(Alert, { variant: banner.type === "error"
+                    ? "destructive"
+                    : banner.type === "success"
+                        ? "success"
+                        : "info" },
+                React.createElement(AlertDescription, { className: "flex items-center justify-between" },
+                    React.createElement("span", null, banner.message),
+                    React.createElement(Button, { variant: "ghost", size: "sm", onClick: () => setBanner(null) }, "\u9589\u3058\u308B"))))),
+        React.createElement("main", { className: "mx-auto max-w-7xl space-y-6 px-6 py-8" },
+            React.createElement(Card, null,
+                React.createElement(CardHeader, { className: "pb-3" },
+                    React.createElement("p", { className: "text-xs font-medium uppercase tracking-wider text-muted-foreground" }, "Environment Variables"),
+                    React.createElement("h3", { className: "mt-1 text-lg font-semibold" }, "\u5171\u6709\u74B0\u5883\u5909\u6570"),
+                    React.createElement("p", { className: "mt-2 text-sm text-muted-foreground" }, "Web UI \u3067\u8D77\u52D5\u3059\u308B AI \u30C4\u30FC\u30EB\u306F\u3053\u3053\u306B\u5B9A\u7FA9\u3055\u308C\u305F\u74B0\u5883\u5909\u6570\u3092\u81EA\u52D5\u7684\u306B\u5F15\u304D\u7D99\u304E\u307E\u3059\u3002")),
+                React.createElement(CardContent, null,
+                    React.createElement(EnvironmentEditor, { entries: envEntries, onEntryChange: handleEnvEntryChange, onAddEntry: handleEnvAdd, onRemoveEntry: handleEnvRemove, onSave: handleEnvSave, isSaving: updateConfig.isPending }))),
+            React.createElement(Card, null,
+                React.createElement(CardHeader, { className: "pb-3" },
+                    React.createElement("p", { className: "text-xs font-medium uppercase tracking-wider text-muted-foreground" }, "Registered Tools"),
+                    React.createElement("h3", { className: "mt-1 text-lg font-semibold" }, "\u767B\u9332\u6E08\u307F\u30C4\u30FC\u30EB"),
+                    React.createElement("p", { className: "mt-2 text-sm text-muted-foreground" }, "CLI \u3068 Web UI \u306F\u540C\u3058\u8A2D\u5B9A\u3092\u53C2\u7167\u3057\u307E\u3059\u3002\u66F4\u65B0\u3059\u308B\u3068 ~/.claude-worktree/tools.json \u306B\u4FDD\u5B58\u3055\u308C\u307E\u3059\u3002")),
+                React.createElement(CardContent, null,
+                    React.createElement(CustomToolList, { tools: sortedTools, onEdit: handleEdit, onDelete: handleDelete }))),
+            (isCreating || editingTool) && (React.createElement(Card, null,
+                React.createElement(CardContent, { className: "pt-6" },
+                    React.createElement(CustomToolForm, { ...(activeFormTool ? { initialValue: activeFormTool } : {}), onSubmit: handleFormSubmit, onCancel: handleCancel, isSaving: updateConfig.isPending })))))));
+}
+// Helpers
+function sanitizeEnvKey(value) {
+    return value
+        .toUpperCase()
+        .replace(/[^A-Z0-9_]/g, "")
+        .slice(0, ENV_KEY_MAX);
+}
+function createEnvEntry(initial) {
+    return {
+        id: `${initial?.key ?? "env"}-${Math.random().toString(36).slice(2, 8)}${Date.now().toString(36)}`,
+        key: initial?.key ?? "",
+        value: initial?.value ?? "",
+    };
+}
+function entriesFromVariables(variables) {
+    if (!variables?.length)
+        return [];
+    return [...variables]
+        .sort((a, b) => a.key.localeCompare(b.key, "en"))
+        .map((v) => createEnvEntry({ key: v.key, value: v.value }));
+}
+function buildEnvVariables(entries) {
+    const result = [];
+    const seen = new Set();
+    const timestamp = new Date().toISOString();
+    for (const entry of entries) {
+        const key = entry.key.trim();
+        const value = entry.value;
+        if (!key && !value)
+            continue;
+        if (!key)
+            throw new Error("環境変数のキーを入力してください。");
+        if (!ENV_KEY_REGEX.test(key))
+            throw new Error("環境変数キーは英大文字・数字・アンダースコアのみ使用できます。");
+        if (key.length > ENV_KEY_MAX)
+            throw new Error(`環境変数キーは最大${ENV_KEY_MAX}文字です。(${key})`);
+        if (!value)
+            throw new Error(`${key} の値を入力してください。`);
+        if (value.length > ENV_VALUE_MAX)
+            throw new Error(`${key} の値は最大${ENV_VALUE_MAX}文字です。`);
+        if (seen.has(key))
+            throw new Error(`環境変数キー "${key}" が重複しています。`);
+        seen.add(key);
+        result.push({ key, value, lastUpdated: timestamp });
+    }
+    return result;
+}
+//# sourceMappingURL=ConfigPage.js.map

package/dist/web/client/src/pages/ConfigPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigPage.js","sourceRoot":"","sources":["../../../../../src/web/client/src/pages/ConfigPage.tsx"],"names":[],"mappings":"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"}

package/dist/web/client/vite.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite.config.d.ts","sourceRoot":"","sources":["../../../src/web/client/vite.config.ts"],"names":[],"mappings":";AAIA,wBAgBG"}
+{"version":3,"file":"vite.config.d.ts","sourceRoot":"","sources":["../../../src/web/client/vite.config.ts"],"names":[],"mappings":";AAKA,wBAsBG"}

package/dist/web/client/vite.config.js

@@ -1,8 +1,14 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
+import tailwindcss from "@tailwindcss/vite";
 import path from "node:path";
 export default defineConfig({
-    plugins: [react()],
+    plugins: [react(), tailwindcss()],
+    resolve: {
+        alias: {
+            "@": path.resolve(__dirname, "./src"),
+        },
+    },
     root: path.resolve(__dirname),
     build: {
         outDir: path.resolve(__dirname, "../../../dist/client"),
@@ -14,6 +20,7 @@ export default defineConfig({
             "/api": {
                 target: "http://localhost:3000",
                 changeOrigin: true,
+                ws: true,
             },
         },
     },

package/dist/web/client/vite.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"vite.config.js","sourceRoot":"","sources":["../../../src/web/client/vite.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,eAAe,YAAY,CAAC;IAC1B,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC;IAClB,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;IAC7B,KAAK,EAAE;QACL,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,sBAAsB,CAAC;QACvD,WAAW,EAAE,IAAI;KAClB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,IAAI;QACV,KAAK,EAAE;YACL,MAAM,EAAE;gBACN,MAAM,EAAE,uBAAuB;gBAC/B,YAAY,EAAE,IAAI;aACnB;SACF;KACF;CACF,CAAC,CAAC"}
+{"version":3,"file":"vite.config.js","sourceRoot":"","sources":["../../../src/web/client/vite.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAC5C,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,eAAe,YAAY,CAAC;IAC1B,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC;IACjC,OAAO,EAAE;QACP,KAAK,EAAE;YACL,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC;SACtC;KACF;IACD,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;IAC7B,KAAK,EAAE;QACL,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,sBAAsB,CAAC;QACvD,WAAW,EAAE,IAAI;KAClB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,IAAI;QACV,KAAK,EAAE;YACL,MAAM,EAAE;gBACN,MAAM,EAAE,uBAAuB;gBAC/B,YAAY,EAAE,IAAI;gBAClB,EAAE,EAAE,IAAI;aACT;SACF;KACF;CACF,CAAC,CAAC"}

package/dist/web/server/index.d.ts

@@ -5,7 +5,29 @@
  * 仕様: specs/SPEC-d5e56259/contracts/rest-api.yaml
  */
 /**
- * Webサーバーを起動
+ * Web UI サーバーのライフサイクル操作ハンドル。
+ *
+ * `close()` は Web UI サーバーを停止し、関連リソース（PTY/トレイ等）を解放します。
+ */
+export interface WebServerHandle {
+    close: () => Promise<void>;
+}
+/**
+ * `startWebServer` の起動オプション。
+ */
+export interface StartWebServerOptions {
+    /**
+     * true の場合、Web UI サーバーが CLI 本体の終了をブロックしないようにします。
+     * （内部で `server.unref()` を呼び、サーバーの存在がプロセス生存を維持しないようにします）
+     */
+    background?: boolean;
+}
+/**
+ * Web UI サーバーを起動します。
+ *
+ * @param options - 起動オプション
+ * @returns Web UI サーバー停止用のハンドル
+ * @throws サーバー起動（listen/初期化）に失敗した場合
  */
-export declare function startWebServer(): Promise<void>;
+export declare function startWebServer(options?: StartWebServerOptions): Promise<WebServerHandle>;
 //# sourceMappingURL=index.d.ts.map

package/dist/web/server/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/web/server/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAiBH;;GAEG;AACH,wBAAsB,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC,CAkDpD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/web/server/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAmBH;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;GAMG;AACH,wBAAsB,cAAc,CAClC,OAAO,GAAE,qBAA0B,GAClC,OAAO,CAAC,eAAe,CAAC,CA+E1B"}

package/dist/web/server/index.js

@@ -14,19 +14,25 @@ import { WebSocketHandler } from "./websocket/handler.js";
 import { registerRoutes } from "./routes/index.js";
 import { importOsEnvIntoSharedConfig } from "./env/importer.js";
 import { createLogger } from "../../logging/logger.js";
+import { disposeSystemTray, startSystemTray } from "./tray.js";
+import { resolveWebUiPort } from "../../utils/webui.js";
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 /**
- * Webサーバーを起動
+ * Web UI サーバーを起動します。
+ *
+ * @param options - 起動オプション
+ * @returns Web UI サーバー停止用のハンドル
+ * @throws サーバー起動（listen/初期化）に失敗した場合
  */
-export async function startWebServer() {
+export async function startWebServer(options = {}) {
     const serverLogger = createLogger({ category: "server" });
     const fastify = Fastify({
         loggerInstance: serverLogger,
     });
     // PTYマネージャーとWebSocketハンドラーを初期化
     const ptyManager = new PTYManager();
-    const wsHandler = new WebSocketHandler(ptyManager);
+    const wsHandler = new WebSocketHandler(ptyManager, fastify.log);
     // WebSocketサポートを追加
     await fastify.register(fastifyWebsocket);
     // WebSocketエンドポイント
@@ -45,18 +51,43 @@ export async function startWebServer() {
         prefix: "/",
     });
     // サーバー起動
-    try {
-        const port = process.env.PORT ? parseInt(process.env.PORT, 10) : 3000;
-        // Docker環境からホストOSでアクセスできるよう、0.0.0.0でリッスン
-        // IPv4/IPv6両方対応のため、listenOnStart: false も検討可能
-        const host = process.env.HOST || "0.0.0.0";
-        await fastify.listen({ port, host });
-        console.log(`Web UI server running at http://${host}:${port}`);
-        console.log(`Access from host: http://localhost:${port}`);
-    }
-    catch (err) {
-        fastify.log.error(err);
-        process.exit(1);
+    const port = resolveWebUiPort();
+    // Docker環境からホストOSでアクセスできるよう、0.0.0.0でリッスン
+    // IPv4/IPv6両方対応のため、listenOnStart: false も検討可能
+    const host = process.env.HOST || "0.0.0.0";
+    await fastify.listen({ port, host });
+    const accessUrl = `http://localhost:${port}`;
+    serverLogger.info({ host, port, accessUrl }, "Web UI server started");
+    await startSystemTray(accessUrl);
+    if (options.background) {
+        fastify.server?.unref?.();
     }
+    let closed = false;
+    return {
+        close: async () => {
+            if (closed)
+                return;
+            closed = true;
+            try {
+                try {
+                    disposeSystemTray();
+                }
+                catch (err) {
+                    serverLogger.warn({ err }, "System tray cleanup failed");
+                }
+                for (const session of ptyManager.list()) {
+                    try {
+                        ptyManager.delete(session.sessionId);
+                    }
+                    catch (err) {
+                        serverLogger.warn({ err, sessionId: session.sessionId }, "Failed to delete PTY session");
+                    }
+                }
+            }
+            finally {
+                await fastify.close();
+            }
+        },
+    };
 }
 //# sourceMappingURL=index.js.map

package/dist/web/server/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/web/server/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,OAAO,MAAM,SAAS,CAAC;AAC9B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAGvD,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAClD,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;AAEtC;;GAEG;AACH,MAAM,CAAC,KAAK,UAAU,cAAc;IAClC,MAAM,YAAY,GAAG,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE1D,MAAM,OAAO,GAAuB,OAAO,CAAC;QAC1C,cAAc,EAAE,YAAY;KAC7B,CAAC,CAAC;IAEH,+BAA+B;IAC/B,MAAM,UAAU,GAAG,IAAI,UAAU,EAAE,CAAC;IACpC,MAAM,SAAS,GAAG,IAAI,gBAAgB,CAAC,UAAU,CAAC,CAAC;IAEnD,mBAAmB;IACnB,MAAM,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAEzC,mBAAmB;IACnB,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;QACjC,OAAO,CAAC,GAAG,CACT,mCAAmC,EACnC,EAAE,SAAS,EAAE,IAAI,EAAE,EACnB,CAAC,UAAU,EAAE,OAAO,EAAE,EAAE;YACtB,SAAS,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QACxC,CAAC,CACF,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,iBAAiB;IACjB,MAAM,2BAA2B,EAAE,CAAC;IACpC,MAAM,cAAc,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IAE1C,uBAAuB;IACvB,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;IAC/D,MAAM,OAAO,CAAC,QAAQ,CAAC,aAAa,EAAE;QACpC,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,GAAG;KACZ,CAAC,CAAC;IAEH,SAAS;IACT,IAAI,CAAC;QACH,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACtE,yCAAyC;QACzC,8CAA8C;QAC9C,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,IAAI,SAAS,CAAC;QAE3C,MAAM,OAAO,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QACrC,OAAO,CAAC,GAAG,CAAC,mCAAmC,IAAI,IAAI,IAAI,EAAE,CAAC,CAAC;QAC/D,OAAO,CAAC,GAAG,CAAC,sCAAsC,IAAI,EAAE,CAAC,CAAC;IAC5D,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACvB,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/web/server/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,OAAO,MAAM,SAAS,CAAC;AAC9B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAClD,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;AAsBtC;;;;;;GAMG;AACH,MAAM,CAAC,KAAK,UAAU,cAAc,CAClC,UAAiC,EAAE;IAEnC,MAAM,YAAY,GAAG,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE1D,MAAM,OAAO,GAAuB,OAAO,CAAC;QAC1C,cAAc,EAAE,YAAY;KAC7B,CAAC,CAAC;IAEH,+BAA+B;IAC/B,MAAM,UAAU,GAAG,IAAI,UAAU,EAAE,CAAC;IACpC,MAAM,SAAS,GAAG,IAAI,gBAAgB,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IAEhE,mBAAmB;IACnB,MAAM,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAEzC,mBAAmB;IACnB,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;QACjC,OAAO,CAAC,GAAG,CACT,mCAAmC,EACnC,EAAE,SAAS,EAAE,IAAI,EAAE,EACnB,CAAC,UAAU,EAAE,OAAO,EAAE,EAAE;YACtB,SAAS,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QACxC,CAAC,CACF,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,iBAAiB;IACjB,MAAM,2BAA2B,EAAE,CAAC;IACpC,MAAM,cAAc,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IAE1C,uBAAuB;IACvB,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;IAC/D,MAAM,OAAO,CAAC,QAAQ,CAAC,aAAa,EAAE;QACpC,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,GAAG;KACZ,CAAC,CAAC;IAEH,SAAS;IACT,MAAM,IAAI,GAAG,gBAAgB,EAAE,CAAC;IAChC,yCAAyC;IACzC,8CAA8C;IAC9C,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,IAAI,SAAS,CAAC;IAE3C,MAAM,OAAO,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IACrC,MAAM,SAAS,GAAG,oBAAoB,IAAI,EAAE,CAAC;IAC7C,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,uBAAuB,CAAC,CAAC;IACtE,MAAM,eAAe,CAAC,SAAS,CAAC,CAAC;IAEjC,IAAI,OAAO,CAAC,UAAU,EAAE,CAAC;QACvB,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;IAC5B,CAAC;IAED,IAAI,MAAM,GAAG,KAAK,CAAC;IACnB,OAAO;QACL,KAAK,EAAE,KAAK,IAAI,EAAE;YAChB,IAAI,MAAM;gBAAE,OAAO;YACnB,MAAM,GAAG,IAAI,CAAC;YAEd,IAAI,CAAC;gBACH,IAAI,CAAC;oBACH,iBAAiB,EAAE,CAAC;gBACtB,CAAC;gBAAC,OAAO,GAAG,EAAE,CAAC;oBACb,YAAY,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,EAAE,4BAA4B,CAAC,CAAC;gBAC3D,CAAC;gBAED,KAAK,MAAM,OAAO,IAAI,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC;oBACxC,IAAI,CAAC;wBACH,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;oBACvC,CAAC;oBAAC,OAAO,GAAG,EAAE,CAAC;wBACb,YAAY,CAAC,IAAI,CACf,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,EACrC,8BAA8B,CAC/B,CAAC;oBACJ,CAAC;gBACH,CAAC;YACH,CAAC;oBAAS,CAAC;gBACT,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC;YACxB,CAAC;QACH,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/web/server/pty/manager.d.ts

@@ -18,10 +18,18 @@ export declare class PTYManager {
     /**
      * 新しいPTYセッションを作成
      */
-    spawn(toolType: "claude-code" | "codex-cli" | "custom", worktreePath: string, mode: "normal" | "continue" | "resume", toolName?: string | null, cols?: number, rows?: number): {
+    spawn(toolType: "claude-code" | "codex-cli" | "custom", worktreePath: string, mode: "normal" | "continue" | "resume", options?: {
+        toolName?: string | null;
+        cols?: number;
+        rows?: number;
+        skipPermissions?: boolean;
+        bypassApprovals?: boolean;
+        extraArgs?: string[];
+        customToolId?: string | null;
+    }): Promise<{
         sessionId: string;
         session: AIToolSession;
-    };
+    }>;
     /**
      * セッションIDからPTYインスタンスを取得
      */
@@ -38,13 +46,7 @@ export declare class PTYManager {
      * すべてのセッション一覧を取得
      */
     list(): AIToolSession[];
-    /**
-     * AI Toolのコマンドを構築
-     */
-    private buildCommand;
-    /**
-     * AI Toolの引数を構築
-     */
-    private buildArgs;
+    private resolveCommand;
+    private loadSharedEnv;
 }
 //# sourceMappingURL=manager.d.ts.map

package/dist/web/server/pty/manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"manager.d.ts","sourceRoot":"","sources":["../../../../src/web/server/pty/manager.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAErC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,IAAI,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;CACxB;AAED;;GAEG;AACH,qBAAa,UAAU;IACrB,OAAO,CAAC,SAAS,CAAuC;IAExD;;OAEG;IACI,KAAK,CACV,QAAQ,EAAE,aAAa,GAAG,WAAW,GAAG,QAAQ,EAChD,YAAY,EAAE,MAAM,EACpB,IAAI,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,EACtC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,EACxB,IAAI,SAAK,EACT,IAAI,SAAK,GACR;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,aAAa,CAAA;KAAE;IAwChD;;OAEG;IACI,GAAG,CAAC,SAAS,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS;IAItD;;OAEG;IACI,MAAM,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO;IAiBzC;;OAEG;IACI,YAAY,CACjB,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,EAC/B,QAAQ,CAAC,EAAE,MAAM,EACjB,YAAY,CAAC,EAAE,MAAM,GACpB,OAAO;IAoBV;;OAEG;IACI,IAAI,IAAI,aAAa,EAAE;IAI9B;;OAEG;IACH,OAAO,CAAC,YAAY;IAmBpB;;OAEG;IACH,OAAO,CAAC,SAAS;CA4BlB"}
+{"version":3,"file":"manager.d.ts","sourceRoot":"","sources":["../../../../src/web/server/pty/manager.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAErC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAU3D,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,IAAI,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;CACxB;AAED;;GAEG;AACH,qBAAa,UAAU;IACrB,OAAO,CAAC,SAAS,CAAuC;IAExD;;OAEG;IACU,KAAK,CAChB,QAAQ,EAAE,aAAa,GAAG,WAAW,GAAG,QAAQ,EAChD,YAAY,EAAE,MAAM,EACpB,IAAI,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,EACtC,OAAO,GAAE;QACP,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,eAAe,CAAC,EAAE,OAAO,CAAC;QAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;QAC1B,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;QACrB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACzB,GACL,OAAO,CAAC;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,aAAa,CAAA;KAAE,CAAC;IA6EzD;;OAEG;IACI,GAAG,CAAC,SAAS,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS;IAItD;;OAEG;IACI,MAAM,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO;IAiBzC;;OAEG;IACI,YAAY,CACjB,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,EAC/B,QAAQ,CAAC,EAAE,MAAM,EACjB,YAAY,CAAC,EAAE,MAAM,GACpB,OAAO;IAoBV;;OAEG;IACI,IAAI,IAAI,aAAa,EAAE;YAIhB,cAAc;YA+Dd,aAAa;CAI5B"}

package/dist/web/server/pty/manager.js

@@ -6,6 +6,8 @@
  */
 import * as pty from "node-pty";
 import { randomUUID } from "node:crypto";
+import { resolveClaudeCommand, resolveCodexCommand, resolveCustomToolCommand, AIToolResolutionError, } from "../../../services/aiToolResolver.js";
+import { loadToolsConfig } from "../../../config/tools.js";
 /**
  * PTYマネージャー - セッションとPTYプロセスのライフサイクル管理
  */
@@ -14,27 +16,53 @@ export class PTYManager {
     /**
      * 新しいPTYセッションを作成
      */
-    spawn(toolType, worktreePath, mode, toolName, cols = 80, rows = 24) {
+    async spawn(toolType, worktreePath, mode, options = {}) {
+        const cols = options.cols ?? 80;
+        const rows = options.rows ?? 24;
+        const toolName = options.toolName ?? null;
         const sessionId = randomUUID();
-        // AI Toolコマンドを構築
-        const command = this.buildCommand(toolType, mode, toolName);
-        const args = this.buildArgs(toolType, mode);
+        const resolverOptions = {};
+        if (toolName !== null) {
+            resolverOptions.toolName = toolName;
+        }
+        if (options.skipPermissions !== undefined) {
+            resolverOptions.skipPermissions = options.skipPermissions;
+        }
+        if (options.bypassApprovals !== undefined) {
+            resolverOptions.bypassApprovals = options.bypassApprovals;
+        }
+        if (options.extraArgs && options.extraArgs.length > 0) {
+            resolverOptions.extraArgs = options.extraArgs;
+        }
+        if (options.customToolId !== undefined) {
+            resolverOptions.customToolId = options.customToolId;
+        }
+        const resolved = await this.resolveCommand(toolType, mode, resolverOptions);
+        const sharedEnv = await this.loadSharedEnv();
+        const env = {
+            ...process.env,
+            ...sharedEnv,
+            TERM: "xterm-256color",
+            COLORTERM: "truecolor",
+        };
+        if (resolved.env) {
+            Object.assign(env, resolved.env);
+        }
+        if (toolType === "claude-code" && options.skipPermissions && isRootUser()) {
+            env.IS_SANDBOX = "1";
+        }
         // PTYプロセスをスポーン
-        const ptyProcess = pty.spawn(command, args, {
+        const ptyProcess = pty.spawn(resolved.command, resolved.args, {
             name: "xterm-256color",
             cols,
             rows,
             cwd: worktreePath,
-            env: {
-                ...process.env,
-                TERM: "xterm-256color",
-                COLORTERM: "truecolor",
-            },
+            env,
         });
         const session = {
             sessionId,
             toolType,
-            toolName: toolName || null,
+            toolName: options.customToolId ?? toolName ?? null,
             mode,
             worktreePath,
             ptyPid: ptyProcess.pid,
@@ -98,46 +126,51 @@ export class PTYManager {
     list() {
         return Array.from(this.instances.values()).map((inst) => inst.session);
     }
-    /**
-     * AI Toolのコマンドを構築
-     */
-    buildCommand(toolType, mode, toolName) {
-        if (toolType === "custom" && toolName) {
-            // カスタムツールは別途config.jsonから取得する必要があるが、
-            // ここでは簡易実装としてtoolNameをそのままコマンドとして使用
-            return toolName;
-        }
-        if (toolType === "codex-cli") {
-            return "codex";
-        }
-        // claude-code
-        return "claude";
-    }
-    /**
-     * AI Toolの引数を構築
-     */
-    buildArgs(toolType, mode) {
+    async resolveCommand(toolType, mode, options) {
         if (toolType === "custom") {
-            // カスタムツールの引数は別途config.jsonから取得
-            return [];
+            const toolId = options.customToolId ?? options.toolName;
+            if (!toolId) {
+                throw new AIToolResolutionError("COMMAND_NOT_FOUND", "Custom tool identifier is required to start a session.");
+            }
+            return resolveCustomToolCommand({
+                toolId,
+                mode,
+                ...(options.skipPermissions !== undefined
+                    ? { skipPermissions: options.skipPermissions }
+                    : {}),
+                ...(options.extraArgs ? { extraArgs: options.extraArgs } : {}),
+            });
         }
         if (toolType === "codex-cli") {
-            if (mode === "continue") {
-                return ["--continue"];
+            const codexOptions = { mode };
+            if (options.bypassApprovals !== undefined) {
+                codexOptions.bypassApprovals = options.bypassApprovals;
             }
-            if (mode === "resume") {
-                return ["--resume"];
+            if (options.extraArgs && options.extraArgs.length > 0) {
+                codexOptions.extraArgs = options.extraArgs;
             }
-            return [];
+            return resolveCodexCommand(codexOptions);
         }
-        // claude-code
-        if (mode === "continue") {
-            return ["--continue"];
+        const claudeOptions = { mode };
+        if (options.skipPermissions !== undefined) {
+            claudeOptions.skipPermissions = options.skipPermissions;
         }
-        if (mode === "resume") {
-            return ["--resume"];
+        if (options.extraArgs && options.extraArgs.length > 0) {
+            claudeOptions.extraArgs = options.extraArgs;
         }
-        return [];
+        return resolveClaudeCommand(claudeOptions);
+    }
+    async loadSharedEnv() {
+        const config = await loadToolsConfig();
+        return { ...(config.env ?? {}) };
+    }
+}
+function isRootUser() {
+    try {
+        return typeof process.getuid === "function" && process.getuid() === 0;
+    }
+    catch {
+        return false;
     }
 }
 //# sourceMappingURL=manager.js.map