open-gitagent
diff --git a/‎agentos/src/App.tsx‎
Lines changed: 13 additions & 8 deletions b/‎agentos/src/App.tsx‎
Lines changed: 13 additions & 8 deletions
diff --git a/‎agentos/src/components/ChatTab.tsx‎
Lines changed: 10 additions & 3 deletions b/‎agentos/src/components/ChatTab.tsx‎
Lines changed: 10 additions & 3 deletions
diff --git a/‎agentos/src/components/SourceBadge.tsx‎
Lines changed: 46 additions & 4 deletions b/‎agentos/src/components/SourceBadge.tsx‎
Lines changed: 46 additions & 4 deletions
diff --git a/‎agentos/src/components/WorkspaceTab.tsx‎
Lines changed: 6 additions & 1 deletion b/‎agentos/src/components/WorkspaceTab.tsx‎
Lines changed: 6 additions & 1 deletion
diff --git a/‎examples/agentos-api.ts‎
Lines changed: 111 additions & 4 deletions b/‎examples/agentos-api.ts‎
Lines changed: 111 additions & 4 deletions
@@ -43,13 +43,16 @@ function typeLogo(harness: string): string | null {
 function TypeBadge({ agent, className = "" }: { agent: Agent; className?: string }) {
   const logo = typeLogo(agent.harness);
   return (
-    <span className={`inline-flex items-center gap-1.5 text-[10px] rounded bg-accent/20 text-accent-soft pl-1 pr-2 py-0.5 ${className}`}>
+    <span
+      title={agent.label}
+      className={`inline-flex items-center gap-1 text-[10px] rounded bg-accent/20 text-accent-soft pl-1 pr-1.5 py-0.5 shrink-0 whitespace-nowrap max-w-[7.5rem] ${className}`}
+    >
       {logo && (
-        <span className="h-4 w-4 grid place-items-center rounded bg-white shrink-0">
+        <span className="h-3.5 w-3.5 grid place-items-center rounded bg-white shrink-0">
           <img src={logo} alt="" className="h-2.5 w-2.5 object-contain" />
         </span>
       )}
-      {agent.label}
+      <span className="truncate">{agent.label}</span>
     </span>
   );
 }
@@ -83,7 +86,7 @@ export default function App() {
   return (
     <div className="flex h-full">
       {/* Left rail */}
-      <aside className="w-72 shrink-0 border-r border-ink-600 bg-ink-800 flex flex-col">
+      <aside className="w-80 shrink-0 border-r border-ink-600 bg-ink-800 flex flex-col">
         <div className="px-5 py-4 border-b border-ink-600">
           <div className="flex items-center gap-2.5">
             <img src="/logos/agentos.png" alt="ComputerAgent" className="h-8 w-8 rounded-md object-contain" />
@@ -127,18 +130,20 @@ export default function App() {
                   view === "dashboard" && selected === a.name ? "bg-ink-600 ring-1 ring-accent/40" : "hover:bg-ink-700"
                 }`}
               >
-                <div className="flex items-center gap-2">
+                <div className="flex items-center gap-2 min-w-0">
                   <span className={`h-2 w-2 rounded-full shrink-0 ${a.activeSandboxes > 0 ? "bg-emerald-400" : "bg-gray-600"}`} />
-                  <span className="font-medium text-sm truncate">{agentNameFromSource(a.sourceUrl ?? "")}</span>
+                  <span className="font-medium text-sm truncate min-w-0 flex-1" title={agentNameFromSource(a.sourceUrl ?? "")}>
+                    {agentNameFromSource(a.sourceUrl ?? "")}
+                  </span>
                   {a.origin === "registry" && (
                     <span
-                      className="text-[9px] uppercase tracking-wider text-accent-soft bg-accent/10 rounded px-1.5 py-0.5"
+                      className="text-[9px] uppercase tracking-wider text-accent-soft bg-accent/10 rounded px-1.5 py-0.5 shrink-0"
                       title={`Registered via the SDK telemetry hook${a.registeredBy ? ` by ${a.registeredBy}` : ""}`}
                     >
                       lib
                     </span>
                   )}
-                  <TypeBadge agent={a} className="ml-auto" />
+                  <TypeBadge agent={a} />
                 </div>
                 <div className="mt-1.5">
                   <SourceBadge agent={a} />
 
@@ -4,7 +4,10 @@ import { streamChat, stripAttachMarkers } from "../sse.ts";
 
 interface Msg { role: "user" | "assistant" | "status"; text: string; files?: string[]; canContinue?: boolean; }
 
-const CONTINUE_PROMPT = "Continue from where you left off — keep building until the project is complete, then summarize what you built and give me the deploy URL.";
+// Sent when the user clicks "Continue" after the agent finished a turn with
+// only tool calls and no text. Kept neutral — the previous wording assumed a
+// build-flow and was wrong for casual / Q&A agents.
+const CONTINUE_PROMPT = "Please continue.";
 
 export function ChatTab({
   agent, sandboxCapable, resumeSessionId, onConsumedResume, initialMessage, onConsumedInitial,
@@ -29,7 +32,9 @@ export function ChatTab({
     scrollRef.current?.scrollTo({ top: scrollRef.current.scrollHeight });
   }, [msgs]);
 
-  // Reset the console when the agent changes.
+  // Reset the console when the agent changes. The server-side `chat_pins`
+  // collection holds the agent→sessionId mapping, so subsequent boot()s
+  // auto-resume the prior conversation without browser state.
   useEffect(() => { setSandboxId(null); setSessionId(null); setMsgs([]); setErr(null); }, [agent]);
 
   // If asked to resume a session, load its transcript into the view and boot a
@@ -64,6 +69,8 @@ export function ChatTab({
   async function boot(resume?: string): Promise<string | null> {
     setBooting(true); setErr(null);
     try {
+      // Server-side pin: chat-sandbox auto-resumes the pinned session for
+      // this agent if no explicit `resume` is passed.
       const r = await api.chatSandbox(agent, resume);
       setSandboxId(r.sandboxId);
       setSessionId(r.sessionId);
@@ -117,7 +124,7 @@ export function ChatTab({
           const toolOnly = !clean && lastTools > 0;
           const body = clean
             || (toolOnly
-              ? `_(Ran ${lastTools} tool calls but stopped without a summary — likely its per-turn limit. Click Continue to keep building in this session.)_`
+              ? `_(Used ${lastTools} tool${lastTools !== 1 ? "s" : ""} but didn't write a reply. Click Continue to ask the agent to finish.)_`
               : "_(no reply)_");
           setMsgs((m) => replaceStatus(m, {
             role: "assistant", text: body,
 
@@ -6,11 +6,26 @@
  */
 import { type Agent, displaySource } from "../api.ts";
 
-export function SourceBadge({ agent, compact = false }: { agent: Agent; compact?: boolean }) {
+export function SourceBadge({
+  agent,
+  compact = false,
+  linkable = false,
+}: {
+  agent: Agent;
+  compact?: boolean;
+  /**
+   * When true, the badge renders as an <a> opening the repo in a new tab.
+   * Default false — the badge is most often rendered INSIDE the agent-card
+   * button, where nesting <a> inside <button> is invalid HTML and browsers
+   * preferentially fire the link's navigation instead of the card's click.
+   * For a separate-tab affordance, render an <ExternalLinkChip /> next to it.
+   */
+  linkable?: boolean;
+}) {
   const d = displaySource(agent.source);
 
   const inner = (
-    <div className={`flex items-center gap-1.5 ${compact ? "" : "py-0.5"}`}>
+    <div className={`flex items-center gap-1.5 min-w-0 ${compact ? "" : "py-0.5"}`}>
       <KindGlyph kind={d.kind} />
       <div className="min-w-0 flex-1">
         <div className="text-xs text-gray-200 font-mono truncate" title={d.primary}>
@@ -22,16 +37,19 @@ export function SourceBadge({ agent, compact = false }: { agent: Agent; compact?
           </div>
         )}
       </div>
+      {d.href && (
+        <ExternalLinkChip href={d.href} label={`Open ${d.primary} on ${d.secondary}`} />
+      )}
     </div>
   );
 
-  if (d.href) {
+  if (linkable && d.href) {
     return (
       <a
         href={d.href}
         target="_blank"
         rel="noopener noreferrer"
-        onClick={(e) => e.stopPropagation()} // don't fire the parent button click
+        onClick={(e) => e.stopPropagation()}
         className="block rounded px-1 -mx-1 hover:bg-ink-700/60 transition-colors"
         title={`Open ${d.primary} on ${d.secondary}`}
       >
@@ -42,6 +60,30 @@ export function SourceBadge({ agent, compact = false }: { agent: Agent; compact?
   return inner;
 }
 
+/**
+ * Tiny external-link chip — used inside agent cards so the row click opens
+ * chat while a small explicit icon lets the user jump to the source repo.
+ * Rendered as an <a> but with stopPropagation; the parent agent card is a
+ * <button>, so this needs to be the only nav target inside it.
+ */
+function ExternalLinkChip({ href, label }: { href: string; label: string }) {
+  return (
+    <a
+      href={href}
+      target="_blank"
+      rel="noopener noreferrer"
+      onClick={(e) => e.stopPropagation()}
+      title={label}
+      className="shrink-0 h-5 w-5 grid place-items-center rounded text-gray-500 hover:text-accent-soft hover:bg-ink-700/60 transition-colors"
+      aria-label={label}
+    >
+      <svg viewBox="0 0 16 16" className="h-3 w-3" fill="currentColor" aria-hidden="true">
+        <path d="M9 2.75a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0V4.56L7.78 9.03a.75.75 0 0 1-1.06-1.06L11.19 3.5H9.75A.75.75 0 0 1 9 2.75zM2.75 4A1.75 1.75 0 0 0 1 5.75v7.5C1 14.216 1.784 15 2.75 15h7.5A1.75 1.75 0 0 0 12 13.25V9.5a.75.75 0 0 0-1.5 0v3.75a.25.25 0 0 1-.25.25h-7.5a.25.25 0 0 1-.25-.25v-7.5a.25.25 0 0 1 .25-.25H6.5a.75.75 0 0 0 0-1.5h-3.75z" />
+      </svg>
+    </a>
+  );
+}
+
 function KindGlyph({ kind }: { kind: "git" | "local" | "inline" | "unknown" }) {
   if (kind === "git") {
     return (
 
@@ -36,7 +36,12 @@ export function WorkspaceTab({
   useEffect(() => { setResumeId(null); setChatKey(`new-${agent}-${Date.now()}`); }, [agent]);
 
   const openSession = (sid: string) => { setResumeId(sid); setChatKey(`s-${sid}-${Date.now()}`); };
-  const newChat = () => { setResumeId(null); setChatKey(`new-${Date.now()}`); };
+  const newChat = async () => {
+    // Drop the server-side pin so the next boot mints a fresh session.
+    try { await fetch(`/api/agents/${encodeURIComponent(agent)}/chat-pin`, { method: "DELETE" }); } catch { /* ignore */ }
+    setResumeId(null);
+    setChatKey(`new-${Date.now()}`);
+  };
 
   return (
     <div className="h-full flex">
 
@@ -140,6 +140,26 @@ export function createAgentOSApp(opts: AgentOSOptions): Hono {
   const registryColl = async (): Promise<Collection<RegistryDoc>> =>
     (await db()).collection<RegistryDoc>("agent_registry");
 
+  /**
+   * chat_pins — server-side mapping of agent → current dashboard chat session.
+   *
+   * Lets the SPA reuse the same sessionId across browser refreshes / sandbox
+   * restarts without holding any state in the browser. Same pattern Slack
+   * uses for thread → sessionId, but keyed on agent name for the dashboard's
+   * single "current chat" semantics.
+   *
+   * The actual conversation memory lives in the harness server's
+   * sessionStore (Mongo) keyed by sessionId; this collection is just the
+   * pointer to "which sessionId is the agent's current dashboard chat."
+   */
+  interface ChatPinDoc {
+    _id: string;       // agent name
+    sessionId: string;
+    updatedAt: Date;
+  }
+  const chatPinsColl = async (): Promise<Collection<ChatPinDoc>> =>
+    (await db()).collection<ChatPinDoc>("chat_pins");
+
   const byName = new Map<string, AgentDef>(opts.agents.map((a) => [a.name, a]));
   const app = new Hono();
 
@@ -235,7 +255,7 @@ export function createAgentOSApp(opts: AgentOSOptions): Hono {
         origin: a.origin,
         registeredBy: a.registeredBy ?? null,
         lastSeen: a.lastSeen ? a.lastSeen.toISOString() : null,
-        sandboxCapable: a.origin === "in-memory" && sandboxCapable(a.harness),
+        sandboxCapable: sandboxCapable(a.harness),
         sessionCount: sessionIds.size,
         activeSandboxes: active,
         lastActivity: lastActivity ? lastActivity.toISOString() : null,
@@ -401,7 +421,16 @@ export function createAgentOSApp(opts: AgentOSOptions): Hono {
   app.get("/agentos/api/sessions/:id", async (c) => {
     const id = c.req.param("id");
     const [sessions, threads] = [await sessionsColl(), await threadsColl()];
-    const session = await sessions.findOne({ _id: id });
+    // Two storage shapes:
+    //   - gitagent / engine-agnostic: sessions._id == sessionId
+    //   - claude-agent-sdk: sessions._id is a UUID, sessionId is embedded in
+    //     projectKey (a flattened version of the workdir path), e.g.
+    //     "-tmp-computeragent-sessions-agentos-architect-<uuid>"
+    // Try both so transcripts work uniformly across harnesses.
+    const escapedId = id.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const session =
+      (await sessions.findOne({ _id: id })) ??
+      (await sessions.findOne({ projectKey: { $regex: `${escapedId}$` } }));
     const thread = await threads.findOne({ sessionId: id });
     return c.json({
       sessionId: id,
@@ -413,7 +442,32 @@ export function createAgentOSApp(opts: AgentOSOptions): Hono {
           }
         : null,
       updatedAt: session?.updatedAt ? new Date(session.updatedAt).toISOString() : null,
-      entries: (session?.entries ?? []).map((e) => ({ type: e.type ?? "assistant", text: e.text ?? "" })),
+      // Multiple session-storage shapes, depending on the harness:
+      //   gitagent           → {type:"user"|"assistant", text}
+      //   claude-agent-sdk   → {type:"user", message:{role,content}} where
+      //                        content is either a string or [{type:"text",text}]
+      //                        plus meta events (queue-operation) with no text
+      // We normalize to {type:"user"|"assistant", text} for the SPA.
+      entries: (session?.entries ?? [])
+        .map((raw) => {
+          const e = raw as Record<string, unknown>;
+          if (e.type === "queue-operation") return { type: "meta", text: "" };
+          const message = (e.message ?? null) as { role?: string; content?: unknown } | null;
+          const role = (message?.role as string | undefined) ?? (e.type as string | undefined) ?? "assistant";
+          const content: unknown = message?.content ?? e.content ?? e.text;
+          let text = "";
+          if (typeof content === "string") text = content;
+          else if (Array.isArray(content)) {
+            text = content
+              .filter((b): b is { type: string; text: string } =>
+                !!b && typeof b === "object" && (b as { type?: string }).type === "text")
+              .map((b) => b.text)
+              .join("\n");
+          }
+          const role2 = role === "user" || role === "assistant" ? role : "assistant";
+          return { type: role2, text: text.trim() };
+        })
+        .filter((e) => e.text.length > 0),
     });
   });
 
@@ -452,7 +506,17 @@ export function createAgentOSApp(opts: AgentOSOptions): Hono {
       return c.json({ error: { code: "NO_SANDBOX", message: `${agent.label} runs one-shot — use /run` } }, 400);
     }
     const body = await c.req.json().catch(() => ({})) as { sessionId?: string };
-    const sessionId = body.sessionId || `agentos-${agent.name}-${randomUUID().slice(0, 12)}`;
+
+    // Resume order: explicit body.sessionId > server-pinned > new
+    let sessionId = body.sessionId;
+    if (!sessionId) {
+      try {
+        const pin = await (await chatPinsColl()).findOne({ _id: agent.name });
+        if (pin?.sessionId) sessionId = pin.sessionId;
+      } catch { /* fall through to fresh */ }
+    }
+    if (!sessionId) sessionId = `agentos-${agent.name}-${randomUUID().slice(0, 12)}`;
+
     const sandboxBody = sandboxBodyForBot(
       { name: agent.name, harness: agent.harness, source: agent.source, model: agent.model, extraEnvs: agent.envs, gitToken: agent.gitToken },
       sessionId,
@@ -467,9 +531,52 @@ export function createAgentOSApp(opts: AgentOSOptions): Hono {
       return c.json({ error: { code: "SANDBOX_CREATE_FAILED", detail: text.slice(0, 300) } }, 502);
     }
     const j = await r.json() as { sandboxId: string };
+
+    // Pin this sessionId as the agent's current dashboard chat so the next
+    // boot from any browser resumes the same conversation.
+    try {
+      await (await chatPinsColl()).updateOne(
+        { _id: agent.name },
+        { $set: { sessionId, updatedAt: new Date() } },
+        { upsert: true },
+      );
+    } catch { /* best effort */ }
+
+    // Also write a slack_threads-style row so the /sessions + /agents
+    // endpoints (which join by `bot`) can see web chats. We reuse this
+    // collection rather than introduce a separate "web_threads" so the
+    // dashboard's session list is uniformly populated. Slack threads use a
+    // real channel+threadTs; web threads use channel="web" + the sessionId
+    // as the synthetic threadTs.
+    try {
+      const now = new Date();
+      await threadsColl().then((threads) => threads.updateOne(
+        { _id: `web:${sessionId}` },
+        {
+          $set: {
+            bot: agent.name,
+            channel: "web",
+            threadTs: sessionId,
+            sessionId,
+            sandboxId: j.sandboxId,
+            snapshotId: null,
+            lastMessageAt: now,
+          },
+          $setOnInsert: { createdAt: now },
+        },
+        { upsert: true },
+      ));
+    } catch { /* best effort — dashboard will fall back to empty session list */ }
+
     return c.json({ sandboxId: j.sandboxId, sessionId, bot: agent.name });
   });
 
+  // DELETE the agent's chat pin — "New chat" button.
+  app.delete("/agentos/api/agents/:name/chat-pin", async (c) => {
+    try { await (await chatPinsColl()).deleteOne({ _id: c.req.param("name") }); } catch { /* ignore */ }
+    return c.json({ ok: true });
+  });
+
   // ── One-shot run (for deepagents, which has no warm-sandbox support) ─────
   // Streams a fresh POST /run back to the browser. No conversation memory
   // across turns — each message is an independent run.