ghostykit 0.11.1 → 0.11.2

package/dist/react/index.js

@@ -823,6 +823,19 @@ function AgentBody({ turn, live, onRetry, onOption, showUsage, showCopy, showDur
 // src/react/Delivery.tsx
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var kb = (n) => !n ? null : n < 1024 * 1024 ? `${Math.max(1, Math.round(n / 1024))} KB` : `${(n / 1024 / 1024).toFixed(1)} MB`;
+var KIND_COLORS = {
+  PDF: "#E5252A",
+  XLSX: "#1D6F42",
+  XLS: "#1D6F42",
+  CSV: "#1D6F42",
+  DOCX: "#2B579A",
+  DOC: "#2B579A",
+  PPTX: "#C43E1C",
+  HTML: "#E8710A",
+  PNG: "#7C3AED",
+  JPG: "#7C3AED",
+  ZIP: "#6B7280"
+};
 var kind = (mime, name) => {
   const ext = name?.split(".").pop()?.toUpperCase();
   if (mime === "application/pdf") return "PDF";
@@ -833,12 +846,21 @@ function DeliveryCard({ entry, locale = "es" }) {
   if (!d.url) return null;
   const name = d.nombre || d.titulo || "archivo";
   const download = d.url + (d.url.includes("?") ? "&" : "?") + "download=1";
-  const meta = [kind(d.mime, name), kb(d.size)].filter(Boolean).join(" \xB7 ");
+  const type = kind(d.mime, name);
+  const meta = [type, kb(d.size)].filter(Boolean).join(" \xB7 ");
   const openLabel = locale === "en" ? "Open" : "Abrir";
   const downloadLabel = locale === "en" ? `Download ${name}` : `Descargar ${name}`;
   return /* @__PURE__ */ jsxs5("div", { className: "piloto-delivery mt-3 flex max-w-md items-center gap-1 rounded-xl border border-irongray/20 bg-irongray/5 pr-2 transition-colors hover:border-brand-500/40 hover:bg-brand-500/5", children: [
     /* @__PURE__ */ jsxs5("a", { href: download, download: name, className: "flex min-w-0 flex-1 items-center gap-3 p-3", title: downloadLabel, "aria-label": downloadLabel, children: [
-      /* @__PURE__ */ jsx7("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-brand-500/10 text-brand-500", children: /* @__PURE__ */ jsx7(FileText, { size: 20, strokeWidth: 1.8 }) }),
+      /* @__PURE__ */ jsx7(
+        "span",
+        {
+          className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg text-[10px] font-bold tracking-wide text-white",
+          style: { background: KIND_COLORS[type] ?? "#6B7280" },
+          "aria-hidden": true,
+          children: type === "Archivo" ? /* @__PURE__ */ jsx7(FileText, { size: 20, strokeWidth: 1.8 }) : type
+        }
+      ),
       /* @__PURE__ */ jsxs5("span", { className: "min-w-0 flex-1", children: [
         /* @__PURE__ */ jsx7("span", { className: "block truncate text-sm font-medium text-dark", children: d.titulo || name }),
         /* @__PURE__ */ jsx7("span", { className: "block truncate text-xs text-metal", children: meta })

package/dist/styles.css

@@ -32,8 +32,10 @@
   --text-3xl--line-height: calc(2.25 / 1.875);
   --font-weight-medium: 500;
   --font-weight-semibold: 600;
+  --font-weight-bold: 700;
   --font-weight-extrabold: 800;
   --tracking-tight: -0.025em;
+  --tracking-wide: 0.025em;
   --radius-md: calc(0.375 * var(--piloto-rem));
   --radius-lg: calc(0.5 * var(--piloto-rem));
   --radius-xl: calc(0.75 * var(--piloto-rem));
@@ -1089,6 +1091,10 @@
   --tw-leading: 1;
   line-height: 1;
 }
+.piloto .font-bold:not([data-piloto-isolate] *) {
+  --tw-font-weight: var(--font-weight-bold);
+  font-weight: var(--font-weight-bold);
+}
 .piloto .font-extrabold:not([data-piloto-isolate] *) {
   --tw-font-weight: var(--font-weight-extrabold);
   font-weight: var(--font-weight-extrabold);
@@ -1105,6 +1111,10 @@
   --tw-tracking: var(--tracking-tight);
   letter-spacing: var(--tracking-tight);
 }
+.piloto .tracking-wide:not([data-piloto-isolate] *) {
+  --tw-tracking: var(--tracking-wide);
+  letter-spacing: var(--tracking-wide);
+}
 .piloto .break-words:not([data-piloto-isolate] *) {
   overflow-wrap: break-word;
 }

package/package.json

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