@kevin5251984/guild 0.2.17 → 0.2.19

package/src/public/style.css

@@ -840,23 +840,27 @@ a.btn:active { transform: scale(var(--press)); }
   color: var(--text);
   font-size: 0.92rem;
 }
-.aux-head-row,
-.aux-row {
+#aux {
   display: grid;
-  grid-template-columns: minmax(8.5rem, 0.85fr) minmax(0, 1.5fr) auto;
-  gap: 0.55rem 1rem;
+  grid-template-columns: 10.5rem minmax(0, 1fr) max-content;
+  column-gap: 1rem;
   align-items: center;
-  padding: 0.8rem 0;
-  border-top: 1px solid var(--line);
 }
-.aux-head-row {
-  border-top: 0;
+.aux-head-row,
+.aux-row { display: contents; }
+.aux-head-row > span {
   padding: 0 0 0.45rem;
   font-size: 0.7rem;
   letter-spacing: 0.07em;
   text-transform: uppercase;
   color: #8b8b8b;
 }
+.aux-task,
+.aux-now,
+.aux-act {
+  padding: 0.8rem 0;
+  border-top: 1px solid var(--line);
+}
 .aux-task strong { display: block; font-size: 0.95rem; }
 .aux-row .tag {
   display: inline-block;
@@ -867,10 +871,12 @@ a.btn:active { transform: scale(var(--press)); }
   color: #aaa;
   font-size: 0.72rem;
 }
+.aux-now { min-width: 0; }
 .aux-now b {
   display: block;
   font-weight: 600;
   color: var(--text);
+  overflow-wrap: break-word;
 }
 .aux-now .id {
   display: block;
@@ -878,22 +884,37 @@ a.btn:active { transform: scale(var(--press)); }
   color: #8b8b8b;
   font-size: 0.75rem;
   font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  overflow-wrap: anywhere;
 }
 .aux-act {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 0.55rem;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
 }
 .aux-act .badge { margin-left: 0; }
+.aux-act .linkish { margin: 0; }
 @media (max-width: 720px) {
+  #aux { display: block; }
   .aux-head-row { display: none; }
   .aux-row {
+    display: grid;
     grid-template-columns: 1fr;
     gap: 0.35rem;
+    padding: 0.8rem 0;
+    border-top: 1px solid var(--line);
+  }
+  .aux-task,
+  .aux-now,
+  .aux-act {
+    padding: 0;
+    border-top: 0;
+  }
+  .aux-act {
+    justify-content: flex-start;
+    flex-wrap: wrap;
   }
-  .aux-act { justify-content: flex-start; }
 }
 .linkish {
   background: none;
@@ -912,6 +933,38 @@ a.btn:active { transform: scale(var(--press)); }
   border-radius: 10px;
   letter-spacing: 0.08em;
 }
+.model-head {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 0.7rem;
+  margin: 0.65rem 0 0.15rem;
+}
+.model-head label { margin: 0; }
+.model-head .sync-free {
+  margin: 0;
+  padding: 0.45rem 1.05rem;
+  min-height: 2.2rem;
+  min-width: 5.6rem;
+  border: 0;
+  border-radius: 999px;
+  background: var(--paper);
+  color: var(--ink);
+  font-weight: 650;
+  letter-spacing: 0.03em;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.35rem;
+}
+.model-head .sync-free .sync-ico {
+  font-size: 1.1rem;
+  line-height: 1;
+}
+.model-head .sync-free:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--paper) 88%, white);
+  color: var(--ink);
+}
 .model-row {
   display: grid;
   grid-template-columns: 1fr 1fr auto;
@@ -919,6 +972,10 @@ a.btn:active { transform: scale(var(--press)); }
   margin-top: 0.4rem;
   align-items: center;
 }
+.model-row:has(.probe-flag) {
+  grid-template-columns: 1fr 1fr auto auto;
+}
+.model-row .probe-flag { margin: 0; }
 .model-row button { margin: 0; min-width: 2.2rem; padding: 0.4rem 0.55rem; }
 .row-2 { display: grid; grid-template-columns: 1fr; gap: 0.6rem; }
 @media (min-width: 720px) {
@@ -1032,6 +1089,12 @@ dialog.pick.add-provider { width: min(32rem, 92vw); }
   font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
   letter-spacing: 0.02em;
 }
+.provider-card input[readonly],
+.provider-card select:disabled {
+  opacity: 0.72;
+  cursor: default;
+  color: var(--muted);
+}
 .card-head {
   display: flex;
   justify-content: space-between;
@@ -1084,15 +1147,28 @@ body.app.bar-page .shell {
   padding: 0 0 0.4rem;
 }
 .rpg-screen {
+  display: grid;
+  grid-template-rows: auto auto;
   position: relative;
-  aspect-ratio: 16 / 9;
   overflow: hidden;
   background: #000;
   border: 4px solid #0a0a12;
   box-shadow: 8px 8px 0 #000;
   image-rendering: pixelated;
 }
-.rpg-scene { position: absolute; inset: 0; }
+body.bar-page .rpg-screen {
+  background: #1a1410;
+  border-color: #1a1410;
+  box-shadow: 8px 8px 0 #1a1410;
+}
+.rpg-scene {
+  grid-row: 1;
+  grid-column: 1;
+  position: relative;
+  aspect-ratio: 16 / 9;
+  min-height: 0;
+  overflow: hidden;
+}
 .rpg-scene[hidden] { display: none; }
 .rpg-bg {
   display: block;
@@ -1213,27 +1289,115 @@ body.app.bar-page .shell {
   background: #2a1c18;
   box-shadow: inset 0 0 0 4px #1a100c, inset 0 0 12px #e07020;
 }
-.inn-actors { position: absolute; inset: 0; z-index: 2; }
-.rpg-npc {
+.inn-actors {
+  position: absolute;
+  top: 56px;
+  left: 56px;
+  right: 56px;
+  bottom: 0;
+  z-index: 2;
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  align-content: start;
+  justify-items: center;
+  gap: 12px 6px;
+  padding: 22px 0 10px;
+  overflow: auto;
+}
+.inn-station {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 88px;
+  z-index: 2;
+}
+.inn-desk {
+  order: 2;
+  position: relative;
+  width: 72px;
+  height: 20px;
+  margin-top: -8px;
+  background: #8a5a32;
+  box-shadow: 0 3px 0 #6a4020, 0 5px 0 #3a2414, inset 0 2px 0 #b07a48;
+  z-index: 1;
+}
+.inn-monitor {
+  position: absolute;
+  left: 50%;
+  bottom: 14px;
+  width: 28px;
+  height: 18px;
+  margin-left: -14px;
+  background: #1a1a1a;
+  box-shadow: 0 0 0 2px #111;
+}
+.inn-monitor::after {
+  content: "";
   position: absolute;
+  inset: 3px 3px 4px;
+  background: repeating-linear-gradient(#7ec8e8 0 2px, #4aa3c8 2px 4px);
+}
+.inn-station:has(.rpg-npc.vacant) .inn-monitor::after { background: #2a2a2a; }
+.rpg-npc {
+  position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
+  order: 1;
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent;
   color: inherit;
-  transform: translate(-50%, -88%);
   cursor: pointer;
   z-index: 2;
 }
-.rpg-npc canvas {
-  width: 48px;
+.rpg-npc .npc-bust,
+.rpg-npc .npc-blank {
+  width: 72px;
   height: 72px;
+  box-sizing: border-box;
+  border: 3px solid #1a1410;
+  background: #2a2118;
+  box-shadow: 2px 3px 0 #0006;
+}
+.rpg-npc .npc-bust {
+  object-fit: cover;
+  object-position: center 18%;
+  display: block;
   image-rendering: pixelated;
-  filter: drop-shadow(2px 3px 0 #0008);
-  animation: bob 1.1s steps(2) infinite;
+}
+.rpg-npc .npc-blank {
+  display: grid;
+  place-items: center;
+  color: #f0d9a0;
+  font-family: VT323, ui-monospace, monospace;
+  font-size: 28px;
+  line-height: 1;
+}
+.rpg-npc.drawing .npc-bust,
+.rpg-npc.drawing .npc-blank {
+  filter: brightness(1.25) drop-shadow(0 0 6px #f0d060);
+}
+.npc-state {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  z-index: 4;
+  padding: 0 5px;
+  background: #f4ead7;
+  color: #1a1410;
+  font-family: VT323, ui-monospace, monospace;
+  font-size: 14px;
+  line-height: 1.2;
+  white-space: nowrap;
+  box-shadow: 2px 2px 0 #1a1410;
+  transform: translate(-50%, calc(-100% - 4px));
+}
+.npc-state.live {
+  background: var(--signal);
+  color: #1a1410;
 }
 .rpg-npc .tag {
   margin-top: 2px;
@@ -1245,10 +1409,22 @@ body.app.bar-page .shell {
   line-height: 1.1;
   white-space: nowrap;
 }
-.rpg-npc:hover canvas { filter: brightness(1.18) drop-shadow(0 0 6px #f0d060); }
-.rpg-npc.on canvas { outline: 2px solid #f0d060; outline-offset: 1px; }
-.rpg-npc.vacant canvas { opacity: 0.35; }
+.rpg-npc:hover .npc-bust,
+.rpg-npc:hover .npc-blank { filter: brightness(1.18) drop-shadow(0 0 6px #f0d060); }
+.rpg-npc.on .npc-bust,
+.rpg-npc.on .npc-blank { outline: 2px solid #f0d060; outline-offset: 1px; }
+.rpg-npc.vacant .npc-blank { opacity: 0.55; }
 .rpg-npc.vacant .tag { color: #f0d060; }
+@media (max-width: 720px) {
+  .inn-actors {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    left: 24px;
+    right: 24px;
+  }
+}
+@media (max-width: 520px) {
+  .inn-actors { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+}
 .rpg-exit {
   position: absolute;
   left: 10px;
@@ -1270,20 +1446,34 @@ body.app.bar-page .shell {
   transform: none;
 }
 .rpg-dialog {
-  position: absolute;
-  left: 3.5%;
-  right: 3.5%;
-  bottom: 3%;
+  grid-row: 2;
+  position: relative;
   z-index: 5;
+  margin: 8px 12px 10px;
   padding: 3px;
   background: #08080f;
   box-shadow: 0 0 0 2px #c9a227, inset 0 0 0 2px #3a4a8a;
 }
 .rpg-dialog-inner {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
   min-height: 92px;
   padding: 10px 14px 8px;
   background: linear-gradient(#2a3668, #1a2248 55%, #141a3a);
 }
+.rpg-face {
+  flex: none;
+  width: 56px;
+  height: 56px;
+  object-fit: cover;
+  object-position: center 18%;
+  border: 3px solid #1a1410;
+  background: #2a2118;
+  image-rendering: pixelated;
+}
+.rpg-face[hidden] { display: none; }
+.rpg-copy { min-width: 0; flex: 1; }
 .rpg-name {
   margin: 0 0 6px;
   color: #f0d060;
@@ -1298,18 +1488,22 @@ body.app.bar-page .shell {
   font-family: VT323, ui-monospace, monospace;
   font-size: 22px;
   line-height: 1.2;
+  overflow-wrap: anywhere;
 }
 .rpg-acts {
   display: flex;
+  flex-wrap: wrap;
   gap: 8px;
   margin-top: 8px;
   min-height: 22px;
 }
 .rpg-acts a,
 .rpg-acts button {
+  appearance: none;
   margin: 0;
   padding: 3px 8px;
   border: 2px solid #c9a227;
+  border-radius: 0;
   background: #141a3a;
   color: #f4f0e0;
   font-family: VT323, ui-monospace, monospace;

package/src/public/subagents-add.html

@@ -91,7 +91,12 @@
           return;
         }
         const button = document.getElementById("ai-generate");
+        if (button.disabled || button.getAttribute("aria-busy") === "true") return;
         button.disabled = true;
+        button.setAttribute("aria-busy", "true");
+        button.classList.add("is-busy");
+        const idle = button.textContent;
+        button.textContent = t("studio.generating");
         try {
           const response = await fetch("/generate", {
             method: "POST",
@@ -115,6 +120,9 @@
           setFlash("error", err.message);
         } finally {
           button.disabled = false;
+          button.removeAttribute("aria-busy");
+          button.classList.remove("is-busy");
+          button.textContent = idle;
         }
       });
       document.getElementById("ai-save").addEventListener("click", async () => {

package/src/router.ts

@@ -6,6 +6,8 @@ import {
   addChannelMember,
   createBot,
   createChannel,
+  createBranch,
+  closeBranch,
   deleteBot,
   deleteChannel,
   renameChannel,
@@ -18,6 +20,7 @@ import {
   setChannelMemory,
   generateKind,
   pickBotSkills,
+  generateBotLook,
   getBotDetail,
   getLiveTurn,
   abortLiveTurn,
@@ -25,6 +28,7 @@ import {
   importSkills,
   mergeModelsFile,
   publicModels,
+  refreshOpenCodeFreeCatalog,
   listBench,
   listLibrary,
   listMcpServers,
@@ -73,10 +77,13 @@ const PAGES: Record<string, { file: string; type: string }> = {
   "/studio": { file: "studio.html", type: "text/html; charset=utf-8" },
   "/skills/add": { file: "skills-add.html", type: "text/html; charset=utf-8" },
   "/chat": { file: "chat.html", type: "text/html; charset=utf-8" },
+  "/m": { file: "mobile.html", type: "text/html; charset=utf-8" },
   "/style.css": { file: "style.css", type: "text/css; charset=utf-8" },
   "/chat.css": { file: "chat.css", type: "text/css; charset=utf-8" },
+  "/mobile.css": { file: "mobile.css", type: "text/css; charset=utf-8" },
   "/md.js": { file: "md.js", type: "text/javascript; charset=utf-8" },
   "/i18n.js": { file: "i18n.js", type: "text/javascript; charset=utf-8" },
+  "/buddy.js": { file: "buddy.js", type: "text/javascript; charset=utf-8" },
   "/favicon.ico": { file: "favicon.ico", type: "image/x-icon" },
   "/favicon.svg": { file: "favicon.svg", type: "image/svg+xml" },
   "/favicon-16.svg": { file: "favicon-16.svg", type: "image/svg+xml" },
@@ -180,6 +187,16 @@ function strList(record: Record<string, unknown>, key: string): string[] {
   return [];
 }
 
+function extrasWithMentions(
+  extras: HandlerExtras,
+  body: Record<string, unknown>,
+): HandlerExtras {
+  const mentions = strList(body, "mentions")
+    .map((id) => id.trim())
+    .filter(Boolean);
+  return mentions.length ? { ...extras, mentions } : extras;
+}
+
 function skillPickCatalog(
   record: Record<string, unknown>,
 ): { id: string; name: string; description?: string; tags?: string[]; slug?: string }[] {
@@ -258,7 +275,12 @@ export async function handleRequest(
     }
 
     if (method === "GET" && page) {
-      const body = readFileSync(`${PUBLIC}${page.file}`);
+      const file = `${PUBLIC}${page.file}`;
+      if (!existsSync(file)) {
+        json(res, 404, { error: "not_found", path });
+        return;
+      }
+      const body = readFileSync(file);
       const extra = page.type.startsWith("image/")
         ? { "cache-control": "public, max-age=86400" }
         : {};
@@ -352,6 +374,36 @@ export async function handleRequest(
       json(res, 201, createChannel(store, str(body, "name")));
       return;
     }
+    const channelBranch = path.match(/^\/channels\/([^/]+)\/branches$/);
+    if (channelBranch && method === "POST") {
+      const body = asRecord(await readJson(req));
+      json(
+        res,
+        201,
+        createBranch(
+          store,
+          decodeURIComponent(channelBranch[1]),
+          str(body, "messageId"),
+          str(body, "name") || undefined,
+        ),
+      );
+      return;
+    }
+    const channelClose = path.match(/^\/channels\/([^/]+)\/close$/);
+    if (channelClose && method === "POST") {
+      const body = asRecord(await readJson(req));
+      json(
+        res,
+        200,
+        await closeBranch(
+          store,
+          decodeURIComponent(channelClose[1]),
+          body.merge === true,
+          env,
+        ),
+      );
+      return;
+    }
     const channelOne = path.match(/^\/channels\/([^/]+)$/);
     if (channelOne && method === "DELETE") {
       json(res, 200, deleteChannel(store, decodeURIComponent(channelOne[1])));
@@ -480,7 +532,7 @@ export async function handleRequest(
           str(body, "body") || undefined,
           env,
           str(body, "assigneeId") || undefined,
-          extras,
+          extrasWithMentions(extras, body),
         ),
       );
       return;
@@ -502,7 +554,7 @@ export async function handleRequest(
           str(body, "body") || undefined,
           env,
           str(body, "assigneeId") || undefined,
-          extras,
+          extrasWithMentions(extras, body),
         ),
       );
       return;
@@ -639,7 +691,7 @@ export async function handleRequest(
           str(body, "replyTo") || undefined,
           parseAttachments(body.attachments),
           str(body, "assigneeId") || undefined,
-          extras,
+          extrasWithMentions(extras, body),
         ),
       );
       return;
@@ -665,7 +717,7 @@ export async function handleRequest(
           str(body, "replyTo") || undefined,
           parseAttachments(body.attachments),
           str(body, "assigneeId") || undefined,
-          extras,
+          extrasWithMentions(extras, body),
         ),
       );
       return;
@@ -806,9 +858,18 @@ export async function handleRequest(
 
     if (method === "GET" && path === "/settings/models") {
       await refreshCopilotCatalog(store.dataDir);
+      await refreshOpenCodeFreeCatalog(store.dataDir);
       json(res, 200, publicModels(store.dataDir));
       return;
     }
+    if (method === "POST" && path === "/settings/models/opencode-free/sync") {
+      const refreshed = await refreshOpenCodeFreeCatalog(store.dataDir, true);
+      json(res, 200, {
+        ...publicModels(store.dataDir),
+        probe: refreshed.probe ?? [],
+      });
+      return;
+    }
     if (method === "PUT" && path === "/settings/models") {
       const body = asRecord(await readJson(req));
       const providers = body.providers;
@@ -891,6 +952,12 @@ export async function handleRequest(
       return;
     }
 
+    const lookId = path.match(/^\/bots\/([^/]+)\/look$/)?.[1];
+    if (lookId && method === "POST") {
+      json(res, 200, await generateBotLook(store, decodeURIComponent(lookId), env));
+      return;
+    }
+
     const botId = path.match(/^\/bots\/([^/]+)$/)?.[1];
     if (botId && method === "GET") {
       json(res, 200, getBotDetail(store, botId));
@@ -906,6 +973,9 @@ export async function handleRequest(
         name: str(body, "name") || undefined,
         handle: str(body, "handle") || undefined,
         oneLiner: str(body, "oneLiner") || undefined,
+        ...(Object.hasOwn(body, "portrait")
+          ? { portrait: body.portrait == null ? null : str(body, "portrait") }
+          : {}),
         skillIds: Object.hasOwn(body, "skillIds")
           ? strList(body, "skillIds")
           : undefined,
@@ -962,6 +1032,7 @@ export async function handleRequest(
       json(res, error.status, { error: error.message });
       return;
     }
+    console.error(error);
     json(res, 500, { error: "internal_error" });
   }
 }