@elizaos/plugin-task-coordinator 2.0.3-beta.2 → 2.0.3-beta.3

package/dist/PtyConsoleBase.js

@@ -0,0 +1,174 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, client } from "@elizaos/ui";
+import { Send, Square, Terminal, X } from "lucide-react";
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+const MAX_BUFFER_CHARS = 2e5;
+function PtyConsoleBase({
+  activeSessionId,
+  sessions,
+  onClose,
+  variant
+}) {
+  const [output, setOutput] = useState("");
+  const [input, setInput] = useState("");
+  const scrollerRef = useRef(null);
+  const activeSession = useMemo(
+    () => sessions.find((session) => session.sessionId === activeSessionId),
+    [activeSessionId, sessions]
+  );
+  useEffect(() => {
+    let disposed = false;
+    setOutput("");
+    void client.getPtyBufferedOutput(activeSessionId).then((buffered) => {
+      if (!disposed) setOutput(trimBuffer(buffered));
+    });
+    const unbind = client.onWsEvent("pty-output", (event) => {
+      const message = event;
+      if (message.sessionId !== activeSessionId || !message.data) return;
+      setOutput((current) => trimBuffer(current + message.data));
+    });
+    client.subscribePtyOutput(activeSessionId);
+    client.resizePty(activeSessionId, variant === "full" ? 120 : 96, 32);
+    return () => {
+      disposed = true;
+      unbind();
+      client.unsubscribePtyOutput(activeSessionId);
+    };
+  }, [activeSessionId, variant]);
+  useEffect(() => {
+    const scroller = scrollerRef.current;
+    if (!scroller) return;
+    scroller.scrollTop = scroller.scrollHeight;
+  }, [output]);
+  const sendInput = useCallback(
+    (data) => {
+      if (!data) return;
+      client.sendPtyInput(activeSessionId, data);
+    },
+    [activeSessionId]
+  );
+  const sendLine = useCallback(() => {
+    const line = input;
+    setInput("");
+    sendInput(`${line}
+`);
+  }, [input, sendInput]);
+  const onInputKeyDown = useCallback(
+    (event) => {
+      if (event.key !== "Enter") return;
+      event.preventDefault();
+      sendLine();
+    },
+    [sendLine]
+  );
+  const stopSession = useCallback(() => {
+    void client.stopCodingAgent(activeSessionId);
+  }, [activeSessionId]);
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: containerClassName(variant),
+      "aria-label": "Agent terminal",
+      "data-testid": "pty-console-base",
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "flex h-10 shrink-0 items-center gap-2 border-b border-border/60 px-3", children: [
+          /* @__PURE__ */ jsx(Terminal, { className: "h-4 w-4 shrink-0 text-muted", "aria-hidden": true }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "truncate text-xs font-semibold text-txt", children: activeSession?.label ?? "Terminal" }),
+            /* @__PURE__ */ jsx("div", { className: "truncate text-[11px] text-muted", children: activeSession?.workdir ?? activeSessionId })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              onClick: () => sendInput(""),
+              title: "Interrupt",
+              "aria-label": "Interrupt terminal",
+              children: /* @__PURE__ */ jsx(Square, { className: "h-4 w-4", "aria-hidden": true })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              onClick: stopSession,
+              title: "Stop session",
+              "aria-label": "Stop terminal session",
+              children: /* @__PURE__ */ jsx(Square, { className: "h-4 w-4 fill-current", "aria-hidden": true })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              onClick: onClose,
+              title: "Close",
+              "aria-label": "Close terminal",
+              children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4", "aria-hidden": true })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: scrollerRef,
+            className: "min-h-0 flex-1 overflow-auto bg-black p-3 font-mono text-[11px] leading-relaxed text-neutral-100",
+            children: /* @__PURE__ */ jsx("pre", { className: "whitespace-pre-wrap break-words", children: output || "\x1B[2mConnecting to terminal...\x1B[0m" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("footer", { className: "flex h-11 shrink-0 items-center gap-2 border-t border-border/60 px-2", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              value: input,
+              onChange: (event) => setInput(event.currentTarget.value),
+              onKeyDown: onInputKeyDown,
+              className: "min-w-0 flex-1 rounded-md border border-border/60 bg-bg px-2 py-1.5 font-mono text-xs text-txt outline-none focus:border-accent",
+              "aria-label": "Terminal input",
+              autoComplete: "off",
+              spellCheck: false
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              onClick: sendLine,
+              title: "Send",
+              "aria-label": "Send terminal input",
+              children: /* @__PURE__ */ jsx(Send, { className: "h-4 w-4", "aria-hidden": true })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function containerClassName(variant) {
+  const base = "flex min-h-0 min-w-0 flex-col overflow-hidden border border-border/70 bg-bg shadow-xl";
+  if (variant === "full") {
+    return `${base} h-full w-full rounded-none border-0 shadow-none`;
+  }
+  if (variant === "drawer") {
+    return `${base} h-[min(70vh,40rem)] w-full rounded-t-lg`;
+  }
+  return `${base} h-[min(70vh,42rem)] w-[min(34rem,calc(100vw-1rem))] rounded-lg`;
+}
+function trimBuffer(value) {
+  if (value.length <= MAX_BUFFER_CHARS) return value;
+  return value.slice(value.length - MAX_BUFFER_CHARS);
+}
+export {
+  PtyConsoleBase
+};
+//# sourceMappingURL=PtyConsoleBase.js.map

package/dist/PtyConsoleBase.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/PtyConsoleBase.tsx"],"sourcesContent":["import { Button, type CodingAgentSession, client } from \"@elizaos/ui\";\nimport { Send, Square, Terminal, X } from \"lucide-react\";\nimport {\n  type KeyboardEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nconst MAX_BUFFER_CHARS = 200_000;\n\nexport interface PtyConsoleBaseProps {\n  activeSessionId: string;\n  sessions: CodingAgentSession[];\n  onClose: () => void;\n  variant: \"drawer\" | \"side-panel\" | \"full\";\n}\n\nexport function PtyConsoleBase({\n  activeSessionId,\n  sessions,\n  onClose,\n  variant,\n}: PtyConsoleBaseProps) {\n  const [output, setOutput] = useState(\"\");\n  const [input, setInput] = useState(\"\");\n  const scrollerRef = useRef<HTMLDivElement | null>(null);\n\n  const activeSession = useMemo(\n    () => sessions.find((session) => session.sessionId === activeSessionId),\n    [activeSessionId, sessions],\n  );\n\n  useEffect(() => {\n    let disposed = false;\n    setOutput(\"\");\n    void client.getPtyBufferedOutput(activeSessionId).then((buffered) => {\n      if (!disposed) setOutput(trimBuffer(buffered));\n    });\n\n    const unbind = client.onWsEvent(\"pty-output\", (event) => {\n      const message = event as { sessionId?: string; data?: string };\n      if (message.sessionId !== activeSessionId || !message.data) return;\n      setOutput((current) => trimBuffer(current + message.data));\n    });\n    client.subscribePtyOutput(activeSessionId);\n    client.resizePty(activeSessionId, variant === \"full\" ? 120 : 96, 32);\n\n    return () => {\n      disposed = true;\n      unbind();\n      client.unsubscribePtyOutput(activeSessionId);\n    };\n  }, [activeSessionId, variant]);\n\n  useEffect(() => {\n    const scroller = scrollerRef.current;\n    if (!scroller) return;\n    scroller.scrollTop = scroller.scrollHeight;\n  }, [output]);\n\n  const sendInput = useCallback(\n    (data: string) => {\n      if (!data) return;\n      client.sendPtyInput(activeSessionId, data);\n    },\n    [activeSessionId],\n  );\n\n  const sendLine = useCallback(() => {\n    const line = input;\n    setInput(\"\");\n    sendInput(`${line}\\n`);\n  }, [input, sendInput]);\n\n  const onInputKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key !== \"Enter\") return;\n      event.preventDefault();\n      sendLine();\n    },\n    [sendLine],\n  );\n\n  const stopSession = useCallback(() => {\n    void client.stopCodingAgent(activeSessionId);\n  }, [activeSessionId]);\n\n  return (\n    <section\n      className={containerClassName(variant)}\n      aria-label=\"Agent terminal\"\n      data-testid=\"pty-console-base\"\n    >\n      <header className=\"flex h-10 shrink-0 items-center gap-2 border-b border-border/60 px-3\">\n        <Terminal className=\"h-4 w-4 shrink-0 text-muted\" aria-hidden />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"truncate text-xs font-semibold text-txt\">\n            {activeSession?.label ?? \"Terminal\"}\n          </div>\n          <div className=\"truncate text-[11px] text-muted\">\n            {activeSession?.workdir ?? activeSessionId}\n          </div>\n        </div>\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          onClick={() => sendInput(\"\\u0003\")}\n          title=\"Interrupt\"\n          aria-label=\"Interrupt terminal\"\n        >\n          <Square className=\"h-4 w-4\" aria-hidden />\n        </Button>\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          onClick={stopSession}\n          title=\"Stop session\"\n          aria-label=\"Stop terminal session\"\n        >\n          <Square className=\"h-4 w-4 fill-current\" aria-hidden />\n        </Button>\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          onClick={onClose}\n          title=\"Close\"\n          aria-label=\"Close terminal\"\n        >\n          <X className=\"h-4 w-4\" aria-hidden />\n        </Button>\n      </header>\n      <div\n        ref={scrollerRef}\n        className=\"min-h-0 flex-1 overflow-auto bg-black p-3 font-mono text-[11px] leading-relaxed text-neutral-100\"\n      >\n        <pre className=\"whitespace-pre-wrap break-words\">\n          {output || \"\\u001b[2mConnecting to terminal...\\u001b[0m\"}\n        </pre>\n      </div>\n      <footer className=\"flex h-11 shrink-0 items-center gap-2 border-t border-border/60 px-2\">\n        <input\n          value={input}\n          onChange={(event) => setInput(event.currentTarget.value)}\n          onKeyDown={onInputKeyDown}\n          className=\"min-w-0 flex-1 rounded-md border border-border/60 bg-bg px-2 py-1.5 font-mono text-xs text-txt outline-none focus:border-accent\"\n          aria-label=\"Terminal input\"\n          autoComplete=\"off\"\n          spellCheck={false}\n        />\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          onClick={sendLine}\n          title=\"Send\"\n          aria-label=\"Send terminal input\"\n        >\n          <Send className=\"h-4 w-4\" aria-hidden />\n        </Button>\n      </footer>\n    </section>\n  );\n}\n\nfunction containerClassName(variant: PtyConsoleBaseProps[\"variant\"]): string {\n  const base =\n    \"flex min-h-0 min-w-0 flex-col overflow-hidden border border-border/70 bg-bg shadow-xl\";\n  if (variant === \"full\") {\n    return `${base} h-full w-full rounded-none border-0 shadow-none`;\n  }\n  if (variant === \"drawer\") {\n    return `${base} h-[min(70vh,40rem)] w-full rounded-t-lg`;\n  }\n  return `${base} h-[min(70vh,42rem)] w-[min(34rem,calc(100vw-1rem))] rounded-lg`;\n}\n\nfunction trimBuffer(value: string): string {\n  if (value.length <= MAX_BUFFER_CHARS) return value;\n  return value.slice(value.length - MAX_BUFFER_CHARS);\n}\n"],"mappings":"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","names":[]}

package/dist/PtyConsoleDrawer.d.ts

@@ -0,0 +1,10 @@
+import { type CodingAgentSession } from "@elizaos/ui";
+export interface PtyConsoleDrawerProps {
+    activeSessionId: string | null;
+    sessions: CodingAgentSession[];
+    onSessionClick: (sessionId: string) => void;
+    onNewSession: () => void;
+    onClose: () => void;
+}
+export declare function PtyConsoleDrawer({ activeSessionId, sessions, onSessionClick, onNewSession, onClose, }: PtyConsoleDrawerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PtyConsoleDrawer.d.ts.map

package/dist/PtyConsoleDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PtyConsoleDrawer.d.ts","sourceRoot":"","sources":["../src/PtyConsoleDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAI9D,MAAM,WAAW,qBAAqB;IACpC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,EAAE,kBAAkB,EAAE,CAAC;IAC/B,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,eAAe,EACf,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,OAAO,GACR,EAAE,qBAAqB,2CAgFvB"}

package/dist/PtyConsoleDrawer.js

@@ -0,0 +1,77 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@elizaos/ui";
+import { Plus, Terminal } from "lucide-react";
+import { PtyConsoleBase } from "./PtyConsoleBase.js";
+function PtyConsoleDrawer({
+  activeSessionId,
+  sessions,
+  onSessionClick,
+  onNewSession,
+  onClose
+}) {
+  const resolvedSessionId = activeSessionId && sessions.some((session) => session.sessionId === activeSessionId) ? activeSessionId : sessions[0]?.sessionId ?? null;
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: "flex h-[min(76vh,44rem)] w-full min-w-0 overflow-hidden rounded-t-lg border border-border/70 bg-bg shadow-xl",
+      "aria-label": "Agent terminal drawer",
+      "data-testid": "pty-console-drawer",
+      children: [
+        /* @__PURE__ */ jsxs("aside", { className: "flex w-64 shrink-0 flex-col border-r border-border/60 bg-muted/10", children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex h-10 items-center gap-2 border-b border-border/60 px-3", children: [
+            /* @__PURE__ */ jsx(Terminal, { className: "h-4 w-4 shrink-0 text-muted", "aria-hidden": true }),
+            /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 truncate text-xs font-semibold text-txt", children: "Terminals" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                onClick: onNewSession,
+                title: "New terminal",
+                "aria-label": "New terminal",
+                children: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4", "aria-hidden": true })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-auto p-2", children: sessions.length === 0 ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onNewSession,
+              className: "w-full rounded-md border border-dashed border-border/70 px-3 py-2 text-left text-xs text-muted hover:border-accent hover:text-txt",
+              children: "Start terminal"
+            }
+          ) : sessions.map((session) => {
+            const selected = session.sessionId === resolvedSessionId;
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => onSessionClick(session.sessionId),
+                className: `mb-1 w-full rounded-md px-2 py-2 text-left text-xs transition ${selected ? "bg-accent/15 text-txt" : "text-muted hover:bg-muted/20 hover:text-txt"}`,
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: "truncate font-medium", children: session.label ?? "Terminal" }),
+                  /* @__PURE__ */ jsx("div", { className: "truncate text-[11px] opacity-75", children: session.workdir ?? session.sessionId })
+                ]
+              },
+              session.sessionId
+            );
+          }) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: resolvedSessionId ? /* @__PURE__ */ jsx(
+          PtyConsoleBase,
+          {
+            activeSessionId: resolvedSessionId,
+            sessions,
+            onClose,
+            variant: "full"
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center text-xs text-muted", children: "None" }) })
+      ]
+    }
+  );
+}
+export {
+  PtyConsoleDrawer
+};
+//# sourceMappingURL=PtyConsoleDrawer.js.map

package/dist/PtyConsoleDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/PtyConsoleDrawer.tsx"],"sourcesContent":["import { Button, type CodingAgentSession } from \"@elizaos/ui\";\nimport { Plus, Terminal } from \"lucide-react\";\nimport { PtyConsoleBase } from \"./PtyConsoleBase.js\";\n\nexport interface PtyConsoleDrawerProps {\n  activeSessionId: string | null;\n  sessions: CodingAgentSession[];\n  onSessionClick: (sessionId: string) => void;\n  onNewSession: () => void;\n  onClose: () => void;\n}\n\nexport function PtyConsoleDrawer({\n  activeSessionId,\n  sessions,\n  onSessionClick,\n  onNewSession,\n  onClose,\n}: PtyConsoleDrawerProps) {\n  const resolvedSessionId =\n    activeSessionId &&\n    sessions.some((session) => session.sessionId === activeSessionId)\n      ? activeSessionId\n      : (sessions[0]?.sessionId ?? null);\n\n  return (\n    <section\n      className=\"flex h-[min(76vh,44rem)] w-full min-w-0 overflow-hidden rounded-t-lg border border-border/70 bg-bg shadow-xl\"\n      aria-label=\"Agent terminal drawer\"\n      data-testid=\"pty-console-drawer\"\n    >\n      <aside className=\"flex w-64 shrink-0 flex-col border-r border-border/60 bg-muted/10\">\n        <header className=\"flex h-10 items-center gap-2 border-b border-border/60 px-3\">\n          <Terminal className=\"h-4 w-4 shrink-0 text-muted\" aria-hidden />\n          <div className=\"min-w-0 flex-1 truncate text-xs font-semibold text-txt\">\n            Terminals\n          </div>\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            onClick={onNewSession}\n            title=\"New terminal\"\n            aria-label=\"New terminal\"\n          >\n            <Plus className=\"h-4 w-4\" aria-hidden />\n          </Button>\n        </header>\n        <div className=\"min-h-0 flex-1 overflow-auto p-2\">\n          {sessions.length === 0 ? (\n            <button\n              type=\"button\"\n              onClick={onNewSession}\n              className=\"w-full rounded-md border border-dashed border-border/70 px-3 py-2 text-left text-xs text-muted hover:border-accent hover:text-txt\"\n            >\n              Start terminal\n            </button>\n          ) : (\n            sessions.map((session) => {\n              const selected = session.sessionId === resolvedSessionId;\n              return (\n                <button\n                  key={session.sessionId}\n                  type=\"button\"\n                  onClick={() => onSessionClick(session.sessionId)}\n                  className={`mb-1 w-full rounded-md px-2 py-2 text-left text-xs transition ${\n                    selected\n                      ? \"bg-accent/15 text-txt\"\n                      : \"text-muted hover:bg-muted/20 hover:text-txt\"\n                  }`}\n                >\n                  <div className=\"truncate font-medium\">\n                    {session.label ?? \"Terminal\"}\n                  </div>\n                  <div className=\"truncate text-[11px] opacity-75\">\n                    {session.workdir ?? session.sessionId}\n                  </div>\n                </button>\n              );\n            })\n          )}\n        </div>\n      </aside>\n      <div className=\"min-w-0 flex-1\">\n        {resolvedSessionId ? (\n          <PtyConsoleBase\n            activeSessionId={resolvedSessionId}\n            sessions={sessions}\n            onClose={onClose}\n            variant=\"full\"\n          />\n        ) : (\n          <div className=\"flex h-full items-center justify-center text-xs text-muted\">\n            None\n          </div>\n        )}\n      </div>\n    </section>\n  );\n}\n"],"mappings":"AAgCQ,SACE,KADF;AAhCR,SAAS,cAAuC;AAChD,SAAS,MAAM,gBAAgB;AAC/B,SAAS,sBAAsB;AAUxB,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,oBACJ,mBACA,SAAS,KAAK,CAAC,YAAY,QAAQ,cAAc,eAAe,IAC5D,kBACC,SAAS,CAAC,GAAG,aAAa;AAEjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAW;AAAA,MACX,eAAY;AAAA,MAEZ;AAAA,6BAAC,WAAM,WAAU,qEACf;AAAA,+BAAC,YAAO,WAAU,+DAChB;AAAA,gCAAC,YAAS,WAAU,+BAA8B,eAAW,MAAC;AAAA,YAC9D,oBAAC,SAAI,WAAU,0DAAyD,uBAExE;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAAS;AAAA,gBACT,OAAM;AAAA,gBACN,cAAW;AAAA,gBAEX,8BAAC,QAAK,WAAU,WAAU,eAAW,MAAC;AAAA;AAAA,YACxC;AAAA,aACF;AAAA,UACA,oBAAC,SAAI,WAAU,oCACZ,mBAAS,WAAW,IACnB;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS;AAAA,cACT,WAAU;AAAA,cACX;AAAA;AAAA,UAED,IAEA,SAAS,IAAI,CAAC,YAAY;AACxB,kBAAM,WAAW,QAAQ,cAAc;AACvC,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,MAAK;AAAA,gBACL,SAAS,MAAM,eAAe,QAAQ,SAAS;AAAA,gBAC/C,WAAW,iEACT,WACI,0BACA,6CACN;AAAA,gBAEA;AAAA,sCAAC,SAAI,WAAU,wBACZ,kBAAQ,SAAS,YACpB;AAAA,kBACA,oBAAC,SAAI,WAAU,mCACZ,kBAAQ,WAAW,QAAQ,WAC9B;AAAA;AAAA;AAAA,cAdK,QAAQ;AAAA,YAef;AAAA,UAEJ,CAAC,GAEL;AAAA,WACF;AAAA,QACA,oBAAC,SAAI,WAAU,kBACZ,8BACC;AAAA,UAAC;AAAA;AAAA,YACC,iBAAiB;AAAA,YACjB;AAAA,YACA;AAAA,YACA,SAAQ;AAAA;AAAA,QACV,IAEA,oBAAC,SAAI,WAAU,8DAA6D,kBAE5E,GAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/PtyConsoleSidePanel.d.ts

@@ -0,0 +1,8 @@
+import type { CodingAgentSession } from "@elizaos/ui";
+export interface PtyConsoleSidePanelProps {
+    activeSessionId: string;
+    sessions: CodingAgentSession[];
+    onClose: () => void;
+}
+export declare function PtyConsoleSidePanel(props: PtyConsoleSidePanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PtyConsoleSidePanel.d.ts.map

package/dist/PtyConsoleSidePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PtyConsoleSidePanel.d.ts","sourceRoot":"","sources":["../src/PtyConsoleSidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGtD,MAAM,WAAW,wBAAwB;IACvC,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,kBAAkB,EAAE,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAElE"}

package/dist/PtyConsoleSidePanel.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { PtyConsoleBase } from "./PtyConsoleBase.js";
+function PtyConsoleSidePanel(props) {
+  return /* @__PURE__ */ jsx(PtyConsoleBase, { ...props, variant: "side-panel" });
+}
+export {
+  PtyConsoleSidePanel
+};
+//# sourceMappingURL=PtyConsoleSidePanel.js.map

package/dist/PtyConsoleSidePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/PtyConsoleSidePanel.tsx"],"sourcesContent":["import type { CodingAgentSession } from \"@elizaos/ui\";\nimport { PtyConsoleBase } from \"./PtyConsoleBase.js\";\n\nexport interface PtyConsoleSidePanelProps {\n  activeSessionId: string;\n  sessions: CodingAgentSession[];\n  onClose: () => void;\n}\n\nexport function PtyConsoleSidePanel(props: PtyConsoleSidePanelProps) {\n  return <PtyConsoleBase {...props} variant=\"side-panel\" />;\n}\n"],"mappings":"AAUS;AATT,SAAS,sBAAsB;AAQxB,SAAS,oBAAoB,OAAiC;AACnE,SAAO,oBAAC,kBAAgB,GAAG,OAAO,SAAQ,cAAa;AACzD;","names":[]}

package/dist/PtyTerminalPane.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Renders a single xterm.js terminal for a PTY session.
+ * On mount: loads xterm lazily, hydrates buffered output, subscribes to live data.
+ * On unmount: unsubscribes and disposes.
+ */
+export declare function PtyTerminalPane({ sessionId, visible, }: {
+    sessionId: string;
+    visible: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PtyTerminalPane.d.ts.map

package/dist/PtyTerminalPane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PtyTerminalPane.d.ts","sourceRoot":"","sources":["../src/PtyTerminalPane.tsx"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,OAAO,GACR,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB,2CAmKA"}

package/dist/PtyTerminalPane.js

@@ -0,0 +1,147 @@
+import { jsx } from "react/jsx-runtime";
+import { client } from "@elizaos/ui";
+import { useEffect, useRef } from "react";
+function PtyTerminalPane({
+  sessionId,
+  visible
+}) {
+  const containerRef = useRef(null);
+  const termRef = useRef(null);
+  const fitRef = useRef(null);
+  const mountedRef = useRef(false);
+  useEffect(() => {
+    if (mountedRef.current) return;
+    mountedRef.current = true;
+    let disposed = false;
+    let unsub;
+    let resizeObserver;
+    (async () => {
+      const [{ Terminal }, { FitAddon }] = await Promise.all([
+        import("@xterm/xterm"),
+        import("@xterm/addon-fit")
+      ]);
+      if (disposed || !containerRef.current) return;
+      const cs = getComputedStyle(containerRef.current);
+      const cssVar = (name, fallback) => cs.getPropertyValue(name).trim() || fallback;
+      const term = new Terminal({
+        allowTransparency: true,
+        convertEol: true,
+        cursorBlink: true,
+        fontFamily: "var(--font-mono, monospace)",
+        fontSize: 12,
+        scrollback: 5e3,
+        theme: {
+          background: "rgba(0, 0, 0, 0)",
+          black: "#1a1b26",
+          blue: "#7aa2f7",
+          brightBlack: "#6e7681",
+          brightBlue: "#8fb3ff",
+          brightCyan: "#a2e9ff",
+          brightGreen: "#b9f27c",
+          brightMagenta: "#caa9fa",
+          brightRed: "#ff7a93",
+          brightWhite: "#ffffff",
+          brightYellow: "#ffd580",
+          cursor: cssVar("--accent", "#5a9a2a"),
+          cyan: "#7dcfff",
+          foreground: cssVar("--txt", "#e4e4e7"),
+          green: "#9ece6a",
+          magenta: "#bb9af7",
+          red: "#f7768e",
+          selectionBackground: cssVar(
+            "--accent-muted",
+            "rgba(90, 154, 42, 0.3)"
+          ),
+          white: "#c0caf5",
+          yellow: "#e0af68"
+        }
+      });
+      const fitAddon = new FitAddon();
+      term.loadAddon(fitAddon);
+      term.open(containerRef.current);
+      fitRef.current = fitAddon;
+      termRef.current = {
+        dispose: () => {
+          resizeObserver?.disconnect();
+          term.dispose();
+        }
+      };
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          if (!disposed) {
+            try {
+              fitAddon.fit();
+            } catch {
+            }
+          }
+        });
+      });
+      try {
+        const buf = await client.getPtyBufferedOutput(sessionId);
+        if (!disposed && buf) {
+          term.write(buf.replace(/\x1b\[3J/g, ""));
+          term.scrollToBottom();
+        }
+      } catch {
+      }
+      client.subscribePtyOutput(sessionId);
+      unsub = client.onWsEvent(
+        "pty-output",
+        (data) => {
+          if (data.sessionId === sessionId && typeof data.data === "string" && !disposed) {
+            term.write(data.data.replace(/\x1b\[3J/g, ""));
+          }
+        }
+      );
+      term.onData((data) => {
+        if (!disposed) {
+          try {
+            client.sendPtyInput(sessionId, data);
+          } catch {
+          }
+        }
+      });
+      resizeObserver = new ResizeObserver(() => {
+        if (disposed || !containerRef.current) return;
+        if (containerRef.current.clientHeight < 10) return;
+        try {
+          fitAddon.fit();
+          client.resizePty(sessionId, term.cols, term.rows);
+        } catch {
+        }
+      });
+      resizeObserver.observe(containerRef.current);
+    })();
+    return () => {
+      disposed = true;
+      unsub?.();
+      client.unsubscribePtyOutput(sessionId);
+      termRef.current?.dispose();
+      termRef.current = null;
+      fitRef.current = null;
+      mountedRef.current = false;
+    };
+  }, [sessionId]);
+  useEffect(() => {
+    if (!visible || !fitRef.current) return;
+    const frameId = requestAnimationFrame(() => {
+      try {
+        fitRef.current?.fit();
+      } catch {
+      }
+    });
+    return () => cancelAnimationFrame(frameId);
+  }, [visible]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      className: "h-full w-full",
+      style: { display: visible ? "block" : "none" }
+    }
+  );
+}
+export {
+  PtyTerminalPane
+};
+//# sourceMappingURL=PtyTerminalPane.js.map

package/dist/PtyTerminalPane.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/PtyTerminalPane.tsx"],"sourcesContent":["import { client } from \"@elizaos/ui\";\nimport { useEffect, useRef } from \"react\";\n\n/**\n * Renders a single xterm.js terminal for a PTY session.\n * On mount: loads xterm lazily, hydrates buffered output, subscribes to live data.\n * On unmount: unsubscribes and disposes.\n */\nexport function PtyTerminalPane({\n  sessionId,\n  visible,\n}: {\n  sessionId: string;\n  visible: boolean;\n}) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const termRef = useRef<{ dispose: () => void } | null>(null);\n  const fitRef = useRef<{ fit: () => void } | null>(null);\n  const mountedRef = useRef(false);\n\n  useEffect(() => {\n    if (mountedRef.current) return;\n    mountedRef.current = true;\n\n    let disposed = false;\n    let unsub: (() => void) | undefined;\n    let resizeObserver: ResizeObserver | undefined;\n\n    (async () => {\n      const [{ Terminal }, { FitAddon }] = await Promise.all([\n        import(\"@xterm/xterm\"),\n        import(\"@xterm/addon-fit\"),\n      ]);\n\n      if (disposed || !containerRef.current) return;\n\n      const cs = getComputedStyle(containerRef.current);\n      const cssVar = (name: string, fallback: string) =>\n        cs.getPropertyValue(name).trim() || fallback;\n\n      const term = new Terminal({\n        allowTransparency: true,\n        convertEol: true,\n        cursorBlink: true,\n        fontFamily: \"var(--font-mono, monospace)\",\n        fontSize: 12,\n        scrollback: 5000,\n        theme: {\n          background: \"rgba(0, 0, 0, 0)\",\n          black: \"#1a1b26\",\n          blue: \"#7aa2f7\",\n          brightBlack: \"#6e7681\",\n          brightBlue: \"#8fb3ff\",\n          brightCyan: \"#a2e9ff\",\n          brightGreen: \"#b9f27c\",\n          brightMagenta: \"#caa9fa\",\n          brightRed: \"#ff7a93\",\n          brightWhite: \"#ffffff\",\n          brightYellow: \"#ffd580\",\n          cursor: cssVar(\"--accent\", \"#5a9a2a\"),\n          cyan: \"#7dcfff\",\n          foreground: cssVar(\"--txt\", \"#e4e4e7\"),\n          green: \"#9ece6a\",\n          magenta: \"#bb9af7\",\n          red: \"#f7768e\",\n          selectionBackground: cssVar(\n            \"--accent-muted\",\n            \"rgba(90, 154, 42, 0.3)\",\n          ),\n          white: \"#c0caf5\",\n          yellow: \"#e0af68\",\n        },\n      });\n\n      const fitAddon = new FitAddon();\n      term.loadAddon(fitAddon);\n      term.open(containerRef.current);\n\n      fitRef.current = fitAddon;\n      termRef.current = {\n        dispose: () => {\n          resizeObserver?.disconnect();\n          term.dispose();\n        },\n      };\n\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => {\n          if (!disposed) {\n            try {\n              fitAddon.fit();\n            } catch {\n              // Container may not have layout yet.\n            }\n          }\n        });\n      });\n\n      try {\n        const buf = await client.getPtyBufferedOutput(sessionId);\n        if (!disposed && buf) {\n          // biome-ignore lint/suspicious/noControlCharactersInRegex: ANSI escape\n          term.write(buf.replace(/\\x1b\\[3J/g, \"\"));\n          term.scrollToBottom();\n        }\n      } catch {\n        // Session may have ended.\n      }\n\n      client.subscribePtyOutput(sessionId);\n      unsub = client.onWsEvent(\n        \"pty-output\",\n        (data: Record<string, unknown>) => {\n          if (\n            data.sessionId === sessionId &&\n            typeof data.data === \"string\" &&\n            !disposed\n          ) {\n            // biome-ignore lint/suspicious/noControlCharactersInRegex: ANSI escape\n            term.write(data.data.replace(/\\x1b\\[3J/g, \"\"));\n          }\n        },\n      );\n\n      term.onData((data: string) => {\n        if (!disposed) {\n          try {\n            client.sendPtyInput(sessionId, data);\n          } catch {\n            // writeRaw may timeout if worker is busy; non-fatal.\n          }\n        }\n      });\n\n      resizeObserver = new ResizeObserver(() => {\n        if (disposed || !containerRef.current) return;\n        if (containerRef.current.clientHeight < 10) return;\n        try {\n          fitAddon.fit();\n          client.resizePty(sessionId, term.cols, term.rows);\n        } catch {\n          // Ignore fit errors during transitions.\n        }\n      });\n      resizeObserver.observe(containerRef.current);\n    })();\n\n    return () => {\n      disposed = true;\n      unsub?.();\n      client.unsubscribePtyOutput(sessionId);\n      termRef.current?.dispose();\n      termRef.current = null;\n      fitRef.current = null;\n      mountedRef.current = false;\n    };\n  }, [sessionId]);\n\n  useEffect(() => {\n    if (!visible || !fitRef.current) return;\n    const frameId = requestAnimationFrame(() => {\n      try {\n        fitRef.current?.fit();\n      } catch {\n        // Container may not have layout yet.\n      }\n    });\n    return () => cancelAnimationFrame(frameId);\n  }, [visible]);\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"h-full w-full\"\n      style={{ display: visible ? \"block\" : \"none\" }}\n    />\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/TaskCardList.d.ts

@@ -0,0 +1,76 @@
+import { type LucideIcon } from "lucide-react";
+import type { ReactNode, Ref } from "react";
+export type TaskCardStatus = "open" | "active" | "waiting_on_user" | "blocked" | "validating" | "done" | "failed" | "archived" | "interrupted";
+type Translate = (key: string, vars?: Record<string, unknown>) => string;
+export declare function statusLabel(status: string, t: Translate): string;
+/** Status icon — the row's primary visual anchor. */
+export declare function TaskStatusMedallion({ status, size, iconSize, }: {
+    status: string;
+    size?: string;
+    iconSize?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/** Status chip with a colored leading dot — the only textual status on a card. */
+export declare function TaskStatusChip({ status, t, }: {
+    status: string;
+    t: Translate;
+}): import("react/jsx-runtime").JSX.Element;
+/** A small icon + value chip used for sessions / decisions / age metadata. */
+export declare function TaskMetaChip({ icon, children, tone, }: {
+    icon: ReactNode;
+    children: ReactNode;
+    tone?: "muted" | "accent";
+}): import("react/jsx-runtime").JSX.Element;
+/** Search field shared so both landings read identically. */
+export declare function TaskSearchInput({ value, onChange, placeholder, inputRef, testId, className, agentProps, }: {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder: string;
+    inputRef?: Ref<HTMLInputElement>;
+    testId?: string;
+    className?: string;
+    agentProps?: Record<string, unknown>;
+}): import("react/jsx-runtime").JSX.Element;
+/** A quiet oversized watermark glyph pinned bottom-right, used to ground the
+ * empty void beneath a short task list. Decorative only, very low opacity. */
+export declare function SparseWatermark({ icon }: {
+    icon: LucideIcon;
+}): import("react/jsx-runtime").JSX.Element;
+/** Shared task row. Clicking opens the view's full-pane detail. */
+export declare function TaskCard({ id, title, subtitle, status, chips, forked, onOpen, t, }: {
+    id: string;
+    title: string;
+    subtitle?: string | null;
+    status: string;
+    chips: ReactNode;
+    forked?: boolean;
+    onOpen: (id: string) => void;
+    t: Translate;
+}): import("react/jsx-runtime").JSX.Element;
+/** Compact page header shared across both views. */
+export declare function TaskListHeader({ icon, title, counts, action, }: {
+    icon: ReactNode;
+    title: string;
+    counts: ReactNode;
+    action?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/** Labeled count text for the header (e.g. "3 active"). */
+export declare function TaskCountChip({ value, label, tone, }: {
+    value: number | string;
+    label: string;
+    tone?: "neutral" | "active" | "accent" | "warn";
+}): import("react/jsx-runtime").JSX.Element;
+/** Quiet empty state: one glyph + a short title, lots of open space. The longer
+ * hint stays for screen readers only — on screen, the icon carries the meaning. */
+export declare function TaskEmptyState({ title, hint, action, }: {
+    title: string;
+    hint: string;
+    action?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/** Back-to-list control used to leave a full-pane detail. */
+export declare function BackChip({ label, onClick, testId, }: {
+    label: string;
+    onClick: () => void;
+    testId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TaskCardList.d.ts.map

package/dist/TaskCardList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskCardList.d.ts","sourceRoot":"","sources":["../src/TaskCardList.tsx"],"names":[],"mappings":"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"}