@aginies/webuikit 0.2.0

package/dist/index.cjs

@@ -0,0 +1,2467 @@
+'use client';
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  ATTACHMENT_LIMITS: () => ATTACHMENT_LIMITS,
+  AgentRunner: () => AgentRunner,
+  AginiesClient: () => AginiesClient,
+  AginiesError: () => AginiesError,
+  AginiesProvider: () => AginiesProvider,
+  ApprovalPanel: () => ApprovalPanel,
+  Button: () => Button,
+  ChatWidget: () => ChatWidget,
+  Chip: () => Chip,
+  CostBars: () => CostBars,
+  Eyebrow: () => Eyebrow,
+  Field: () => Field,
+  Input: () => Input,
+  Markdown: () => Markdown,
+  Panel: () => Panel,
+  RunTimeline: () => RunTimeline,
+  Spinner: () => Spinner,
+  Stat: () => Stat,
+  StatTiles: () => StatTiles,
+  StructuredUI: () => StructuredUI,
+  SuccessHeatmap: () => SuccessHeatmap,
+  Tag: () => Tag,
+  Textarea: () => Textarea,
+  buildSubmission: () => buildSubmission,
+  cx: () => cx,
+  fieldsOf: () => fieldsOf,
+  formatFieldValue: () => formatFieldValue,
+  getClient: () => getClient,
+  getPauseContext: () => getPauseContext,
+  getPausedExecution: () => getPausedExecution,
+  init: () => init,
+  initialValues: () => initialValues,
+  listPausedExecutions: () => listPausedExecutions,
+  outputOf: () => outputOf,
+  parseFieldValue: () => parseFieldValue,
+  parseRunSSE: () => parseRunSSE,
+  parseSSE: () => parseSSE,
+  parseStructured: () => parseStructured,
+  resumeExecution: () => resumeExecution,
+  runAgent: () => runAgent,
+  translator: () => translator,
+  useAgentRun: () => useAgentRun,
+  useAginies: () => useAginies,
+  useApproval: () => useApproval,
+  useChat: () => useChat,
+  useModule: () => useModule
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/client.ts
+var AginiesError = class extends Error {
+  status;
+  code;
+  constructor(message, status, code) {
+    super(message);
+    this.name = "AginiesError";
+    this.status = status;
+    this.code = code;
+  }
+};
+var trimSlash = (s) => s.replace(/\/+$/, "");
+var AginiesClient = class {
+  baseUrl;
+  token;
+  locale;
+  fetchImpl;
+  state = { status: "idle" };
+  listeners = /* @__PURE__ */ new Set();
+  activation = null;
+  session = null;
+  constructor(config) {
+    if (!config?.baseUrl) throw new AginiesError("baseUrl is required", 0, "MISSING_BASE_URL");
+    if (!config?.token) throw new AginiesError("token is required", 0, "MISSING_TOKEN");
+    this.baseUrl = trimSlash(config.baseUrl);
+    this.token = config.token;
+    this.locale = config.locale ?? detectLocale();
+    this.fetchImpl = config.fetch ?? ((...args) => fetch(...args));
+  }
+  getState() {
+    return this.state;
+  }
+  subscribe(listener) {
+    this.listeners.add(listener);
+    return () => this.listeners.delete(listener);
+  }
+  setState(next) {
+    this.state = next;
+    for (const l of this.listeners) l(next);
+  }
+  /**
+   * Runs the activation handshake once and caches the outcome. Components render only
+   * while the state is `active`; a rejected activation is final for this client.
+   */
+  activate() {
+    if (this.activation) return this.activation;
+    this.setState({ status: "activating" });
+    this.activation = (async () => {
+      try {
+        const res = await this.fetchImpl(`${this.baseUrl}/api/ui/activate`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ token: this.token })
+        });
+        if (!res.ok) {
+          const body2 = await safeJson(res);
+          const reason = body2 && body2.error || `HTTP ${res.status}`;
+          this.setState({ status: "rejected", reason });
+          return this.state;
+        }
+        const body = await res.json();
+        if (!body.activated || !body.config) {
+          this.setState({ status: "rejected", reason: "Activation refused" });
+          return this.state;
+        }
+        this.session = body.session ?? null;
+        this.setState({ status: "active", config: body.config });
+        return this.state;
+      } catch (err) {
+        this.setState({
+          status: "rejected",
+          reason: err instanceof Error ? err.message : "Activation failed"
+        });
+        return this.state;
+      }
+    })();
+    return this.activation;
+  }
+  assertActive() {
+    if (this.state.status !== "active") {
+      throw new AginiesError("Client is not activated", 0, "NOT_ACTIVATED");
+    }
+  }
+  /** The current tenant session, if the activation issued one. */
+  getSession() {
+    return this.session;
+  }
+  /** Whether `module` may render under this activation. */
+  hasModule(module2) {
+    if (this.state.status !== "active") return false;
+    const modules = this.state.config.modules ?? [];
+    return modules.length === 0 || modules.includes(module2);
+  }
+  /**
+   * Re-runs the handshake to obtain a fresh session. Used when a call is refused with
+   * an expired bearer; the activation state stays `active` unless the platform now
+   * rejects the key.
+   */
+  async renewSession() {
+    this.activation = null;
+    const state = await this.activate();
+    return state.status === "active" && this.session !== null;
+  }
+  withSession(init2) {
+    if (!this.session) return init2;
+    const headers = new Headers(init2.headers ?? {});
+    if (!headers.has("Authorization")) headers.set("Authorization", `Bearer ${this.session.token}`);
+    return { ...init2, headers };
+  }
+  /**
+   * A platform request carrying cookies and, when a tenant session exists, its bearer.
+   * A 401/403 on a session that has expired triggers one renewal and one retry.
+   */
+  async request(path2, init2 = {}) {
+    const url = `${this.baseUrl}${path2.startsWith("/") ? path2 : `/${path2}`}`;
+    const send = () => this.fetchImpl(url, this.withSession({ credentials: "include", ...init2 }));
+    let res = await send();
+    if (this.session && (res.status === 401 || res.status === 403) && this.session.expiresAt * 1e3 <= Date.now() + 5e3) {
+      if (await this.renewSession()) res = await send();
+    }
+    return res;
+  }
+  /** A raw request against the platform for endpoints the client does not wrap. */
+  fetchRaw(path2, init2 = {}) {
+    this.assertActive();
+    return this.request(path2, init2);
+  }
+  /** Hosted-chat configuration. Resolves to an auth requirement instead of throwing on 401. */
+  async getChat(identifier) {
+    this.assertActive();
+    const res = await this.request(`/api/chat/${encodeURIComponent(identifier)}`);
+    const body = await safeJson(res);
+    if (res.status === 401 && body && typeof body.authRequired === "string") {
+      return body;
+    }
+    if (!res.ok) {
+      throw new AginiesError(body?.error || `HTTP ${res.status}`, res.status);
+    }
+    return body;
+  }
+  /**
+   * Sends one turn and yields the streamed events. Authentication for password / e-mail
+   * chats travels in the same body on the first call; the platform then sets a cookie.
+   */
+  async *sendMessage(identifier, input, signal) {
+    this.assertActive();
+    const res = await this.request(`/api/chat/${encodeURIComponent(identifier)}`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(input),
+      signal
+    });
+    if (!res.ok) {
+      const body = await safeJson(res);
+      if (res.status === 401 && body && typeof body.authRequired === "string") {
+        throw new AginiesError("Authentication required", 401, "AUTH_REQUIRED");
+      }
+      throw new AginiesError(body?.error || `HTTP ${res.status}`, res.status);
+    }
+    const contentType = res.headers.get("content-type") ?? "";
+    if (!contentType.includes("text/event-stream")) {
+      const body = await safeJson(res);
+      yield { type: "final", data: body };
+      yield { type: "done" };
+      return;
+    }
+    yield* parseSSE(res.body);
+  }
+};
+async function* parseSSE(stream) {
+  const reader = stream.getReader();
+  const decoder = new TextDecoder();
+  let buffer = "";
+  try {
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done) break;
+      buffer += decoder.decode(value, { stream: true });
+      let sep = buffer.indexOf("\n\n");
+      while (sep !== -1) {
+        const frame = buffer.slice(0, sep);
+        buffer = buffer.slice(sep + 2);
+        const event = decodeFrame(frame);
+        if (event) yield event;
+        sep = buffer.indexOf("\n\n");
+      }
+    }
+    const tail = decodeFrame(buffer);
+    if (tail) yield tail;
+  } finally {
+    reader.releaseLock();
+  }
+  yield { type: "done" };
+}
+function decodeFrame(frame) {
+  const line = frame.split("\n").find((l) => l.startsWith("data:"));
+  if (!line) return null;
+  const data = line.slice(5).trim();
+  if (!data || data === "[DONE]") return null;
+  let json;
+  try {
+    json = JSON.parse(data);
+  } catch {
+    return { type: "chunk", text: data };
+  }
+  if (json.event === "error") {
+    return { type: "error", message: json.error || "Stream error" };
+  }
+  if (json.event === "final") {
+    return { type: "final", data: json.data };
+  }
+  if (typeof json.chunk === "string") {
+    return { type: "chunk", blockId: json.blockId, text: json.chunk };
+  }
+  return null;
+}
+async function safeJson(res) {
+  try {
+    return await res.json();
+  } catch {
+    return null;
+  }
+}
+function detectLocale() {
+  if (typeof document !== "undefined") {
+    const lang = document.documentElement.lang?.toLowerCase() ?? "";
+    if (lang.startsWith("tr")) return "tr";
+  }
+  if (typeof navigator !== "undefined" && navigator.language?.toLowerCase().startsWith("tr")) {
+    return "tr";
+  }
+  return "en";
+}
+
+// src/approval/approval-client.ts
+var path = (workflowId, executionId, contextId) => `/api/resume/${encodeURIComponent(workflowId)}/${encodeURIComponent(executionId)}${contextId ? `/${encodeURIComponent(contextId)}` : ""}`;
+async function readJson(res) {
+  let body = null;
+  try {
+    body = await res.json();
+  } catch {
+  }
+  if (!res.ok) {
+    const error = body?.error;
+    throw new AginiesError(
+      error || `HTTP ${res.status}`,
+      res.status,
+      res.status === 404 ? "NOT_FOUND" : res.status === 403 ? "FORBIDDEN" : void 0
+    );
+  }
+  return body;
+}
+function getPausedExecution(client, workflowId, executionId) {
+  return client.fetchRaw(path(workflowId, executionId)).then((r) => readJson(r));
+}
+function getPauseContext(client, workflowId, executionId, contextId) {
+  return client.fetchRaw(path(workflowId, executionId, contextId)).then((r) => readJson(r));
+}
+function listPausedExecutions(client, workflowId, status) {
+  const query = status ? `?status=${encodeURIComponent(status)}` : "";
+  return client.fetchRaw(`/api/workflows/${encodeURIComponent(workflowId)}/paused${query}`).then((r) => readJson(r)).then((b) => b.pausedExecutions ?? []);
+}
+function resumeExecution(client, workflowId, executionId, contextId, submission) {
+  return client.fetchRaw(path(workflowId, executionId, contextId), {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(submission ? { input: { submission } } : {})
+  }).then((r) => readJson(r));
+}
+function fieldsOf(point) {
+  const raw = point?.response?.data?.inputFormat;
+  if (!Array.isArray(raw)) return [];
+  return raw.map((f, index) => {
+    if (!f || typeof f !== "object") return null;
+    const field = f;
+    const name = typeof field.name === "string" ? field.name.trim() : "";
+    if (!name) return null;
+    const str = (v) => typeof v === "string" && v.trim() ? v.trim() : void 0;
+    return {
+      id: str(field.id) ?? `field_${index}`,
+      name,
+      label: str(field.label) ?? name,
+      type: str(field.type) ?? "string",
+      description: str(field.description),
+      placeholder: str(field.placeholder),
+      value: field.value,
+      required: field.required === true,
+      options: Array.isArray(field.options) ? field.options : void 0,
+      rows: typeof field.rows === "number" ? field.rows : void 0
+    };
+  }).filter((f) => f !== null);
+}
+function outputOf(point) {
+  const data = point?.response?.data;
+  if (!data || typeof data !== "object") return {};
+  const { inputFormat: _f, resumeLinks: _l, ...rest } = data;
+  return rest;
+}
+function formatFieldValue(field, value) {
+  if (value === void 0 || value === null) return "";
+  switch (field.type) {
+    case "boolean":
+      if (typeof value === "boolean") return value ? "true" : "false";
+      if (typeof value === "string" && ["true", "false"].includes(value.trim().toLowerCase()))
+        return value.trim().toLowerCase();
+      return "";
+    case "number":
+      return typeof value === "number" ? Number.isFinite(value) ? String(value) : "" : String(value);
+    case "array":
+    case "object":
+    case "files":
+      if (typeof value === "string") return value;
+      try {
+        return JSON.stringify(value, null, 2);
+      } catch {
+        return "";
+      }
+    default:
+      return typeof value === "string" ? value : JSON.stringify(value);
+  }
+}
+function parseFieldValue(field, raw) {
+  const text = raw.trim();
+  switch (field.type) {
+    case "boolean":
+      return { value: text === "true" };
+    case "number": {
+      const n = Number(text);
+      return Number.isFinite(n) ? { value: n } : { error: "number" };
+    }
+    case "array":
+    case "object":
+    case "files":
+      try {
+        return { value: JSON.parse(text) };
+      } catch {
+        return { error: "json" };
+      }
+    default:
+      return { value: raw };
+  }
+}
+function initialValues(fields) {
+  return Object.fromEntries(fields.map((f) => [f.name, formatFieldValue(f, f.value)]));
+}
+function buildSubmission(fields, values) {
+  const submission = {};
+  const errors = {};
+  for (const field of fields) {
+    const raw = values[field.name] ?? "";
+    const present = field.type === "boolean" ? raw === "true" || raw === "false" : raw.trim() !== "";
+    if (!present) {
+      if (field.required) errors[field.name] = "required";
+      continue;
+    }
+    const { value, error } = parseFieldValue(field, raw);
+    if (error) errors[field.name] = error;
+    else if (value !== void 0) submission[field.name] = value;
+  }
+  return { submission, errors };
+}
+
+// src/approval/approval-panel.tsx
+var import_react3 = require("react");
+
+// src/core/index.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function cx(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+var Button = (0, import_react.forwardRef)(function Button2({ variant = "outline", size = "md", className, type = "button", ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      ref,
+      type,
+      className: cx("agi-btn", `agi-btn--${variant}`, `agi-btn--${size}`, className),
+      ...props
+    }
+  );
+});
+function Tag({ tone = "default", className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      className: cx("agi-tag", tone !== "default" && `agi-tag--${tone}`, className),
+      ...props
+    }
+  );
+}
+function Chip({ pressed = false, className, type = "button", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type, "aria-pressed": pressed, className: cx("agi-chip", className), ...props });
+}
+function Panel({ level = 1, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cx("agi-panel", level === 2 && "agi-panel--2", className), ...props });
+}
+function Eyebrow({
+  className,
+  quiet,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: cx("agi-eyebrow", quiet && "agi-eyebrow--quiet", className), ...props });
+}
+function Stat({ value, label, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: cx("agi-stat", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "agi-stat__v", children: value }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "agi-stat__k", children: label })
+  ] });
+}
+function Field({ label, hint, error, className, children, ...props }) {
+  return (
+    // biome-ignore lint/a11y/noLabelWithoutControl: the control is passed as children
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: cx("agi-field", className), ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "agi-field__label", children: label }),
+      children,
+      error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "agi-field__error", children: error }) : hint && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "agi-field__hint", children: hint })
+    ] })
+  );
+}
+var Input = (0, import_react.forwardRef)(
+  function Input2({ className, ...props }, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { ref, className: cx("agi-input", className), ...props });
+  }
+);
+var Textarea = (0, import_react.forwardRef)(function Textarea2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", { ref, className: cx("agi-input", "agi-textarea", className), ...props });
+});
+function Spinner({ className, label }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("output", { className: cx("agi-spinner", className), "aria-label": label, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {})
+  ] });
+}
+
+// src/provider.tsx
+var import_react2 = require("react");
+
+// src/i18n.ts
+var STRINGS = {
+  chat: {
+    open: { tr: "Sohbeti a\xE7", en: "Open chat" },
+    close: { tr: "Kapat", en: "Close" },
+    placeholder: { tr: "Mesaj\u0131n\u0131z\u0131 yaz\u0131n\u2026", en: "Type your message\u2026" },
+    send: { tr: "G\xF6nder", en: "Send" },
+    stop: { tr: "Durdur", en: "Stop" },
+    attach: { tr: "Dosya ekle", en: "Attach file" },
+    attachments: { tr: "Ekler", en: "Attachments" },
+    removeFile: { tr: "Dosyay\u0131 kald\u0131r", en: "Remove file" },
+    tooManyFiles: { tr: "En fazla 5 dosya ekleyebilirsiniz.", en: "You can attach up to 5 files." },
+    fileTooLarge: {
+      tr: "Dosyalar 10 MB'tan k\xFC\xE7\xFCk olmal\u0131.",
+      en: "Files must be smaller than 10 MB."
+    },
+    welcome: {
+      tr: "Merhaba! Size nas\u0131l yard\u0131mc\u0131 olabilirim?",
+      en: "Hi there! How can I help you today?"
+    },
+    thinking: { tr: "Yan\u0131t haz\u0131rlan\u0131yor", en: "Working on it" },
+    stopped: { tr: "Yan\u0131t durduruldu.", en: "Response stopped." },
+    error: {
+      tr: "Bir sorun olu\u015Ftu. L\xFCtfen tekrar deneyin.",
+      en: "Something went wrong. Please try again."
+    },
+    unavailable: {
+      tr: "Bu sohbet \u015Fu anda kullan\u0131lam\u0131yor.",
+      en: "This chat is currently unavailable."
+    },
+    poweredBy: { tr: "Aginies ile", en: "Powered by Aginies" },
+    you: { tr: "Siz", en: "You" },
+    assistant: { tr: "Ajan", en: "Agent" }
+  },
+  auth: {
+    passwordTitle: { tr: "Bu sohbet parola korumal\u0131", en: "This chat is password protected" },
+    passwordHint: { tr: "Devam etmek i\xE7in parolay\u0131 girin.", en: "Enter the password to continue." },
+    password: { tr: "Parola", en: "Password" },
+    emailTitle: { tr: "E-posta ile do\u011Frulama", en: "Verify with your e-mail" },
+    emailHint: {
+      tr: "\u0130\u015F e-postan\u0131z\u0131 girin; size bir kod g\xF6nderece\u011Fiz.",
+      en: "Enter your work e-mail; we will send you a code."
+    },
+    email: { tr: "E-posta", en: "E-mail" },
+    code: { tr: "Do\u011Frulama kodu", en: "Verification code" },
+    codeHint: {
+      tr: "E-postan\u0131za gelen 6 haneli kodu girin.",
+      en: "Enter the 6-digit code from your e-mail."
+    },
+    continue: { tr: "Devam et", en: "Continue" },
+    sendCode: { tr: "Kod g\xF6nder", en: "Send code" },
+    verify: { tr: "Do\u011Frula", en: "Verify" },
+    back: { tr: "Geri", en: "Back" },
+    invalidPassword: { tr: "Parola yanl\u0131\u015F.", en: "Wrong password." },
+    invalidEmail: {
+      tr: "Bu e-posta adresi yetkili de\u011Fil.",
+      en: "This e-mail address is not allowed."
+    },
+    invalidCode: {
+      tr: "Kod ge\xE7ersiz veya s\xFCresi dolmu\u015F.",
+      en: "The code is invalid or has expired."
+    },
+    codeSent: { tr: "Kod g\xF6nderildi.", en: "Code sent." },
+    codeError: {
+      tr: "Kod g\xF6nderilemedi. L\xFCtfen tekrar deneyin.",
+      en: "The code could not be sent. Please try again."
+    },
+    resend: { tr: "Kodu yeniden g\xF6nder", en: "Resend code" },
+    ssoTitle: { tr: "Kurumsal giri\u015F gerekli", en: "Sign in with your organisation" },
+    ssoHint: {
+      tr: "Bu sohbet kurumsal kimlikle a\xE7\u0131l\u0131r.",
+      en: "This chat opens with your organisation account."
+    },
+    ssoButton: { tr: "Kurumsal giri\u015F", en: "Sign in" }
+  },
+  run: {
+    submit: { tr: "\xC7al\u0131\u015Ft\u0131r", en: "Run" },
+    cancel: { tr: "\u0130ptal", en: "Cancel" },
+    running: { tr: "\xC7al\u0131\u015F\u0131yor", en: "Running" },
+    done: { tr: "Tamamland\u0131", en: "Completed" },
+    error: { tr: "Hata", en: "Error" },
+    failed: { tr: "\xC7al\u0131\u015Ft\u0131rma ba\u015Far\u0131s\u0131z oldu.", en: "The run failed." },
+    unauthorized: { tr: "API anahtar\u0131 reddedildi.", en: "The API key was rejected." },
+    steps: { tr: "Ad\u0131mlar", en: "Steps" },
+    execution: { tr: "\xE7al\u0131\u015Ft\u0131rma", en: "execution" }
+  },
+  approval: {
+    eyebrow: { tr: "\u0130nsan onay\u0131", en: "Human approval" },
+    title: { tr: "Onay bekleyen ad\u0131m", en: "A step is waiting for approval" },
+    execution: { tr: "\xE7al\u0131\u015Ft\u0131rma", en: "execution" },
+    pausedAt: { tr: "duraklat\u0131ld\u0131", en: "paused" },
+    points: { tr: "Onay noktalar\u0131", en: "Approval points" },
+    point: { tr: "Nokta", en: "Point" },
+    output: { tr: "Ajan\u0131n \xF6nerisi", en: "What the agent proposes" },
+    queuePosition: { tr: "S\u0131ra", en: "Queue position" },
+    submit: { tr: "Onayla ve devam et", en: "Approve and continue" },
+    submitting: { tr: "G\xF6nderiliyor", en: "Submitting" },
+    refresh: { tr: "Yenile", en: "Refresh" },
+    required: { tr: "Bu alan zorunlu.", en: "This field is required." },
+    notANumber: { tr: "Say\u0131 girin.", en: "Enter a number." },
+    notJson: { tr: "Ge\xE7erli JSON girin.", en: "Enter valid JSON." },
+    notFound: {
+      tr: "Bu onay bulunamad\u0131; s\xFCresi dolmu\u015F veya tamamlanm\u0131\u015F olabilir.",
+      en: "This approval could not be found; it may have expired or been completed."
+    },
+    loadError: { tr: "Onay y\xFCklenemedi.", en: "The approval could not be loaded." },
+    resumeError: { tr: "Devam ettirilemedi.", en: "The run could not be resumed." },
+    resumedMessage: {
+      tr: "Ajan kald\u0131\u011F\u0131 yerden devam ediyor.",
+      en: "The agent is continuing from where it paused."
+    },
+    queuedMessage: {
+      tr: "Onay s\u0131raya al\u0131nd\u0131; \xF6nceki devam i\u015Flemleri bitince \xE7al\u0131\u015Facak.",
+      en: "The approval is queued; it runs after the earlier resumes finish."
+    },
+    paused: { tr: "Onay bekliyor", en: "Awaiting approval" },
+    queued: { tr: "S\u0131rada", en: "Queued" },
+    resuming: { tr: "Devam ediyor", en: "Resuming" },
+    resumed: { tr: "Devam etti", en: "Resumed" },
+    failed: { tr: "Ba\u015Far\u0131s\u0131z", en: "Failed" }
+  },
+  common: {
+    loading: { tr: "Y\xFCkleniyor", en: "Loading" },
+    retry: { tr: "Tekrar dene", en: "Retry" },
+    notActivated: {
+      tr: "Aginies UI paketi etkinle\u015Ftirilmedi.",
+      en: "The Aginies UI package is not activated."
+    }
+  }
+};
+function translator(locale) {
+  return function t(section, key) {
+    const entry = STRINGS[section][key];
+    return entry[locale] ?? entry.en;
+  };
+}
+
+// src/provider.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var defaultClient = null;
+function init(config) {
+  defaultClient = new AginiesClient(config);
+  void defaultClient.activate();
+  return defaultClient;
+}
+function getClient() {
+  return defaultClient;
+}
+var AginiesContext = (0, import_react2.createContext)(null);
+function useModule(module2) {
+  const { client } = useAginies();
+  const allowed = client.hasModule(module2);
+  (0, import_react2.useEffect)(() => {
+    if (!allowed && typeof console !== "undefined") {
+      console.warn(`[aginies] the "${module2}" module is not enabled for this activation key`);
+    }
+  }, [allowed, module2]);
+  return allowed;
+}
+function AginiesProvider({
+  client,
+  locale,
+  fallback = null,
+  children
+}) {
+  const resolved = client ?? defaultClient;
+  const [state, setState] = (0, import_react2.useState)(
+    resolved?.getState() ?? { status: "rejected", reason: "init() was not called" }
+  );
+  (0, import_react2.useEffect)(() => {
+    if (!resolved) return;
+    setState(resolved.getState());
+    const unsubscribe = resolved.subscribe(setState);
+    void resolved.activate();
+    return unsubscribe;
+  }, [resolved]);
+  (0, import_react2.useEffect)(() => {
+    if (state.status === "rejected" && typeof console !== "undefined") {
+      console.warn(`[aginies] UI kit not activated: ${state.reason}`);
+    }
+  }, [state]);
+  const value = (0, import_react2.useMemo)(() => {
+    if (!resolved) return null;
+    const l = locale ?? resolved.locale;
+    return { client: resolved, state, locale: l, t: translator(l) };
+  }, [resolved, state, locale]);
+  if (!value) return null;
+  if (state.status === "idle" || state.status === "activating") return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: fallback });
+  if (state.status === "rejected") return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AginiesContext.Provider, { value, children });
+}
+function useAginies() {
+  const ctx = (0, import_react2.useContext)(AginiesContext);
+  if (!ctx) {
+    throw new Error("[aginies] useAginies must be used inside <AginiesProvider> after init()");
+  }
+  return ctx;
+}
+
+// src/approval/approval-panel.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function useApproval(workflowId, executionId, contextId) {
+  const { client, t } = useAginies();
+  const [status, setStatus] = (0, import_react3.useState)("loading");
+  const [execution, setExecution] = (0, import_react3.useState)(null);
+  const [selected, setSelected] = (0, import_react3.useState)(contextId ?? null);
+  const [values, setValues] = (0, import_react3.useState)({});
+  const [errors, setErrors] = (0, import_react3.useState)({});
+  const [error, setError] = (0, import_react3.useState)(null);
+  const [outcome, setOutcome] = (0, import_react3.useState)(null);
+  const selectedRef = (0, import_react3.useRef)(contextId ?? null);
+  const pausePoint = (0, import_react3.useMemo)(() => {
+    if (!execution) return null;
+    return execution.pausePoints.find((p) => p.contextId === selected) ?? execution.pausePoints.find((p) => p.resumeStatus === "paused") ?? execution.pausePoints[0] ?? null;
+  }, [execution, selected]);
+  const fields = (0, import_react3.useMemo)(() => fieldsOf(pausePoint), [pausePoint]);
+  const load = (0, import_react3.useCallback)(async () => {
+    setStatus("loading");
+    setError(null);
+    try {
+      const detail = await getPausedExecution(client, workflowId, executionId);
+      setExecution(detail);
+      const wanted = contextId ?? selectedRef.current;
+      const point = detail.pausePoints.find((p) => p.contextId === wanted) ?? detail.pausePoints.find((p) => p.resumeStatus === "paused") ?? detail.pausePoints[0];
+      if (point) {
+        selectedRef.current = point.contextId;
+        setSelected(point.contextId);
+        setValues(initialValues(fieldsOf(point)));
+      }
+      setErrors({});
+      setStatus("ready");
+    } catch (err) {
+      if (err instanceof AginiesError && err.code === "NOT_FOUND") setStatus("not-found");
+      else {
+        setError(err instanceof Error ? err.message : t("approval", "loadError"));
+        setStatus("error");
+      }
+    }
+  }, [client, workflowId, executionId, contextId, t]);
+  (0, import_react3.useEffect)(() => {
+    void load();
+  }, [load]);
+  const select = (0, import_react3.useCallback)(
+    (nextContextId) => {
+      selectedRef.current = nextContextId;
+      setSelected(nextContextId);
+      const point = execution?.pausePoints.find((p) => p.contextId === nextContextId);
+      setValues(initialValues(fieldsOf(point)));
+      setErrors({});
+    },
+    [execution]
+  );
+  const setValue = (0, import_react3.useCallback)((name, value) => {
+    setValues((v) => ({ ...v, [name]: value }));
+    setErrors((e) => {
+      if (!(name in e)) return e;
+      const { [name]: _drop, ...rest } = e;
+      return rest;
+    });
+  }, []);
+  const submit = (0, import_react3.useCallback)(async () => {
+    if (!pausePoint || status === "submitting") return;
+    const { submission, errors: problems } = buildSubmission(fields, values);
+    if (Object.keys(problems).length > 0) {
+      setErrors(
+        Object.fromEntries(
+          Object.entries(problems).map(([k, v]) => [
+            k,
+            v === "required" ? t("approval", "required") : v === "number" ? t("approval", "notANumber") : t("approval", "notJson")
+          ])
+        )
+      );
+      return;
+    }
+    setStatus("submitting");
+    setError(null);
+    try {
+      const result = await resumeExecution(
+        client,
+        workflowId,
+        executionId,
+        pausePoint.contextId,
+        fields.length > 0 ? submission : null
+      );
+      setOutcome(result);
+      setStatus(result.status === "queued" ? "queued" : "resumed");
+    } catch (err) {
+      setError(err instanceof Error ? err.message : t("approval", "resumeError"));
+      setStatus("ready");
+    }
+  }, [client, workflowId, executionId, pausePoint, fields, values, status, t]);
+  return {
+    status,
+    execution,
+    pausePoint,
+    fields,
+    values,
+    errors,
+    error,
+    outcome,
+    select,
+    setValue,
+    submit,
+    reload: load
+  };
+}
+var STATUS_TONE = {
+  paused: "warn",
+  queued: "signal",
+  resuming: "signal",
+  resumed: "ok",
+  failed: "bad"
+};
+function ApprovalPanel({
+  workflowId,
+  executionId,
+  contextId,
+  title,
+  description,
+  submitLabel,
+  onResumed,
+  hideOutput = false,
+  className
+}) {
+  const { t, locale } = useAginies();
+  const enabled = useModule("approval");
+  const a = useApproval(workflowId, executionId, contextId);
+  const onResumedRef = (0, import_react3.useRef)(onResumed);
+  onResumedRef.current = onResumed;
+  (0, import_react3.useEffect)(() => {
+    if ((a.status === "resumed" || a.status === "queued") && a.outcome) {
+      onResumedRef.current?.(a.outcome);
+    }
+  }, [a.status, a.outcome]);
+  if (!enabled) return null;
+  const point = a.pausePoint;
+  const output = hideOutput ? {} : outputOf(point);
+  const outputEntries = Object.entries(output);
+  const canSubmit = point?.resumeStatus === "paused" && a.status === "ready";
+  const fmt = (iso) => iso ? new Date(iso).toLocaleString(locale === "tr" ? "tr-TR" : "en-GB") : "";
+  const onSubmit = (e) => {
+    e.preventDefault();
+    void a.submit();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Panel, { className: cx("agi-approval", className), "aria-busy": a.status === "loading", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("header", { className: "agi-approval__head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Eyebrow, { children: t("approval", "eyebrow") }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { className: "agi-approval__title", children: title ?? t("approval", "title") }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "agi-approval__desc", children: description }),
+      a.execution && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "agi-approval__meta", children: [
+        t("approval", "execution"),
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "agi-approval__meta-value", children: a.execution.executionId.slice(0, 8) }),
+        a.execution.pausedAt && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+          " \xB7 ",
+          t("approval", "pausedAt"),
+          " ",
+          fmt(a.execution.pausedAt)
+        ] })
+      ] })
+    ] }),
+    a.status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "agi-approval__state", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Spinner, { label: t("common", "loading") }),
+      " ",
+      t("common", "loading")
+    ] }),
+    a.status === "not-found" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "agi-approval__state", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: t("approval", "notFound") }) }),
+    a.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "agi-approval__state", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "agi-approval__error", children: a.error }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Button, { variant: "outline", size: "sm", onClick: () => void a.reload(), children: t("common", "retry") })
+    ] }),
+    a.execution && a.execution.pausePoints.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("nav", { className: "agi-approval__points", "aria-label": t("approval", "points"), children: a.execution.pausePoints.map((p, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: cx(
+          "agi-approval__point",
+          p.contextId === point?.contextId && "is-selected"
+        ),
+        onClick: () => a.select(p.contextId),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
+            t("approval", "point"),
+            " ",
+            i + 1
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Tag, { tone: STATUS_TONE[p.resumeStatus] ?? "default", children: t("approval", p.resumeStatus) })
+        ]
+      },
+      p.contextId
+    )) }),
+    point && a.status !== "loading" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "agi-approval__status", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Tag, { tone: STATUS_TONE[point.resumeStatus] ?? "default", children: t("approval", point.resumeStatus) }),
+        typeof point.queuePosition === "number" && point.queuePosition > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "agi-approval__queue", children: [
+          t("approval", "queuePosition"),
+          " ",
+          point.queuePosition
+        ] })
+      ] }),
+      outputEntries.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "agi-approval__output", "aria-label": t("approval", "output"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "agi-approval__output-label", children: t("approval", "output") }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dl", { className: "agi-approval__kv", children: outputEntries.map(([k, v]) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "agi-approval__kv-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { children: k }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { children: typeof v === "string" ? v : JSON.stringify(v, null, 2) })
+        ] }, k)) })
+      ] }),
+      (a.status === "resumed" || a.status === "queued") && a.outcome ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("output", { className: "agi-approval__done", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Tag, { tone: a.status === "queued" ? "signal" : "ok", children: t("approval", a.status === "queued" ? "queued" : "resumed") }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: a.status === "queued" ? t("approval", "queuedMessage") : t("approval", "resumedMessage") })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("form", { className: "agi-approval__form", onSubmit, children: [
+        a.fields.map((f) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Field, { label: f.label, hint: f.description, error: a.errors[f.name], children: renderField(f, a.values[f.name] ?? "", (v) => a.setValue(f.name, v), !canSubmit) }, f.id)),
+        a.error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "agi-approval__error", children: a.error }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "agi-approval__actions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Button, { variant: "signal", type: "submit", disabled: !canSubmit, children: a.status === "submitting" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Spinner, { label: t("approval", "submitting") }),
+            " ",
+            t("approval", "submitting")
+          ] }) : submitLabel ?? t("approval", "submit") }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            Button,
+            {
+              variant: "outline",
+              type: "button",
+              onClick: () => void a.reload(),
+              disabled: a.status === "submitting",
+              children: t("approval", "refresh")
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function renderField(f, value, set, disabled) {
+  switch (f.type) {
+    case "boolean":
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        "select",
+        {
+          className: "agi-input",
+          value,
+          disabled,
+          onChange: (e) => set(e.target.value),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: "", children: "\u2014" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: "true", children: "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: "false", children: "false" })
+          ]
+        }
+      );
+    case "number":
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        Input,
+        {
+          type: "number",
+          value,
+          placeholder: f.placeholder,
+          required: f.required,
+          disabled,
+          onChange: (e) => set(e.target.value)
+        }
+      );
+    case "array":
+    case "object":
+    case "files":
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        Textarea,
+        {
+          value,
+          rows: f.rows ?? 4,
+          placeholder: f.placeholder ?? "{ }",
+          required: f.required,
+          disabled,
+          className: "agi-approval__json",
+          onChange: (e) => set(e.target.value)
+        }
+      );
+    default:
+      if (Array.isArray(f.options) && f.options.length > 0) {
+        return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          "select",
+          {
+            className: "agi-input",
+            value,
+            disabled,
+            onChange: (e) => set(e.target.value),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: "", children: "\u2014" }),
+              f.options.map((o) => {
+                const opt = typeof o === "object" && o !== null ? o : { value: o, label: o };
+                const v = String(opt.value ?? "");
+                return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: v, children: String(opt.label ?? v) }, v);
+              })
+            ]
+          }
+        );
+      }
+      if ((f.rows ?? 1) > 1) {
+        return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          Textarea,
+          {
+            value,
+            rows: f.rows,
+            placeholder: f.placeholder,
+            required: f.required,
+            disabled,
+            onChange: (e) => set(e.target.value)
+          }
+        );
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        Input,
+        {
+          value,
+          placeholder: f.placeholder,
+          required: f.required,
+          disabled,
+          onChange: (e) => set(e.target.value)
+        }
+      );
+  }
+}
+
+// src/chat/chat-widget.tsx
+var import_react5 = require("react");
+
+// src/chat/markdown.tsx
+var import_react4 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function Markdown({ text, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className, children: renderBlocks(parseBlocks(text)) });
+}
+var FENCE = /^\s*(`{3,}|~{3,})\s*([\w+-]*)\s*$/;
+var HEADING = /^(#{1,6})\s+(.*?)\s*#*\s*$/;
+var RULE = /^\s*([-*_])(?:\s*\1){2,}\s*$/;
+var QUOTE = /^\s*>\s?(.*)$/;
+var LIST = /^\s*(?:([-*+])|(\d{1,9})[.)])\s+(.*)$/;
+var TABLE_SEPARATOR = /^\s*\|?\s*:?-+:?\s*(\|\s*:?-+:?\s*)*\|?\s*$/;
+function parseBlocks(text) {
+  const lines = text.replace(/\r\n?/g, "\n").split("\n");
+  const blocks = [];
+  let i = 0;
+  let paragraph = [];
+  const flush = () => {
+    if (paragraph.length > 0) {
+      blocks.push({ kind: "paragraph", lines: paragraph });
+      paragraph = [];
+    }
+  };
+  while (i < lines.length) {
+    const line = lines[i];
+    if (line.trim() === "") {
+      flush();
+      i += 1;
+      continue;
+    }
+    const fence = FENCE.exec(line);
+    if (fence) {
+      flush();
+      const marker = fence[1];
+      const lang = fence[2] ?? "";
+      const code = [];
+      i += 1;
+      while (i < lines.length && !lines[i].trim().startsWith(marker)) {
+        code.push(lines[i]);
+        i += 1;
+      }
+      i += 1;
+      blocks.push({ kind: "code", lang, code: code.join("\n") });
+      continue;
+    }
+    const heading = HEADING.exec(line);
+    if (heading) {
+      flush();
+      blocks.push({ kind: "heading", level: heading[1].length, text: heading[2] ?? "" });
+      i += 1;
+      continue;
+    }
+    if (RULE.test(line)) {
+      flush();
+      blocks.push({ kind: "rule" });
+      i += 1;
+      continue;
+    }
+    if (QUOTE.test(line)) {
+      flush();
+      const inner = [];
+      while (i < lines.length && QUOTE.test(lines[i])) {
+        inner.push(QUOTE.exec(lines[i])[1] ?? "");
+        i += 1;
+      }
+      blocks.push({ kind: "quote", blocks: parseBlocks(inner.join("\n")) });
+      continue;
+    }
+    const list = LIST.exec(line);
+    if (list) {
+      flush();
+      const ordered = list[2] !== void 0;
+      const start = ordered ? Number.parseInt(list[2], 10) : 1;
+      const items = [];
+      while (i < lines.length) {
+        const m = LIST.exec(lines[i]);
+        if (m && m[2] !== void 0 === ordered) {
+          items.push(m[3] ?? "");
+          i += 1;
+        } else if (items.length > 0 && lines[i].trim() !== "" && /^\s{2,}/.test(lines[i]) && !LIST.test(lines[i])) {
+          items[items.length - 1] = `${items[items.length - 1]} ${lines[i].trim()}`;
+          i += 1;
+        } else {
+          break;
+        }
+      }
+      blocks.push({ kind: "list", ordered, start, items });
+      continue;
+    }
+    if (line.includes("|") && i + 1 < lines.length && TABLE_SEPARATOR.test(lines[i + 1])) {
+      flush();
+      const header = splitRow(line);
+      const align = splitRow(lines[i + 1]).map((cell) => {
+        const left = cell.startsWith(":");
+        const right = cell.endsWith(":");
+        if (left && right) return "center";
+        if (right) return "right";
+        if (left) return "left";
+        return null;
+      });
+      const rows = [];
+      i += 2;
+      while (i < lines.length && lines[i].includes("|")) {
+        rows.push(splitRow(lines[i]));
+        i += 1;
+      }
+      blocks.push({ kind: "table", header, align, rows });
+      continue;
+    }
+    paragraph.push(line);
+    i += 1;
+  }
+  flush();
+  return blocks;
+}
+function splitRow(line) {
+  const trimmed = line.trim().replace(/^\|/, "").replace(/\|$/, "");
+  return trimmed.split(/(?<!\\)\|/).map((cell) => cell.replace(/\\\|/g, "|").trim());
+}
+function renderBlocks(blocks) {
+  return blocks.map((block, index) => {
+    switch (block.kind) {
+      case "paragraph":
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: block.lines.map((line, n) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react4.Fragment, { children: [
+          n > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("br", {}),
+          renderInline(line)
+        ] }, n)) }, index);
+      case "heading": {
+        const Tag2 = `h${Math.min(block.level + 2, 6)}`;
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Tag2, { children: renderInline(block.text) }, index);
+      }
+      case "code":
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("pre", { "data-lang": block.lang || void 0, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("code", { children: block.code }) }, index);
+      case "quote":
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("blockquote", { children: renderBlocks(block.blocks) }, index);
+      case "list": {
+        const items = block.items.map((item, n) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: renderInline(item) }, n));
+        return block.ordered ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ol", { start: block.start === 1 ? void 0 : block.start, children: items }, index) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { children: items }, index);
+      }
+      case "table":
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "agi-md__table", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("table", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("tr", { children: block.header.map((cell, n) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("th", { style: alignStyle(block.align[n]), children: renderInline(cell) }, n)) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("tbody", { children: block.rows.map((row, r) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("tr", { children: block.header.map((_, n) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { style: alignStyle(block.align[n]), children: renderInline(row[n] ?? "") }, n)) }, r)) })
+        ] }) }, index);
+      case "rule":
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("hr", {}, index);
+    }
+  });
+}
+function alignStyle(align) {
+  return align ? { textAlign: align } : void 0;
+}
+var INLINE = /(`+)([\s\S]*?)\1|\*\*([\s\S]+?)\*\*|(?<![\w`])__([\s\S]+?)__(?![\w])|~~([\s\S]+?)~~|\*([^*\n]+?)\*|(?<![\w`])_([^_\n]+?)_(?![\w])|\[([^\]]+)\]\(([^)\s]+)(?:\s+"[^"]*")?\)|(https?:\/\/[^\s<]*[^\s<.,;:!?)\]'"])/g;
+function renderInline(text) {
+  const nodes = [];
+  let last = 0;
+  let key = 0;
+  const inline = new RegExp(INLINE.source, "g");
+  let match = inline.exec(text);
+  while (match) {
+    if (match.index > last) nodes.push(text.slice(last, match.index));
+    const [, , code, bold, boldAlt, strike, italic, italicAlt, linkText, linkHref, autoHref] = match;
+    if (code !== void 0) {
+      nodes.push(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("code", { children: code.trim() }, key++));
+    } else if (bold !== void 0 || boldAlt !== void 0) {
+      nodes.push(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: renderInline(bold ?? boldAlt) }, key++));
+    } else if (strike !== void 0) {
+      nodes.push(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("del", { children: renderInline(strike) }, key++));
+    } else if (italic !== void 0 || italicAlt !== void 0) {
+      nodes.push(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("em", { children: renderInline(italic ?? italicAlt) }, key++));
+    } else if (linkText !== void 0 && linkHref !== void 0) {
+      nodes.push(link(key++, linkHref, renderInline(linkText)));
+    } else if (autoHref !== void 0) {
+      nodes.push(link(key++, autoHref, autoHref));
+    }
+    last = match.index + match[0].length;
+    match = inline.exec(text);
+  }
+  if (last < text.length) nodes.push(text.slice(last));
+  return nodes;
+}
+var SAFE_HREF = /^(https?:\/\/|mailto:)/i;
+function link(key, href, children) {
+  if (!SAFE_HREF.test(href)) return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react4.Fragment, { children }, key);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("a", { href, target: "_blank", rel: "noopener noreferrer", children }, key);
+}
+
+// src/chat/structured-ui.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var isObject = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
+var isStringArray = (v) => Array.isArray(v) && v.every((x) => typeof x === "string");
+var isNumberArray = (v) => Array.isArray(v) && v.every((x) => typeof x === "number");
+function isCard(v) {
+  return isObject(v) && typeof v.title === "string" && typeof v.subtitle === "string" && typeof v.body === "string" && typeof v.image === "string";
+}
+function normaliseItem(raw) {
+  if (!isObject(raw)) return null;
+  const text = raw.text;
+  const buttons = raw.buttons;
+  const table = raw.table;
+  const pie = raw.pie;
+  const image = raw.image;
+  const cards = Array.isArray(raw.cards) ? raw.cards : raw.card ? [raw.card] : [];
+  if (!isObject(text) || typeof text.content !== "string") return null;
+  if (!Array.isArray(buttons) || !buttons.every(
+    (b) => isObject(b) && typeof b.label === "string" && typeof b.action === "string"
+  ))
+    return null;
+  if (!isObject(table) || !isStringArray(table.headers) || !Array.isArray(table.rows) || !table.rows.every(isStringArray))
+    return null;
+  if (!cards.every(isCard)) return null;
+  if (!isObject(pie) || !isStringArray(pie.labels) || !isNumberArray(pie.data)) return null;
+  if (!isObject(image) || typeof image.url !== "string" || typeof image.caption !== "string")
+    return null;
+  return {
+    text: { content: text.content },
+    buttons,
+    table,
+    cards,
+    pie,
+    image
+  };
+}
+function parseStructured(raw) {
+  let parsed;
+  try {
+    parsed = JSON.parse(raw);
+  } catch {
+    return null;
+  }
+  const list = Array.isArray(parsed) ? parsed : isObject(parsed) && Array.isArray(parsed.items) ? parsed.items : null;
+  if (!list) return null;
+  const items = list.map(normaliseItem);
+  if (items.some((i) => i === null)) return null;
+  return { items };
+}
+function StructuredUI({ response, onAction }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "agi-sui", children: response.items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "agi-sui__item", children: [
+    item.text.content && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "agi-sui__text", children: item.text.content }),
+    item.image.url && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("figure", { className: "agi-sui__figure", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: item.image.url, alt: item.image.caption }),
+      item.image.caption && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("figcaption", { children: item.image.caption })
+    ] }),
+    item.cards.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "agi-sui__cards", children: item.cards.map((c, ci) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "agi-panel agi-sui__card", children: [
+      c.image && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: c.image, alt: "" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "agi-sui__card-title", children: c.title }),
+        c.subtitle && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "agi-sui__card-sub", children: c.subtitle }),
+        c.body && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: c.body })
+      ] })
+    ] }, ci)) }),
+    item.table.headers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "agi-sui__scroll", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("table", { className: "agi-table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("tr", { children: item.table.headers.map((h, hi) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { children: h }, hi)) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("tbody", { children: item.table.rows.map((r, ri) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("tr", { children: r.map((cell, ci) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { children: cell }, ci)) }, ri)) })
+    ] }) }),
+    item.pie.labels.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Pie, { labels: item.pie.labels, data: item.pie.data }),
+    item.buttons.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "agi-sui__actions", children: item.buttons.map((b, bi) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "agi-chip",
+        onClick: () => onAction?.(b.action),
+        children: b.label
+      },
+      bi
+    )) })
+  ] }, i)) });
+}
+function Pie({ labels, data }) {
+  const total = data.reduce((a, b) => a + Math.max(0, b), 0);
+  if (total <= 0) return null;
+  let angle = 0;
+  const slices = labels.map((label, i) => {
+    const value = Math.max(0, data[i] ?? 0);
+    const start = angle;
+    angle += value / total * 360;
+    return { label, value, start, end: angle, color: `var(--data-${i % 6 + 1})` };
+  });
+  const arc = (start, end) => {
+    const r = 48;
+    const cx2 = 50;
+    const cy = 50;
+    const a0 = (start - 90) * Math.PI / 180;
+    const a1 = (end - 90) * Math.PI / 180;
+    const large = end - start > 180 ? 1 : 0;
+    const x0 = cx2 + r * Math.cos(a0);
+    const y0 = cy + r * Math.sin(a0);
+    const x1 = cx2 + r * Math.cos(a1);
+    const y1 = cy + r * Math.sin(a1);
+    if (end - start >= 360) return `M${cx2} ${cy - r} A${r} ${r} 0 1 1 ${cx2 - 0.01} ${cy - r} Z`;
+    return `M${cx2} ${cy} L${x0} ${y0} A${r} ${r} 0 ${large} 1 ${x1} ${y1} Z`;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "agi-sui__pie", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { viewBox: "0 0 100 100", role: "img", "aria-label": labels.join(", "), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("title", { children: labels.join(", ") }),
+      slices.map((s) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: arc(s.start, s.end), fill: s.color }, s.label))
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { children: slices.map((s) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("li", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { background: s.color } }),
+      s.label,
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("b", { children: [
+        Math.round(s.value / total * 100),
+        "%"
+      ] })
+    ] }, s.label)) })
+  ] });
+}
+
+// src/chat/chat-widget.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var ATTACHMENT_LIMITS = { maxFiles: 5, maxBytes: 10 * 1024 * 1024 };
+function useChat(identifier, enabled = true) {
+  const { client, t } = useAginies();
+  const [config, setConfig] = (0, import_react5.useState)(null);
+  const [authNeed, setAuthNeed] = (0, import_react5.useState)(null);
+  const [authTitle, setAuthTitle] = (0, import_react5.useState)();
+  const [loadError, setLoadError] = (0, import_react5.useState)(null);
+  const [messages, setMessages] = (0, import_react5.useState)([]);
+  const [busy, setBusy] = (0, import_react5.useState)(false);
+  const [conversationId] = (0, import_react5.useState)(() => randomId());
+  const abortRef = (0, import_react5.useRef)(null);
+  const load = (0, import_react5.useCallback)(async () => {
+    setLoadError(null);
+    try {
+      const res = await client.getChat(identifier);
+      if ("authRequired" in res) {
+        setAuthNeed(res.authRequired === "public" ? null : res.authRequired);
+        setAuthTitle(res.title);
+        return;
+      }
+      setConfig(res);
+      setAuthNeed(null);
+    } catch (err) {
+      setLoadError(
+        err instanceof AginiesError && err.status === 403 ? t("chat", "unavailable") : t("chat", "error")
+      );
+    }
+  }, [client, identifier, t]);
+  (0, import_react5.useEffect)(() => {
+    if (enabled) void load();
+  }, [load, enabled]);
+  const chatPath = `/api/chat/${encodeURIComponent(identifier)}`;
+  const authenticate = (0, import_react5.useCallback)(
+    async ({ password }) => {
+      const res = await client.fetchRaw(chatPath, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ password, conversationId })
+      });
+      if (res.ok) {
+        await load();
+        return true;
+      }
+      return false;
+    },
+    [client, chatPath, conversationId, load]
+  );
+  const requestCode = (0, import_react5.useCallback)(
+    async (email) => {
+      const res = await client.fetchRaw(`${chatPath}/otp`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ email })
+      });
+      if (res.ok) return "sent";
+      return res.status === 403 ? "unauthorized" : "error";
+    },
+    [client, chatPath]
+  );
+  const verifyCode = (0, import_react5.useCallback)(
+    async (email, otp) => {
+      const res = await client.fetchRaw(`${chatPath}/otp`, {
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ email, otp })
+      });
+      if (res.ok) {
+        await load();
+        return true;
+      }
+      return false;
+    },
+    [client, chatPath, load]
+  );
+  const stop = (0, import_react5.useCallback)(() => {
+    abortRef.current?.abort();
+    abortRef.current = null;
+    setBusy(false);
+    setMessages((prev) => {
+      const last = prev[prev.length - 1];
+      if (!last || last.role !== "assistant" || !last.streaming) return prev;
+      return [
+        ...prev.slice(0, -1),
+        { ...last, streaming: false, content: last.content || t("chat", "stopped") }
+      ];
+    });
+  }, [t]);
+  const send = (0, import_react5.useCallback)(
+    async (text, files = []) => {
+      const input = text.trim();
+      if (!input && files.length === 0 || busy) return;
+      const userMessage = {
+        id: randomId(),
+        role: "user",
+        content: input,
+        attachments: files.map(({ name, type, size }) => ({ name, type, size }))
+      };
+      const assistantId = randomId();
+      setMessages((prev) => [
+        ...prev,
+        userMessage,
+        { id: assistantId, role: "assistant", content: "", streaming: true }
+      ]);
+      setBusy(true);
+      const controller = new AbortController();
+      abortRef.current = controller;
+      let content = "";
+      const update = (patch) => setMessages((prev) => prev.map((m) => m.id === assistantId ? { ...m, ...patch } : m));
+      try {
+        for await (const ev of client.sendMessage(
+          identifier,
+          { input, conversationId, files },
+          controller.signal
+        )) {
+          if (ev.type === "chunk") {
+            content += ev.text;
+            update({ content });
+          } else if (ev.type === "final") {
+            const text2 = extractFinalText(ev.data);
+            if (text2 && !content) {
+              content = text2;
+              update({ content });
+            }
+          } else if (ev.type === "error") {
+            update({ content: ev.message, error: true, streaming: false });
+          }
+        }
+        update({ streaming: false, structured: parseStructured(content) });
+      } catch (err) {
+        if (controller.signal.aborted) return;
+        const message = err instanceof AginiesError && err.code === "AUTH_REQUIRED" ? t("chat", "unavailable") : t("chat", "error");
+        update({ content: message, error: true, streaming: false });
+        if (err instanceof AginiesError && err.code === "AUTH_REQUIRED") void load();
+      } finally {
+        abortRef.current = null;
+        setBusy(false);
+      }
+    },
+    [busy, client, identifier, conversationId, t, load]
+  );
+  return {
+    config,
+    authNeed,
+    authTitle,
+    loadError,
+    messages,
+    busy,
+    send,
+    stop,
+    authenticate,
+    requestCode,
+    verifyCode,
+    reload: load
+  };
+}
+function extractFinalText(data) {
+  if (!data || typeof data !== "object") return null;
+  const d = data;
+  if (!d.output) return null;
+  for (const block of Object.values(d.output)) {
+    if (block && typeof block === "object") {
+      const b = block;
+      if (typeof b.content === "string") return b.content;
+      if (typeof b.result === "string") return b.result;
+    }
+  }
+  return null;
+}
+function randomId() {
+  if (typeof crypto !== "undefined" && "randomUUID" in crypto) return crypto.randomUUID();
+  return `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
+}
+function ChatWidget({
+  identifier,
+  mode = "inline",
+  position = "right",
+  launcherLabel,
+  defaultOpen = false,
+  theme = "auto",
+  className
+}) {
+  const [open, setOpen] = (0, import_react5.useState)(defaultOpen || mode !== "bubble");
+  const { t } = useAginies();
+  const enabled = useModule("chat");
+  const chat = useChat(identifier, enabled);
+  const title = chat.config?.title ?? chat.authTitle ?? launcherLabel ?? "Aginies";
+  const themeClass = theme === "auto" ? void 0 : theme === "dark" ? "dark" : "light";
+  if (!enabled) return null;
+  const panel = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "section",
+    {
+      className: cx("agi-chat", `agi-chat--${mode}`, themeClass, className),
+      "data-theme": themeClass,
+      "aria-label": title,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("header", { className: "agi-chat__head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agi-chat__title", children: [
+            chat.config?.customizations.imageUrl && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("img", { src: chat.config.customizations.imageUrl, alt: "" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "agi-chat__name", children: title }),
+              chat.config?.description && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "agi-chat__desc", children: chat.config.description })
+            ] })
+          ] }),
+          mode === "bubble" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "agi-chat__close",
+              onClick: () => setOpen(false),
+              "aria-label": t("chat", "close"),
+              children: "\xD7"
+            }
+          )
+        ] }),
+        chat.loadError ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agi-chat__state", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: chat.loadError }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { variant: "outline", size: "sm", onClick: () => void chat.reload(), children: t("common", "retry") })
+        ] }) : chat.authNeed ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          ChatAuth,
+          {
+            need: chat.authNeed,
+            onPassword: chat.authenticate,
+            onRequestCode: chat.requestCode,
+            onVerifyCode: chat.verifyCode
+          }
+        ) : !chat.config ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "agi-chat__state", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Spinner, { label: t("common", "loading") }) }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            MessageList,
+            {
+              messages: chat.messages,
+              welcome: chat.config.customizations.welcomeMessage || t("chat", "welcome"),
+              onAction: (action) => void chat.send(action)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Composer, { busy: chat.busy, onSend: chat.send, onStop: chat.stop })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("footer", { className: "agi-chat__foot", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("a", { href: "https://www.aginies.com", target: "_blank", rel: "noreferrer", children: t("chat", "poweredBy") }) })
+      ]
+    }
+  );
+  if (mode !== "bubble") return panel;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "div",
+    {
+      className: cx("agi-bubble", `agi-bubble--${position}`, themeClass),
+      "data-theme": themeClass,
+      children: [
+        open && panel,
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+          "button",
+          {
+            type: "button",
+            className: cx("agi-bubble__launcher", open && "agi-bubble__launcher--open"),
+            onClick: () => setOpen((o) => !o),
+            "aria-expanded": open,
+            "aria-label": open ? t("chat", "close") : t("chat", "open"),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                "svg",
+                {
+                  width: "22",
+                  height: "22",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "1.7",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  "aria-hidden": "true",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M4 5.5A2.5 2.5 0 0 1 6.5 3h11A2.5 2.5 0 0 1 20 5.5v8a2.5 2.5 0 0 1-2.5 2.5H10l-5 4v-4H6.5A2.5 2.5 0 0 1 4 13.5v-8z" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M8 8h8M8 11.5h5" })
+                  ]
+                }
+              ),
+              !open && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: launcherLabel ?? title })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function MessageList({
+  messages,
+  welcome,
+  onAction
+}) {
+  const { t } = useAginies();
+  const endRef = (0, import_react5.useRef)(null);
+  (0, import_react5.useEffect)(() => {
+    endRef.current?.scrollIntoView?.({ block: "end" });
+  }, []);
+  return (
+    // biome-ignore lint/a11y/useSemanticElements: no native element conveys a live log
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agi-chat__messages", role: "log", "aria-live": "polite", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agi-msg agi-msg--assistant", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "agi-msg__who", children: t("chat", "assistant") }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "agi-msg__body", children: welcome })
+      ] }),
+      messages.map((m) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        "div",
+        {
+          className: cx("agi-msg", `agi-msg--${m.role}`, m.error && "agi-msg--error"),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "agi-msg__who", children: m.role === "user" ? t("chat", "you") : t("chat", "assistant") }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agi-msg__body", children: [
+              m.structured ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StructuredUI, { response: m.structured, onAction }) : m.content ? m.role === "assistant" && !m.error ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Markdown, { className: "agi-md", text: m.content }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: m.content }) : m.streaming ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "agi-msg__thinking", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Spinner, { label: t("chat", "thinking") }),
+                " ",
+                t("chat", "thinking")
+              ] }) : null,
+              m.attachments && m.attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { className: "agi-msg__files", "aria-label": t("chat", "attachments"), children: m.attachments.map((file, n) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("li", { className: "agi-file", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FileGlyph, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "agi-file__name", children: file.name }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "agi-file__size", children: formatBytes(file.size) })
+              ] }, n)) })
+            ] })
+          ]
+        },
+        m.id
+      )),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref: endRef })
+    ] })
+  );
+}
+function Composer({
+  busy,
+  onSend,
+  onStop
+}) {
+  const { t } = useAginies();
+  const [value, setValue] = (0, import_react5.useState)("");
+  const [files, setFiles] = (0, import_react5.useState)([]);
+  const [fileError, setFileError] = (0, import_react5.useState)(null);
+  const fileInput = (0, import_react5.useRef)(null);
+  const submit = (e) => {
+    e.preventDefault();
+    if (busy) return;
+    const text = value;
+    const attached = files;
+    setValue("");
+    setFiles([]);
+    setFileError(null);
+    void onSend(text, attached);
+  };
+  const pick = async (e) => {
+    const chosen = Array.from(e.target.files ?? []);
+    e.target.value = "";
+    if (chosen.length === 0) return;
+    if (files.length + chosen.length > ATTACHMENT_LIMITS.maxFiles) {
+      setFileError(t("chat", "tooManyFiles"));
+      return;
+    }
+    if (chosen.some((file) => file.size > ATTACHMENT_LIMITS.maxBytes)) {
+      setFileError(t("chat", "fileTooLarge"));
+      return;
+    }
+    setFileError(null);
+    const payloads = await Promise.all(chosen.map(readFile));
+    setFiles((prev) => [...prev, ...payloads]);
+  };
+  const canSend = value.trim().length > 0 || files.length > 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("form", { className: "agi-chat__composer", onSubmit: submit, children: [
+    (files.length > 0 || fileError) && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agi-chat__pending", children: [
+      files.map((file, n) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "agi-file agi-file--pending", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FileGlyph, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "agi-file__name", children: file.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "agi-file__remove",
+            "aria-label": `${t("chat", "removeFile")}: ${file.name}`,
+            onClick: () => setFiles((prev) => prev.filter((_, i) => i !== n)),
+            children: "\xD7"
+          }
+        )
+      ] }, n)),
+      fileError && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "agi-chat__file-error", children: fileError })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agi-chat__row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "input",
+        {
+          ref: fileInput,
+          type: "file",
+          multiple: true,
+          hidden: true,
+          onChange: pick,
+          "data-testid": "agi-file-input"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        Button,
+        {
+          variant: "ghost",
+          type: "button",
+          "aria-label": t("chat", "attach"),
+          title: t("chat", "attach"),
+          disabled: busy,
+          onClick: () => fileInput.current?.click(),
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "path",
+            {
+              d: "M21 12.5 12.8 20.7a5.5 5.5 0 0 1-7.8-7.8l8.6-8.6a3.5 3.5 0 0 1 5 5l-8.6 8.6a1.5 1.5 0 0 1-2.1-2.1L15.5 8",
+              stroke: "currentColor",
+              strokeWidth: "1.6",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ) })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        Input,
+        {
+          value,
+          onChange: (e) => setValue(e.target.value),
+          placeholder: t("chat", "placeholder"),
+          "aria-label": t("chat", "placeholder"),
+          autoComplete: "off"
+        }
+      ),
+      busy ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { variant: "outline", onClick: onStop, children: t("chat", "stop") }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { variant: "signal", type: "submit", disabled: !canSend, children: t("chat", "send") })
+    ] })
+  ] });
+}
+function readFile(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => resolve({
+      name: file.name,
+      type: file.type || "application/octet-stream",
+      size: file.size,
+      data: String(reader.result),
+      lastModified: file.lastModified
+    });
+    reader.onerror = () => reject(reader.error);
+    reader.readAsDataURL(file);
+  });
+}
+function formatBytes(size) {
+  if (size < 1024) return `${size} B`;
+  if (size < 1024 * 1024) return `${(size / 1024).toFixed(0)} KB`;
+  return `${(size / (1024 * 1024)).toFixed(1)} MB`;
+}
+function FileGlyph() {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      "path",
+      {
+        d: "M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8l-5-5z",
+        stroke: "currentColor",
+        strokeWidth: "1.8",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M14 3v5h5", stroke: "currentColor", strokeWidth: "1.8", strokeLinejoin: "round" })
+  ] });
+}
+function ChatAuth({
+  need,
+  onPassword,
+  onRequestCode,
+  onVerifyCode
+}) {
+  const { t, client } = useAginies();
+  if (need === "sso") {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agi-chat__state", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { children: t("auth", "ssoTitle") }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: t("auth", "ssoHint") }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        Button,
+        {
+          variant: "signal",
+          onClick: () => window.open(`${client.baseUrl}/chat/`, "_blank", "noopener"),
+          children: t("auth", "ssoButton")
+        }
+      )
+    ] });
+  }
+  if (need === "email") {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EmailAuth, { onRequestCode, onVerifyCode });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PasswordAuth, { onPassword });
+}
+function PasswordAuth({
+  onPassword
+}) {
+  const { t } = useAginies();
+  const [value, setValue] = (0, import_react5.useState)("");
+  const [error, setError] = (0, import_react5.useState)(null);
+  const [pending, setPending] = (0, import_react5.useState)(false);
+  const submit = async (e) => {
+    e.preventDefault();
+    setPending(true);
+    setError(null);
+    const ok = await onPassword({ password: value });
+    setPending(false);
+    if (!ok) setError(t("auth", "invalidPassword"));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("form", { className: "agi-chat__state agi-chat__auth", onSubmit: submit, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { children: t("auth", "passwordTitle") }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: t("auth", "passwordHint") }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Field, { label: t("auth", "password"), error: error ?? void 0, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      Input,
+      {
+        type: "password",
+        value,
+        onChange: (e) => setValue(e.target.value),
+        required: true,
+        autoComplete: "current-password"
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { variant: "signal", type: "submit", disabled: pending || !value, children: t("auth", "continue") })
+  ] });
+}
+function EmailAuth({
+  onRequestCode,
+  onVerifyCode
+}) {
+  const { t } = useAginies();
+  const [email, setEmail] = (0, import_react5.useState)("");
+  const [code, setCode] = (0, import_react5.useState)("");
+  const [step, setStep] = (0, import_react5.useState)("email");
+  const [error, setError] = (0, import_react5.useState)(null);
+  const [notice, setNotice] = (0, import_react5.useState)(null);
+  const [pending, setPending] = (0, import_react5.useState)(false);
+  const request = async () => {
+    setPending(true);
+    setError(null);
+    setNotice(null);
+    const result = await onRequestCode(email.trim());
+    setPending(false);
+    if (result === "sent") {
+      setStep("code");
+      setNotice(t("auth", "codeSent"));
+    } else {
+      setError(t("auth", result === "unauthorized" ? "invalidEmail" : "codeError"));
+    }
+  };
+  const verify = async () => {
+    setPending(true);
+    setError(null);
+    setNotice(null);
+    const ok = await onVerifyCode(email.trim(), code.trim());
+    setPending(false);
+    if (!ok) setError(t("auth", "invalidCode"));
+  };
+  const submit = (e) => {
+    e.preventDefault();
+    void (step === "email" ? request() : verify());
+  };
+  if (step === "code") {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("form", { className: "agi-chat__state agi-chat__auth", onSubmit: submit, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { children: t("auth", "emailTitle") }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { children: [
+        t("auth", "codeHint"),
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: email })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Field, { label: t("auth", "code"), error: error ?? void 0, hint: notice ?? void 0, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        Input,
+        {
+          inputMode: "numeric",
+          autoComplete: "one-time-code",
+          pattern: "[0-9]{6}",
+          maxLength: 6,
+          value: code,
+          onChange: (e) => setCode(e.target.value.replace(/\D/g, "")),
+          required: true
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "agi-chat__auth-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { variant: "signal", type: "submit", disabled: pending || code.length !== 6, children: t("auth", "verify") }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { variant: "ghost", type: "button", disabled: pending, onClick: () => void request(), children: t("auth", "resend") }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          Button,
+          {
+            variant: "ghost",
+            type: "button",
+            disabled: pending,
+            onClick: () => {
+              setStep("email");
+              setCode("");
+              setError(null);
+              setNotice(null);
+            },
+            children: t("auth", "back")
+          }
+        )
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("form", { className: "agi-chat__state agi-chat__auth", onSubmit: submit, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { children: t("auth", "emailTitle") }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: t("auth", "emailHint") }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Field, { label: t("auth", "email"), error: error ?? void 0, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      Input,
+      {
+        type: "email",
+        value: email,
+        onChange: (e) => setEmail(e.target.value),
+        required: true,
+        autoComplete: "email"
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { variant: "signal", type: "submit", disabled: pending || !email.trim(), children: t("auth", "sendCode") })
+  ] });
+}
+
+// src/observability/index.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function StatTiles({
+  items,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: cx("agi-stats", className), ...props, children: items.map((s) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "agi-panel agi-stats__tile", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: cx("agi-stat__v", s.tone && s.tone !== "default" && `is-${s.tone}`), children: s.value }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "agi-stat__k", children: s.label }),
+    s.delta && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "agi-stats__delta", children: s.delta })
+  ] }, s.label)) });
+}
+var pct = (v) => `${(v * 100).toFixed(1)}%`;
+function SuccessHeatmap({
+  rows,
+  columns,
+  thresholds = { warn: 0.95, bad: 0.85 },
+  format = pct,
+  className,
+  ...props
+}) {
+  const cols = columns ?? Array.from({ length: rows[0]?.values.length ?? 0 }, (_, i) => String(i + 1));
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: cx("agi-heat", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("table", { className: "agi-heat__table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { className: "agi-heat__label" }),
+        cols.map((c) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { className: "agi-heat__col", scope: "col", children: c }, c))
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tbody", { children: rows.map((r) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { className: "agi-heat__label", scope: "row", children: r.label }),
+        r.values.map((v, i) => {
+          const tone = v === null ? "none" : v < thresholds.bad ? "bad" : v < thresholds.warn ? "warn" : "ok";
+          return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: "agi-heat__td", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            "span",
+            {
+              className: cx("agi-heat__cell", `is-${tone}`),
+              title: v === null ? "\u2014" : format(v),
+              style: v === null ? void 0 : { opacity: 0.35 + 0.65 * Math.min(1, Math.max(0, (v - 0.5) / 0.5)) }
+            }
+          ) }, i);
+        })
+      ] }, r.label)) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "agi-heat__legend", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Tag, { tone: "ok", children: [
+        "\u2265 ",
+        pct(thresholds.warn)
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Tag, { tone: "warn", children: [
+        "\u2265 ",
+        pct(thresholds.bad)
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Tag, { tone: "bad", children: [
+        "< ",
+        pct(thresholds.bad)
+      ] })
+    ] })
+  ] });
+}
+var GLYPH = {
+  ingest: "\u25E6",
+  plan: "\u2318",
+  retrieve: "\u2315",
+  reason: "\u223F",
+  tool: "\u2699",
+  verify: "\u2713",
+  approval: "\u23F8",
+  write: "\u21E2",
+  notify: "\u27A4"
+};
+var fmtMs = (x) => x < 1e3 ? `${Math.round(x)} ms` : `${(x / 1e3).toFixed(1)} s`;
+function RunTimeline({ steps, totalMs, className, ...props }) {
+  const end = totalMs ?? Math.max(1, ...steps.map((s) => s.startMs + (s.durationMs ?? 0)));
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ol", { className: cx("agi-timeline", className), ...props, children: steps.map((s) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    "li",
+    {
+      className: cx("agi-timeline__step", `is-${s.status}`, s.kind && `k-${s.kind}`),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "agi-timeline__glyph", "aria-hidden": "true", children: s.kind ? GLYPH[s.kind] : "\u2022" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "agi-timeline__name", children: [
+          s.name,
+          s.detail && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "agi-timeline__detail", children: s.detail })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "agi-timeline__bar", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "span",
+          {
+            className: "agi-timeline__fill",
+            style: {
+              left: `${s.startMs / end * 100}%`,
+              width: `${Math.max(1, (s.durationMs ?? 0) / end * 100)}%`
+            }
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "agi-timeline__meta", children: [
+          s.durationMs !== void 0 && fmtMs(s.durationMs),
+          s.tokens !== void 0 && ` \xB7 ${s.tokens} tok`,
+          s.costUsd !== void 0 && ` \xB7 $${s.costUsd.toFixed(3)}`
+        ] })
+      ]
+    },
+    s.id
+  )) });
+}
+var usd = (v) => `$${v.toFixed(2)}`;
+function CostBars({ items, format = usd, className, ...props }) {
+  const max = Math.max(1e-9, ...items.map((i) => i.value));
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: cx("agi-bars", className), ...props, children: items.map((i, idx) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "agi-bars__row", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "agi-bars__label", children: i.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "agi-bars__track", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "span",
+      {
+        className: "agi-bars__fill",
+        style: {
+          width: `${i.value / max * 100}%`,
+          background: `var(--data-${idx % 6 + 1})`
+        }
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "agi-bars__value", children: [
+      format(i.value),
+      i.note && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "agi-bars__note", children: i.note })
+    ] })
+  ] }, i.label)) });
+}
+
+// src/run/agent-runner.tsx
+var import_react6 = require("react");
+
+// src/run/run-client.ts
+async function* runAgent(client, workflowId, options, signal) {
+  const res = await client.fetchRaw(`/api/workflows/${encodeURIComponent(workflowId)}/execute`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      "X-API-Key": options.apiKey,
+      "X-Stream-Response": "true"
+    },
+    credentials: "omit",
+    body: JSON.stringify({
+      input: options.input,
+      stream: true,
+      triggerType: "api",
+      selectedOutputs: options.selectedOutputs
+    }),
+    signal
+  });
+  const executionId = res.headers.get("X-Execution-Id") ?? void 0;
+  if (!res.ok) {
+    let message = `HTTP ${res.status}`;
+    try {
+      const body = await res.json();
+      if (body.error) message = body.error;
+    } catch {
+    }
+    throw new AginiesError(message, res.status, res.status === 401 ? "UNAUTHORIZED" : void 0);
+  }
+  yield { type: "started", executionId };
+  const contentType = res.headers.get("content-type") ?? "";
+  if (!contentType.includes("text/event-stream")) {
+    const body = await res.json();
+    if (body.success === false) yield { type: "error", message: body.error ?? "Run failed" };
+    else yield { type: "done", output: body.output ?? body, success: true };
+    return;
+  }
+  yield* parseRunSSE(res.body);
+}
+async function* parseRunSSE(stream) {
+  const reader = stream.getReader();
+  const decoder = new TextDecoder();
+  let buffer = "";
+  let finished = false;
+  try {
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done) break;
+      buffer += decoder.decode(value, { stream: true });
+      let sep = buffer.indexOf("\n\n");
+      while (sep !== -1) {
+        const ev = decodeRunFrame(buffer.slice(0, sep));
+        buffer = buffer.slice(sep + 2);
+        if (ev) {
+          if (ev.type === "done" || ev.type === "error") finished = true;
+          yield ev;
+        }
+        sep = buffer.indexOf("\n\n");
+      }
+    }
+    const tail = decodeRunFrame(buffer);
+    if (tail) {
+      if (tail.type === "done" || tail.type === "error") finished = true;
+      yield tail;
+    }
+  } finally {
+    reader.releaseLock();
+  }
+  if (!finished) yield { type: "done", output: null, success: true };
+}
+function decodeRunFrame(frame) {
+  const line = frame.split("\n").find((l) => l.startsWith("data:"));
+  if (!line) return null;
+  const data = line.slice(5).trim();
+  if (!data || data === "[DONE]") return null;
+  let json;
+  try {
+    json = JSON.parse(data);
+  } catch {
+    return { type: "chunk", text: data };
+  }
+  const d = json.data ?? {};
+  switch (json.type) {
+    case "stream:chunk":
+      return { type: "chunk", blockId: d.blockId, text: String(d.chunk ?? "") };
+    case "block:started":
+      return {
+        type: "step",
+        blockId: String(d.blockId),
+        name: String(d.blockName ?? d.blockType ?? ""),
+        status: "running"
+      };
+    case "block:completed":
+      return {
+        type: "step",
+        blockId: String(d.blockId),
+        name: String(d.blockName ?? d.blockType ?? ""),
+        status: "done",
+        durationMs: d.durationMs
+      };
+    case "block:error":
+      return {
+        type: "step",
+        blockId: String(d.blockId),
+        name: String(d.blockName ?? d.blockType ?? ""),
+        status: "error",
+        durationMs: d.durationMs
+      };
+    case "execution:completed":
+      return { type: "done", output: d.output, success: d.success !== false };
+    case "execution:error":
+      return { type: "error", message: String(d.error ?? "Run failed") };
+    case "execution:cancelled":
+      return { type: "error", message: "Run cancelled" };
+    case "execution:started":
+    case "stream:done":
+      return null;
+  }
+  if (json.event === "error") return { type: "error", message: String(json.error ?? "Run failed") };
+  if (json.event === "final") {
+    const fd = json.data ?? {};
+    if (fd.success === false) {
+      const err = fd.error;
+      return {
+        type: "error",
+        message: typeof err === "string" ? err : err?.message ?? "Run failed"
+      };
+    }
+    return { type: "done", output: fd.output ?? fd, success: true };
+  }
+  if (typeof json.chunk === "string")
+    return { type: "chunk", blockId: json.blockId, text: json.chunk };
+  return null;
+}
+
+// src/run/agent-runner.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function useAgentRun(workflowId, apiKey) {
+  const { client, t } = useAginies();
+  const [status, setStatus] = (0, import_react6.useState)("idle");
+  const [text, setText] = (0, import_react6.useState)("");
+  const [steps, setSteps] = (0, import_react6.useState)([]);
+  const [output, setOutput] = (0, import_react6.useState)(null);
+  const [error, setError] = (0, import_react6.useState)(null);
+  const [executionId, setExecutionId] = (0, import_react6.useState)();
+  const abortRef = (0, import_react6.useRef)(null);
+  const cancel = (0, import_react6.useCallback)(() => {
+    abortRef.current?.abort();
+    abortRef.current = null;
+    setStatus((s) => s === "running" ? "idle" : s);
+  }, []);
+  const run = (0, import_react6.useCallback)(
+    async (input) => {
+      abortRef.current?.abort();
+      const controller = new AbortController();
+      abortRef.current = controller;
+      setStatus("running");
+      setText("");
+      setSteps([]);
+      setOutput(null);
+      setError(null);
+      try {
+        for await (const ev of runAgent(client, workflowId, { apiKey, input }, controller.signal)) {
+          apply(ev);
+        }
+      } catch (err) {
+        if (controller.signal.aborted) return;
+        setError(
+          err instanceof AginiesError && err.code === "UNAUTHORIZED" ? t("run", "unauthorized") : err instanceof Error ? err.message : t("run", "failed")
+        );
+        setStatus("error");
+      } finally {
+        if (abortRef.current === controller) abortRef.current = null;
+      }
+      function apply(ev) {
+        switch (ev.type) {
+          case "started":
+            setExecutionId(ev.executionId);
+            break;
+          case "chunk":
+            setText((s) => s + ev.text);
+            break;
+          case "step":
+            setSteps((prev) => {
+              const i = prev.findIndex((s) => s.blockId === ev.blockId);
+              const next = {
+                blockId: ev.blockId,
+                name: ev.name,
+                status: ev.status,
+                durationMs: ev.durationMs
+              };
+              if (i === -1) return [...prev, next];
+              const copy = [...prev];
+              copy[i] = next;
+              return copy;
+            });
+            break;
+          case "done":
+            setOutput(ev.output);
+            setStatus(ev.success ? "done" : "error");
+            break;
+          case "error":
+            setError(ev.message);
+            setStatus("error");
+            break;
+        }
+      }
+    },
+    [client, workflowId, apiKey, t]
+  );
+  return { status, text, steps, output, error, executionId, run, cancel };
+}
+var DEFAULT_FIELDS = [
+  { name: "input", label: "Input", type: "textarea", required: true }
+];
+function AgentRunner({
+  workflowId,
+  apiKey,
+  fields = DEFAULT_FIELDS,
+  title,
+  description,
+  submitLabel,
+  onResult,
+  className
+}) {
+  const { t } = useAginies();
+  const enabled = useModule("run");
+  const agent = useAgentRun(workflowId, apiKey);
+  const [values, setValues] = (0, import_react6.useState)(
+    () => Object.fromEntries(
+      fields.map((f) => [f.name, f.defaultValue ?? (f.type === "boolean" ? false : "")])
+    )
+  );
+  const set = (name, value) => setValues((v) => ({ ...v, [name]: value }));
+  const submit = async (e) => {
+    e.preventDefault();
+    if (agent.status === "running") return;
+    const input = fields.length === 1 && fields[0]?.name === "input" && fields[0]?.type === "textarea" ? values.input : values;
+    await agent.run(input);
+  };
+  const onResultRef = (0, import_react6.useRef)(onResult);
+  onResultRef.current = onResult;
+  (0, import_react6.useEffect)(() => {
+    if (agent.status === "done") onResultRef.current?.(agent.output);
+  }, [agent.status, agent.output]);
+  if (!enabled) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Panel, { className: cx("agi-run", className), children: [
+    (title || description) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("header", { className: "agi-run__head", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { className: "agi-run__title", children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "agi-run__desc", children: description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("form", { className: "agi-run__form", onSubmit: submit, children: [
+      fields.map((f) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Field, { label: f.label, children: f.type === "textarea" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        Textarea,
+        {
+          required: f.required,
+          placeholder: f.placeholder,
+          value: String(values[f.name] ?? ""),
+          onChange: (e) => set(f.name, e.target.value)
+        }
+      ) : f.type === "select" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        "select",
+        {
+          className: "agi-input",
+          required: f.required,
+          value: String(values[f.name] ?? ""),
+          onChange: (e) => set(f.name, e.target.value),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "", children: "\u2014" }),
+            f.options?.map((o) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: o.value, children: o.label }, o.value))
+          ]
+        }
+      ) : f.type === "boolean" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        "input",
+        {
+          type: "checkbox",
+          className: "agi-checkbox",
+          checked: Boolean(values[f.name]),
+          onChange: (e) => set(f.name, e.target.checked)
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        Input,
+        {
+          type: f.type === "number" ? "number" : "text",
+          required: f.required,
+          placeholder: f.placeholder,
+          value: String(values[f.name] ?? ""),
+          onChange: (e) => set(f.name, f.type === "number" ? Number(e.target.value) : e.target.value)
+        }
+      ) }, f.name)),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "agi-run__actions", children: [
+        agent.status === "running" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { variant: "outline", onClick: agent.cancel, children: t("run", "cancel") }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { variant: "signal", type: "submit", children: submitLabel ?? t("run", "submit") }),
+        agent.status === "running" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "agi-run__status", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Spinner, { label: t("run", "running") }),
+          " ",
+          t("run", "running")
+        ] }),
+        agent.status === "done" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Tag, { tone: "ok", children: t("run", "done") }),
+        agent.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Tag, { tone: "bad", children: t("run", "error") })
+      ] })
+    ] }),
+    agent.steps.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("ol", { className: "agi-run__steps", "aria-label": t("run", "steps"), children: agent.steps.map((s) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("li", { className: `agi-run__step is-${s.status}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "agi-run__step-dot" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "agi-run__step-name", children: s.name }),
+      s.durationMs !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "agi-run__step-meta", children: [
+        s.durationMs,
+        " ms"
+      ] })
+    ] }, s.blockId)) }),
+    (agent.text || agent.output !== null || agent.error) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { className: "agi-run__result", "aria-live": "polite", children: [
+      agent.error && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "agi-run__error", children: agent.error }),
+      agent.text && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "agi-run__text", children: agent.text }),
+      !agent.text && agent.output !== null && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("pre", { className: "agi-run__output", children: formatOutput(agent.output) }),
+      agent.executionId && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { className: "agi-run__meta", children: [
+        t("run", "execution"),
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("b", { children: agent.executionId })
+      ] })
+    ] })
+  ] });
+}
+function formatOutput(output) {
+  if (typeof output === "string") return output;
+  try {
+    return JSON.stringify(output, null, 2);
+  } catch {
+    return String(output);
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ATTACHMENT_LIMITS,
+  AgentRunner,
+  AginiesClient,
+  AginiesError,
+  AginiesProvider,
+  ApprovalPanel,
+  Button,
+  ChatWidget,
+  Chip,
+  CostBars,
+  Eyebrow,
+  Field,
+  Input,
+  Markdown,
+  Panel,
+  RunTimeline,
+  Spinner,
+  Stat,
+  StatTiles,
+  StructuredUI,
+  SuccessHeatmap,
+  Tag,
+  Textarea,
+  buildSubmission,
+  cx,
+  fieldsOf,
+  formatFieldValue,
+  getClient,
+  getPauseContext,
+  getPausedExecution,
+  init,
+  initialValues,
+  listPausedExecutions,
+  outputOf,
+  parseFieldValue,
+  parseRunSSE,
+  parseSSE,
+  parseStructured,
+  resumeExecution,
+  runAgent,
+  translator,
+  useAgentRun,
+  useAginies,
+  useApproval,
+  useChat,
+  useModule
+});
+//# sourceMappingURL=index.cjs.map