@alisio/server 0.9.0 → 0.10.0

package/dist/routes/plugin-catalog.js

@@ -0,0 +1,436 @@
+/**
+ * Plugin catalog routes: browse the published catalog (cached, revalidated on demand), proxy its
+ * covers, install a catalog plugin, uninstall a globally installed npm plugin and list the
+ * installed packages. Installing runs npm with the user's privileges and executes third-party
+ * code when the plugin loads: it needs an explicit `confirmed: true`, only catalog packages are
+ * accepted, and it is refused under `--read-only`. Types are local: the SDK contract is untouched.
+ */
+import { createWriteStream } from "node:fs";
+import { stat } from "node:fs/promises";
+import { join } from "node:path";
+import { catalogPluginState, comparePluginVersions, configHome, inspectPluginTarball, installedGlobalPlugins, installLocalPluginTarball, installPlugin, MAX_TARBALL_BYTES, NPM_NOT_FOUND_MESSAGE, parsePluginSpec, pluginCodeImportedFrom, pluginDependencySpec, satisfiesRange, uninstallPlugin, } from "@alisio/core";
+import { readJson } from "../http/body.js";
+import { HttpError } from "../http/errors.js";
+import { CatalogUnavailableError, } from "../plugins/catalog-service.js";
+import { InstallJobs } from "../plugins/jobs.js";
+import { createStaging, isStagingId, removeStaging, stagingFile, sweepStaging, } from "../plugins/staging.js";
+import { is, validate } from "../schemas.js";
+import { workspaceApp } from "./management.js";
+const COVER_CSP = "default-src 'none'; style-src 'unsafe-inline'; sandbox";
+const SLUG = /^[a-z0-9][a-z0-9._-]{0,63}$/;
+/** npm's answer for a version the registry does not have. */
+const NOT_PUBLISHED = /\bETARGET\b|No matching version found/;
+const PEER_CONFLICT = /ERESOLVE|Conflicting peer|require an older/;
+const MAX_ERROR_CHARS = 1500;
+/** How the uploaded version relates to the installed one. */
+function relationOf(uploaded, installed) {
+    const order = uploaded ? comparePluginVersions(uploaded, installed) : undefined;
+    return order === undefined || order === 0 ? "same" : order > 0 ? "update" : "downgrade";
+}
+const megabytes = (bytes) => Math.round((bytes / (1024 * 1024)) * 10) / 10;
+/** Streams the request body to `file`, failing as soon as it passes `max` bytes. */
+async function receive(req, file, max) {
+    const out = createWriteStream(file, { mode: 0o600 });
+    let size = 0;
+    try {
+        for await (const chunk of req) {
+            size += chunk.length;
+            if (size > max)
+                throw new HttpError("validation_failed", `The file is larger than ${megabytes(max)} MB`);
+            if (!out.write(chunk))
+                await new Promise((resolve) => out.once("drain", resolve));
+        }
+    }
+    finally {
+        await new Promise((resolve) => out.end(resolve));
+    }
+}
+const errorText = (error) => (error instanceof Error ? error.message : String(error));
+export function registerPluginCatalogRoutes(router, ctx, recycler, options) {
+    const { service } = options;
+    let mutating = false;
+    const jobs = new InstallJobs(options.jobTtlMs);
+    /** Packages updated on disk whose old code this process still runs (cleared by a restart). */
+    const pendingRestart = new Set();
+    const codeLoaded = (name) => pluginCodeImportedFrom(join(configHome(), "plugins", "node_modules", name));
+    const maxUpload = options.maxUploadBytes ?? MAX_TARBALL_BYTES;
+    void sweepStaging().catch(() => { });
+    const loadCatalog = async (refresh) => {
+        try {
+            return await service.get(refresh);
+        }
+        catch (error) {
+            if (error instanceof CatalogUnavailableError)
+                throw new HttpError("provider_unavailable", `The plugin catalog could not be loaded and there is no cached copy: ${error.message}`);
+            throw error;
+        }
+    };
+    const refuseReadOnly = (what) => {
+        if (ctx.base.readOnly)
+            throw new HttpError("capability_ceiling", `${what} is unavailable under --read-only`);
+    };
+    /** Installs and uninstalls never overlap: they share one npm prefix and one config file. */
+    const exclusive = async (task) => {
+        if (mutating)
+            throw new HttpError("runs_active", "Another plugin install or uninstall is in progress: wait for it to finish, then retry");
+        mutating = true;
+        try {
+            return await task();
+        }
+        finally {
+            mutating = false;
+        }
+    };
+    /** Recycles every open workspace so it re-reads the plugin set; true when any was deferred. */
+    const applyToWorkspaces = async () => {
+        let deferred = false;
+        for (const entry of ctx.workspaces.entries()) {
+            const reopened = await recycler.request(entry.id);
+            if (!reopened)
+                deferred = true;
+            recycler.announce(entry.id, ["plugins", "commands"]);
+        }
+        return deferred;
+    };
+    const toWire = (plugin, installed) => {
+        const { coverSource, ...rest } = plugin;
+        const state = catalogPluginState({
+            catalogVersion: plugin.version,
+            ...(installed.has(plugin.package) ? { installedVersion: installed.get(plugin.package) } : {}),
+            ...(plugin.sdk ? { sdkRange: plugin.sdk } : {}),
+            ...(options.sdkVersion ? { sdkVersion: options.sdkVersion } : {}),
+        });
+        return {
+            ...rest,
+            ...(coverSource
+                ? { cover: `/api/plugin-catalog/covers/${encodeURIComponent(plugin.slug)}` }
+                : {}),
+            ...(state.installedVersion ? { installedVersion: state.installedVersion } : {}),
+            updateAvailable: state.updateAvailable,
+            compatible: state.compatible,
+        };
+    };
+    // ---- Catalog ------------------------------------------------------------------------------
+    router.get("/api/plugin-catalog", async ({ url }) => {
+        const raw = url.searchParams.get("refresh");
+        if (raw !== null && raw !== "0" && raw !== "1" && raw !== "")
+            throw new HttpError("validation_failed", "Invalid query parameter", { fields: ["refresh"] });
+        const result = await loadCatalog(raw === "1");
+        const installed = await installedGlobalPlugins(configHome());
+        const versions = new Map(installed.map((item) => [item.name, item.version]));
+        const body = {
+            catalog: {
+                ...(result.catalog.generatedAt ? { generatedAt: result.catalog.generatedAt } : {}),
+                categories: result.catalog.categories,
+                plugins: result.catalog.plugins.map((plugin) => toWire(plugin, versions)),
+            },
+            meta: result.meta,
+            installed: installed.map((item) => ({ package: item.name, version: item.version })),
+            ...(options.sdkVersion ? { sdkVersion: options.sdkVersion } : {}),
+        };
+        return { body };
+    });
+    router.get("/api/plugin-catalog/covers/:slug", async ({ req, res, params }) => {
+        const slug = params.slug ?? "";
+        if (!SLUG.test(slug))
+            throw new HttpError("not_found", "Cover not found");
+        const result = await loadCatalog(false);
+        const plugin = result.catalog.plugins.find((entry) => entry.slug === slug);
+        if (!plugin?.coverSource)
+            throw new HttpError("not_found", "Cover not found");
+        const cover = await service.cover(plugin, result.meta.fetchedAt);
+        if (!cover)
+            throw new HttpError("not_found", "Cover not found");
+        res.setHeader("Content-Security-Policy", COVER_CSP);
+        res.setHeader("X-Content-Type-Options", "nosniff");
+        res.setHeader("Cache-Control", "private, max-age=3600");
+        res.setHeader("ETag", cover.etag);
+        if (req.headers["if-none-match"] === cover.etag) {
+            res.writeHead(304);
+            res.end();
+            return undefined;
+        }
+        res.writeHead(200, {
+            "Content-Type": cover.contentType,
+            "Content-Length": String(cover.body.length),
+        });
+        res.end(cover.body);
+        return undefined;
+    });
+    // ---- Installed packages -------------------------------------------------------------------
+    router.get("/api/plugins/packages", async ({ url }) => {
+        const opened = await workspaceApp(ctx.workspaces, url.searchParams.get("workspace"));
+        const loaded = opened.app.pluginCatalog();
+        // Update info comes from the cached catalog: no network unless the cache is stale.
+        const catalog = await service.get(false).then((result) => result.catalog, () => undefined);
+        const pluginsDir = join(configHome(), "plugins");
+        const body = [];
+        for (const item of await installedGlobalPlugins(configHome())) {
+            const local = (await pluginDependencySpec(pluginsDir, item.name))?.startsWith("file:") ?? false;
+            const entry = local ? undefined : catalog?.plugins.find((p) => p.package === item.name);
+            const state = entry
+                ? catalogPluginState({
+                    catalogVersion: entry.version,
+                    installedVersion: item.version,
+                    ...(entry.sdk ? { sdkRange: entry.sdk } : {}),
+                    ...(options.sdkVersion ? { sdkVersion: options.sdkVersion } : {}),
+                })
+                : undefined;
+            body.push({
+                package: item.name,
+                version: item.version,
+                pluginIds: loaded.filter((plugin) => plugin.spec === item.name).map((plugin) => plugin.id),
+                removable: !ctx.base.readOnly,
+                restartRequired: pendingRestart.has(item.name),
+                local,
+                ...(entry ? { latestVersion: entry.version } : {}),
+                updateAvailable: state?.updateAvailable ?? false,
+                updateCompatible: state?.compatible ?? true,
+            });
+        }
+        return { body };
+    });
+    // ---- Install ------------------------------------------------------------------------------
+    router.post("/api/plugins/install", async ({ req }) => {
+        const input = validate(await readJson(req), {
+            package: { check: is.nonEmpty(214), required: true },
+            version: { check: is.nonEmpty(64) },
+            confirmed: { check: (v) => v === true, required: true },
+        });
+        refuseReadOnly("Installing plugins");
+        const { catalog } = await loadCatalog(false);
+        const entry = catalog.plugins.find((plugin) => plugin.package === input.package);
+        if (!entry)
+            throw new HttpError("validation_failed", "Only plugins listed in the catalog can be installed here", {
+                fields: ["package"],
+            });
+        if (input.version !== undefined && input.version !== entry.version)
+            throw new HttpError("validation_failed", `Only the catalog version (${entry.version}) can be installed here`, { fields: ["version"] });
+        const installed = new Map((await installedGlobalPlugins(configHome())).map((item) => [item.name, item.version]));
+        const state = catalogPluginState({
+            catalogVersion: entry.version,
+            ...(installed.has(entry.package) ? { installedVersion: installed.get(entry.package) } : {}),
+            ...(entry.sdk ? { sdkRange: entry.sdk } : {}),
+            ...(options.sdkVersion ? { sdkVersion: options.sdkVersion } : {}),
+        });
+        if (!state.compatible)
+            throw new HttpError("validation_failed", `${entry.name} needs @alisio/sdk ${entry.sdk}, but this Alisio has ${options.sdkVersion}`, { fields: ["package"] });
+        return exclusive(async () => {
+            let result;
+            const loaded = codeLoaded(entry.package);
+            const attempt = (spec) => installPlugin({
+                spec,
+                // An installed package is replaced at the catalog version: update, reinstall or downgrade.
+                force: installed.has(entry.package),
+                configHome: configHome(),
+                ...(options.installRunner ? { runner: options.installRunner } : {}),
+            });
+            try {
+                try {
+                    result = await attempt(`npm:${entry.package}@${entry.version}`);
+                }
+                catch (error) {
+                    // The catalog can list a version npm does not serve yet (it is generated before the
+                    // publish finishes): fall back to the registry's latest rather than fail the install.
+                    if (!NOT_PUBLISHED.test(errorText(error)))
+                        throw error;
+                    result = await attempt(`npm:${entry.package}`);
+                }
+            }
+            catch (error) {
+                const text = errorText(error).slice(0, MAX_ERROR_CHARS);
+                if (text.includes(NPM_NOT_FOUND_MESSAGE) || PEER_CONFLICT.test(text))
+                    throw new HttpError("validation_failed", text);
+                throw new HttpError("provider_unavailable", text);
+            }
+            const restartRequired = loaded;
+            if (restartRequired)
+                pendingRestart.add(result.packageName);
+            const deferred = await applyToWorkspaces();
+            const body = {
+                package: result.packageName,
+                installedVersion: result.installedVersion,
+                alreadyInstalled: result.alreadyInstalled,
+                updated: result.updated,
+                ...(result.previousVersion ? { previousVersion: result.previousVersion } : {}),
+                restartPending: deferred,
+                restartRequired,
+            };
+            return { body };
+        });
+    });
+    // ---- Install from a local file --------------------------------------------------------------
+    router.post("/api/plugins/local/inspect", async ({ req }) => {
+        refuseReadOnly("Installing plugins");
+        const type = String(req.headers["content-type"] ?? "")
+            .split(";")[0]
+            ?.trim();
+        if (!["application/gzip", "application/x-gzip", "application/octet-stream"].includes(type ?? ""))
+            throw new HttpError("unsupported_media_type", "Send the .tgz as the raw body with Content-Type application/gzip");
+        const declared = Number(req.headers["content-length"] ?? Number.NaN);
+        if (Number.isFinite(declared) && declared > maxUpload)
+            throw new HttpError("validation_failed", `The file is larger than ${megabytes(maxUpload)} MB`);
+        await sweepStaging().catch(() => 0);
+        const staging = await createStaging();
+        try {
+            await receive(req, staging.file, maxUpload);
+            const info = await inspectPluginTarball(staging.file);
+            const installed = info.name
+                ? (await installedGlobalPlugins(configHome())).find((item) => item.name === info.name)
+                : undefined;
+            const compatible = !info.sdkRange || !options.sdkVersion
+                ? true
+                : satisfiesRange(options.sdkVersion, info.sdkRange);
+            const body = {
+                ...(info.isAlisioPlugin ? { stagingId: staging.id } : {}),
+                ...(info.name ? { package: info.name } : {}),
+                ...(info.version ? { version: info.version } : {}),
+                ...(info.description ? { description: info.description } : {}),
+                ...(info.author ? { author: info.author } : {}),
+                ...(info.license ? { license: info.license } : {}),
+                ...(info.sdkRange ? { sdkRange: info.sdkRange } : {}),
+                compatible,
+                isAlisioPlugin: info.isAlisioPlugin,
+                reasons: info.reasons,
+                lifecycleScripts: info.lifecycleScripts,
+                ...(installed
+                    ? {
+                        installed: {
+                            version: installed.version,
+                            relation: relationOf(info.version, installed.version),
+                        },
+                    }
+                    : {}),
+                size: info.size,
+            };
+            // Nothing to install from an invalid file: it does not stay on disk.
+            if (!info.isAlisioPlugin)
+                await removeStaging(staging.id);
+            return { body };
+        }
+        catch (error) {
+            await removeStaging(staging.id);
+            throw error;
+        }
+    });
+    router.delete("/api/plugins/local/staged/:stagingId", async ({ params }) => {
+        const id = params.stagingId ?? "";
+        if (!isStagingId(id))
+            throw new HttpError("validation_failed", "Invalid upload id", { fields: ["stagingId"] });
+        await removeStaging(id);
+        return { body: { removed: true } };
+    });
+    router.post("/api/plugins/local/install", async ({ req }) => {
+        const input = validate(await readJson(req), {
+            stagingId: { check: is.nonEmpty(64), required: true },
+            confirmed: { check: (v) => v === true, required: true },
+        });
+        refuseReadOnly("Installing plugins");
+        if (!isStagingId(input.stagingId))
+            throw new HttpError("validation_failed", "Invalid upload id", { fields: ["stagingId"] });
+        const file = stagingFile(input.stagingId);
+        if (!(await stat(file).then(() => true, () => false)))
+            throw new HttpError("not_found", "The upload was not found or has expired: select the file again");
+        const info = await inspectPluginTarball(file);
+        if (!info.isAlisioPlugin) {
+            await removeStaging(input.stagingId);
+            throw new HttpError("validation_failed", `Not a valid Alisio plugin package: ${info.reasons.join("; ")}`);
+        }
+        if (mutating)
+            throw new HttpError("runs_active", "Another plugin install or uninstall is in progress: wait for it to finish, then retry");
+        mutating = true;
+        const job = jobs.create();
+        job.start("uploading");
+        void (async () => {
+            const loaded = info.name ? codeLoaded(info.name) : false;
+            try {
+                const result = await installLocalPluginTarball({
+                    tarballPath: file,
+                    configHome: configHome(),
+                    ...(options.installRunner ? { runner: options.installRunner } : {}),
+                    onPhase: (phase) => job.start(phase),
+                });
+                job.start("reloading");
+                if (loaded)
+                    pendingRestart.add(result.packageName);
+                const deferred = await applyToWorkspaces();
+                job.start("cleanup");
+                await removeStaging(input.stagingId);
+                const body = {
+                    package: result.packageName,
+                    installedVersion: result.installedVersion,
+                    alreadyInstalled: result.alreadyInstalled,
+                    updated: result.updated,
+                    ...(result.previousVersion ? { previousVersion: result.previousVersion } : {}),
+                    restartPending: deferred,
+                    restartRequired: loaded,
+                };
+                job.succeed(body);
+            }
+            catch (error) {
+                await removeStaging(input.stagingId).catch(() => { });
+                const text = errorText(error).slice(0, MAX_ERROR_CHARS);
+                const tail = error.logTail;
+                job.fail(text, tail);
+            }
+            finally {
+                mutating = false;
+            }
+        })();
+        return { status: 202, body: { jobId: job.id } };
+    });
+    router.get("/api/plugins/jobs/:jobId", ({ params }) => {
+        const job = jobs.get(params.jobId ?? "");
+        if (!job)
+            throw new HttpError("not_found", "Job not found or expired");
+        return { body: job.view() };
+    });
+    // ---- Uninstall ----------------------------------------------------------------------------
+    router.delete("/api/plugins/package/:name", async ({ params }) => {
+        const name = params.name ?? "";
+        let parsed;
+        try {
+            parsed = parsePluginSpec(name);
+            if (parsed.version !== undefined || parsed.name !== name)
+                throw new Error("not a bare name");
+        }
+        catch {
+            throw new HttpError("validation_failed", "Invalid package name", { fields: ["name"] });
+        }
+        refuseReadOnly("Uninstalling plugins");
+        const builtin = (ctx.base.builtins ?? []).some((plugin) => name === plugin.id || name === `@alisio/plugin-${plugin.id}`);
+        if (builtin)
+            throw new HttpError("not_manageable", "Built-in plugins cannot be uninstalled");
+        const installed = await installedGlobalPlugins(configHome());
+        if (!installed.some((item) => item.name === name)) {
+            const project = ctx.workspaces
+                .entries()
+                .some((entry) => entry.app.pluginCatalog().some((plugin) => plugin.spec === name));
+            if (project)
+                throw new HttpError("not_manageable", "This plugin is not installed in the global plugins directory: remove it from your project configuration");
+            throw new HttpError("not_found", "Plugin package is not installed");
+        }
+        return exclusive(async () => {
+            let removed;
+            try {
+                removed = await uninstallPlugin({
+                    packageName: name,
+                    configHome: configHome(),
+                    ...(options.installRunner ? { runner: options.installRunner } : {}),
+                });
+            }
+            catch (error) {
+                const text = errorText(error).slice(0, MAX_ERROR_CHARS);
+                throw new HttpError(text.includes(NPM_NOT_FOUND_MESSAGE) ? "validation_failed" : "provider_unavailable", text);
+            }
+            pendingRestart.delete(name);
+            const deferred = await applyToWorkspaces();
+            const body = {
+                package: removed.packageName,
+                removed: removed.removed,
+                restartPending: deferred,
+            };
+            return { body };
+        });
+    });
+}

package/dist/routes/server-restart.d.ts

@@ -0,0 +1,7 @@
+import type { Router } from "../http/router.ts";
+export interface RestartRouteOptions {
+    /** Present only when a supervisor will respawn this process. */
+    restart?: () => void;
+    readOnly?: boolean;
+}
+export declare function registerRestartRoutes(router: Router, options: RestartRouteOptions): void;

package/dist/routes/server-restart.js

@@ -0,0 +1,24 @@
+/**
+ * `GET|POST /api/server/restart`: lets the UI restart the host when a supervisor (the desktop app)
+ * respawns it. An update of a plugin that is already loaded only takes effect in a new process,
+ * because Node keeps imported modules for the process lifetime. Without a supervisor nothing is
+ * exposed beyond `available: false`: a bare `alisio serve` must be restarted by its owner.
+ */
+import { readJson } from "../http/body.js";
+import { HttpError } from "../http/errors.js";
+import { validate } from "../schemas.js";
+export function registerRestartRoutes(router, options) {
+    router.get("/api/server/restart", () => ({
+        body: { available: !!options.restart && !options.readOnly },
+    }));
+    router.post("/api/server/restart", async ({ req, res }) => {
+        validate(await readJson(req), { confirmed: { check: (v) => v === true, required: true } });
+        if (options.readOnly)
+            throw new HttpError("capability_ceiling", "Restarting is unavailable under --read-only");
+        if (!options.restart)
+            throw new HttpError("not_manageable", "This server has no supervisor to restart it: restart `alisio serve` yourself");
+        const restart = options.restart;
+        res.once("finish", () => restart());
+        return { body: { restarting: true } };
+    });
+}

package/dist/web/assets/{AgentPicker-Dnt56QuW.js → AgentPicker-B2dNJHaW.js}

@@ -1 +1 @@
-import{a as e,b as t,g as n,y as r}from"./i18n-CNPXQ8kr.js";import{a as i,d as a,j as o,o as s,t as c}from"./app-BH2h7887.js";import{t as l}from"./jsxRuntime-BwIKcin2.js";import{t as u}from"./icons-D2ozMmbS.js";import{b as d,t as f,u as p}from"./agents.module-CrFdY3Vj.js";import{t as m}from"./settings.module-BClxMWCR.js";import{a as h,c as g,i as _,l as v,r as y}from"./shared-DM5LTOJl.js";function b(){let b=g(),x=v(b?()=>a.agents(b.id):void 0,[b?.id],[`agents`]),S=v(()=>a.agentDefinitions(b?.id),[b?.id],[`agents`]),[C,w]=r(``),[T,E]=r(0),D=n(null);t(()=>{let e=document.activeElement;return D.current?.querySelector(`input`)?.focus(),()=>e?.focus()},[]);let O=()=>{i.value=!1},k=o.value?.agent??x.data?.find(e=>e.default)?.id,A=p(x.data??[],C),j=e=>{O(),c(e.id)},M=t=>{let n=d(t,S.data?.agents??[]);return n?l(y,{tone:n===`project`?`ok`:`off`,children:e(`agentsWin.scope.${n}`)}):l(y,{tone:`off`,children:t.source===`builtin`?e(`agentsWin.builtin`):e(`agentsWin.plugin`)})};return l(`div`,{class:m.backdrop,onMouseDown:e=>{e.target===e.currentTarget&&O()},children:l(`div`,{ref:D,class:`${m.dialog} ${f.picker}`,role:`dialog`,"aria-modal":`true`,"aria-labelledby":`agent-picker-title`,onKeyDown:e=>{if(e.key===`Escape`)e.preventDefault(),O();else if(e.key===`ArrowDown`||e.key===`ArrowUp`){e.preventDefault();let t=e.key===`ArrowDown`?1:-1;E(e=>A.length?(e+t+A.length)%A.length:0)}else if(e.key===`Enter`&&e.target.tagName===`INPUT`){e.preventDefault();let t=A[Math.min(T,A.length-1)];t&&j(t)}},children:[l(`div`,{class:f.pickerHead,children:[l(`div`,{class:f.listHead,children:[l(`div`,{children:[l(`h3`,{class:m.pageTitle,id:`agent-picker-title`,children:e(`agentsWin.picker`)}),l(`p`,{class:m.note,children:e(`agentsWin.pickerLead`)})]}),l(`button`,{type:`button`,class:`icon-btn`,"aria-label":e(`common.close`),onClick:O,children:l(u,{name:`x`,size:18})})]}),l(_,{value:C,label:e(`agentsWin.pickerSearch`),onInput:e=>{w(e),E(0)}})]}),l(`div`,{style:{padding:`0 18px`},children:l(h,{loading:x.loading&&!x.data,error:x.error,empty:b?void 0:`settings.noWorkspace`})}),l(`ul`,{class:f.pickerList,"aria-label":e(`agentsWin.picker`),children:[x.data&&!A.length?l(`li`,{class:m.note,children:e(`agentsWin.pickerEmpty`,{query:C})}):null,A.map((t,n)=>l(`li`,{children:l(`button`,{type:`button`,class:f.pickerItem,"data-selected":n===T,"aria-current":t.id===k?`true`:void 0,onMouseEnter:()=>E(n),onClick:()=>j(t),children:[l(`span`,{class:f.pickerTitle,children:[t.name,M(t),t.id===k?l(y,{tone:`ok`,children:e(`agentsWin.current`)}):null,t.id===`build`?l(y,{tone:`off`,children:e(`agentsWin.defaultAgent`)}):null,t.readOnly?l(y,{tone:`warn`,children:e(`agents.readOnly`)}):null]}),l(`span`,{class:m.cardText,children:t.description})]})},t.id)),l(`li`,{children:l(`button`,{type:`button`,class:f.pickerItem,onClick:()=>{O(),s.value=!0},children:l(`span`,{class:f.pickerTitle,children:[l(u,{name:`users`,size:15}),e(`agentsWin.manage`)]})})})]})]})})}export{b as AgentPicker};
+import{a as e,b as t,g as n,y as r}from"./i18n-DqOZSMVh.js";import{a as i,d as a,j as o,o as s,t as c}from"./app-CGSX2FCK.js";import{t as l}from"./jsxRuntime-BWhXelbu.js";import{t as u}from"./icons-BZSZMbqh.js";import{b as d,t as f,u as p}from"./agents.module-C5jXUIc1.js";import{t as m}from"./settings.module-ErkNzIk4.js";import{a as h,c as g,i as _,l as v,r as y}from"./shared-C2fqplXu.js";function b(){let b=g(),x=v(b?()=>a.agents(b.id):void 0,[b?.id],[`agents`]),S=v(()=>a.agentDefinitions(b?.id),[b?.id],[`agents`]),[C,w]=r(``),[T,E]=r(0),D=n(null);t(()=>{let e=document.activeElement;return D.current?.querySelector(`input`)?.focus(),()=>e?.focus()},[]);let O=()=>{i.value=!1},k=o.value?.agent??x.data?.find(e=>e.default)?.id,A=p(x.data??[],C),j=e=>{O(),c(e.id)},M=t=>{let n=d(t,S.data?.agents??[]);return n?l(y,{tone:n===`project`?`ok`:`off`,children:e(`agentsWin.scope.${n}`)}):l(y,{tone:`off`,children:t.source===`builtin`?e(`agentsWin.builtin`):e(`agentsWin.plugin`)})};return l(`div`,{class:m.backdrop,onMouseDown:e=>{e.target===e.currentTarget&&O()},children:l(`div`,{ref:D,class:`${m.dialog} ${f.picker}`,role:`dialog`,"aria-modal":`true`,"aria-labelledby":`agent-picker-title`,onKeyDown:e=>{if(e.key===`Escape`)e.preventDefault(),O();else if(e.key===`ArrowDown`||e.key===`ArrowUp`){e.preventDefault();let t=e.key===`ArrowDown`?1:-1;E(e=>A.length?(e+t+A.length)%A.length:0)}else if(e.key===`Enter`&&e.target.tagName===`INPUT`){e.preventDefault();let t=A[Math.min(T,A.length-1)];t&&j(t)}},children:[l(`div`,{class:f.pickerHead,children:[l(`div`,{class:f.listHead,children:[l(`div`,{children:[l(`h3`,{class:m.pageTitle,id:`agent-picker-title`,children:e(`agentsWin.picker`)}),l(`p`,{class:m.note,children:e(`agentsWin.pickerLead`)})]}),l(`button`,{type:`button`,class:`icon-btn`,"aria-label":e(`common.close`),onClick:O,children:l(u,{name:`x`,size:18})})]}),l(_,{value:C,label:e(`agentsWin.pickerSearch`),onInput:e=>{w(e),E(0)}})]}),l(`div`,{style:{padding:`0 18px`},children:l(h,{loading:x.loading&&!x.data,error:x.error,empty:b?void 0:`settings.noWorkspace`})}),l(`ul`,{class:f.pickerList,"aria-label":e(`agentsWin.picker`),children:[x.data&&!A.length?l(`li`,{class:m.note,children:e(`agentsWin.pickerEmpty`,{query:C})}):null,A.map((t,n)=>l(`li`,{children:l(`button`,{type:`button`,class:f.pickerItem,"data-selected":n===T,"aria-current":t.id===k?`true`:void 0,onMouseEnter:()=>E(n),onClick:()=>j(t),children:[l(`span`,{class:f.pickerTitle,children:[t.name,M(t),t.id===k?l(y,{tone:`ok`,children:e(`agentsWin.current`)}):null,t.id===`build`?l(y,{tone:`off`,children:e(`agentsWin.defaultAgent`)}):null,t.readOnly?l(y,{tone:`warn`,children:e(`agents.readOnly`)}):null]}),l(`span`,{class:m.cardText,children:t.description})]})},t.id)),l(`li`,{children:l(`button`,{type:`button`,class:f.pickerItem,onClick:()=>{O(),s.value=!0},children:l(`span`,{class:f.pickerTitle,children:[l(u,{name:`users`,size:15}),e(`agentsWin.manage`)]})})})]})]})})}export{b as AgentPicker};

package/dist/web/assets/{AgentsModal-w9FC_Qnw.js → AgentsModal-BWrVQpCo.js}

@@ -1,2 +1,2 @@
-import{T as e,_ as t,a as n,b as r,c as i,g as a,l as o,y as s}from"./i18n-CNPXQ8kr.js";import{K as c,Ut as l,d as u,gt as d,it as f,o as p,pt as m,vt as h}from"./app-BH2h7887.js";import{t as g}from"./jsxRuntime-BwIKcin2.js";import{t as _}from"./icons-D2ozMmbS.js";import{t as v}from"./CopyButton-C701fVen.js";import{S as y,_ as b,a as x,c as S,d as C,f as ee,g as w,h as T,i as E,l as D,m as te,n as O,o as k,p as ne,r as A,s as re,t as j,v as ie,x as ae,y as oe}from"./agents.module-CrFdY3Vj.js";import{t as M}from"./settings.module-BClxMWCR.js";import{a as N,c as P,l as F,r as I}from"./shared-DM5LTOJl.js";var L=new Set([`minimal`,`low`,`medium`,`high`,`xhigh`]),R=e=>L.has(e)?n(`agentsWin.level.${e}`):e;function se(e){let[t,n]=s(!0);return g(`section`,{class:j.section,children:[g(`button`,{type:`button`,class:j.sectionHead,"aria-expanded":t,onClick:()=>n(!t),children:[g(_,{name:t?`chevronDown`:`chevronRight`,size:15}),e.title]}),t?g(`div`,{class:j.sectionBody,children:e.children}):null]})}function z(e){return g(`label`,{class:j.field,children:[g(`span`,{class:j.fieldLabel,children:[e.label,e.hint?g(`span`,{class:j.fieldHint,children:e.hint}):null]}),e.children,e.error?g(`span`,{class:j.fieldError,children:e.error}):null]})}function ce(e){let t=e.text.split(`
+import{E as e,_ as t,a as n,b as r,c as i,g as a,l as o,y as s}from"./i18n-DqOZSMVh.js";import{K as c,Ut as l,d as u,gt as d,it as f,o as p,pt as m,vt as h}from"./app-CGSX2FCK.js";import{t as g}from"./jsxRuntime-BWhXelbu.js";import{t as _}from"./icons-BZSZMbqh.js";import{t as v}from"./CopyButton-Bh3Dsk-o.js";import{S as y,_ as b,a as x,c as S,d as C,f as ee,g as w,h as T,i as E,l as D,m as te,n as O,o as k,p as ne,r as A,s as re,t as j,v as ie,x as ae,y as oe}from"./agents.module-C5jXUIc1.js";import{t as M}from"./settings.module-ErkNzIk4.js";import{a as N,c as P,l as F,r as I}from"./shared-C2fqplXu.js";var L=new Set([`minimal`,`low`,`medium`,`high`,`xhigh`]),R=e=>L.has(e)?n(`agentsWin.level.${e}`):e;function se(e){let[t,n]=s(!0);return g(`section`,{class:j.section,children:[g(`button`,{type:`button`,class:j.sectionHead,"aria-expanded":t,onClick:()=>n(!t),children:[g(_,{name:t?`chevronDown`:`chevronRight`,size:15}),e.title]}),t?g(`div`,{class:j.sectionBody,children:e.children}):null]})}function z(e){return g(`label`,{class:j.field,children:[g(`span`,{class:j.fieldLabel,children:[e.label,e.hint?g(`span`,{class:j.fieldHint,children:e.hint}):null]}),e.children,e.error?g(`span`,{class:j.fieldError,children:e.error}):null]})}function ce(e){let t=e.text.split(`
 `);return g(`section`,{class:j.code,"aria-label":n(`agentsWin.config`),children:[g(`div`,{class:j.codeHead,children:[g(`span`,{children:n(`agentsWin.config`)}),g(v,{text:()=>e.text,label:n(`agentsWin.configCopy`)})]}),g(`p`,{class:M.note,style:{margin:`8px 16px 0`},children:n(`agentsWin.configLead`)}),g(`pre`,{class:j.codeBody,children:g(`code`,{children:t.map((e,t)=>g(`span`,{class:j.codeLine,children:[g(`span`,{class:j.lineNo,"aria-hidden":`true`,children:t+1}),g(`span`,{children:y(e).map((e,t)=>g(`span`,{class:j[`tok-${e.kind}`],children:e.text},t))})]},t))})})]})}function le(e){let[t,i]=s(Date.now()),o=a(null);return r(()=>{o.current?.focus();let e=setInterval(()=>i(Date.now()),1e3);return()=>clearInterval(e)},[]),g(`div`,{class:j.overlay,role:`alertdialog`,"aria-modal":`true`,"aria-labelledby":`building-title`,"aria-describedby":`building-body`,onKeyDown:t=>{t.key===`Escape`&&(t.preventDefault(),e.onCancel())},children:g(`div`,{class:j.overlayCard,children:[g(`div`,{class:j.spinner,"aria-hidden":`true`}),g(`h3`,{class:j.overlayTitle,id:`building-title`,children:n(`agentsWin.building`)}),g(`p`,{class:M.note,id:`building-body`,role:`status`,children:n(`agentsWin.buildingBody`,{model:e.model})}),g(`div`,{class:j.progress,"aria-hidden":`true`,children:g(`div`,{class:j.progressBar})}),g(`p`,{class:M.meta,children:n(`agentsWin.buildingElapsed`,{seconds:Math.max(0,Math.round((t-e.started)/1e3))})}),g(`div`,{class:j.overlayActions,children:g(`button`,{ref:o,type:`button`,class:M.secondary,onClick:e.onCancel,children:n(`common.cancel`)})})]})})}function ue(e){let t=a(null);return r(()=>t.current?.focus(),[]),g(`div`,{class:j.overlay,role:`alertdialog`,"aria-modal":`true`,"aria-labelledby":`created-title`,onKeyDown:t=>{t.key===`Escape`&&(t.preventDefault(),e.onStay())},children:g(`div`,{class:j.overlayCard,children:[g(`h3`,{class:j.overlayTitle,id:`created-title`,children:n(`agentsWin.createdTitle`,{name:e.name})}),g(`p`,{class:M.note,children:e.live?n(`agentsWin.createdBody`):n(`agentsWin.createdRestart`)}),g(`div`,{class:j.overlayActions,children:[e.live?g(`button`,{ref:t,type:`button`,class:M.primary,onClick:e.onTry,children:n(`agentsWin.tryIt`)}):null,g(`button`,{ref:e.live?void 0:t,type:`button`,class:M.secondary,onClick:e.onStay,children:n(`agentsWin.stay`)})]})]})})}function B(i){let{workspace:a,models:o}=i,[v,y]=s(i.initial),[D,te]=s(i.saved),[P,I]=s(`setup`),[L,B]=s(``),[V,H]=s(),[U,W]=s(),[de,G]=s(!1),[K,q]=s(),[fe,pe]=s(!b());r(()=>{if(!v.model&&o?.length){let e=o.find(e=>e.active)??o[0];e&&y(t=>C({...t,model:e.reference},e.capabilities))}},[o]);let me=!D||T(v)!==T(D);r(()=>i.onDirty(me&&!!D),[me,D]);let J=re(o,v.model),Y=F(D?.id?()=>u.agentSessions(D.id):void 0,[D?.id],[`agents`]),X=i.overview?.scopes??(a?[`project`,`global`]:[`global`]),Z=e=>y(t=>({...t,...e})),he=t(()=>x(v,{origin:typeof location<`u`?location.origin:`http://127.0.0.1:4096`,...a?{workspace:a.id}:{}}),[v,a?.id]),ge=o?.find(e=>e.active)?.id??`Alisio`,Q=!!v.instructions.trim(),_e=async e=>{G(!0);try{let t={...w(e),scope:e.scope,...a?{workspace:a.id}:{}},r=e.id?await u.updateAgent(e.id,t):await u.createAgent(t),o=ee(r.agent);y(o),te(o),i.onSaved(o),e.scope===`project`&&f(),d(n(r.live?`agentsWin.saved`:`agentsWin.savedRestart`)),e.id||q({form:o,live:r.live})}catch(e){d(n(`agentsWin.saveFailed`,{message:l(e)}))}finally{G(!1)}},ve=async()=>{if(!a)return;let e=new AbortController;W(void 0),H({controller:e,started:Date.now()});let t;try{let r=await u.draftAgent({workspace:a.id,description:L.trim(),...Q?{base:{name:v.name,description:v.description,instructions:v.instructions}}:{}},e.signal);t=C(ne(v,r),J),y(t),B(``),d(n(`agentsWin.buildDone`,{model:r.generatedBy,guidance:r.guidance}))}catch(t){e.signal.aborted||W(l(t))}finally{H(void 0)}t&&!t.id&&k(t,void 0)&&await _e(t)},$=oe(v.name),ye=ie({saved:!!D?.id,workspace:!!a,sessions:Y.data?.items??[]}),be={define:[`agentsWin.step.define`,`agentsWin.step.defineBody`],runtime:[`agentsWin.step.runtime`,`agentsWin.step.runtimeBody`],session:[`agentsWin.step.session`,`agentsWin.step.sessionBody`],events:[`agentsWin.step.events`,`agentsWin.step.eventsBody`]},xe=async e=>{a&&e.id&&await h(a.id,e.id,e.model||void 0)&&(p.value=!1)};return g(`div`,{style:{position:`relative`},children:[g(`div`,{class:M.tabs,role:`tablist`,"aria-label":n(`agentsWin.title`),children:[`setup`,`sessions`].map(e=>g(`button`,{type:`button`,role:`tab`,class:M.tab,"aria-selected":P===e,onClick:()=>I(e),children:n(`agentsWin.${e}`)},e))}),P===`sessions`?g(`div`,{role:`tabpanel`,children:D?.id?g(e,{children:[g(N,{loading:Y.loading&&!Y.data,error:Y.error}),Y.data&&!Y.data.items.length?g(`p`,{class:M.note,children:n(`agentsWin.sessionsEmpty`)}):null,g(`ul`,{class:M.rows,children:(Y.data?.items??[]).map(e=>g(`li`,{class:M.row,children:g(`button`,{type:`button`,class:j.rowButton,onClick:()=>{p.value=!1,c(e.id)},children:[g(`span`,{class:M.cardName,children:e.title??n(`agentsWin.untitled`)}),g(`p`,{class:M.meta,children:[e.model,` · `,e.workspace]})]})},e.id))}),a?g(`button`,{type:`button`,class:`${M.primary} ${M.addButton}`,onClick:()=>void xe(D),children:n(`agentsWin.startSession`)}):g(`p`,{class:M.note,children:n(`agentsWin.noWorkspace`)})]}):g(`p`,{class:M.note,children:n(`agentsWin.sessionsUnsaved`)})}):g(`div`,{class:j.columns,role:`tabpanel`,children:[g(`div`,{class:j.column,children:[a?g(`section`,{class:j.assist,"aria-labelledby":`assist-title`,children:[g(`h4`,{class:j.assistTitle,id:`assist-title`,children:[g(_,{name:`sparkle`,size:16}),n(Q?`agentsWin.assistRefine`:`agentsWin.assistTitle`)]}),g(`p`,{class:M.note,children:n(Q?`agentsWin.assistRefineLead`:`agentsWin.assistLead`)}),g(`textarea`,{class:j.control,style:{minHeight:`64px`},value:L,placeholder:n(`agentsWin.assistPlaceholder`),"aria-label":n(`agentsWin.assistTitle`),maxLength:2e3,onInput:e=>B(e.target.value)}),U?g(`p`,{class:M.errorText,role:`alert`,children:n(`agentsWin.buildFailed`,{message:U})}):null,g(`div`,{class:j.assistActions,children:g(`button`,{type:`button`,class:M.primary,disabled:!!V||!Q&&!L.trim(),onClick:()=>void ve(),children:n(Q?`agentsWin.assistRefine`:`agentsWin.assistCreate`)})})]}):null,g(se,{title:n(`agentsWin.definition`),children:[g(z,{label:n(`agentsWin.name`),error:$?n(`agentsWin.nameError.${$}`):void 0,children:g(`input`,{class:j.control,value:v.name,maxLength:80,"aria-invalid":$?`true`:void 0,onInput:e=>Z({name:e.target.value})})}),g(z,{label:n(`agentsWin.description`),children:g(`input`,{class:j.control,value:v.description,maxLength:300,placeholder:n(`agentsWin.descriptionPlaceholder`),onInput:e=>Z({description:e.target.value})})}),g(z,{label:n(`agentsWin.instructions`),hint:`${v.instructions.length} / 24000`,children:g(`textarea`,{class:j.control,value:v.instructions,maxLength:24e3,placeholder:n(`agentsWin.instructionsPlaceholder`),onInput:e=>Z({instructions:e.target.value})})}),!v.id&&X.length>1?g(z,{label:n(`agentsWin.scope`),hint:n(`agentsWin.scopeHint`),children:g(`select`,{class:j.control,value:v.scope,title:i.overview?.dirs[v.scope]??``,onChange:e=>Z({scope:e.target.value}),children:X.map(e=>g(`option`,{value:e,title:i.overview?.dirs[e]??``,children:[n(`agentsWin.scope.${e}`),i.overview?.dirs[e]?` — ${ae(e,i.overview.dirs[e])}`:``]},e))})}):g(`p`,{class:M.meta,children:[n(`agentsWin.scope`),`: `,n(`agentsWin.scope.${v.scope}`)]}),v.scope===`project`&&i.overview&&!i.overview.trusted?g(`div`,{class:M.callout,role:`note`,children:[g(_,{name:`shield`,size:16}),g(`div`,{class:M.stack,children:[g(`span`,{children:n(`agentsWin.scopeUntrusted`)}),a?g(`button`,{type:`button`,class:M.secondary,style:{justifySelf:`start`},onClick:async()=>{await m(a,!0)&&i.onTrusted()},children:n(`trust.grant`)}):null]})]}):null]}),g(se,{title:n(`agentsWin.modelSection`),children:[g(z,{label:n(`agentsWin.model`),children:g(`select`,{class:j.control,value:v.model,onChange:e=>{let t=e.target.value;y(e=>C({...e,model:t},re(o,t)))},children:[g(`option`,{value:``,disabled:!0,children:n(`agentsWin.chooseModel`)}),v.model&&!o?.some(e=>e.reference===v.model)?g(`option`,{value:v.model,children:v.model}):null,(o??[]).map(e=>g(`option`,{value:e.reference,children:[e.active?n(`agentsWin.modelActive`,{name:e.name??e.id}):e.name??e.id,` `,`· `,e.providerName,e.labels.length?` — ${e.labels.join(` · `)}`:``]},e.reference))]})}),i.modelsError?g(`p`,{class:M.errorText,children:i.modelsError}):J.known?null:g(`p`,{class:j.fieldHint,children:n(`agentsWin.capsUnknown`)}),g(`div`,{class:j.settingsGrid,children:[g(z,{label:n(`agentsWin.textFormat`),children:g(`select`,{class:j.control,value:v.format,onChange:e=>Z({format:e.target.value}),children:A.filter(e=>J.textFormats.includes(e)).map(e=>g(`option`,{value:e,children:n(`agentsWin.format.${e}`)},e))})}),g(z,{label:n(`agentsWin.effort`),hint:J.reasoning?void 0:n(`agentsWin.unsupported`),children:g(`select`,{class:j.control,value:v.effort,disabled:!J.reasoning,onChange:e=>Z({effort:e.target.value}),children:[g(`option`,{value:``,children:[n(`agentsWin.modelDefault`),J.defaultEffort?` (${R(J.defaultEffort)})`:``]}),J.effortLevels.map(e=>g(`option`,{value:e,children:R(e)},e))]})}),g(z,{label:n(`agentsWin.verbosity`),hint:J.verbosity?void 0:n(`agentsWin.unsupported`),children:g(`select`,{class:j.control,value:v.verbosity,disabled:!J.verbosity,onChange:e=>Z({verbosity:e.target.value}),children:[g(`option`,{value:``,children:n(`agentsWin.modelDefault`)}),E.map(e=>g(`option`,{value:e,children:R(e)},e))]})}),g(z,{label:n(`agentsWin.summary`),hint:J.summary?void 0:n(`agentsWin.unsupported`),children:g(`select`,{class:j.control,value:v.summary,disabled:!J.summary,onChange:e=>Z({summary:e.target.value}),children:[g(`option`,{value:``,children:n(`agentsWin.modelDefault`)}),O.map(e=>g(`option`,{value:e,children:n(`agentsWin.summary.${e}`)},e))]})})]})]}),g(`button`,{type:`button`,class:`${M.primary} ${j.saveButton}`,disabled:de||!!V||!k(v,D),onClick:()=>void _e(v),children:n(`agentsWin.save`)})]}),g(`div`,{class:j.column,children:[g(ce,{text:he}),fe?g(`section`,{class:j.stepper,"aria-labelledby":`getting-started`,children:[g(`h4`,{class:j.stepperHead,id:`getting-started`,children:[n(`agentsWin.gettingStarted`),g(`button`,{type:`button`,class:`icon-btn`,"aria-label":n(`agentsWin.dismiss`),title:n(`agentsWin.dismiss`),onClick:()=>{S(),pe(!1)},children:g(_,{name:`x`,size:15})})]}),g(`ol`,{class:j.steps,children:ye.map((e,t)=>{let[r,i]=be[e.id];return g(`li`,{class:j.step,"data-done":e.done,children:[g(`span`,{class:j.stepNode,"aria-hidden":`true`,children:e.done?`✓`:t+1}),g(`div`,{children:[g(`p`,{class:j.stepTitle,children:[n(r),g(`span`,{class:`sr-only`,children:e.done?` ✓`:``})]}),g(`p`,{class:j.stepText,children:n(i)})]})]},e.id)})})]}):null]})]}),V?g(le,{model:ge,started:V.started,onCancel:()=>V.controller.abort()}):null,K?g(ue,{name:K.form.name,live:K.live&&!!a,onTry:()=>{let e=K.form;q(void 0),xe(e)},onStay:()=>q(void 0)}):null]})}var V=`alisio.agents.maximized`,H=`button:not(:disabled), input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex='0']`;function U(t){let{agent:r}=t;return g(e,{children:[g(I,{tone:r.scope===`project`?`ok`:`off`,children:n(`agentsWin.scope.${r.scope}`)}),r.overridesGlobal?g(I,{tone:`warn`,children:n(`agentsWin.overrides`)}):null,r.overriddenByProject?g(I,{tone:`off`,children:n(`agentsWin.overridden`)}):null]})}function W(){let t=P(),[c,f]=s({kind:`list`}),[m,h]=s(!1),[v,y]=s(()=>i(V)===`1`),b=a(null),x=F(()=>u.agentDefinitions(t?.id),[t?.id],[`agents`]),S=F(()=>u.agentTemplates(),[]),C=F(t?()=>u.agentModels(t.id):void 0,[t?.id]);r(()=>{let e=document.activeElement;return b.current?.querySelector(`button`)?.focus(),()=>e?.focus()},[]);let w=x.data?.defaultScope??(t?`project`:`global`),T=()=>C.data?.find(e=>e.active)?.reference??``,E=()=>c.kind===`editor`&&m&&!window.confirm(n(`agentsWin.unsavedLeave`))?!1:(h(!1),f({kind:`list`}),!0),O=()=>{(c.kind!==`editor`||!m||window.confirm(n(`agentsWin.unsavedLeave`)))&&(p.value=!1)},k=e=>f({kind:`editor`,key:`template:${e.id}:${Date.now()}`,form:te(e,w,T()),assist:!0}),ne=async e=>{if(window.confirm(n(`agentsWin.deleteConfirm`,{path:e.path})))try{let r=await u.deleteAgent(e.id,e.scope,t?.id);d(n(r.live?`agentsWin.deleted`:`agentsWin.deletedRestart`)),x.reload()}catch(e){d(l(e))}},A=x.data?.agents??[];return g(`div`,{class:M.backdrop,onMouseDown:e=>{e.target===e.currentTarget&&O()},children:g(`div`,{ref:b,class:`${M.dialog} ${j.shell}${v?` ${j.maximized}`:``}`,role:`dialog`,"aria-modal":`true`,"aria-labelledby":`agents-title`,onKeyDown:e=>{if(e.key===`Escape`&&!e.defaultPrevented&&(e.preventDefault(),c.kind===`editor`?E():O()),e.key===`Tab`){let t=[...b.current?.querySelectorAll(H)??[]],n=t[0],r=t.at(-1);e.shiftKey&&document.activeElement===n?(e.preventDefault(),r?.focus()):!e.shiftKey&&document.activeElement===r&&(e.preventDefault(),n?.focus())}},children:g(`div`,{class:`${M.content} ${j.scroll}`,children:[g(`div`,{class:M.topBar,children:[g(`nav`,{class:j.breadcrumb,"aria-label":n(`agentsWin.title`),children:c.kind===`editor`?g(e,{children:[g(`button`,{type:`button`,class:j.crumbLink,onClick:E,children:n(`agentsWin.back`)}),g(_,{name:`chevronRight`,size:14}),g(`span`,{class:j.crumbCurrent,id:`agents-title`,"aria-current":`page`,children:c.form.id?c.form.name:n(`agentsWin.newAgent`)})]}):g(`span`,{class:j.crumbCurrent,id:`agents-title`,children:n(`agentsWin.title`)})}),g(`button`,{type:`button`,class:`icon-btn`,"aria-label":n(v?`agentsWin.restore`:`agentsWin.maximize`),title:n(v?`agentsWin.restore`:`agentsWin.maximize`),"aria-pressed":v,onClick:()=>{let e=!v;y(e),o(V,e?`1`:void 0)},children:g(_,{name:v?`shrink`:`expand`,size:16})}),g(`button`,{type:`button`,class:`icon-btn`,"aria-label":n(`common.close`),onClick:O,children:g(_,{name:`x`,size:18})})]}),c.kind===`editor`?g(B,{initial:c.form,...c.saved?{saved:c.saved}:{},assist:c.assist,workspace:t,overview:x.data,models:C.data,modelsError:C.error,onDirty:h,onTrusted:()=>{x.reload(),C.reload()},onSaved:e=>{x.reload(),f(t=>t.kind===`editor`?{...t,form:e,saved:e}:t)}},c.key):g(e,{children:[g(`header`,{class:`${M.intro} ${j.listHead}`,children:[g(`div`,{children:[g(`h3`,{class:M.pageTitle,children:n(`agentsWin.title`)}),g(`p`,{class:M.lead,children:n(`agentsWin.lead`)}),t?null:g(`p`,{class:M.note,children:n(`agentsWin.noWorkspace`)})]}),g(`button`,{type:`button`,class:M.primary,onClick:()=>f({kind:`editor`,key:`new:${Date.now()}`,form:D(w,T()),assist:!0}),children:n(`agentsWin.create`)})]}),g(`h4`,{class:M.listTitle,children:[n(`agentsWin.yours`),g(`span`,{class:M.count,children:A.length})]}),g(N,{loading:x.loading&&!x.data,error:x.error}),x.data&&!A.length?g(`p`,{class:M.note,children:n(`agentsWin.none`)}):null,g(`ul`,{class:M.rows,children:A.map(e=>g(`li`,{class:M.row,"data-muted":e.overriddenByProject?`true`:void 0,children:[g(`button`,{type:`button`,class:j.rowButton,onClick:()=>{let t=ee(e);f({kind:`editor`,key:`${e.scope}:${e.id}`,form:t,saved:t,assist:!1})},children:[g(`span`,{class:M.rowTitle,children:[g(`span`,{class:M.cardName,children:e.name}),g(U,{agent:e})]}),g(`p`,{class:M.cardText,children:e.description}),g(`p`,{class:M.meta,children:[e.model||`—`,` · `,g(`code`,{children:e.id})]})]}),g(`div`,{class:M.rowActions,children:g(`button`,{type:`button`,class:`icon-btn`,"aria-label":`${n(`agentsWin.delete`)} ${e.name}`,title:n(`agentsWin.delete`),onClick:()=>void ne(e),children:g(_,{name:`archive`,size:16})})})]},`${e.scope}:${e.id}`))}),g(`h4`,{class:M.listTitle,children:n(`agentsWin.templates`)}),g(N,{loading:S.loading&&!S.data,error:S.error}),g(`ul`,{class:M.grid,children:(S.data??[]).map(e=>g(`li`,{children:g(`button`,{type:`button`,class:j.templateCard,onClick:()=>k(e),children:[g(`span`,{class:j.templateName,children:e.name}),g(`span`,{class:j.templateText,children:e.description})]})},e.id))})]})]})})})}export{W as AgentsModal};