ghostykit 0.8.0 → 0.8.1

package/README.md

@@ -95,6 +95,7 @@ const ref = useRef<PilotoHandle>(null);
   welcome="How can I help with your crons?"
   suggestions={["Why did the monitor fail?"]}
   draft={{ text: "Why did the monitor fail?", key: row.id }} // prefilled + focused, not sent
+  background={running.length ? { label: "2 helpers working", since: oldestStart } : null} // work after the run closed
   threadId={conversationId}                                   // reopen a stored thread
   context={() => ({ screen: "crons", selected })}            // AG-UI `context`, every run
   onTurnDone={({ text }) => refreshMyData()}

package/dist/react/Piloto.d.ts

@@ -53,6 +53,15 @@ export interface PilotoProps extends UsePilotOptions {
         text: string;
         key?: string | number;
     } | null;
+    /**
+     * Trabajo que sigue FUERA del run (ayudantes en segundo plano, una tarea larga): con el run ya
+     * cerrado, el hilo enseña `label` y cuenta desde `since` (ms) para que no parezca terminado.
+     * Con un run vivo manda su propia espera. `null` = nada pendiente.
+     */
+    background?: {
+        label: string;
+        since: number;
+    } | null;
     /** Referencias controladas (si no, Piloto las guarda; agrégalas con `ref.addReference`). */
     references?: Reference[];
     onReferencesChange?: (refs: Reference[]) => void;

package/dist/react/Status.d.ts

@@ -1,6 +1,8 @@
 /** Los tres puntitos de «escribiendo» (color y animación en CSS: `gc-typing`). */
 export declare function TypingDots(): import("react").JSX.Element;
-export declare function WaitLabel({ since, showDuration, step, }: {
+export declare function WaitLabel({ since, showDuration, step, text, }: {
+    /** Frase fija que gana a las del turno (p. ej. «2 ayudantes trabajando» con el run ya cerrado). */
+    text?: string | null;
     /** El paso con nombre en curso (`STEP_STARTED`): si `strings.steps` lo nombra, esa es la frase. */
     step?: string | null;
     /** Desde que se MANDÓ el mensaje (no desde que se montó la etiqueta). */

package/dist/react/index.js

@@ -828,7 +828,8 @@ function TypingDots() {
 function WaitLabel({
   since,
   showDuration = true,
-  step
+  step,
+  text
 }) {
   const { strings: t } = usePiloto();
   const [mounted] = useState6(() => Date.now());
@@ -840,7 +841,7 @@ function WaitLabel({
   const seconds = Math.max(0, Math.floor((now - (since || mounted)) / 1e3));
   const phrases = t.thinkingPhrases;
   const stepText = step ? t.steps?.[step] : void 0;
-  const what = stepText ? stepText : phrases?.length ? seconds >= STILL_WORKING_S ? t.stillWorking : phrases[Math.floor(seconds / 4) % phrases.length] : t.howItGoes(seconds);
+  const what = text ? text : stepText ? stepText : phrases?.length ? seconds >= STILL_WORKING_S ? t.stillWorking : phrases[Math.floor(seconds / 4) % phrases.length] : t.howItGoes(seconds);
   return /* @__PURE__ */ jsx7("div", { className: "flex flex-col gap-0.5 text-sm text-text-secondary", children: /* @__PURE__ */ jsxs5("p", { className: "flex items-center", children: [
     /* @__PURE__ */ jsx7(AnimatePresence2, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx7(
       motion2.span,
@@ -1658,6 +1659,10 @@ var Piloto = forwardRef(function Piloto2(props, handle) {
                     /* @__PURE__ */ jsx8(TypingDots, {}),
                     /* @__PURE__ */ jsx8(WaitLabel, { since: state.turnStartedAt, step: state.step, showDuration: features.duration !== false })
                   ] })),
+                  !busy && props.background && /* @__PURE__ */ jsxs6("div", { "data-background": true, className: "flex flex-col gap-1.5", children: [
+                    /* @__PURE__ */ jsx8(TypingDots, {}),
+                    /* @__PURE__ */ jsx8(WaitLabel, { text: props.background.label, since: props.background.since, showDuration: features.duration !== false })
+                  ] }),
                   notice && /* @__PURE__ */ jsx8("p", { className: "text-sm text-text-tertiary", children: notice }),
                   error && /* @__PURE__ */ jsx8("p", { className: "text-sm text-text-danger", children: error })
                 ] }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ghostykit",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "Ghosty Autopilot — 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",