ghostykit 0.9.1 → 0.10.0

package/dist/plugins/index.js

@@ -3,9 +3,10 @@ import {
   definePlugin,
   pluginPoints,
   pluginRequires
-} from "../chunks/chunk-VFCROLFF.js";
+} from "../chunks/chunk-6PYYF4XU.js";
 import "../chunks/chunk-UUH37KXA.js";
 import "../chunks/chunk-6U545WJG.js";
+import "../chunks/chunk-AQBQ3QZH.js";
 
 // src/plugins/index.tsx
 import { useEffect, useState, useSyncExternalStore } from "react";

package/dist/react/index.js

@@ -31,47 +31,15 @@ import {
   readSse
 } from "../chunks/chunk-KG23PQI2.js";
 import {
-  Activity,
-  AppWindow,
-  ArrowDown,
-  ArrowUpRight,
   BUILTIN_CUSTOM,
-  BookOpen,
-  Check,
-  ChevronRight,
-  CircleCheck,
-  CircleSlash,
-  CircleX,
-  Clock,
-  Coins,
   Composer,
-  Copy,
-  ExternalLink,
-  FilePenLine,
-  FileSpreadsheet,
-  FileText,
-  Folder,
-  Gauge,
-  Globe,
-  Image,
-  Inbox,
-  ListChecks,
-  LoaderCircle,
   ModelPicker,
-  OctagonX,
   PilotoContext,
   ReferenceChips,
-  RotateCcw,
   STRINGS_EN,
   STRINGS_ES,
-  Search,
-  Send,
-  ShieldAlert,
   Suggestions,
   TurnContext,
-  UsersRound,
-  Wrench,
-  X,
   definePlugin,
   isDev,
   mimeOf,
@@ -80,7 +48,7 @@ import {
   resolvePlugins,
   rootProps,
   usePiloto
-} from "../chunks/chunk-VFCROLFF.js";
+} from "../chunks/chunk-6PYYF4XU.js";
 import {
   TOOL_VERBS_EN,
   TOOL_VERBS_ES,
@@ -97,6 +65,40 @@ import {
   formatDuration,
   systemNoteOf
 } from "../chunks/chunk-6U545WJG.js";
+import {
+  Activity,
+  AppWindow,
+  ArrowDown,
+  ArrowUpRight,
+  BookOpen,
+  Check,
+  ChevronRight,
+  CircleCheck,
+  CircleSlash,
+  CircleX,
+  Clock,
+  Coins,
+  Copy,
+  ExternalLink,
+  FilePenLine,
+  FileSpreadsheet,
+  FileText,
+  Folder,
+  Gauge,
+  Globe,
+  Image,
+  Inbox,
+  ListChecks,
+  LoaderCircle,
+  OctagonX,
+  RotateCcw,
+  Search,
+  Send,
+  ShieldAlert,
+  UsersRound,
+  Wrench,
+  X
+} from "../chunks/chunk-AQBQ3QZH.js";
 
 // src/react/Piloto.tsx
 import {

package/dist/split/index.d.ts

@@ -9,6 +9,10 @@ export type PilotoSplitOptions = {
     desktopMinWidth?: number;
     /** Se llama cada vez que se abre o se cierra (p. ej. para contraer el menú lateral de la app). */
     onOpenChange?: (open: boolean) => void;
+    /** Atajo para abrir/cerrar con ⌘/Ctrl + esta tecla (default "i"; `false` lo apaga). */
+    shortcut?: string | false;
+    /** Esc cierra el panel de escritorio (default true; en la hoja lo maneja vaul). */
+    escapeToClose?: boolean;
 };
 export declare function usePilotoSplit(options: PilotoSplitOptions | string): {
     isDesktop: boolean;
@@ -71,3 +75,29 @@ export declare function PilotoLauncher({ split, label, avatarSrc, className, sty
     className?: string;
     style?: CSSProperties;
 }): import("react").JSX.Element;
+/**
+ * La conversación visible: una llave que se guarda en el navegador y cambia con «Nueva conversación».
+ * La app arma con ella el `threadId` (p. ej. `${base}-${key}`); el hilo anterior NO se borra (sigue en
+ * el servidor), sólo deja de verse. Sin almacenamiento, arranca en "1".
+ */
+export declare function useConversationKey(storageKey: string): readonly [string, () => void];
+/**
+ * La carcasa estándar del piloto en el panel o la hoja: encabezado (avatar, nombre y acciones:
+ * «Nueva conversación» y cerrar) y el chat debajo. En el panel queda pegado a la ventana aunque la
+ * página tenga scroll (el composer siempre a la vista). Va dentro de `PilotoSplit` (`piloto={(v) => …}`).
+ */
+export declare function PilotoPanel({ variant, title, avatar, onClose, onNewConversation, canStartNew, actions, locale, className, children, }: {
+    variant: PilotoSplitVariant;
+    title: ReactNode;
+    avatar?: ReactNode;
+    onClose?: () => void;
+    /** Sin esto no sale el botón. Normalmente `rotate` de `useConversationKey`. */
+    onNewConversation?: () => void;
+    /** Ocultar «Nueva conversación» (p. ej. con el hilo vacío). */
+    canStartNew?: boolean;
+    /** Más botones a la derecha del encabezado, antes de los estándar. */
+    actions?: ReactNode;
+    locale?: "es" | "en";
+    className?: string;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/split/index.js

@@ -1,3 +1,8 @@
+import {
+  SquarePen,
+  X
+} from "../chunks/chunk-AQBQ3QZH.js";
+
 // src/split/index.tsx
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 import { Group, Panel, Separator, usePanelRef } from "react-resizable-panels";
@@ -7,7 +12,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var SHEET_SNAPS = [0.6, 0.94];
 var OPEN_MS = 320;
 function usePilotoSplit(options) {
-  const { widthKey, defaultWidth = 420, desktopMinWidth = 1024, onOpenChange } = typeof options === "string" ? { widthKey: options } : options;
+  const { widthKey, defaultWidth = 420, desktopMinWidth = 1024, onOpenChange, shortcut = "i", escapeToClose = true } = typeof options === "string" ? { widthKey: options } : options;
   const isDesktop = useIsDesktop(desktopMinWidth);
   const panelRef = usePanelRef();
   const [panelOpen, setPanelOpen] = useState(false);
@@ -47,6 +52,21 @@ function usePilotoSplit(options) {
   useEffect(() => {
     notify.current?.(isOpen);
   }, [isOpen]);
+  const toggleRef = useRef(() => {
+  });
+  toggleRef.current = isOpen ? close : open;
+  useEffect(() => {
+    const onKey = (e) => {
+      if (shortcut && (e.metaKey || e.ctrlKey) && !e.altKey && e.key.toLowerCase() === shortcut.toLowerCase()) {
+        e.preventDefault();
+        toggleRef.current();
+      } else if (escapeToClose && e.key === "Escape" && !e.defaultPrevented && isDesktop && isOpen) {
+        close();
+      }
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [shortcut, escapeToClose, isDesktop, isOpen, close]);
   return {
     isDesktop,
     panelRef,
@@ -230,9 +250,71 @@ function PilotoLauncher({
     "gk-launcher"
   ) });
 }
+function useConversationKey(storageKey) {
+  const [key, setKey] = useState(() => {
+    try {
+      return localStorage.getItem(storageKey) || "1";
+    } catch {
+      return "1";
+    }
+  });
+  const rotate = useCallback(() => {
+    const next = Date.now().toString(36);
+    try {
+      localStorage.setItem(storageKey, next);
+    } catch {
+    }
+    setKey(next);
+  }, [storageKey]);
+  return [key, rotate];
+}
+var PANEL_LABELS = {
+  es: { newConversation: "Nueva conversaci\xF3n", close: "Cerrar" },
+  en: { newConversation: "New conversation", close: "Close" }
+};
+function PilotoPanel({
+  variant,
+  title,
+  avatar,
+  onClose,
+  onNewConversation,
+  canStartNew = true,
+  actions,
+  locale = "es",
+  className = "",
+  children
+}) {
+  const sticky = useStickyPanelHeight(variant === "panel");
+  const t = PANEL_LABELS[locale];
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      ref: sticky.ref,
+      "aria-label": typeof title === "string" ? title : void 0,
+      style: sticky.style,
+      className: `gk-panel ${variant === "panel" ? "gk-panel-side" : ""} ${className}`,
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "gk-panel-header", children: [
+          /* @__PURE__ */ jsxs("div", { className: "gk-panel-title", children: [
+            avatar,
+            /* @__PURE__ */ jsx("span", { children: title })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "gk-panel-actions", children: [
+            actions,
+            onNewConversation && canStartNew && /* @__PURE__ */ jsx("button", { type: "button", className: "gk-panel-btn", onClick: onNewConversation, title: t.newConversation, "aria-label": t.newConversation, children: /* @__PURE__ */ jsx(SquarePen, { size: 17, strokeWidth: 1.8 }) }),
+            onClose && variant === "panel" && /* @__PURE__ */ jsx("button", { type: "button", className: "gk-panel-btn", onClick: onClose, title: t.close, "aria-label": t.close, children: /* @__PURE__ */ jsx(X, { size: 18, strokeWidth: 1.8 }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "gk-panel-body", children })
+      ]
+    }
+  );
+}
 export {
   PilotoLauncher,
+  PilotoPanel,
   PilotoSplit,
+  useConversationKey,
   useIsDesktop,
   usePilotoSplit,
   useStickyPanelHeight

package/dist/split.css

@@ -69,3 +69,15 @@
 }
 .gk-launcher img { width: 32px; height: 32px; object-fit: contain; }
 .gk-launcher-icon { padding: 8px; }
+
+/* Carcasa estándar del piloto (PilotoPanel). Colores: --gk-panel-bg, --gk-panel-border, --gk-panel-fg, --gk-panel-muted, --gk-panel-hover. */
+.gk-panel { display: flex; width: 100%; flex-direction: column; overflow: hidden; background: var(--gk-panel-bg, #fff); }
+.gk-panel-side { border-left: 1px solid var(--gk-panel-border, #e5e7eb); }
+.gk-panel-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px 10px 16px; border-bottom: 1px solid var(--gk-panel-border, #eceef2); }
+.gk-panel-title { display: flex; min-width: 0; align-items: center; gap: 8px; color: var(--gk-panel-fg, #111827); font-size: 14px; font-weight: 600; }
+.gk-panel-title > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.gk-panel-title img { width: 24px; height: 24px; object-fit: contain; flex-shrink: 0; }
+.gk-panel-actions { display: flex; align-items: center; gap: 2px; }
+.gk-panel-btn { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border: 0; border-radius: 9999px; background: transparent; color: var(--gk-panel-muted, #6b7280); cursor: pointer; }
+.gk-panel-btn:hover { background: var(--gk-panel-hover, rgb(17 24 39 / 0.06)); color: var(--gk-panel-fg, #111827); }
+.gk-panel-body { display: flex; min-height: 0; flex: 1; flex-direction: column; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ghostykit",
-  "version": "0.9.1",
+  "version": "0.10.0",
   "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",