@kitn.ai/ui 0.29.0 → 0.31.0

package/dist/assets/dev-DwzHsqYD.js

@@ -0,0 +1,553 @@
+import { createHash } from "node:crypto";
+import { spawn } from "node:child_process";
+import { createServer } from "node:http";
+import { existsSync, readFileSync, writeFileSync, watch, renameSync } from "node:fs";
+import { join, resolve, basename, dirname, extname } from "node:path";
+import { fileURLToPath } from "node:url";
+import { v as validateConstruct, g as generateProject, w as writeProject, a as accentContrastNotice } from "../construct-cli.es.js";
+import "zod";
+import "node:module";
+const CONSTRUCT_SCHEMA_URL = "https://ui.kitn.ai/schemas/construct/v1.json";
+const IDENTITY = { id: "identity", paths: ["name"] };
+const THEME = { id: "theme", paths: ["theme.accent", "theme.mode", "theme.unreadColor"] };
+const HEADER = { id: "header", paths: ["header.title"] };
+const HEADER_CHROME = {
+  id: "header",
+  paths: ["header.title", "header.themeToggle", "header.actions"]
+};
+const EMPTY = { id: "empty", paths: ["empty.title", "empty.description", "empty.icon"] };
+const HOME = { id: "home", paths: ["home"] };
+const CAPABILITIES = {
+  id: "capabilities",
+  paths: [
+    "capabilities.starters",
+    "capabilities.attachments",
+    "capabilities.history",
+    "capabilities.conversations",
+    "capabilities.reasoning",
+    "capabilities.reasoningOpen"
+  ]
+};
+const MESSAGE_ACTIONS = {
+  id: "messageActions",
+  paths: ["capabilities.messageActions.user", "capabilities.messageActions.assistant"]
+};
+const SOURCES = { id: "sources", paths: ["capabilities.sources.strip"] };
+const WIDGET_CHROME = {
+  id: "widget",
+  paths: ["widget.position", "widget.launcherIcon", "widget.defaultOpen"]
+};
+const ASIDE = { id: "aside", paths: ["aside.position", "aside.width"] };
+const COMPOSER_TRIGGERS = {
+  id: "composerTriggers",
+  paths: ["composer.triggers.slash", "composer.triggers.mention"]
+};
+const SHELL = { id: "shell", paths: ["shell.commandPalette", "shell.userMenu"] };
+const CARDS = { id: "cards", paths: ["cards"] };
+const PROVIDER = { id: "provider", paths: ["provider"] };
+const widgetStarter = {
+  $schema: CONSTRUCT_SCHEMA_URL,
+  name: "support-widget",
+  layout: "widget",
+  provider: { mode: "mock" },
+  header: { title: "Support" },
+  theme: { unreadColor: "#38BDF8", mode: "system" },
+  empty: {
+    title: "Hi, we're here to help",
+    description: "Ask us about orders, refunds, and more."
+  },
+  home: {
+    greeting: { title: "How can we help? 👋", subtitle: "Orders, refunds, anything." },
+    recentConversation: true,
+    links: [
+      { label: "Help center", href: "https://ui.kitn.ai", description: "Guides and FAQs", icon: "book-open" }
+    ]
+  },
+  // States the kit default loudly (the anchored-on-the-default convention,
+  // same as research's sources.strip) so the template's chrome fact is
+  // visible/editable in its own JSON.
+  widget: { position: "bottom-end" },
+  capabilities: {
+    starters: ["Where's my order?", "Request a refund"],
+    attachments: { accept: ["image/*", "application/pdf"] },
+    history: { persistence: "local" },
+    conversations: true
+  }
+};
+const inAppAssistantStarter = {
+  $schema: CONSTRUCT_SCHEMA_URL,
+  name: "in-app-assistant",
+  layout: "aside",
+  provider: { mode: "mock" },
+  header: { title: "Assistant" },
+  // Dark-by-default (owner ruling, dark round): every buildable starter
+  // EXCEPT widget ships mode: 'dark' — widget is embedded in a host site and
+  // follows IT, not its own preference (T-3: this is registry data, not a
+  // schema default; 'system' stays the schema's own default for anyone
+  // hand-authoring a construct).
+  theme: { accent: "#0ea5e9", mode: "dark" },
+  // codegen's own defaults, stated so the geometry is visible/editable.
+  aside: { position: "end", width: "380px" },
+  capabilities: {
+    starters: ["Deploy payments to production", "Check the canary status"],
+    attachments: { accept: ["image/*", "application/pdf"] },
+    history: { persistence: "local" }
+  }
+};
+const assistantStarter = {
+  $schema: CONSTRUCT_SCHEMA_URL,
+  name: "daily-assistant",
+  layout: "fullscreen",
+  provider: { mode: "mock" },
+  header: { title: "Assistant" },
+  // Dark-by-default (owner ruling, dark round) — see inAppAssistantStarter's
+  // note above.
+  theme: { accent: "#7c3aed", mode: "dark" },
+  empty: {
+    title: "What can I help with?",
+    description: "Ask anything, or start from a suggestion below."
+  },
+  capabilities: {
+    starters: ["Draft the Q3 board update", "Summarize a document", "Compare two options"],
+    attachments: { accept: ["image/*", "application/pdf"] },
+    history: { persistence: "local" },
+    conversations: true
+  }
+};
+const researchStarter = {
+  $schema: CONSTRUCT_SCHEMA_URL,
+  name: "research-assistant",
+  layout: "fullscreen",
+  provider: { mode: "mock" },
+  header: { title: "Research" },
+  // Dark-by-default (owner ruling, dark round) — see inAppAssistantStarter's
+  // note above.
+  theme: { accent: "#0f766e", mode: "dark" },
+  capabilities: {
+    starters: ["How does the wire adapter work?", "What are message parts?"],
+    attachments: { accept: ["application/pdf"] },
+    history: { persistence: "local" },
+    // The template's defining fact, stated even though it matches the emit
+    // default (B-4): the row already renders; strip: true is the visible
+    // switch this template exists around.
+    sources: { strip: true },
+    // "assistant-style actions" (B-13) — the owner's A3 default matrix
+    // (builder-message-actions.tsx: user Edit on; assistant
+    // Copy/Like/Dislike on).
+    messageActions: { user: ["edit"], assistant: ["copy", "like", "dislike"] }
+  }
+};
+const workspaceTriggers = {
+  triggers: {
+    slash: [
+      { id: "summarize", label: "summarize", description: "Summarize the thread so far" },
+      { id: "translate", label: "translate", description: "Translate the last message" }
+    ],
+    mention: [
+      { id: "researcher", label: "researcher", description: "Hands off to the research agent" },
+      { id: "coder", label: "coder", description: "Hands off to the coding agent" }
+    ]
+  }
+};
+const workspaceBase = {
+  $schema: CONSTRUCT_SCHEMA_URL,
+  name: "build-workspace",
+  layout: "split",
+  provider: { mode: "mock" },
+  header: {
+    title: "Workspace",
+    themeToggle: true,
+    // The story's Share/Deploy rows, mapped onto the kit Button's real
+    // variant names (B-6a's enum): 'secondary' → outline, 'primary' → default.
+    actions: [
+      { label: "Share", variant: "outline" },
+      { label: "Deploy", variant: "default" }
+    ]
+  },
+  // Dark-by-default (owner ruling, dark round) — see inAppAssistantStarter's
+  // note above. Both variants below spread ...workspaceBase without
+  // overriding theme, so this covers artifactPreview and appPreview too.
+  theme: { accent: "#ea580c", mode: "dark" },
+  shell: { commandPalette: true, userMenu: { name: "Ada", plan: "Pro" } },
+  composer: workspaceTriggers,
+  capabilities: {
+    starters: ["Build a pricing table", "Add a dark mode toggle"],
+    attachments: { accept: ["image/*"] },
+    history: { persistence: "local" }
+  }
+};
+const workspaceArtifactPreview = {
+  ...workspaceBase,
+  name: "artifact-workspace"
+};
+const workspaceAppPreview = {
+  ...workspaceBase,
+  name: "app-workspace",
+  capabilities: {
+    ...workspaceBase.capabilities,
+    starters: ["Build a landing page for a coffee shop", "Make the hero work on mobile"]
+  }
+};
+const TEMPLATES = [
+  {
+    id: "widget",
+    name: "Support widget",
+    description: "A floating chat that lives in the corner of your site.",
+    availability: "buildable",
+    starter: widgetStarter,
+    controls: [IDENTITY, THEME, HEADER, HOME, CAPABILITIES, WIDGET_CHROME, PROVIDER]
+  },
+  {
+    id: "inAppAssistant",
+    name: "In-app assistant",
+    description: "An assistant docked inside your existing app.",
+    availability: "buildable",
+    starter: inAppAssistantStarter,
+    // Design-parity fix wave (2026-08-29 audit): the story's In-app
+    // assistant panel shows Composer triggers, Message actions and a
+    // read-only Cards list, none of which were wired here even though the
+    // vocabulary and the panel machinery both already exist (proven working
+    // on Workspace/Assistant/Research). Voice/Reveal-mode/Rail-placement
+    // stay absent — those are the story's own labeled preview-only,
+    // T-5-deferred fields with no construct vocabulary at all.
+    controls: [IDENTITY, THEME, HEADER, ASIDE, COMPOSER_TRIGGERS, CAPABILITIES, MESSAGE_ACTIONS, CARDS, PROVIDER]
+  },
+  {
+    id: "assistant",
+    name: "Assistant",
+    description: "A full-page assistant with a history of past conversations.",
+    availability: "buildable",
+    starter: assistantStarter,
+    // Design-parity fix wave: the story's Assistant panel shows an App
+    // chrome / Shell section (Command palette toggle, User menu) that
+    // wasn't wired here — same already-working vocabulary as Workspace's
+    // SHELL section.
+    controls: [IDENTITY, THEME, HEADER, SHELL, EMPTY, CAPABILITIES, MESSAGE_ACTIONS, PROVIDER]
+  },
+  {
+    id: "research",
+    name: "Research",
+    description: "Search-first answers with cited sources.",
+    availability: "buildable",
+    starter: researchStarter,
+    controls: [IDENTITY, THEME, HEADER, CAPABILITIES, SOURCES, MESSAGE_ACTIONS, PROVIDER]
+  },
+  {
+    id: "workspace",
+    name: "Workspace",
+    description: "Chat drives a live work surface: previews, code, and artifacts build beside the conversation.",
+    availability: "buildable",
+    starter: workspaceBase,
+    variants: [
+      {
+        id: "artifactPreview",
+        name: "Artifact preview beside chat",
+        description: "A code or rendered-output pane grows beside the conversation as you build.",
+        starter: workspaceArtifactPreview
+      },
+      {
+        id: "appPreview",
+        name: "App preview with device toggles",
+        description: "A full browser-chrome preview of the running app, with desktop, tablet, and mobile views.",
+        starter: workspaceAppPreview
+      }
+    ],
+    controls: [
+      IDENTITY,
+      THEME,
+      HEADER_CHROME,
+      SHELL,
+      COMPOSER_TRIGGERS,
+      CAPABILITIES,
+      MESSAGE_ACTIONS,
+      PROVIDER
+    ]
+  },
+  {
+    id: "voice",
+    name: "Voice",
+    description: "A voice-first assistant you talk to, push-to-talk and all.",
+    availability: "story-only"
+  }
+];
+function buildableTemplates() {
+  return TEMPLATES.filter((t) => t.availability === "buildable");
+}
+function workDirFor(name, root) {
+  return join(root, ".kai", name);
+}
+function installKey(files) {
+  const pkg = files.find((f) => f.path === "package.json");
+  return createHash("sha256").update(pkg?.code ?? "").digest("hex");
+}
+function regenerate(raw, sink, dir, opts = {}) {
+  const validated = validateConstruct(raw);
+  if (!validated.ok) return validated;
+  const files = generateProject(validated.construct, opts);
+  sink.write(files, dir);
+  return { ok: true, files, construct: validated.construct };
+}
+function regenTurn(readRaw, sink, dir, opts, io) {
+  try {
+    const raw = readRaw();
+    const out = regenerate(raw, sink, dir, opts);
+    if (!out.ok) {
+      io.error("construct rejected — last good preview stays up:");
+      for (const p of out.problems) io.error(`  ${p.path || "(root)"}: ${p.message}`);
+      return;
+    }
+    io.log("construct changed — regenerated; Vite will hot-update the tab.");
+    const notice = accentContrastNotice(out.construct);
+    if (notice) io.log(notice);
+  } catch (err) {
+    io.error(`regen failed (${err instanceof Error ? err.message : String(err)}) — last good preview stays up`);
+  }
+}
+const KEY_FILE = ".kai-install-key";
+async function ensureInstalled(dir, files, io) {
+  const key = installKey(files);
+  const keyPath = join(dir, KEY_FILE);
+  const installed = existsSync(keyPath) && readFileSync(keyPath, "utf8") === key;
+  if (installed) return;
+  io.log(`installing dependencies in ${dir} (first run or deps changed)…`);
+  await new Promise((done, fail) => {
+    const child = spawn("npm", ["install"], { cwd: dir, stdio: "inherit" });
+    child.on("exit", (code) => code === 0 ? done() : fail(new Error(`npm install exited ${code}`)));
+  });
+  writeFileSync(keyPath, key);
+}
+async function dev(constructPath, opts = {}) {
+  const io = opts.io ?? { log: (s) => console.log(s), error: (s) => console.error(s) };
+  const abs = resolve(constructPath);
+  const readRaw = () => JSON.parse(readFileSync(abs, "utf8"));
+  const first = validateConstruct(readRaw());
+  if (!first.ok) {
+    for (const p of first.problems) io.error(`  ${p.path || "(root)"}: ${p.message}`);
+    process.exit(1);
+  }
+  const dir = workDirFor(first.construct.name, process.cwd());
+  const files = generateProject(first.construct, { uiSpec: opts.uiSpec });
+  writeProject(files, dir);
+  const firstNotice = accentContrastNotice(first.construct);
+  if (firstNotice) io.log(firstNotice);
+  await ensureInstalled(dir, files, io);
+  const base = basename(abs);
+  watch(dirname(abs), (_event, filename) => {
+    if (filename !== base) return;
+    regenTurn(readRaw, { write: writeProject }, dir, { uiSpec: opts.uiSpec }, io);
+  });
+  io.log(`previewing <${first.construct.name}> — edit ${abs} and watch the tab.`);
+  const vite = spawn("npm", ["run", "dev"], { cwd: dir, stdio: "inherit" });
+  const killVite = () => vite.kill();
+  process.once("exit", killVite);
+  process.once("SIGINT", killVite);
+  process.once("SIGTERM", killVite);
+  return new Promise((_, rejectP) => {
+    vite.on("exit", (code) => {
+      rejectP(new Error(`vite dev exited ${code}`));
+      process.exit(code ?? 0);
+    });
+  });
+}
+function atomicWriteJson(abs, value) {
+  const tmp = `${abs}.tmp-${process.pid}`;
+  writeFileSync(tmp, `${JSON.stringify(value, null, 2)}
+`);
+  renameSync(tmp, abs);
+}
+function handleConstructPut(raw, abs) {
+  const out = validateConstruct(raw);
+  if (!out.ok) return out;
+  atomicWriteJson(abs, raw);
+  return { ok: true, construct: out.construct };
+}
+function shapeConstructGetResponse(onDisk) {
+  const checked = validateConstruct(onDisk);
+  return checked.ok ? onDisk : { ...onDisk, problems: checked.problems };
+}
+function createEventHub() {
+  const clients = /* @__PURE__ */ new Set();
+  return {
+    attach(res) {
+      res.writeHead(200, {
+        "content-type": "text/event-stream",
+        "cache-control": "no-cache",
+        connection: "keep-alive"
+      });
+      res.write(": connected\n\n");
+      clients.add(res);
+      res.on("close", () => clients.delete(res));
+    },
+    broadcast(event) {
+      for (const res of clients) res.write(`event: ${event}
+data: {}
+
+`);
+    }
+  };
+}
+function listenLoopbackOnly(server, port, onListening) {
+  server.listen(port, "127.0.0.1", onListening);
+}
+const ASSET_TYPES = {
+  ".html": "text/html; charset=utf-8",
+  ".js": "text/javascript; charset=utf-8",
+  ".css": "text/css; charset=utf-8",
+  ".svg": "image/svg+xml",
+  ".map": "application/json"
+};
+function serveBuilderAsset(urlPath, rootDir) {
+  const decoded = decodeURIComponent(urlPath.split("?")[0]);
+  const rel = decoded === "/" ? "index.html" : decoded.replace(/^\/+/, "");
+  const file = resolve(rootDir, rel);
+  if (!file.startsWith(resolve(rootDir) + "/") && file !== resolve(rootDir, "index.html")) return void 0;
+  if (!existsSync(file)) return void 0;
+  return { file, type: ASSET_TYPES[extname(file)] ?? "application/octet-stream" };
+}
+function resolveBuilderPageDir(startDir) {
+  const tried = [];
+  let dir = startDir;
+  for (let i = 0; i < 6; i++) {
+    const candidate = join(dir, "builder-page");
+    tried.push(candidate);
+    if (existsSync(join(candidate, "index.html"))) return { dir: candidate };
+    const atPackageRoot = existsSync(join(dir, "package.json"));
+    const parent = dirname(dir);
+    if (atPackageRoot || parent === dir) break;
+    dir = parent;
+  }
+  return { tried };
+}
+function builderPageDir() {
+  const out = resolveBuilderPageDir(dirname(fileURLToPath(import.meta.url)));
+  if ("dir" in out) return out.dir;
+  throw new Error(
+    `Missing build artifact: builder-page/index.html — the builder page ships prebuilt. Tried:
+${out.tried.map((p) => `  ${p}`).join("\n")}
+Run \`nx build ui\` (or npm run build in packages/ui) and try again.`
+  );
+}
+async function readJsonBody(req) {
+  const chunks = [];
+  let size = 0;
+  for await (const chunk of req) {
+    size += chunk.length;
+    if (size > 1e6) throw new Error("body too large");
+    chunks.push(chunk);
+  }
+  return JSON.parse(Buffer.concat(chunks).toString("utf8"));
+}
+async function devBuilder(constructPath, opts = {}) {
+  const io = opts.io ?? { log: (s) => console.log(s), error: (s) => console.error(s) };
+  const port = opts.port ?? 4400;
+  const previewPort = opts.previewPort ?? 4401;
+  let pageDir;
+  try {
+    pageDir = builderPageDir();
+  } catch (err) {
+    io.error(err instanceof Error ? err.message : String(err));
+    process.exit(1);
+  }
+  const hub = createEventHub();
+  let abs = constructPath ? resolve(constructPath) : void 0;
+  let previewUrl;
+  const boot = async (absPath) => {
+    const readRaw = () => JSON.parse(readFileSync(absPath, "utf8"));
+    const first = validateConstruct(readRaw());
+    if (!first.ok) {
+      for (const p of first.problems) io.error(`  ${p.path || "(root)"}: ${p.message}`);
+      throw new Error("construct invalid");
+    }
+    const dir = workDirFor(first.construct.name, process.cwd());
+    const files = generateProject(first.construct, { uiSpec: opts.uiSpec });
+    writeProject(files, dir);
+    await ensureInstalled(dir, files, io);
+    const base = basename(absPath);
+    watch(dirname(absPath), (_event, filename) => {
+      if (filename !== base) return;
+      regenTurn(readRaw, { write: writeProject }, dir, { uiSpec: opts.uiSpec }, io);
+      hub.broadcast("construct");
+    });
+    const vite = spawn("npm", ["run", "dev", "--", "--port", String(previewPort), "--strictPort"], {
+      cwd: dir,
+      stdio: "inherit"
+    });
+    const killVite = () => vite.kill();
+    process.once("exit", killVite);
+    process.once("SIGINT", killVite);
+    process.once("SIGTERM", killVite);
+    previewUrl = `http://localhost:${previewPort}/`;
+    io.log(`previewing <${first.construct.name}> at ${previewUrl}`);
+  };
+  if (abs) await boot(abs);
+  const server = createServer(async (req, res) => {
+    const send = (code, body) => {
+      res.writeHead(code, { "content-type": "application/json" });
+      res.end(JSON.stringify(body));
+    };
+    try {
+      const url = req.url ?? "/";
+      if (req.method === "GET" && url === "/api/state") {
+        return send(200, abs ? { phase: "panel", constructPath: abs, construct: JSON.parse(readFileSync(abs, "utf8")), previewUrl } : { phase: "start" });
+      }
+      if (req.method === "GET" && url === "/api/construct") {
+        if (!abs) return send(404, { problems: [{ path: "", message: "no construct yet" }] });
+        return send(200, shapeConstructGetResponse(JSON.parse(readFileSync(abs, "utf8"))));
+      }
+      if (req.method === "GET" && url === "/api/events") return hub.attach(res);
+      if (req.method === "POST" && url === "/api/construct") {
+        if (!abs) return send(409, { problems: [{ path: "", message: "create a construct first" }] });
+        const out = handleConstructPut(await readJsonBody(req), abs);
+        return out.ok ? send(200, { ok: true }) : send(422, { problems: out.problems });
+      }
+      if (req.method === "POST" && url === "/api/create") {
+        if (abs) return send(409, { problems: [{ path: "", message: "a construct already exists in this session" }] });
+        const body = await readJsonBody(req);
+        const template = buildableTemplates().find((t) => t.id === body.templateId);
+        const starter = body.templateId === "scratch" || !template ? { name: body.name, layout: "fullscreen", provider: { mode: "mock" } } : {
+          ...template.variants?.find((v) => v.id === body.variantId)?.starter ?? template.starter,
+          name: body.name
+        };
+        const validated = validateConstruct(starter);
+        if (!validated.ok) return send(422, { problems: validated.problems });
+        const target = resolve(process.cwd(), `${body.name}.construct.json`);
+        atomicWriteJson(target, starter);
+        abs = target;
+        await boot(target);
+        return send(200, { previewUrl, construct: starter });
+      }
+      const asset = serveBuilderAsset(url, pageDir);
+      if (asset) {
+        res.writeHead(200, { "content-type": asset.type });
+        return res.end(readFileSync(asset.file));
+      }
+      if (req.method === "GET") {
+        res.writeHead(200, { "content-type": "text/html; charset=utf-8" });
+        return res.end(readFileSync(join(pageDir, "index.html")));
+      }
+      return send(404, { problems: [{ path: "", message: "not found" }] });
+    } catch (err) {
+      return send(400, { problems: [{ path: "", message: err instanceof Error ? err.message : String(err) }] });
+    }
+  });
+  listenLoopbackOnly(server, port, () => io.log(`kai builder at http://localhost:${port}/ — the construct file stays yours.`));
+  return new Promise(() => {
+  });
+}
+export {
+  atomicWriteJson,
+  builderPageDir,
+  createEventHub,
+  dev,
+  devBuilder,
+  ensureInstalled,
+  handleConstructPut,
+  installKey,
+  listenLoopbackOnly,
+  regenTurn,
+  regenerate,
+  resolveBuilderPageDir,
+  serveBuilderAsset,
+  shapeConstructGetResponse,
+  workDirFor
+};

package/dist/{attachments-Qr4kg-2b.js → attachments-BLWPDiLH.js}

@@ -1 +1 @@
-import{c as d,q as m,s as b,p as h,i as l,S as f,m as x,t as p,G as j,H as I,a as R,d as w}from"./define-By-uL588.js";import{c as g}from"./cn-DN5AWfiS.js";import{B as U}from"./button-DkuOnGLy.js";import{H as V,a as B,b as G}from"./hover-card-BQbul9eq.js";import{x as O}from"./x-Z5UntkIJ.js";import{I as q}from"./Icon-DObhsRtm.js";import{f as W}from"./file-text-DMib2qwt.js";import{p as X,g as Y,i as Z}from"./paperclip-ByY3UVO6.js";var J=[["path",{d:"M10 12.5 8 15l2 2.5",key:"1tg20x"}],["path",{d:"m14 12.5 2 2.5-2 2.5",key:"yinavb"}],["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}],["path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z",key:"1mlx9k"}]],K=e=>d(q,m(e,{name:"FileCode",iconNode:J})),Q=K,_=[["path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",key:"1rqfz7"}],["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}],["path",{d:"m14.5 12.5-5 5",key:"b62r18"}],["path",{d:"m9.5 12.5 5 5",key:"1rk7el"}]],ee=e=>d(q,m(e,{name:"FileX",iconNode:_})),te=ee;const D=[{pattern:"image/jpeg",kind:"image"},{pattern:"image/png",kind:"image"},{pattern:"image/gif",kind:"image"},{pattern:"image/webp",kind:"image"},{pattern:"application/pdf",kind:"document"},{pattern:"text/*",kind:"text"},{pattern:"application/json",kind:"text"},{pattern:"application/xml",kind:"text"},{pattern:"application/x-yaml",kind:"text"},{pattern:"application/yaml",kind:"text"}],H="text/plain",ae=["","application/octet-stream"],C=e=>e.trim().toLowerCase(),A=e=>ae.includes(e===void 0?"":C(e)),re=e=>{if(!e.startsWith("."))return e;throw new Error(`\`accept\` entry "${e}" is a file extension, and this kit takes media types only. HTML's own accept attribute does take extensions, which is exactly why this throws rather than quietly matching nothing. Use a media type instead -- "text/*" covers source files, "image/*" images, "application/pdf" PDFs, and \`encodableMediaTypes()\` is the full set. You lose nothing by dropping the extension: a file the browser cannot name is decided by decoding its bytes, which is stronger than matching its name.`)},ne=e=>(typeof e=="string"?e.split(","):e).map(C).filter(a=>a!=="").map(re),P=e=>{const a=e.indexOf("/");return a===-1?[e,""]:[e.slice(0,a),e.slice(a+1)]},k=(e,a)=>{const[r,t]=P(e),[i,n]=P(a);return r!=="*"&&r!==i?!1:t==="*"||t===n},ie=(e,a)=>{if(k(e,a))return a;if(k(a,e))return e};function $(e={}){const a=e.accept===void 0?void 0:ne(e.accept),r=[];for(const t of D){if(a===void 0){r.push({...t});continue}for(const i of a){const n=ie(t.pattern,i);n!==void 0&&!r.some(s=>s.pattern===n)&&r.push({pattern:n,kind:t.kind})}}return{types:r.map(t=>t.pattern),accept:r.map(t=>t.pattern).join(","),decide(t){const i=t===void 0?"":C(t);if(A(i))return r.some(s=>k(s.pattern,H))?{status:"undetermined"}:{status:"unsupported"};const n=r.find(s=>k(s.pattern,i));return n?{status:"allowed",kind:n.kind}:D.some(s=>k(s.pattern,i))?{status:"filtered"}:{status:"unsupported"}}}}const E=$();var T=p("<div>"),se=p("<div part=attachment>"),F=p("<span class=sr-only>"),oe=p('<img class="size-full object-cover"height=96 width=96>'),de=p('<img class="size-full rounded object-cover"height=20 width=20>'),ce=p('<span class="text-warning text-caption block truncate">unsupported attachment format'),ue=p('<div part=attachment-name><span class="block truncate">'),le=p("<div part=attachment-name>"),pe=p('<span class="text-muted-foreground text-caption block truncate">');const ge={document:W,image:Z,source:Y,text:Q,unknown:X,unsendable:te},z=e=>{if(e.type==="source-document")return"source";const a=E.decide(e.mediaType);switch(a.status){case"allowed":return a.kind;case"unsupported":return"unsendable";case"undetermined":case"filtered":return"unknown"}},me=e=>{var a;return z(e)!=="unsendable"?void 0:`${((a=e.mediaType)==null?void 0:a.trim())||"This file type"} is not one of the attachment formats a model request can carry.`},N=e=>{if(e.type==="source-document")return e.title||e.filename||"Source";const a=z(e);return e.filename||(a==="image"?"Image":"Attachment")},L=j(),S=j(),he=()=>I(L)??{variant:"grid"},M=()=>{const e=I(S);if(!e)throw new Error("Attachment components must be used within <Attachment>");return e};function fe(e){const[a,r]=b(e,["variant","class","children"]),t=()=>a.variant??"grid";return d(L.Provider,{value:{get variant(){return t()}},get children(){var i=T();return h(i,m({get class(){return g("flex items-start",t()==="list"?"flex-col gap-2":"flex-wrap gap-2",t()==="grid"&&"w-fit",a.class)}},r),!1,!0),l(i,()=>a.children),i}})}function ve(e){const[a,r]=b(e,["data","onRemove","class","children"]),t=he(),i=()=>z(a.data),n=()=>me(a.data);return d(S.Provider,{value:{get data(){return a.data},get mediaCategory(){return i()},get onRemove(){return a.onRemove},get variant(){return t.variant}},get children(){var s=se();return h(s,m({get class(){return g("group relative",t.variant==="grid"&&"size-24 overflow-hidden rounded-lg",t.variant==="inline"&&["flex h-8 cursor-pointer select-none items-center gap-1.5","rounded-md bg-surface-strong px-1.5 text-foreground","font-medium text-sm transition-all","hover:bg-muted"],t.variant==="list"&&["flex w-full items-center gap-3 rounded-lg bg-surface p-3 text-foreground","hover:bg-muted/50"],a.class)},get"data-unsendable"(){return n()===void 0?void 0:""},get title(){return n()}},r),!1,!0),l(s,d(f,{get when(){return n()},children:o=>(()=>{var u=F();return l(u,o),u})()}),null),l(s,()=>a.children,null),s}})}function ye(e){const[a,r]=b(e,["fallbackIcon","class"]),t=M(),i=()=>t.variant==="inline"?"size-3":"size-4",n=o=>d(o,{get class(){return g(i(),t.mediaCategory==="unsendable"?"text-warning":"text-muted-foreground")}}),s=()=>{if(t.mediaCategory==="image"&&t.data.type==="file"&&t.data.url)return t.variant==="grid"?(()=>{var u=oe();return R(c=>{var v=t.data.filename||"Image",y=t.data.url;return v!==c.e&&w(u,"alt",c.e=v),y!==c.t&&w(u,"src",c.t=y),c},{e:void 0,t:void 0}),u})():(()=>{var u=de();return R(c=>{var v=t.data.filename||"Image",y=t.data.url;return v!==c.e&&w(u,"alt",c.e=v),y!==c.t&&w(u,"src",c.t=y),c},{e:void 0,t:void 0}),u})();const o=ge[t.mediaCategory];return a.fallbackIcon??n(o)};return(()=>{var o=T();return h(o,m({get class(){return g("flex shrink-0 items-center justify-center overflow-hidden",t.variant==="grid"&&"size-full bg-muted",t.variant==="inline"&&"size-5 rounded bg-background",t.variant==="list"&&"size-12 rounded bg-muted",a.class)}},r),!1,!0),l(o,s),o})()}function be(e){const[a,r]=b(e,["showMediaType","class"]),t=M(),i=()=>N(t.data);return d(f,{get when(){return t.variant!=="grid"},get fallback(){return d(f,{get when(){return t.mediaCategory!=="image"},get children(){var n=le();return h(n,m({get class(){return g("absolute inset-x-0 bottom-0 truncate px-1.5 py-1 text-caption","bg-background/85 backdrop-blur-sm",t.mediaCategory==="unsendable"?"text-warning":"text-foreground",a.class)}},r),!1,!0),l(n,i),n}})},get children(){var n=ue(),s=n.firstChild;return h(n,m({get class(){return g("min-w-0 flex-1",a.class)}},r),!1,!0),l(s,i),l(n,d(f,{get when(){return x(()=>t.mediaCategory==="unsendable")()&&t.variant==="list"},get fallback(){return d(f,{get when(){return x(()=>!!(a.showMediaType&&t.variant==="list"))()&&t.data.mediaType},get children(){var o=pe();return l(o,()=>t.data.mediaType),o}})},get children(){var o=ce(),u=o.firstChild;return l(o,(()=>{var c=x(()=>!!t.data.mediaType);return()=>c()?`${t.data.mediaType} \xB7 `:""})(),u),o}}),null),n}})}function ke(e){const a=M(),r=t=>{var i;t.stopPropagation(),(i=a.onRemove)==null||i.call(a)};return d(f,{get when(){return a.onRemove},get children(){return d(U,{get"aria-label"(){return e.label??"Remove"},get class(){return g(a.variant==="grid"&&["absolute top-2 right-2 size-6 rounded-full p-0","bg-background/80 backdrop-blur-sm","opacity-0 transition-opacity group-hover:opacity-100","hover:bg-background","[&>svg]:size-3"],a.variant==="inline"&&["size-5 rounded p-0","opacity-0 transition-opacity group-hover:opacity-100","[&>svg]:size-2.5"],a.variant==="list"&&["size-8 shrink-0 rounded p-0","[&>svg]:size-4"],e.class)},onClick:r,type:"button",variant:"ghost",get children(){return[x(()=>e.children??d(O,{})),(()=>{var t=F();return l(t,()=>e.label??"Remove"),t})()]}})}})}function xe(e){return d(V,{get openDelay(){return e.openDelay??0},get closeDelay(){return e.closeDelay??0},get children(){return e.children}})}function we(e){return d(B,{get class(){return e.class},get children(){return e.children}})}function ze(e){return d(G,{get class(){return g("w-auto p-2",e.class)},get children(){return e.children}})}function Ce(e){const[a,r]=b(e,["class","children"]);return(()=>{var t=T();return h(t,m({get class(){return g("flex items-center justify-center p-4 text-muted-foreground text-sm",a.class)}},r),!1,!0),l(t,()=>a.children??"No attachments"),t})()}export{fe as A,E as D,H as U,ve as a,xe as b,we as c,ye as d,be as e,ze as f,N as g,z as h,ke as i,Ce as j,A as n,$ as r};
+import{c as d,q as m,s as b,p as h,i as l,S as f,m as x,t as p,G as j,H as I,a as R,d as w}from"./define-B3OpsIDE.js";import{c as g}from"./cn-DN5AWfiS.js";import{B as U}from"./button-BM0YTTDQ.js";import{H as V,a as B,b as G}from"./hover-card-C5ptzZOZ.js";import{x as O}from"./x-C4niw05N.js";import{I as q}from"./Icon-DJDuE_-x.js";import{f as W}from"./file-text-eVjcFDrK.js";import{p as X,g as Y,i as Z}from"./paperclip-D0Xyjja2.js";var J=[["path",{d:"M10 12.5 8 15l2 2.5",key:"1tg20x"}],["path",{d:"m14 12.5 2 2.5-2 2.5",key:"yinavb"}],["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}],["path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z",key:"1mlx9k"}]],K=e=>d(q,m(e,{name:"FileCode",iconNode:J})),Q=K,_=[["path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",key:"1rqfz7"}],["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}],["path",{d:"m14.5 12.5-5 5",key:"b62r18"}],["path",{d:"m9.5 12.5 5 5",key:"1rk7el"}]],ee=e=>d(q,m(e,{name:"FileX",iconNode:_})),te=ee;const D=[{pattern:"image/jpeg",kind:"image"},{pattern:"image/png",kind:"image"},{pattern:"image/gif",kind:"image"},{pattern:"image/webp",kind:"image"},{pattern:"application/pdf",kind:"document"},{pattern:"text/*",kind:"text"},{pattern:"application/json",kind:"text"},{pattern:"application/xml",kind:"text"},{pattern:"application/x-yaml",kind:"text"},{pattern:"application/yaml",kind:"text"}],H="text/plain",ae=["","application/octet-stream"],C=e=>e.trim().toLowerCase(),A=e=>ae.includes(e===void 0?"":C(e)),re=e=>{if(!e.startsWith("."))return e;throw new Error(`\`accept\` entry "${e}" is a file extension, and this kit takes media types only. HTML's own accept attribute does take extensions, which is exactly why this throws rather than quietly matching nothing. Use a media type instead -- "text/*" covers source files, "image/*" images, "application/pdf" PDFs, and \`encodableMediaTypes()\` is the full set. You lose nothing by dropping the extension: a file the browser cannot name is decided by decoding its bytes, which is stronger than matching its name.`)},ne=e=>(typeof e=="string"?e.split(","):e).map(C).filter(a=>a!=="").map(re),P=e=>{const a=e.indexOf("/");return a===-1?[e,""]:[e.slice(0,a),e.slice(a+1)]},k=(e,a)=>{const[r,t]=P(e),[i,n]=P(a);return r!=="*"&&r!==i?!1:t==="*"||t===n},ie=(e,a)=>{if(k(e,a))return a;if(k(a,e))return e};function $(e={}){const a=e.accept===void 0?void 0:ne(e.accept),r=[];for(const t of D){if(a===void 0){r.push({...t});continue}for(const i of a){const n=ie(t.pattern,i);n!==void 0&&!r.some(s=>s.pattern===n)&&r.push({pattern:n,kind:t.kind})}}return{types:r.map(t=>t.pattern),accept:r.map(t=>t.pattern).join(","),decide(t){const i=t===void 0?"":C(t);if(A(i))return r.some(s=>k(s.pattern,H))?{status:"undetermined"}:{status:"unsupported"};const n=r.find(s=>k(s.pattern,i));return n?{status:"allowed",kind:n.kind}:D.some(s=>k(s.pattern,i))?{status:"filtered"}:{status:"unsupported"}}}}const E=$();var T=p("<div>"),se=p("<div part=attachment>"),F=p("<span class=sr-only>"),oe=p('<img class="size-full object-cover"height=96 width=96>'),de=p('<img class="size-full rounded object-cover"height=20 width=20>'),ce=p('<span class="text-warning text-caption block truncate">unsupported attachment format'),ue=p('<div part=attachment-name><span class="block truncate">'),le=p("<div part=attachment-name>"),pe=p('<span class="text-muted-foreground text-caption block truncate">');const ge={document:W,image:Z,source:Y,text:Q,unknown:X,unsendable:te},z=e=>{if(e.type==="source-document")return"source";const a=E.decide(e.mediaType);switch(a.status){case"allowed":return a.kind;case"unsupported":return"unsendable";case"undetermined":case"filtered":return"unknown"}},me=e=>{var a;return z(e)!=="unsendable"?void 0:`${((a=e.mediaType)==null?void 0:a.trim())||"This file type"} is not one of the attachment formats a model request can carry.`},N=e=>{if(e.type==="source-document")return e.title||e.filename||"Source";const a=z(e);return e.filename||(a==="image"?"Image":"Attachment")},L=j(),S=j(),he=()=>I(L)??{variant:"grid"},M=()=>{const e=I(S);if(!e)throw new Error("Attachment components must be used within <Attachment>");return e};function fe(e){const[a,r]=b(e,["variant","class","children"]),t=()=>a.variant??"grid";return d(L.Provider,{value:{get variant(){return t()}},get children(){var i=T();return h(i,m({get class(){return g("flex items-start",t()==="list"?"flex-col gap-2":"flex-wrap gap-2",t()==="grid"&&"w-fit",a.class)}},r),!1,!0),l(i,()=>a.children),i}})}function ve(e){const[a,r]=b(e,["data","onRemove","class","children"]),t=he(),i=()=>z(a.data),n=()=>me(a.data);return d(S.Provider,{value:{get data(){return a.data},get mediaCategory(){return i()},get onRemove(){return a.onRemove},get variant(){return t.variant}},get children(){var s=se();return h(s,m({get class(){return g("group relative",t.variant==="grid"&&"size-24 overflow-hidden rounded-lg",t.variant==="inline"&&["flex h-8 cursor-pointer select-none items-center gap-1.5","rounded-md bg-surface-strong px-1.5 text-foreground","font-medium text-sm transition-all","hover:bg-muted"],t.variant==="list"&&["flex w-full items-center gap-3 rounded-lg bg-surface p-3 text-foreground","hover:bg-muted/50"],a.class)},get"data-unsendable"(){return n()===void 0?void 0:""},get title(){return n()}},r),!1,!0),l(s,d(f,{get when(){return n()},children:o=>(()=>{var u=F();return l(u,o),u})()}),null),l(s,()=>a.children,null),s}})}function ye(e){const[a,r]=b(e,["fallbackIcon","class"]),t=M(),i=()=>t.variant==="inline"?"size-3":"size-4",n=o=>d(o,{get class(){return g(i(),t.mediaCategory==="unsendable"?"text-warning":"text-muted-foreground")}}),s=()=>{if(t.mediaCategory==="image"&&t.data.type==="file"&&t.data.url)return t.variant==="grid"?(()=>{var u=oe();return R(c=>{var v=t.data.filename||"Image",y=t.data.url;return v!==c.e&&w(u,"alt",c.e=v),y!==c.t&&w(u,"src",c.t=y),c},{e:void 0,t:void 0}),u})():(()=>{var u=de();return R(c=>{var v=t.data.filename||"Image",y=t.data.url;return v!==c.e&&w(u,"alt",c.e=v),y!==c.t&&w(u,"src",c.t=y),c},{e:void 0,t:void 0}),u})();const o=ge[t.mediaCategory];return a.fallbackIcon??n(o)};return(()=>{var o=T();return h(o,m({get class(){return g("flex shrink-0 items-center justify-center overflow-hidden",t.variant==="grid"&&"size-full bg-muted",t.variant==="inline"&&"size-5 rounded bg-background",t.variant==="list"&&"size-12 rounded bg-muted",a.class)}},r),!1,!0),l(o,s),o})()}function be(e){const[a,r]=b(e,["showMediaType","class"]),t=M(),i=()=>N(t.data);return d(f,{get when(){return t.variant!=="grid"},get fallback(){return d(f,{get when(){return t.mediaCategory!=="image"},get children(){var n=le();return h(n,m({get class(){return g("absolute inset-x-0 bottom-0 truncate px-1.5 py-1 text-caption","bg-background/85 backdrop-blur-sm",t.mediaCategory==="unsendable"?"text-warning":"text-foreground",a.class)}},r),!1,!0),l(n,i),n}})},get children(){var n=ue(),s=n.firstChild;return h(n,m({get class(){return g("min-w-0 flex-1",a.class)}},r),!1,!0),l(s,i),l(n,d(f,{get when(){return x(()=>t.mediaCategory==="unsendable")()&&t.variant==="list"},get fallback(){return d(f,{get when(){return x(()=>!!(a.showMediaType&&t.variant==="list"))()&&t.data.mediaType},get children(){var o=pe();return l(o,()=>t.data.mediaType),o}})},get children(){var o=ce(),u=o.firstChild;return l(o,(()=>{var c=x(()=>!!t.data.mediaType);return()=>c()?`${t.data.mediaType} \xB7 `:""})(),u),o}}),null),n}})}function ke(e){const a=M(),r=t=>{var i;t.stopPropagation(),(i=a.onRemove)==null||i.call(a)};return d(f,{get when(){return a.onRemove},get children(){return d(U,{get"aria-label"(){return e.label??"Remove"},get class(){return g(a.variant==="grid"&&["absolute top-2 right-2 size-6 rounded-full p-0","bg-background/80 backdrop-blur-sm","opacity-0 transition-opacity group-hover:opacity-100","hover:bg-background","[&>svg]:size-3"],a.variant==="inline"&&["size-5 rounded p-0","opacity-0 transition-opacity group-hover:opacity-100","[&>svg]:size-2.5"],a.variant==="list"&&["size-8 shrink-0 rounded p-0","[&>svg]:size-4"],e.class)},onClick:r,type:"button",variant:"ghost",get children(){return[x(()=>e.children??d(O,{})),(()=>{var t=F();return l(t,()=>e.label??"Remove"),t})()]}})}})}function xe(e){return d(V,{get openDelay(){return e.openDelay??0},get closeDelay(){return e.closeDelay??0},get children(){return e.children}})}function we(e){return d(B,{get class(){return e.class},get children(){return e.children}})}function ze(e){return d(G,{get class(){return g("w-auto p-2",e.class)},get children(){return e.children}})}function Ce(e){const[a,r]=b(e,["class","children"]);return(()=>{var t=T();return h(t,m({get class(){return g("flex items-center justify-center p-4 text-muted-foreground text-sm",a.class)}},r),!1,!0),l(t,()=>a.children??"No attachments"),t})()}export{fe as A,E as D,H as U,ve as a,xe as b,we as c,ye as d,be as e,ze as f,N as g,z as h,ke as i,Ce as j,A as n,$ as r};