ghostykit 0.4.0 → 0.4.1

package/dist/chunks/{chunk-HPTM2BCM.js → chunk-JQEB37IY.js}

@@ -36,7 +36,7 @@ function upsertTool(s, id, patch) {
 }
 var APPROVE = { optionId: "approve", name: "Aprobar", kind: "allow_once" };
 var REJECT = { optionId: "reject", name: "Rechazar", kind: "reject_once" };
-function toPermission(i, turns) {
+function toPermission(i, turns, clockOffset = 0) {
   const meta = i.metadata ?? {};
   const toolName2 = (typeof meta.tool === "string" ? meta.tool : void 0) ?? turns.flatMap((t) => t.tools ?? []).find((x) => x.id === i.toolCallId)?.title;
   return {
@@ -46,9 +46,14 @@ function toPermission(i, turns) {
     ...i.toolCallId ? { toolCallId: i.toolCallId } : {},
     reason: i.reason,
     options: [REJECT, APPROVE],
-    ...i.expiresAt ? { expiresAt: i.expiresAt } : {}
+    ...i.expiresAt ? { expiresAt: i.expiresAt, deadline: expiryMs(i.expiresAt) + clockOffset } : {}
   };
 }
+function closeOpenTools(turns, status) {
+  return turns.map(
+    (t) => t.tools?.some((x) => x.status === "in_progress") ? { ...t, tools: t.tools.map((x) => x.status === "in_progress" ? { ...x, status } : x) } : t
+  );
+}
 function textOf(content) {
   if (typeof content === "string") return content;
   if (Array.isArray(content)) return content.map((p) => p && typeof p === "object" && p.type === "text" ? p.text ?? "" : "").join("");
@@ -175,7 +180,9 @@ function finish(s0, e, now, failed = false) {
   let s = { ...s0, busy: false };
   const outcome = e.outcome;
   const interrupted = outcome?.type === "interrupt" && Array.isArray(outcome.interrupts) && outcome.interrupts.length > 0;
-  s.permissions = interrupted ? outcome.interrupts.map((i) => toPermission(i, s.turns)) : [];
+  const clockOffset = typeof e.timestamp === "number" ? now - e.timestamp : 0;
+  s.permissions = interrupted ? outcome.interrupts.map((i) => toPermission(i, s.turns, clockOffset)) : [];
+  if (outcome?.type === "cancelled" || failed) s = { ...s, turns: closeOpenTools(s.turns, failed ? "failed" : "cancelled") };
   if (interrupted) {
     const waiting = new Set(s.permissions.map((p) => p.toolCallId).filter(Boolean));
     if (waiting.size) {
@@ -211,7 +218,7 @@ function sendFailed(prev, message) {
   return { ...prev, busy: false, turnStartedAt: 0, error: message, effects: [] };
 }
 function stopTurn(prev) {
-  return { ...prev, busy: false, turnStartedAt: 0, effects: [] };
+  return { ...prev, busy: false, turnStartedAt: 0, turns: closeOpenTools(prev.turns, "cancelled"), effects: [] };
 }
 function dropLastExchange(prev) {
   const turns = [...prev.turns];
@@ -311,7 +318,7 @@ function cleanReplyOption(t) {
 }
 
 // src/core/steps.ts
-var isRunning = (t) => t.status !== "completed" && t.status !== "failed";
+var isRunning = (t) => t.status !== "completed" && t.status !== "failed" && t.status !== "cancelled";
 function toolNames(t) {
   const title = t.title ?? "";
   if (!title) return [];

package/dist/chunks/{chunk-DXFWACUL.js → chunk-TMEHQZWL.js}

@@ -65,10 +65,14 @@ function createAgUiTransport(opts) {
           throw new PilotHttpError(json?.message ?? json?.error ?? `Error ${res.status}`, res.status, json?.error, retryAfter);
         }
         if (!res.body) return;
+        const serverDate = Date.parse(res.headers.get("date") ?? "");
+        const skew = Number.isNaN(serverDate) ? null : serverDate - Date.now();
         await readSse(res.body, ({ data }) => {
           if (!data) return;
           try {
-            onEvent(JSON.parse(data));
+            const event = JSON.parse(data);
+            if (skew !== null && typeof event.timestamp !== "number") event.timestamp = Date.now() + skew;
+            onEvent(event);
           } catch {
           }
         });

package/dist/core/index.js

@@ -24,7 +24,7 @@ import {
   toPermission,
   toolName,
   toolNames
-} from "../chunks/chunk-HPTM2BCM.js";
+} from "../chunks/chunk-JQEB37IY.js";
 import {
   applyReferences,
   cleanUserText,

package/dist/core/reducer.d.ts

@@ -8,7 +8,7 @@ type Ev = {
 /** Los argumentos de una tool en corto, para el renglón del paso: «job: purge-notifications». */
 export declare function argsDetail(json?: string): string | undefined;
 /** Un `Interrupt` de AG-UI como tarjeta: título, herramienta (por su toolCallId) y vencimiento. */
-export declare function toPermission(i: Interrupt, turns: Turn[]): PermissionRequest;
+export declare function toPermission(i: Interrupt, turns: Turn[], clockOffset?: number): PermissionRequest;
 /**
  * El hilo guardado (mensajes AG-UI) como turnos: cada mensaje del usuario abre uno; lo que sigue del
  * asistente y de las herramientas se junta en un turno, con sus pasos y su narración.

package/dist/core/types.d.ts

@@ -15,7 +15,8 @@ export interface ToolEntry {
     /** El nombre de la herramienta (`toolCallName`): es la llave de los verbos de la app. */
     title?: string;
     kind?: string;
-    /** `in_progress` mientras corre; `completed` | `failed` con su resultado; `pending` = espera aprobación. */
+    /** `in_progress` mientras corre; `completed` | `failed` con su resultado; `pending` = espera
+     *  aprobación; `cancelled` = el run se detuvo antes de que terminara. */
     status?: string;
     path?: string;
     /** Los argumentos, en corto («job: purge-notifications»). */
@@ -67,8 +68,14 @@ export interface PermissionRequest {
     toolCallId?: string;
     reason?: string;
     options: PermissionOption[];
-    /** Hasta cuándo se puede contestar (ISO). */
+    /** Hasta cuándo se puede contestar (ISO, reloj del SERVIDOR). */
     expiresAt?: string | number;
+    /**
+     * El mismo vencimiento en el reloj de ESTE navegador (epoch ms): `expiresAt` menos la hora del
+     * servidor al mandar el evento, más la hora local al recibirlo. Así un reloj local desfasado no
+     * adelanta ni atrasa la cuenta regresiva.
+     */
+    deadline?: number;
 }
 /** Lo que una transición pide hacer FUERA del estado (avisos a la app). */
 export type PilotEffect = {

package/dist/react/index.js

@@ -24,12 +24,12 @@ import {
   toPermission,
   toolName,
   toolNames
-} from "../chunks/chunk-HPTM2BCM.js";
+} from "../chunks/chunk-JQEB37IY.js";
 import {
   PilotHttpError,
   createAgUiTransport,
   readSse
-} from "../chunks/chunk-DXFWACUL.js";
+} from "../chunks/chunk-TMEHQZWL.js";
 import {
   applyReferences,
   cleanUserText,
@@ -1009,7 +1009,7 @@ function ConfirmCard({
   const { strings: t } = usePiloto();
   const [pending, setPending] = useState(null);
   const [stamp, setStamp] = useState(null);
-  const time = useRemaining(request.expiresAt);
+  const time = useRemaining(request.deadline ?? request.expiresAt);
   const expired = time !== null && time.left <= 0;
   const urgent = time !== null && !expired && time.left < 6e4;
   useEffect(() => {
@@ -1448,7 +1448,10 @@ function StepLine({ tool, times, live }) {
   const spins = isRunning(tool) && live;
   const label = stepLabel(tool, toolVerbs, t.step);
   return /* @__PURE__ */ jsxs3("li", { className: "gs-paso-in flex min-w-0 items-center gap-2 text-[13px] leading-6 text-text-secondary", children: [
-    /* @__PURE__ */ jsx5("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center", "aria-label": spins ? t.running : tool.status === "failed" ? t.failed : t.done, children: spins ? /* @__PURE__ */ jsx5(LoaderCircle, { className: "h-4 w-4 animate-spin text-text-info" }) : tool.status === "pending" ? (
+    /* @__PURE__ */ jsx5("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center", "aria-label": spins ? t.running : tool.status === "failed" ? t.failed : t.done, children: spins ? /* @__PURE__ */ jsx5(LoaderCircle, { className: "h-4 w-4 animate-spin text-text-info" }) : tool.status === "cancelled" ? (
+      // El run se detuvo antes de que terminara.
+      /* @__PURE__ */ jsx5(CircleSlash, { className: "h-4 w-4 text-text-tertiary" })
+    ) : tool.status === "pending" ? (
       // Espera aprobación (el run se detuvo en un interrupt): ni gira ni está lista.
       /* @__PURE__ */ jsx5(Clock, { className: "h-4 w-4 text-text-tertiary" })
     ) : tool.status === "failed" ? /* @__PURE__ */ jsx5(CircleX, { className: "h-4 w-4 text-text-danger" }) : /* @__PURE__ */ jsx5(CircleCheck, { className: "h-4 w-4 text-text-success" }) }),
@@ -1470,6 +1473,7 @@ var STATUS = {
   pending: { Icon: Clock, className: "text-text-tertiary", key: "step" },
   in_progress: { Icon: LoaderCircle, className: "animate-spin text-text-info", key: "running" },
   completed: { Icon: CircleCheck, className: "text-text-success", key: "done" },
+  cancelled: { Icon: CircleSlash, className: "text-text-tertiary", key: "step" },
   failed: { Icon: CircleX, className: "text-text-danger", key: "failed" }
 };
 function ToolRow({ tool }) {

package/dist/transport/index.js

@@ -2,7 +2,7 @@ import {
   PilotHttpError,
   createAgUiTransport,
   readSse
-} from "../chunks/chunk-DXFWACUL.js";
+} from "../chunks/chunk-TMEHQZWL.js";
 export {
   PilotHttpError,
   createAgUiTransport,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ghostykit",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Ghosty Autopilot \u2014 the autopilot chat for your React app, on AG-UI: works with LangGraph, Mastra, CrewAI or any AG-UI agent. Streaming text, agent steps, human approval cards (interrupt/resume), attachments and voice.",
   "type": "module",
   "main": "./dist/core/index.js",