@wular/coder 0.4.7 → 0.4.9

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/{agents/editor/import-picker.5e76549e7934b718.js → [org]/agents/editor/import-picker.b8093a7ca97656a5.js}

@@ -1,27 +1,29 @@
 "use client";
 
-// app/dash/agents/editor/import-picker.tsx
-import { useEffect, useState } from "../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { client } from "../../../../utils/client.a8205c524e63d4a9.js";
-import { iGit } from "../../../../comps/ui/icons.1777c0350d5d215e.js";
-import { useRouter } from "../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { held } from "../../../../utils/paged.7e5713a82abf0211.js";
-import { Loading } from "../../../../comps/ui/card.b0873d38765c9d20.js";
-import { reasonText } from "../../../../utils/format.6a7d1beaf4d09d9c.js";
-import { ErrorText } from "../../../../comps/ui/field.7b2a2075ee8c6e29.js";
-import { Icon } from "../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { connectRepositories } from "./connect-repositories.329ac182c8242a67.js";
-import { Search } from "../../../../comps/ui/toolbar.b2c59c5fc015d08d.js";
-import { TunnelGuide } from "../../settings/tunnel-guide.f6685b045ccccdcd.js";
-import { Fragment, jsx, jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+// app/dash/[org]/agents/editor/import-picker.tsx
+import { useEffect, useRef, useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { client } from "../../../../../utils/client.d25e6dcc6704eb60.js";
+import { toastFailure, useAction } from "../../../../../utils/action.1a6356d5b722cafb.js";
+import { iGit } from "../../../../../comps/ui/icons.a34176f37808cd66.js";
+import { useRouter } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
+import { useOrg } from "../../../../../comps/nav/org.4d84ad0ac340fbe2.js";
+import { held } from "../../../../../utils/paged.18f5872fc5aebe96.js";
+import { Button } from "../../../../../comps/ui/button.983daea9e687fc5d.js";
+import { Loading } from "../../../../../comps/ui/card.c08471eaa0bc1cec.js";
+import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { Badge, Id } from "../../../../../comps/ui/badge.0851f234f300c694.js";
+import { MenuItem, MenuNote } from "../../../../../comps/ui/menu-items.a8e580a0c90631ff.js";
+import { connectRepositories } from "./connect-repositories.258f6c2c5f1b1b17.js";
+import { Search } from "../../../../../comps/ui/toolbar.9621ef221a896a8e.js";
+import { TunnelGuide } from "../../settings/tunnel-guide.d6fae1c5d62f2c74.js";
+import { Notice } from "../../../../../comps/ui/notice.f395f231cbb96445.js";
+import { Fragment, jsx, jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 var REPO = /^[\w.-]+\/[\w.-]+$/;
 var short = (commit) => /^[0-9a-f]{12,}$/i.test(commit) ? commit.slice(0, 7) : commit;
 function Agents({ preview, onDone }) {
   const [off, setOff] = useState(/* @__PURE__ */ new Set());
-  const [busy, setBusy] = useState(false);
-  const [error, setError] = useState("");
-  useEffect(() => setOff(/* @__PURE__ */ new Set()), [preview.repo]);
-  if (preview.error) return /* @__PURE__ */ jsx(ErrorText, { value: preview.error });
+  const action = useAction({ leaves: true });
+  if (preview.failed) return null;
   if (!preview.agents) return /* @__PURE__ */ jsx(Loading, { label: `Reading ${preview.repo}`, h: 180 });
   if (!preview.agents.length)
     return /* @__PURE__ */ jsxs("p", { class: "muted", children: [
@@ -42,15 +44,10 @@ function Agents({ preview, onDone }) {
       onSubmit: async (event) => {
         event.preventDefault();
         if (!ticked.length) return;
-        setBusy(true);
-        setError("");
-        try {
-          const { imported } = await client.agents.import(preview.repo, void 0, ticked);
-          onDone(imported);
-        } catch (reason) {
-          setBusy(false);
-          setError(reasonText(reason));
-        }
+        await action.run(
+          "import",
+          async () => onDone((await client.agents.import(preview.repo, void 0, ticked)).imported)
+        );
       },
       children: [
         /* @__PURE__ */ jsx("ul", { class: "picks-list", children: preview.agents.map((agent) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("label", { class: "check", children: [
@@ -71,13 +68,14 @@ function Agents({ preview, onDone }) {
           /* @__PURE__ */ jsxs("span", { children: [
             /* @__PURE__ */ jsx("b", { children: agent.name }),
             " ",
-            /* @__PURE__ */ jsx("span", { class: "id", children: agent.id }),
-            agent.version ? /* @__PURE__ */ jsxs("span", { class: "badge", children: [
+            /* @__PURE__ */ jsx(Id, { value: agent.id }),
+            agent.version ? /* @__PURE__ */ jsxs(Badge, { children: [
               "v",
               agent.version,
               agent.commit ? ` \xB7 ${short(agent.commit)}` : ""
             ] }) : null,
-            /* @__PURE__ */ jsx("small", { children: agent.taken ? "An agent with this id already exists here." : agent.description ?? "No description." })
+            /* @__PURE__ */ jsx("small", { children: agent.taken ? "An agent with this id already exists here." : agent.description ?? "No description." }),
+            agent.warnings?.map((warning) => /* @__PURE__ */ jsx("small", { role: "status", children: warning }, warning))
           ] })
         ] }) }, agent.id)) }),
         /* @__PURE__ */ jsxs("p", { class: "muted", children: [
@@ -85,13 +83,10 @@ function Agents({ preview, onDone }) {
           preview.repo,
           " that changes an agent publishes its new version here."
         ] }),
-        /* @__PURE__ */ jsxs("div", { class: "form-actions end", children: [
-          /* @__PURE__ */ jsx(ErrorText, { value: error }),
-          /* @__PURE__ */ jsxs("button", { class: "btn", disabled: busy || !ticked.length, children: [
-            "Import ",
-            ticked.length === 1 ? "1 agent" : `${ticked.length} agents`
-          ] })
-        ] })
+        /* @__PURE__ */ jsx("div", { class: "form-actions end", children: /* @__PURE__ */ jsxs(Button, { type: "submit", disabled: Boolean(action.pending) || !ticked.length, children: [
+          "Import ",
+          ticked.length === 1 ? "1 agent" : `${ticked.length} agents`
+        ] }) })
       ]
     }
   );
@@ -103,40 +98,44 @@ function ImportPicker({
   port
 }) {
   const nav = useRouter();
+  const org = useOrg();
   const [repos, setRepos] = useState();
   const [query, setQuery] = useState("");
   const [preview, setPreview] = useState();
-  const [error, setError] = useState("");
+  const opened = useRef("");
   useEffect(() => {
     if (!connected) return;
     void client.repositories.list().then(held(performance.now())).then((rows) => setRepos(rows.map((row) => row.repo))).catch((reason) => {
       setRepos([]);
-      setError(reasonText(reason));
+      toastFailure(reason);
     });
   }, []);
   const open = (repo) => {
+    opened.current = repo;
     setPreview({ repo });
-    void client.agents.preview(repo).then(held(performance.now())).then(({ agents }) => setPreview((now) => now?.repo === repo ? { repo, agents } : now)).catch(
-      (reason) => setPreview((now) => now?.repo === repo ? { repo, error: reasonText(reason) } : now)
-    );
+    void client.agents.preview(repo).then(held(performance.now())).then(({ agents }) => opened.current === repo && setPreview({ repo, agents })).catch((reason) => {
+      if (opened.current !== repo) return;
+      setPreview({ repo, failed: true });
+      toastFailure(reason);
+    });
   };
-  const done = (ids) => ids.length === 1 ? nav.push("/dash/agents/[slug]", { params: { slug: ids[0] } }) : nav.push("/dash/agents");
+  const done = (ids) => ids.length === 1 ? nav.push("/dash/[org]/agents/[slug]", { params: { org, slug: ids[0] } }) : nav.push("/dash/[org]/agents", { params: { org } });
   const needle = query.trim().toLowerCase();
   const shown = (repos ?? []).filter((repo) => repo.toLowerCase().includes(needle));
   const typed = REPO.test(query.trim()) && !repos?.includes(query.trim()) ? query.trim() : "";
   return /* @__PURE__ */ jsxs("div", { class: "import", children: [
     /* @__PURE__ */ jsxs("div", { class: "import-repos", children: [
       connected ? /* @__PURE__ */ jsx(Search, { value: query, label: "Search repositories or type owner/repo", onInput: setQuery }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs("div", { class: "notice soft", children: [
+        /* @__PURE__ */ jsxs(Notice, { children: [
           /* @__PURE__ */ jsx(Icon, { d: iGit }),
           /* @__PURE__ */ jsx("span", { class: "grow", children: "Connect to list your repositories here." }),
           /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
-              type: "button",
-              class: "btn outline sm",
-              onClick: () => void connectRepositories("/dash/agents/new?template=import").catch(
-                (reason) => setError(reasonText(reason))
+              variant: "outline",
+              size: "sm",
+              onClick: () => void connectRepositories(`/dash/${org}/agents/new?template=import`).catch(
+                toastFailure
               ),
               children: connectLabel
             }
@@ -162,41 +161,32 @@ function ImportPicker({
                   onInput: (event) => setQuery(event.currentTarget.value)
                 }
               ),
-              /* @__PURE__ */ jsx("button", { class: "btn outline", children: "Look up" })
+              /* @__PURE__ */ jsx(Button, { type: "submit", variant: "outline", children: "Look up" })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsx(ErrorText, { value: error }),
       connected ? /* @__PURE__ */ jsx("div", { class: "repo-list scroll-box", role: "list", children: !repos ? /* @__PURE__ */ jsx(Loading, { label: "Loading repositories", h: 240 }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        typed ? /* @__PURE__ */ jsxs(
-          "button",
+        typed ? /* @__PURE__ */ jsx(
+          MenuItem,
           {
-            type: "button",
-            class: "pop-item",
             "aria-pressed": preview?.repo === typed,
-            onClick: () => open(typed),
-            children: [
-              /* @__PURE__ */ jsx(Icon, { d: iGit }),
-              /* @__PURE__ */ jsx("span", { class: "grow", children: typed })
-            ]
+            icon: iGit,
+            title: typed,
+            onClick: () => open(typed)
           }
         ) : null,
-        shown.map((repo) => /* @__PURE__ */ jsxs(
-          "button",
+        shown.map((repo) => /* @__PURE__ */ jsx(
+          MenuItem,
           {
-            type: "button",
-            class: "pop-item",
             "aria-pressed": preview?.repo === repo,
-            onClick: () => open(repo),
-            children: [
-              /* @__PURE__ */ jsx(Icon, { d: iGit }),
-              /* @__PURE__ */ jsx("span", { class: "grow", children: repo })
-            ]
+            icon: iGit,
+            title: repo,
+            onClick: () => open(repo)
           },
           repo
         )),
-        !shown.length && !typed ? /* @__PURE__ */ jsx("p", { class: "pop-note", children: "No repository matches. Type owner/repo to use another." }) : null
+        !shown.length && !typed ? /* @__PURE__ */ jsx(MenuNote, { children: "No repository matches. Type owner/repo to use another." }) : null
       ] }) }) : null,
       !connected && tunnel ? /* @__PURE__ */ jsx(TunnelGuide, { port }) : null
     ] }),
@@ -205,7 +195,7 @@ function ImportPicker({
         "Agents in ",
         preview.repo
       ] }),
-      /* @__PURE__ */ jsx(Agents, { preview, onDone: done })
+      /* @__PURE__ */ jsx(Agents, { preview, onDone: done }, preview.repo)
     ] }) : /* @__PURE__ */ jsx("p", { class: "muted", children: "Pick a repository to see the agents in its .coder/agents folder." }) })
   ] });
 }

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/new/loading.6012b36c10c68657.js

@@ -0,0 +1,28 @@
+import { HEADS } from "../../../../../comps/frame/heads.20414ddcb2d08bcd.js";
+import { Page, PageHead } from "../../../../../comps/frame/page-head.bd54e52ac4a7a89c.js";
+import { OrgBack } from "../../../../../comps/nav/org.4d84ad0ac340fbe2.js";
+import { Loading } from "../../../../../comps/ui/card.c08471eaa0bc1cec.js";
+import { Button } from "../../../../../comps/ui/button.983daea9e687fc5d.js";
+import { iPlus } from "../../../../../comps/ui/icons.a34176f37808cd66.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+export default function NewAgentLoading() {
+	return /* @__PURE__ */ _jsxs(Page, { children: [/* @__PURE__ */ _jsx(PageHead, {
+		...HEADS.newAgent,
+		back: /* @__PURE__ */ _jsx(OrgBack, {
+			href: "/dash/[org]/agents",
+			label: "Agents"
+		}),
+		actions: /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Button, {
+			variant: "outline",
+			disabled: true,
+			children: "Import from repo"
+		}), /* @__PURE__ */ _jsx(Button, {
+			leftIcon: iPlus,
+			disabled: true,
+			children: "Create agent"
+		})] })
+	}), /* @__PURE__ */ _jsx(Loading, {
+		label: "Loading editor",
+		h: 640
+	})] });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/{agents/new/page.c3396459a9ba5c13.js → [org]/agents/new/page.1ebdb0247922fc14.js}

@@ -1,15 +1,16 @@
-import { dynamic } from "../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
-import { load } from "../../../../api/load.35be1b07171553e7.js";
-import { Page } from "../../../../comps/frame/page-head.a2336c95004aed4b.js";
-import { Settle } from "../../../../comps/frame/stream.77a2ec038d97b2b8.js";
-import { needsTunnel } from "../../../../api/types.9f59e6c761d6aac4.js";
-import { NO_MODELS, modelsByEngine } from "../../settings/model-options.bccfaced52fc0c00.js";
-import { suggestName } from "../editor/names.afb112f2a5a6f0f5.js";
-import { jsx as _jsx } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-const AgentEditor = dynamic(() => import("../editor/editor.d28d4afe11d7ff71.js").then((m) => m.AgentEditor), undefined, {
-	"file": decodeURIComponent(new URL("../../../../../../../../../../../../src/server/dash/app/dash/agents/editor/editor.tsx", import.meta.url).pathname),
+import { dynamic } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
+import { load } from "../../../../../api/load.4f942c7f68b2e273.js";
+import { Page } from "../../../../../comps/frame/page-head.bd54e52ac4a7a89c.js";
+import { Settle } from "../../../../../comps/frame/stream.1cc355a530dcc5e3.js";
+import { needsTunnel } from "../../../../../api/types.9f59e6c761d6aac4.js";
+import { NO_MODELS, modelsByEngine } from "../../settings/model-options.2eacf7f8ac0032df.js";
+import { suggestName } from "../editor/names.1ee5bba8d2b6ac41.js";
+import { DEFAULT_ENGINE } from "../../../../../../../core/defaults.e6ce0944639198a2.js";
+import { jsx as _jsx } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+const AgentEditor = dynamic(() => import("../editor/editor.20c42102ed262db7.js").then((m) => m.AgentEditor), undefined, {
+	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/agents/editor/editor.tsx", import.meta.url).pathname),
 	"exportName": "AgentEditor",
-	"id": "c-00c11152f2"
+	"id": "c-34bc7ee6da"
 });
 /** A new agent from a template, or imported from a repository. */
 export default function NewAgentPage({ request }) {
@@ -41,7 +42,7 @@ export default function NewAgentPage({ request }) {
 			suggested: suggestName(),
 			models: modelsByEngine(shape),
 			defaults: {
-				engine: shown?.effective.chain?.[0] ?? "claude",
+				engine: shown?.effective.chain?.[0] ?? DEFAULT_ENGINE,
 				engines: shown?.effective.engines ?? {},
 				builtin: shape.builtin
 			},