@insureco/docman 1.0.0 → 1.0.1

package/dist/ui/index.cjs

@@ -0,0 +1,1938 @@
+"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/ui/index.ts
+var ui_exports = {};
+__export(ui_exports, {
+  DocmanProvider: () => DocmanProvider,
+  DocumentGenerator: () => DocumentGenerator,
+  DocumentList: () => DocumentList,
+  HtmlTemplateEditor: () => HtmlTemplateEditor,
+  HtmlTemplateList: () => HtmlTemplateList,
+  OperationsPanel: () => OperationsPanel,
+  PdfTemplateList: () => PdfTemplateList,
+  PdfTemplateUploader: () => PdfTemplateUploader,
+  TemplateGroupList: () => TemplateGroupList,
+  useDocmanClient: () => useDocmanClient,
+  useDocuments: () => useDocuments,
+  useHtmlTemplates: () => useHtmlTemplates,
+  usePdfTemplates: () => usePdfTemplates,
+  useTemplateGroups: () => useTemplateGroups
+});
+module.exports = __toCommonJS(ui_exports);
+
+// src/ui/context.tsx
+var import_react = require("react");
+
+// src/errors.ts
+var DocmanError = class extends Error {
+  constructor(message, statusCode, code, details) {
+    super(message);
+    this.statusCode = statusCode;
+    this.code = code;
+    this.details = details;
+    this.name = "DocmanError";
+  }
+};
+
+// src/client.ts
+function toUint8(b) {
+  return b;
+}
+var DEFAULT_RETRIES = 2;
+var DEFAULT_TIMEOUT_MS = 15e3;
+var TOKEN_BUFFER_SECONDS = 30;
+function sleep(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+function backoff(attempt) {
+  const base = Math.min(1e3 * 2 ** attempt, 5e3);
+  return base * (0.5 + Math.random() * 0.5);
+}
+function isTokenExpired(token, bufferSeconds = TOKEN_BUFFER_SECONDS) {
+  try {
+    const parts = token.split(".");
+    if (parts.length !== 3) return true;
+    const payload = JSON.parse(Buffer.from(parts[1], "base64url").toString());
+    const now = Math.floor(Date.now() / 1e3);
+    return (payload.exp ?? 0) <= now + bufferSeconds;
+  } catch {
+    return true;
+  }
+}
+function extractError(envelope) {
+  const err = envelope.error;
+  if (typeof err === "object" && err !== null) return err;
+  return { code: "REQUEST_ERROR", message: err ?? "Request failed" };
+}
+var DocmanClient = class _DocmanClient {
+  baseUrl;
+  accessTokenFn;
+  internalKey;
+  retries;
+  timeoutMs;
+  cachedToken = null;
+  constructor(config) {
+    this.baseUrl = config.baseUrl.replace(/\/$/, "");
+    this.accessTokenFn = config.accessTokenFn;
+    this.internalKey = config.internalKey;
+    this.retries = config.retries ?? DEFAULT_RETRIES;
+    this.timeoutMs = config.timeoutMs ?? DEFAULT_TIMEOUT_MS;
+  }
+  /**
+   * Create a client from environment variables.
+   *
+   * Reads DOCMAN_URL (injected automatically when you declare docman as an
+   * internalDependency in catalog-info.yaml). Auth priority:
+   *   1. BIO_CLIENT_ID + BIO_CLIENT_SECRET  → client_credentials token
+   *   2. INTERNAL_SERVICE_KEY               → internal key header
+   *   3. No auth                            → local dev / testing
+   *
+   * catalog-info.yaml:
+   *   spec:
+   *     internalDependencies:
+   *       - service: docman
+   *         port: 3000
+   */
+  static fromEnv() {
+    const baseUrl = process.env.DOCMAN_URL;
+    if (!baseUrl) {
+      throw new DocmanError(
+        "DOCMAN_URL is not set. Add docman as an internalDependency in catalog-info.yaml",
+        500,
+        "CONFIG_ERROR"
+      );
+    }
+    const clientId = process.env.BIO_CLIENT_ID;
+    const clientSecret = process.env.BIO_CLIENT_SECRET;
+    const bioIdUrl = process.env.BIO_ID_URL ?? "https://bio.tawa.insureco.io";
+    if (clientId && clientSecret) {
+      return new _DocmanClient({
+        baseUrl,
+        accessTokenFn: async () => {
+          const res = await fetch(`${bioIdUrl}/api/oauth/token`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({
+              grant_type: "client_credentials",
+              client_id: clientId,
+              client_secret: clientSecret
+            })
+          });
+          if (!res.ok) {
+            throw new DocmanError("Failed to obtain Bio-ID access token", res.status, "AUTH_ERROR");
+          }
+          const data = await res.json();
+          return data.access_token;
+        }
+      });
+    }
+    const internalKey = process.env.INTERNAL_SERVICE_KEY;
+    if (internalKey) {
+      return new _DocmanClient({ baseUrl, internalKey });
+    }
+    return new _DocmanClient({ baseUrl });
+  }
+  // ─── Auth ────────────────────────────────────────────────
+  async authHeaders() {
+    if (this.accessTokenFn) {
+      if (!this.cachedToken || isTokenExpired(this.cachedToken)) {
+        this.cachedToken = await this.accessTokenFn();
+      }
+      return { Authorization: `Bearer ${this.cachedToken}` };
+    }
+    if (this.internalKey) {
+      return { "X-Internal-Key": this.internalKey };
+    }
+    return {};
+  }
+  // ─── Core fetch ──────────────────────────────────────────
+  async rawFetch(method, path, body, attempt = 0) {
+    const headers = await this.authHeaders();
+    const controller = new AbortController();
+    const timer = setTimeout(() => controller.abort(), this.timeoutMs);
+    let response;
+    try {
+      response = await fetch(`${this.baseUrl}${path}`, {
+        method,
+        headers: body !== void 0 ? { ...headers, "Content-Type": "application/json" } : headers,
+        body: body !== void 0 ? JSON.stringify(body) : void 0,
+        signal: controller.signal
+      });
+    } catch (err) {
+      clearTimeout(timer);
+      if (attempt < this.retries) {
+        await sleep(backoff(attempt));
+        return this.rawFetch(method, path, body, attempt + 1);
+      }
+      throw new DocmanError(`Network error: ${err.message}`, 0, "NETWORK_ERROR");
+    } finally {
+      clearTimeout(timer);
+    }
+    if (response.status >= 500 && attempt < this.retries) {
+      await sleep(backoff(attempt));
+      return this.rawFetch(method, path, body, attempt + 1);
+    }
+    const envelope = await response.json();
+    if (!response.ok || !envelope.success) {
+      const { code, message } = extractError(envelope);
+      throw new DocmanError(message, response.status, code);
+    }
+    return envelope;
+  }
+  async fetchData(method, path, body) {
+    const envelope = await this.rawFetch(method, path, body);
+    return envelope.data;
+  }
+  async fetchList(path) {
+    const envelope = await this.rawFetch("GET", path);
+    return {
+      data: envelope.data ?? [],
+      meta: envelope.meta ?? { total: 0, page: 1, limit: 20 }
+    };
+  }
+  buildQuery(params) {
+    const pairs = Object.entries(params).filter(([, v]) => v !== void 0).map(([k, v]) => `${encodeURIComponent(k)}=${encodeURIComponent(String(v))}`);
+    return pairs.length > 0 ? `?${pairs.join("&")}` : "";
+  }
+  /** Fetch with FormData body (multipart), return raw binary buffer. */
+  async fetchBinary(method, path, formData, attempt = 0) {
+    const headers = await this.authHeaders();
+    const controller = new AbortController();
+    const timer = setTimeout(() => controller.abort(), this.timeoutMs);
+    let response;
+    try {
+      response = await fetch(`${this.baseUrl}${path}`, {
+        method,
+        headers,
+        body: formData,
+        signal: controller.signal
+      });
+    } catch (err) {
+      clearTimeout(timer);
+      if (attempt < this.retries) {
+        await sleep(backoff(attempt));
+        return this.fetchBinary(method, path, formData, attempt + 1);
+      }
+      throw new DocmanError(`Network error: ${err.message}`, 0, "NETWORK_ERROR");
+    } finally {
+      clearTimeout(timer);
+    }
+    if (response.status >= 500 && attempt < this.retries) {
+      await sleep(backoff(attempt));
+      return this.fetchBinary(method, path, formData, attempt + 1);
+    }
+    if (!response.ok) {
+      const envelope = await response.json();
+      const { code, message } = extractError(envelope);
+      throw new DocmanError(message, response.status, code);
+    }
+    return Buffer.from(await response.arrayBuffer());
+  }
+  /** POST multipart form and parse the JSON response envelope. */
+  async fetchMultipartJson(path, formData) {
+    const headers = await this.authHeaders();
+    const response = await fetch(`${this.baseUrl}${path}`, {
+      method: "POST",
+      headers,
+      body: formData
+    });
+    const envelope = await response.json();
+    if (!response.ok || !envelope.success) {
+      const { code, message } = extractError(envelope);
+      throw new DocmanError(message, response.status, code);
+    }
+    return envelope.data;
+  }
+  /** PUT multipart form and parse the JSON response envelope. */
+  async putMultipartJson(path, formData) {
+    const headers = await this.authHeaders();
+    const response = await fetch(`${this.baseUrl}${path}`, {
+      method: "PUT",
+      headers,
+      body: formData
+    });
+    const envelope = await response.json();
+    if (!response.ok || !envelope.success) {
+      const { code, message } = extractError(envelope);
+      throw new DocmanError(message, response.status, code);
+    }
+    return envelope.data;
+  }
+  // ─── HTML Templates ──────────────────────────────────────
+  async createHtmlTemplate(options) {
+    return this.fetchData("POST", "/templates/html", options);
+  }
+  async listHtmlTemplates(query = {}) {
+    return this.fetchList(`/templates/html${this.buildQuery(query)}`);
+  }
+  async getHtmlTemplate(id) {
+    return this.fetchData("GET", `/templates/html/${encodeURIComponent(id)}`);
+  }
+  async updateHtmlTemplate(id, options) {
+    return this.fetchData("PUT", `/templates/html/${encodeURIComponent(id)}`, options);
+  }
+  async deleteHtmlTemplate(id) {
+    return this.fetchData("DELETE", `/templates/html/${encodeURIComponent(id)}`);
+  }
+  // ─── PDF Templates ───────────────────────────────────────
+  /**
+   * Upload a PDF form template.
+   * @param file  Raw PDF bytes (Buffer or Uint8Array)
+   * @param options  Name, description, and optional coordinates/isSystem flags
+   */
+  async uploadPdfTemplate(file, options = {}) {
+    const form = new FormData();
+    const filename = options.name ?? "template.pdf";
+    form.append("file", new Blob([toUint8(file)], { type: "application/pdf" }), filename);
+    if (options.name) form.append("name", options.name);
+    if (options.description) form.append("description", options.description);
+    if (options.coordinates) form.append("coordinates", JSON.stringify(options.coordinates));
+    if (options.isSystem !== void 0) form.append("isSystem", String(options.isSystem));
+    return this.fetchMultipartJson("/templates/pdf", form);
+  }
+  async listPdfTemplates(query = {}) {
+    return this.fetchList(`/templates/pdf${this.buildQuery(query)}`);
+  }
+  async getPdfTemplate(id) {
+    return this.fetchData("GET", `/templates/pdf/${encodeURIComponent(id)}`);
+  }
+  async getPdfTemplateFields(id) {
+    return this.fetchData("GET", `/templates/pdf/${encodeURIComponent(id)}/fields`);
+  }
+  async getPdfTemplateDownloadUrl(id) {
+    const data = await this.fetchData("GET", `/templates/pdf/${encodeURIComponent(id)}/download`);
+    return data.url;
+  }
+  /**
+   * Update a PDF template's metadata, and optionally replace the PDF file.
+   * @param file  If provided, replaces the stored PDF and re-extracts form fields
+   */
+  async updatePdfTemplate(id, options, file) {
+    if (file) {
+      const form = new FormData();
+      form.append("file", new Blob([toUint8(file)], { type: "application/pdf" }), "template.pdf");
+      if (options.name) form.append("name", options.name);
+      if (options.description) form.append("description", options.description);
+      if (options.coordinates) form.append("coordinates", JSON.stringify(options.coordinates));
+      return this.putMultipartJson(`/templates/pdf/${encodeURIComponent(id)}`, form);
+    }
+    return this.fetchData("PUT", `/templates/pdf/${encodeURIComponent(id)}`, options);
+  }
+  async deletePdfTemplate(id) {
+    return this.fetchData("DELETE", `/templates/pdf/${encodeURIComponent(id)}`);
+  }
+  // ─── Template Groups ─────────────────────────────────────
+  async createTemplateGroup(options) {
+    return this.fetchData("POST", "/template-groups", options);
+  }
+  async listTemplateGroups(query = {}) {
+    return this.fetchList(`/template-groups${this.buildQuery(query)}`);
+  }
+  async getTemplateGroup(id) {
+    return this.fetchData("GET", `/template-groups/${encodeURIComponent(id)}`);
+  }
+  async updateTemplateGroup(id, options) {
+    return this.fetchData("PUT", `/template-groups/${encodeURIComponent(id)}`, options);
+  }
+  async deleteTemplateGroup(id) {
+    await this.fetchData("DELETE", `/template-groups/${encodeURIComponent(id)}`);
+  }
+  // ─── Document Generation ─────────────────────────────────
+  /**
+   * Generate a document and store it in S3.
+   * Returns a presigned download URL and a public share URL.
+   */
+  async generate(options) {
+    return this.fetchData("POST", "/documents/generate", {
+      templateIds: options.templateIds,
+      templateData: options.data,
+      name: options.name,
+      description: options.description
+    });
+  }
+  /**
+   * Generate a document and stream the PDF buffer directly.
+   * Nothing is stored — useful for previews or on-the-fly delivery.
+   */
+  async generatePassthrough(options) {
+    const headers = await this.authHeaders();
+    const controller = new AbortController();
+    const timer = setTimeout(() => controller.abort(), this.timeoutMs);
+    let response;
+    try {
+      response = await fetch(`${this.baseUrl}/documents/generate/passthrough`, {
+        method: "POST",
+        headers: { ...headers, "Content-Type": "application/json" },
+        body: JSON.stringify({
+          templateIds: options.templateIds,
+          templateData: options.data,
+          name: options.name,
+          description: options.description
+        }),
+        signal: controller.signal
+      });
+    } catch (err) {
+      clearTimeout(timer);
+      throw new DocmanError(`Network error: ${err.message}`, 0, "NETWORK_ERROR");
+    } finally {
+      clearTimeout(timer);
+    }
+    if (!response.ok) {
+      const envelope = await response.json();
+      const { code, message } = extractError(envelope);
+      throw new DocmanError(message, response.status, code);
+    }
+    return Buffer.from(await response.arrayBuffer());
+  }
+  async listDocuments(query = {}) {
+    return this.fetchList(`/documents${this.buildQuery(query)}`);
+  }
+  async getDocument(id) {
+    return this.fetchData("GET", `/documents/${encodeURIComponent(id)}`);
+  }
+  /** Get a presigned S3 download URL for a stored document (1-hour TTL). */
+  async downloadUrl(id) {
+    const data = await this.fetchData("GET", `/documents/${encodeURIComponent(id)}/download`);
+    return data.url;
+  }
+  async getVersions(id) {
+    return this.fetchData("GET", `/documents/${encodeURIComponent(id)}/versions`);
+  }
+  /** Re-render a stored document using the original template data. */
+  async regenerate(id) {
+    return this.fetchData("POST", `/documents/${encodeURIComponent(id)}/regenerate`);
+  }
+  // ─── PDF Operations ──────────────────────────────────────
+  /**
+   * Merge two or more PDF buffers into a single PDF.
+   * Returns the merged PDF as a Buffer.
+   */
+  async merge(buffers) {
+    if (buffers.length < 2) {
+      throw new DocmanError("At least 2 PDF buffers are required for merge", 400, "VALIDATION_ERROR");
+    }
+    const form = new FormData();
+    for (const buf of buffers) {
+      form.append("files", new Blob([toUint8(buf)], { type: "application/pdf" }), "file.pdf");
+    }
+    return this.fetchBinary("POST", "/operations/merge", form);
+  }
+  /**
+   * Split a PDF into parts by page ranges.
+   * Returns an array of SplitPart with buffer, range, and size info.
+   */
+  async split(buffer, ranges) {
+    if (ranges.length === 0) {
+      throw new DocmanError("At least 1 page range is required", 400, "VALIDATION_ERROR");
+    }
+    const form = new FormData();
+    form.append("file", new Blob([toUint8(buffer)], { type: "application/pdf" }), "file.pdf");
+    form.append("ranges", JSON.stringify(ranges));
+    const headers = await this.authHeaders();
+    const response = await fetch(`${this.baseUrl}/operations/split`, {
+      method: "POST",
+      headers,
+      body: form
+    });
+    if (!response.ok) {
+      const envelope = await response.json();
+      const { code, message } = extractError(envelope);
+      throw new DocmanError(message, response.status, code);
+    }
+    const contentType = response.headers.get("content-type") ?? "";
+    if (contentType.includes("application/json")) {
+      const json = await response.json();
+      return json.data.map((part) => ({
+        index: part.index,
+        range: part.range,
+        buffer: Buffer.from(part.base64, "base64"),
+        sizeBytes: part.sizeBytes
+      }));
+    }
+    const buf = Buffer.from(await response.arrayBuffer());
+    return [{ index: 0, range: ranges[0], buffer: buf, sizeBytes: buf.length }];
+  }
+  /**
+   * Batch-introspect PDF form fields for multiple templates.
+   * Returns a map of templateId → field list.
+   */
+  async introspectFields(templateIds) {
+    return this.fetchData(
+      "POST",
+      "/templates/pdf/fields",
+      { templateIds }
+    );
+  }
+  /** Get the page count of a PDF buffer. */
+  async pageCount(buffer) {
+    const form = new FormData();
+    form.append("file", new Blob([toUint8(buffer)], { type: "application/pdf" }), "file.pdf");
+    const headers = await this.authHeaders();
+    const response = await fetch(`${this.baseUrl}/operations/page-count`, {
+      method: "POST",
+      headers,
+      body: form
+    });
+    if (!response.ok) {
+      const envelope = await response.json();
+      const { code, message } = extractError(envelope);
+      throw new DocmanError(message, response.status, code);
+    }
+    const json = await response.json();
+    return json.data.pages;
+  }
+};
+
+// src/ui/context.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var DocmanContext = (0, import_react.createContext)(null);
+function DocmanProvider({ baseUrl, children }) {
+  const client = (0, import_react.useMemo)(() => new DocmanClient({ baseUrl }), [baseUrl]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DocmanContext.Provider, { value: { client }, children });
+}
+function useDocmanContext() {
+  const ctx = (0, import_react.useContext)(DocmanContext);
+  if (!ctx) {
+    throw new Error("useDocmanContext must be used inside <DocmanProvider>");
+  }
+  return ctx;
+}
+
+// src/ui/hooks/useDocmanClient.ts
+function useDocmanClient() {
+  return useDocmanContext().client;
+}
+
+// src/ui/hooks/usePdfTemplates.ts
+var import_react2 = require("react");
+function usePdfTemplates(options = {}) {
+  const client = useDocmanClient();
+  const [result, setResult] = (0, import_react2.useState)(null);
+  const [loading, setLoading] = (0, import_react2.useState)(true);
+  const [error, setError] = (0, import_react2.useState)(null);
+  const [tick, setTick] = (0, import_react2.useState)(0);
+  const refresh = (0, import_react2.useCallback)(() => setTick((t) => t + 1), []);
+  (0, import_react2.useEffect)(() => {
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    client.listPdfTemplates({
+      page: options.page ?? 1,
+      limit: options.limit ?? 20,
+      archived: options.archived ?? false
+    }).then((res) => {
+      if (!cancelled) {
+        setResult(res);
+        setLoading(false);
+      }
+    }).catch((err) => {
+      if (!cancelled) {
+        setError(err.message);
+        setLoading(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, options.page, options.limit, options.archived, tick]);
+  return { result, loading, error, refresh };
+}
+
+// src/ui/hooks/useHtmlTemplates.ts
+var import_react3 = require("react");
+function useHtmlTemplates(options = {}) {
+  const client = useDocmanClient();
+  const [result, setResult] = (0, import_react3.useState)(null);
+  const [loading, setLoading] = (0, import_react3.useState)(true);
+  const [error, setError] = (0, import_react3.useState)(null);
+  const [tick, setTick] = (0, import_react3.useState)(0);
+  const refresh = (0, import_react3.useCallback)(() => setTick((t) => t + 1), []);
+  (0, import_react3.useEffect)(() => {
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    client.listHtmlTemplates({
+      page: options.page ?? 1,
+      limit: options.limit ?? 20,
+      archived: options.archived ?? false
+    }).then((res) => {
+      if (!cancelled) {
+        setResult(res);
+        setLoading(false);
+      }
+    }).catch((err) => {
+      if (!cancelled) {
+        setError(err.message);
+        setLoading(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, options.page, options.limit, options.archived, tick]);
+  return { result, loading, error, refresh };
+}
+
+// src/ui/hooks/useTemplateGroups.ts
+var import_react4 = require("react");
+function useTemplateGroups(page = 1, limit = 20) {
+  const client = useDocmanClient();
+  const [result, setResult] = (0, import_react4.useState)(null);
+  const [loading, setLoading] = (0, import_react4.useState)(true);
+  const [error, setError] = (0, import_react4.useState)(null);
+  const [tick, setTick] = (0, import_react4.useState)(0);
+  const refresh = (0, import_react4.useCallback)(() => setTick((t) => t + 1), []);
+  (0, import_react4.useEffect)(() => {
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    client.listTemplateGroups({ page, limit }).then((res) => {
+      if (!cancelled) {
+        setResult(res);
+        setLoading(false);
+      }
+    }).catch((err) => {
+      if (!cancelled) {
+        setError(err.message);
+        setLoading(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, page, limit, tick]);
+  return { result, loading, error, refresh };
+}
+
+// src/ui/hooks/useDocuments.ts
+var import_react5 = require("react");
+function useDocuments(page = 1, limit = 20) {
+  const client = useDocmanClient();
+  const [result, setResult] = (0, import_react5.useState)(null);
+  const [loading, setLoading] = (0, import_react5.useState)(true);
+  const [error, setError] = (0, import_react5.useState)(null);
+  const [tick, setTick] = (0, import_react5.useState)(0);
+  const refresh = (0, import_react5.useCallback)(() => setTick((t) => t + 1), []);
+  (0, import_react5.useEffect)(() => {
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    client.listDocuments({ page, limit }).then((res) => {
+      if (!cancelled) {
+        setResult(res);
+        setLoading(false);
+      }
+    }).catch((err) => {
+      if (!cancelled) {
+        setError(err.message);
+        setLoading(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, page, limit, tick]);
+  return { result, loading, error, refresh };
+}
+
+// src/ui/components/PdfTemplateList.tsx
+var import_react7 = require("react");
+
+// src/ui/shared/LoadingSpinner.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function LoadingSpinner({ label = "Loading\u2026" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "docman-loading", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "docman-spinner", "aria-hidden": "true" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: label })
+  ] });
+}
+
+// src/ui/shared/ErrorAlert.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function ErrorAlert({ message }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "docman-error", role: "alert", children: message });
+}
+
+// src/ui/shared/EmptyState.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function EmptyState({ icon = "\u{1F4C4}", title, description, action }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "docman-empty", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "docman-empty-icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "docman-empty-title", children: title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "docman-empty-desc", children: description }),
+    action && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { marginTop: "var(--docman-space-md)" }, children: action })
+  ] });
+}
+
+// src/ui/shared/Pagination.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function Pagination({ page, total, limit, onPageChange }) {
+  const totalPages = Math.ceil(total / limit);
+  const start = (page - 1) * limit + 1;
+  const end = Math.min(page * limit, total);
+  if (totalPages <= 1) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "docman-pagination", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "docman-pagination-info", children: [
+      start,
+      "\u2013",
+      end,
+      " of ",
+      total
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "docman-pagination-controls", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "button",
+        {
+          className: "docman-btn docman-btn-secondary docman-btn-sm",
+          onClick: () => onPageChange(page - 1),
+          disabled: page <= 1,
+          children: "Previous"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "button",
+        {
+          className: "docman-btn docman-btn-secondary docman-btn-sm",
+          onClick: () => onPageChange(page + 1),
+          disabled: page >= totalPages,
+          children: "Next"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/ui/components/PdfTemplateUploader.tsx
+var import_react6 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function PdfTemplateUploader({ onSuccess, onCancel, className }) {
+  const client = useDocmanClient();
+  const inputRef = (0, import_react6.useRef)(null);
+  const [name, setName] = (0, import_react6.useState)("");
+  const [description, setDescription] = (0, import_react6.useState)("");
+  const [file, setFile] = (0, import_react6.useState)(null);
+  const [dragging, setDragging] = (0, import_react6.useState)(false);
+  const [uploading, setUploading] = (0, import_react6.useState)(false);
+  const [error, setError] = (0, import_react6.useState)(null);
+  function handleFileChange(e) {
+    const f = e.target.files?.[0] ?? null;
+    setFile(f);
+    if (f && !name) setName(f.name.replace(/\.pdf$/i, ""));
+  }
+  function handleDrop(e) {
+    e.preventDefault();
+    setDragging(false);
+    const f = e.dataTransfer.files[0];
+    if (f?.type === "application/pdf") {
+      setFile(f);
+      if (!name) setName(f.name.replace(/\.pdf$/i, ""));
+    }
+  }
+  async function handleSubmit() {
+    if (!file) {
+      setError("Please select a PDF file.");
+      return;
+    }
+    if (!name.trim()) {
+      setError("Please enter a template name.");
+      return;
+    }
+    setError(null);
+    setUploading(true);
+    try {
+      const buffer = await file.arrayBuffer();
+      const template = await client.uploadPdfTemplate(new Uint8Array(buffer), {
+        name: name.trim(),
+        description: description.trim() || void 0
+      });
+      onSuccess?.(template);
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setUploading(false);
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: `docman-ui docman-card ${className ?? ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { style: { marginTop: 0, marginBottom: "var(--docman-space-lg)" }, children: "Upload PDF Template" }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ErrorAlert, { message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      "div",
+      {
+        className: `docman-dropzone ${dragging ? "docman-dropzone-active" : ""}`,
+        onClick: () => inputRef.current?.click(),
+        onDragOver: (e) => {
+          e.preventDefault();
+          setDragging(true);
+        },
+        onDragLeave: () => setDragging(false),
+        onDrop: handleDrop,
+        role: "button",
+        tabIndex: 0,
+        onKeyDown: (e) => e.key === "Enter" && inputRef.current?.click(),
+        "aria-label": "Click or drag to upload a PDF file",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { fontSize: "2rem" }, children: "\u{1F4CE}" }),
+          file ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { fontWeight: 500, marginTop: "var(--docman-space-sm)" }, children: file.name }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "docman-dropzone-text", children: "Click to select or drag a PDF here" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "input",
+            {
+              ref: inputRef,
+              type: "file",
+              accept: "application/pdf",
+              style: { display: "none" },
+              onChange: handleFileChange
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { marginTop: "var(--docman-space-lg)" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "docman-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { className: "docman-label", htmlFor: "pdf-upload-name", children: "Name *" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "input",
+          {
+            id: "pdf-upload-name",
+            className: "docman-input",
+            type: "text",
+            value: name,
+            onChange: (e) => setName(e.target.value),
+            placeholder: "Template name"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "docman-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { className: "docman-label", htmlFor: "pdf-upload-desc", children: "Description" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "input",
+          {
+            id: "pdf-upload-desc",
+            className: "docman-input",
+            type: "text",
+            value: description,
+            onChange: (e) => setDescription(e.target.value),
+            placeholder: "Optional description"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", gap: "var(--docman-space-sm)", justifyContent: "flex-end" }, children: [
+      onCancel && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: "docman-btn docman-btn-secondary", onClick: onCancel, disabled: uploading, children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "button",
+        {
+          className: "docman-btn docman-btn-primary",
+          onClick: handleSubmit,
+          disabled: uploading || !file,
+          children: uploading ? "Uploading\u2026" : "Upload Template"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/ui/components/PdfTemplateList.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function PdfTemplateList({
+  onUploadSuccess,
+  showUploadButton = true,
+  pageSize = 20,
+  className
+}) {
+  const client = useDocmanClient();
+  const [page, setPage] = (0, import_react7.useState)(1);
+  const [showUploader, setShowUploader] = (0, import_react7.useState)(false);
+  const [deleting, setDeleting] = (0, import_react7.useState)(null);
+  const [deleteError, setDeleteError] = (0, import_react7.useState)(null);
+  const { result, loading, error, refresh } = usePdfTemplates({ page, limit: pageSize });
+  async function handleDelete(template) {
+    if (!confirm(`Archive "${template.name}"? It will no longer appear in the list.`)) return;
+    setDeleteError(null);
+    setDeleting(template._id);
+    try {
+      await client.deletePdfTemplate(template._id);
+      refresh();
+    } catch (err) {
+      setDeleteError(err.message);
+    } finally {
+      setDeleting(null);
+    }
+  }
+  function handleUploadSuccess(template) {
+    setShowUploader(false);
+    refresh();
+    onUploadSuccess?.(template);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: `docman-ui ${className ?? ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "docman-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { className: "docman-title", children: "PDF Templates" }),
+      showUploadButton && !showUploader && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { className: "docman-btn docman-btn-primary", onClick: () => setShowUploader(true), children: "+ Upload Template" })
+    ] }),
+    showUploader && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { marginBottom: "var(--docman-space-lg)" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      PdfTemplateUploader,
+      {
+        onSuccess: handleUploadSuccess,
+        onCancel: () => setShowUploader(false)
+      }
+    ) }),
+    deleteError && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ErrorAlert, { message: deleteError }),
+    loading && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LoadingSpinner, {}),
+    !loading && error && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ErrorAlert, { message: error }),
+    !loading && !error && result && (result.data.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      EmptyState,
+      {
+        icon: "\u{1F4CB}",
+        title: "No PDF templates yet",
+        description: "Upload a PDF form to get started.",
+        action: showUploadButton && !showUploader ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { className: "docman-btn docman-btn-primary", onClick: () => setShowUploader(true), children: "Upload Template" }) : void 0
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "docman-table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("table", { className: "docman-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", { children: "Name" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { children: "Fields" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { children: "Pages" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { children: "Created" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", {})
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tbody", { children: result.data.map((t) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("td", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { fontWeight: 500 }, children: t.name }),
+            t.description && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { fontSize: "0.8rem", color: "var(--docman-color-text-secondary)" }, children: t.description })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "docman-badge docman-badge-info", children: [
+            t.fields.length,
+            " fields"
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { children: t.pages }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { style: { color: "var(--docman-color-text-secondary)", fontSize: "0.8rem" }, children: new Date(t.createdAt).toLocaleDateString() }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { style: { textAlign: "right" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            "button",
+            {
+              className: "docman-btn docman-btn-danger docman-btn-sm",
+              onClick: () => handleDelete(t),
+              disabled: deleting === t._id,
+              children: deleting === t._id ? "Archiving\u2026" : "Archive"
+            }
+          ) })
+        ] }, t._id)) })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        Pagination,
+        {
+          page,
+          total: result.meta.total,
+          limit: pageSize,
+          onPageChange: setPage
+        }
+      )
+    ] }))
+  ] });
+}
+
+// src/ui/components/HtmlTemplateList.tsx
+var import_react9 = require("react");
+
+// src/ui/components/HtmlTemplateEditor.tsx
+var import_react8 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var DEFAULT_HTML = `<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <style>
+    body { font-family: sans-serif; padding: 40px; }
+    h1 { color: #1e293b; }
+  </style>
+</head>
+<body>
+  <h1>Hello, {{firstName}}!</h1>
+  <p>Welcome to {{orgName}}.</p>
+</body>
+</html>`;
+function HtmlTemplateEditor({
+  templateId,
+  initialHtml,
+  onSave,
+  onCancel,
+  className
+}) {
+  const client = useDocmanClient();
+  const [name, setName] = (0, import_react8.useState)("");
+  const [description, setDescription] = (0, import_react8.useState)("");
+  const [html, setHtml] = (0, import_react8.useState)(initialHtml ?? DEFAULT_HTML);
+  const [landscape, setLandscape] = (0, import_react8.useState)(false);
+  const [loading, setLoading] = (0, import_react8.useState)(!!templateId);
+  const [saving, setSaving] = (0, import_react8.useState)(false);
+  const [error, setError] = (0, import_react8.useState)(null);
+  (0, import_react8.useEffect)(() => {
+    if (!templateId) return;
+    let cancelled = false;
+    setLoading(true);
+    client.getHtmlTemplate(templateId).then((t) => {
+      if (cancelled) return;
+      setName(t.name);
+      setDescription(t.description ?? "");
+      setHtml(t.html);
+      setLandscape(t.landscape);
+      setLoading(false);
+    }).catch((err) => {
+      if (cancelled) return;
+      setError(err.message);
+      setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, templateId]);
+  async function handleSave() {
+    if (!name.trim()) {
+      setError("Please enter a template name.");
+      return;
+    }
+    setError(null);
+    setSaving(true);
+    try {
+      const template = templateId ? await client.updateHtmlTemplate(templateId, {
+        name: name.trim(),
+        description: description.trim() || void 0,
+        html,
+        landscape
+      }) : await client.createHtmlTemplate({
+        name: name.trim(),
+        description: description.trim() || void 0,
+        html,
+        landscape
+      });
+      onSave?.(template);
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setSaving(false);
+    }
+  }
+  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(LoadingSpinner, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `docman-ui ${className ?? ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "docman-header", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h2", { className: "docman-title", children: templateId ? "Edit HTML Template" : "New HTML Template" }) }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ErrorAlert, { message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "grid", gridTemplateColumns: "280px 1fr", gap: "var(--docman-space-lg)", alignItems: "start" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "docman-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { className: "docman-label", htmlFor: "html-tmpl-name", children: "Name *" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "input",
+            {
+              id: "html-tmpl-name",
+              className: "docman-input",
+              type: "text",
+              value: name,
+              onChange: (e) => setName(e.target.value),
+              placeholder: "Template name"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "docman-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { className: "docman-label", htmlFor: "html-tmpl-desc", children: "Description" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "input",
+            {
+              id: "html-tmpl-desc",
+              className: "docman-input",
+              type: "text",
+              value: description,
+              onChange: (e) => setDescription(e.target.value),
+              placeholder: "Optional description"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "docman-field", style: { display: "flex", alignItems: "center", gap: "var(--docman-space-sm)" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "input",
+            {
+              id: "html-tmpl-landscape",
+              type: "checkbox",
+              checked: landscape,
+              onChange: (e) => setLandscape(e.target.checked)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { htmlFor: "html-tmpl-landscape", className: "docman-label", style: { margin: 0 }, children: "Landscape orientation" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "var(--docman-space-sm)", marginTop: "var(--docman-space-lg)" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "button",
+            {
+              className: "docman-btn docman-btn-primary",
+              onClick: handleSave,
+              disabled: saving,
+              children: saving ? "Saving\u2026" : "Save Template"
+            }
+          ),
+          onCancel && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: "docman-btn docman-btn-secondary", onClick: onCancel, disabled: saving, children: "Cancel" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "docman-split", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { className: "docman-label", children: "HTML (Handlebars supported)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "textarea",
+            {
+              className: "docman-textarea",
+              style: { minHeight: "420px", fontFamily: "var(--docman-font-mono)", fontSize: "0.8rem" },
+              value: html,
+              onChange: (e) => setHtml(e.target.value),
+              spellCheck: false
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { className: "docman-label", children: "Live Preview" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "iframe",
+            {
+              className: "docman-preview-frame",
+              srcDoc: html,
+              title: "Template preview",
+              sandbox: "allow-same-origin"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+// src/ui/components/HtmlTemplateList.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function HtmlTemplateList({
+  onCreateSuccess,
+  showCreateButton = true,
+  pageSize = 20,
+  className
+}) {
+  const client = useDocmanClient();
+  const [page, setPage] = (0, import_react9.useState)(1);
+  const [creating, setCreating] = (0, import_react9.useState)(false);
+  const [editingId, setEditingId] = (0, import_react9.useState)(null);
+  const [deleting, setDeleting] = (0, import_react9.useState)(null);
+  const [deleteError, setDeleteError] = (0, import_react9.useState)(null);
+  const { result, loading, error, refresh } = useHtmlTemplates({ page, limit: pageSize });
+  async function handleDelete(template) {
+    if (!confirm(`Archive "${template.name}"?`)) return;
+    setDeleteError(null);
+    setDeleting(template._id);
+    try {
+      await client.deleteHtmlTemplate(template._id);
+      refresh();
+    } catch (err) {
+      setDeleteError(err.message);
+    } finally {
+      setDeleting(null);
+    }
+  }
+  function handleSaveSuccess(template) {
+    setCreating(false);
+    setEditingId(null);
+    refresh();
+    onCreateSuccess?.(template);
+  }
+  if (editingId) {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      HtmlTemplateEditor,
+      {
+        templateId: editingId,
+        onSave: handleSaveSuccess,
+        onCancel: () => setEditingId(null),
+        className
+      }
+    );
+  }
+  if (creating) {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      HtmlTemplateEditor,
+      {
+        onSave: handleSaveSuccess,
+        onCancel: () => setCreating(false),
+        className
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: `docman-ui ${className ?? ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "docman-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h2", { className: "docman-title", children: "HTML Templates" }),
+      showCreateButton && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { className: "docman-btn docman-btn-primary", onClick: () => setCreating(true), children: "+ New Template" })
+    ] }),
+    deleteError && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ErrorAlert, { message: deleteError }),
+    loading && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LoadingSpinner, {}),
+    !loading && error && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ErrorAlert, { message: error }),
+    !loading && !error && result && (result.data.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      EmptyState,
+      {
+        icon: "\u{1F58A}\uFE0F",
+        title: "No HTML templates yet",
+        description: "Create a Handlebars HTML template to generate PDF documents.",
+        action: showCreateButton ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { className: "docman-btn docman-btn-primary", onClick: () => setCreating(true), children: "New Template" }) : void 0
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "docman-table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("table", { className: "docman-table", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("th", { children: "Name" }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("th", { children: "Variables" }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("th", { children: "Orientation" }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("th", { children: "Created" }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("th", {})
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("tbody", { children: result.data.map((t) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("td", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: { fontWeight: 500 }, children: t.name }),
+            t.description && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: { fontSize: "0.8rem", color: "var(--docman-color-text-secondary)" }, children: t.description })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("td", { children: t.variables.length > 0 ? t.variables.map((v) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "docman-badge docman-badge-info", style: { marginRight: "4px" }, children: `{{${v}}}` }, v)) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { style: { color: "var(--docman-color-text-secondary)", fontSize: "0.8rem" }, children: "none" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("td", { children: t.landscape ? "Landscape" : "Portrait" }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("td", { style: { color: "var(--docman-color-text-secondary)", fontSize: "0.8rem" }, children: new Date(t.createdAt).toLocaleDateString() }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("td", { style: { textAlign: "right", display: "flex", gap: "var(--docman-space-xs)", justifyContent: "flex-end" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              "button",
+              {
+                className: "docman-btn docman-btn-secondary docman-btn-sm",
+                onClick: () => setEditingId(t._id),
+                children: "Edit"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              "button",
+              {
+                className: "docman-btn docman-btn-danger docman-btn-sm",
+                onClick: () => handleDelete(t),
+                disabled: deleting === t._id,
+                children: deleting === t._id ? "Archiving\u2026" : "Archive"
+              }
+            )
+          ] })
+        ] }, t._id)) })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Pagination, { page, total: result.meta.total, limit: pageSize, onPageChange: setPage })
+    ] }))
+  ] });
+}
+
+// src/ui/components/TemplateGroupList.tsx
+var import_react10 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function TemplateGroupList({ onSelect, pageSize = 20, className }) {
+  const [page, setPage] = (0, import_react10.useState)(1);
+  const { result, loading, error } = useTemplateGroups(page, pageSize);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: `docman-ui ${className ?? ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "docman-header", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h2", { className: "docman-title", children: "Template Groups" }) }),
+    loading && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(LoadingSpinner, {}),
+    !loading && error && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ErrorAlert, { message: error }),
+    !loading && !error && result && (result.data.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      EmptyState,
+      {
+        icon: "\u{1F4C1}",
+        title: "No template groups yet",
+        description: "Template groups combine multiple PDF and HTML templates into a single document bundle."
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "docman-checkbox-grid", children: result.data.map((g) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+        "div",
+        {
+          className: "docman-checkbox-card",
+          onClick: () => onSelect?.(g),
+          role: onSelect ? "button" : void 0,
+          tabIndex: onSelect ? 0 : void 0,
+          onKeyDown: (e) => e.key === "Enter" && onSelect?.(g),
+          style: { cursor: onSelect ? "pointer" : "default" },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { fontSize: "1.5rem" }, children: "\u{1F4C1}" }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { fontWeight: 600, fontSize: "0.875rem" }, children: g.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { style: { fontSize: "0.8rem", color: "var(--docman-color-text-secondary)", marginTop: "2px" }, children: [
+                g.templates.length,
+                " template",
+                g.templates.length !== 1 ? "s" : ""
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { display: "flex", gap: "4px", flexWrap: "wrap", marginTop: "var(--docman-space-xs)" }, children: g.templates.map((t, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: `docman-badge ${t.templateType === "pdf" ? "docman-badge-info" : "docman-badge-success"}`, children: t.templateType.toUpperCase() }, i)) })
+            ] })
+          ]
+        },
+        g._id
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Pagination, { page, total: result.meta.total, limit: pageSize, onPageChange: setPage })
+    ] }))
+  ] });
+}
+
+// src/ui/components/DocumentList.tsx
+var import_react11 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function formatBytes(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function DocumentList({ pageSize = 20, className }) {
+  const client = useDocmanClient();
+  const [page, setPage] = (0, import_react11.useState)(1);
+  const [downloading, setDownloading] = (0, import_react11.useState)(null);
+  const [downloadError, setDownloadError] = (0, import_react11.useState)(null);
+  const { result, loading, error } = useDocuments(page, pageSize);
+  async function handleDownload(id, name) {
+    setDownloadError(null);
+    setDownloading(id);
+    try {
+      const url = await client.downloadUrl(id);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = `${name}.pdf`;
+      a.click();
+    } catch (err) {
+      setDownloadError(err.message);
+    } finally {
+      setDownloading(null);
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: `docman-ui ${className ?? ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "docman-header", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h2", { className: "docman-title", children: "Documents" }) }),
+    downloadError && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ErrorAlert, { message: downloadError }),
+    loading && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(LoadingSpinner, {}),
+    !loading && error && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ErrorAlert, { message: error }),
+    !loading && !error && result && (result.data.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      EmptyState,
+      {
+        icon: "\u{1F4C4}",
+        title: "No documents yet",
+        description: "Generate your first document using the Generate tab."
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "docman-table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("table", { className: "docman-table", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", { children: "Name" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", { children: "Pages" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", { children: "Size" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", { children: "Version" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", { children: "Created" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", {})
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("tbody", { children: result.data.map((doc) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("td", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { style: { fontWeight: 500 }, children: doc.name }),
+            doc.description && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { style: { fontSize: "0.8rem", color: "var(--docman-color-text-secondary)" }, children: doc.description })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { children: doc.pages }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { style: { color: "var(--docman-color-text-secondary)", fontSize: "0.8rem" }, children: formatBytes(doc.sizeBytes) }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "docman-badge docman-badge-info", children: [
+            "v",
+            doc.version
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { style: { color: "var(--docman-color-text-secondary)", fontSize: "0.8rem" }, children: new Date(doc.createdAt).toLocaleDateString() }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("td", { style: { textAlign: "right", display: "flex", gap: "var(--docman-space-xs)", justifyContent: "flex-end" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              "button",
+              {
+                className: "docman-btn docman-btn-secondary docman-btn-sm",
+                onClick: () => handleDownload(doc._id, doc.name),
+                disabled: downloading === doc._id,
+                children: downloading === doc._id ? "Fetching\u2026" : "Download"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              "a",
+              {
+                href: `/d/${doc.shareToken}`,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "docman-btn docman-btn-secondary docman-btn-sm",
+                children: "Share"
+              }
+            )
+          ] })
+        ] }, doc._id)) })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Pagination, { page, total: result.meta.total, limit: pageSize, onPageChange: setPage })
+    ] }))
+  ] });
+}
+
+// src/ui/components/DocumentGenerator.tsx
+var import_react12 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function StepIndicator({ current }) {
+  const steps = [
+    { key: "select", label: "Select templates" },
+    { key: "fields", label: "Fill in data" },
+    { key: "generate", label: "Done" }
+  ];
+  const order = ["select", "fields", "generate"];
+  const currentIdx = order.indexOf(current);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "docman-steps", children: steps.map(({ key, label }, i) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    "div",
+    {
+      className: `docman-step ${i === currentIdx ? "docman-step-active" : ""} ${i < currentIdx ? "docman-step-done" : ""}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "docman-step-num", children: i < currentIdx ? "\u2713" : i + 1 }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: label }),
+        i < steps.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { style: { color: "var(--docman-color-border)", margin: "0 4px" }, children: "\u2192" })
+      ]
+    },
+    key
+  )) });
+}
+function DocumentGenerator({ initialTemplateIds, onSuccess, className }) {
+  const client = useDocmanClient();
+  const [step, setStep] = (0, import_react12.useState)(initialTemplateIds ? "fields" : "select");
+  const [selectedIds, setSelectedIds] = (0, import_react12.useState)(initialTemplateIds ? [...initialTemplateIds] : []);
+  const [fields, setFields] = (0, import_react12.useState)({});
+  const [htmlVariables, setHtmlVariables] = (0, import_react12.useState)([]);
+  const [fieldValues, setFieldValues] = (0, import_react12.useState)({});
+  const [introspecting, setIntrospecting] = (0, import_react12.useState)(false);
+  const [introspectError, setIntrospectError] = (0, import_react12.useState)(null);
+  const [docName, setDocName] = (0, import_react12.useState)("");
+  const [docDescription, setDocDescription] = (0, import_react12.useState)("");
+  const [generating, setGenerating] = (0, import_react12.useState)(false);
+  const [generateError, setGenerateError] = (0, import_react12.useState)(null);
+  const [result, setResult] = (0, import_react12.useState)(null);
+  const { result: pdfResult, loading: pdfLoading } = usePdfTemplates({ limit: 100 });
+  const { result: htmlResult, loading: htmlLoading } = useHtmlTemplates({ limit: 100 });
+  (0, import_react12.useEffect)(() => {
+    if (step !== "fields" || selectedIds.length === 0) return;
+    const pdfIds = selectedIds.filter((id) => pdfResult?.data.some((t) => t._id === id));
+    const htmlTemplates = htmlResult?.data.filter((t) => selectedIds.includes(t._id)) ?? [];
+    const vars = htmlTemplates.flatMap((t) => t.variables);
+    setHtmlVariables([...new Set(vars)]);
+    if (pdfIds.length === 0) {
+      setFields({});
+      return;
+    }
+    setIntrospecting(true);
+    setIntrospectError(null);
+    client.introspectFields(pdfIds).then((f) => {
+      setFields(f);
+      setIntrospecting(false);
+    }).catch((err) => {
+      setIntrospectError(err.message);
+      setIntrospecting(false);
+    });
+  }, [step, selectedIds, client, pdfResult, htmlResult]);
+  function toggleTemplate(id) {
+    setSelectedIds(
+      (prev) => prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]
+    );
+  }
+  function handleFieldChange(key, value) {
+    setFieldValues((prev) => ({ ...prev, [key]: value }));
+  }
+  async function handleGenerate() {
+    if (!docName.trim()) {
+      setGenerateError("Please enter a document name.");
+      return;
+    }
+    setGenerateError(null);
+    setGenerating(true);
+    try {
+      const templateData = {};
+      for (const [k, v] of Object.entries(fieldValues)) {
+        templateData[k] = v;
+      }
+      const generated = await client.generate({
+        templateIds: selectedIds,
+        data: templateData,
+        name: docName.trim(),
+        description: docDescription.trim() || void 0
+      });
+      setResult(generated);
+      setStep("generate");
+      onSuccess?.(generated);
+    } catch (err) {
+      setGenerateError(err.message);
+    } finally {
+      setGenerating(false);
+    }
+  }
+  function reset() {
+    setStep("select");
+    setSelectedIds([]);
+    setFields({});
+    setHtmlVariables([]);
+    setFieldValues({});
+    setDocName("");
+    setDocDescription("");
+    setResult(null);
+    setGenerateError(null);
+  }
+  const allPdfFields = Object.values(fields).flat();
+  const allFieldKeys = [
+    .../* @__PURE__ */ new Set([
+      ...allPdfFields.map((f) => f.name),
+      ...htmlVariables
+    ])
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `docman-ui ${className ?? ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "docman-header", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { className: "docman-title", children: "Generate Document" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(StepIndicator, { current: step }),
+    step === "select" && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
+      (pdfLoading || htmlLoading) && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(LoadingSpinner, { label: "Loading templates\u2026" }),
+      !pdfLoading && !htmlLoading && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+        (pdfResult?.data.length ?? 0) === 0 && (htmlResult?.data.length ?? 0) === 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "docman-error", children: "No templates found. Upload a PDF template or create an HTML template first." }),
+        (pdfResult?.data.length ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { style: { margin: "0 0 var(--docman-space-sm)" }, children: "PDF Templates" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "docman-checkbox-grid", style: { marginBottom: "var(--docman-space-lg)" }, children: pdfResult.data.map((t) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+            "label",
+            {
+              className: `docman-checkbox-card ${selectedIds.includes(t._id) ? "docman-checkbox-card-selected" : ""}`,
+              style: { cursor: "pointer" },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: selectedIds.includes(t._id),
+                    onChange: () => toggleTemplate(t._id),
+                    style: { marginTop: "2px" }
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { fontWeight: 600, fontSize: "0.875rem" }, children: t.name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: { fontSize: "0.8rem", color: "var(--docman-color-text-secondary)" }, children: [
+                    t.fields.length,
+                    " fields \xB7 ",
+                    t.pages,
+                    " page",
+                    t.pages !== 1 ? "s" : ""
+                  ] })
+                ] })
+              ]
+            },
+            t._id
+          )) })
+        ] }),
+        (htmlResult?.data.length ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { style: { margin: "0 0 var(--docman-space-sm)" }, children: "HTML Templates" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "docman-checkbox-grid", style: { marginBottom: "var(--docman-space-lg)" }, children: htmlResult.data.map((t) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+            "label",
+            {
+              className: `docman-checkbox-card ${selectedIds.includes(t._id) ? "docman-checkbox-card-selected" : ""}`,
+              style: { cursor: "pointer" },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: selectedIds.includes(t._id),
+                    onChange: () => toggleTemplate(t._id),
+                    style: { marginTop: "2px" }
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { fontWeight: 600, fontSize: "0.875rem" }, children: t.name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: { fontSize: "0.8rem", color: "var(--docman-color-text-secondary)" }, children: [
+                    t.variables.length,
+                    " variables \xB7 ",
+                    t.landscape ? "Landscape" : "Portrait"
+                  ] })
+                ] })
+              ]
+            },
+            t._id
+          )) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+          "button",
+          {
+            className: "docman-btn docman-btn-primary",
+            onClick: () => setStep("fields"),
+            disabled: selectedIds.length === 0,
+            children: [
+              "Continue with ",
+              selectedIds.length,
+              " template",
+              selectedIds.length !== 1 ? "s" : "",
+              " \u2192"
+            ]
+          }
+        ) })
+      ] })
+    ] }),
+    step === "fields" && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
+      introspecting && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(LoadingSpinner, { label: "Detecting form fields\u2026" }),
+      introspectError && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ErrorAlert, { message: introspectError }),
+      generateError && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ErrorAlert, { message: generateError }),
+      !introspecting && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "docman-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("label", { className: "docman-label", htmlFor: "gen-name", children: "Document name *" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            "input",
+            {
+              id: "gen-name",
+              className: "docman-input",
+              type: "text",
+              value: docName,
+              onChange: (e) => setDocName(e.target.value),
+              placeholder: "e.g. Quote for Acme Corp"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "docman-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("label", { className: "docman-label", htmlFor: "gen-desc", children: "Description" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            "input",
+            {
+              id: "gen-desc",
+              className: "docman-input",
+              type: "text",
+              value: docDescription,
+              onChange: (e) => setDocDescription(e.target.value),
+              placeholder: "Optional"
+            }
+          )
+        ] }),
+        allFieldKeys.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { style: { margin: "var(--docman-space-lg) 0 var(--docman-space-sm)" }, children: "Template fields" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(260px, 1fr))", gap: "var(--docman-space-md)" }, children: allFieldKeys.map((key) => {
+            const pdfField = allPdfFields.find((f) => f.name === key);
+            const isCheckbox = pdfField?.type === "checkbox";
+            return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "docman-field", style: { margin: 0 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "docman-label", htmlFor: `field-${key}`, children: [
+                key,
+                pdfField?.required && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { style: { color: "var(--docman-color-danger)" }, children: " *" })
+              ] }),
+              isCheckbox ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                "select",
+                {
+                  id: `field-${key}`,
+                  className: "docman-select",
+                  value: fieldValues[key] ?? "",
+                  onChange: (e) => handleFieldChange(key, e.target.value),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: "", children: "\u2014 select \u2014" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: "Yes", children: "Yes" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: "No", children: "No" })
+                  ]
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                "input",
+                {
+                  id: `field-${key}`,
+                  className: "docman-input",
+                  type: "text",
+                  value: fieldValues[key] ?? "",
+                  onChange: (e) => handleFieldChange(key, e.target.value),
+                  placeholder: key
+                }
+              )
+            ] }, key);
+          }) })
+        ] }),
+        allFieldKeys.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { color: "var(--docman-color-text-secondary)", fontSize: "0.875rem", margin: "var(--docman-space-md) 0" }, children: "No form fields detected. Enter a document name and generate." }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: { display: "flex", gap: "var(--docman-space-sm)", justifyContent: "flex-end", marginTop: "var(--docman-space-lg)" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { className: "docman-btn docman-btn-secondary", onClick: () => setStep("select"), disabled: generating, children: "\u2190 Back" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            "button",
+            {
+              className: "docman-btn docman-btn-primary",
+              onClick: handleGenerate,
+              disabled: generating,
+              children: generating ? "Generating\u2026" : "Generate Document"
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    step === "generate" && result && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "docman-card", style: { textAlign: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { fontSize: "3rem", marginBottom: "var(--docman-space-sm)" }, children: "\u2705" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { style: { margin: "0 0 var(--docman-space-sm)" }, children: "Document generated!" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { style: { color: "var(--docman-color-text-secondary)", fontSize: "0.875rem", margin: "0 0 var(--docman-space-lg)" }, children: [
+        result.pages,
+        " page",
+        result.pages !== 1 ? "s" : "",
+        " \xB7 ",
+        (result.sizeBytes / 1024).toFixed(1),
+        " KB"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: { display: "flex", gap: "var(--docman-space-sm)", justifyContent: "center", flexWrap: "wrap" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "a",
+          {
+            href: result.downloadUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "docman-btn docman-btn-primary",
+            children: "Download PDF"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "a",
+          {
+            href: result.publicUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "docman-btn docman-btn-secondary",
+            children: "Share link"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { className: "docman-btn docman-btn-secondary", onClick: reset, children: "Generate another" })
+      ] })
+    ] })
+  ] });
+}
+
+// src/ui/components/OperationsPanel.tsx
+var import_react13 = require("react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function toUint82(b) {
+  return b;
+}
+function downloadBlob(blob, filename) {
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = filename;
+  a.click();
+  URL.revokeObjectURL(url);
+}
+function MergeTab() {
+  const client = useDocmanClient();
+  const [files, setFiles] = (0, import_react13.useState)([]);
+  const [merging, setMerging] = (0, import_react13.useState)(false);
+  const [error, setError] = (0, import_react13.useState)(null);
+  const inputRef = (0, import_react13.useRef)(null);
+  function handleFilesChange(e) {
+    const selected = Array.from(e.target.files ?? []);
+    setFiles((prev) => [...prev, ...selected]);
+  }
+  function removeFile(index) {
+    setFiles((prev) => prev.filter((_, i) => i !== index));
+  }
+  async function handleMerge() {
+    if (files.length < 2) {
+      setError("Please select at least 2 PDF files to merge.");
+      return;
+    }
+    setError(null);
+    setMerging(true);
+    try {
+      const buffers = await Promise.all(files.map((f) => f.arrayBuffer().then((b) => new Uint8Array(b))));
+      const merged = await client.merge(buffers);
+      downloadBlob(new Blob([toUint82(merged)], { type: "application/pdf" }), "merged.pdf");
+      setFiles([]);
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setMerging(false);
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { style: { color: "var(--docman-color-text-secondary)", fontSize: "0.875rem", marginTop: 0 }, children: "Combine multiple PDFs into a single file in the order listed below." }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ErrorAlert, { message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      "div",
+      {
+        className: "docman-dropzone",
+        onClick: () => inputRef.current?.click(),
+        role: "button",
+        tabIndex: 0,
+        onKeyDown: (e) => e.key === "Enter" && inputRef.current?.click(),
+        "aria-label": "Click to add PDF files",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { children: "+ Add PDF files" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            "input",
+            {
+              ref: inputRef,
+              type: "file",
+              accept: "application/pdf",
+              multiple: true,
+              style: { display: "none" },
+              onChange: handleFilesChange
+            }
+          )
+        ]
+      }
+    ),
+    files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { marginTop: "var(--docman-space-md)" }, children: files.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          padding: "var(--docman-space-sm) var(--docman-space-md)",
+          border: "1px solid var(--docman-color-border)",
+          borderRadius: "var(--docman-radius-md)",
+          marginBottom: "var(--docman-space-sm)",
+          background: "var(--docman-color-surface)"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { style: { fontSize: "0.875rem" }, children: [
+            i + 1,
+            ". ",
+            f.name
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { className: "docman-btn docman-btn-danger docman-btn-sm", onClick: () => removeFile(i), children: "Remove" })
+        ]
+      },
+      i
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { marginTop: "var(--docman-space-lg)", display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "button",
+      {
+        className: "docman-btn docman-btn-primary",
+        onClick: handleMerge,
+        disabled: merging || files.length < 2,
+        children: merging ? "Merging\u2026" : `Merge ${files.length} files`
+      }
+    ) })
+  ] });
+}
+function SplitTab() {
+  const client = useDocmanClient();
+  const [file, setFile] = (0, import_react13.useState)(null);
+  const [pages, setPages] = (0, import_react13.useState)("");
+  const [splitting, setSplitting] = (0, import_react13.useState)(false);
+  const [error, setError] = (0, import_react13.useState)(null);
+  const inputRef = (0, import_react13.useRef)(null);
+  async function handleSplit() {
+    if (!file) {
+      setError("Please select a PDF file.");
+      return;
+    }
+    if (!pages.trim()) {
+      setError('Please enter a page selection (e.g. "1-3,5,7-9").');
+      return;
+    }
+    setError(null);
+    setSplitting(true);
+    try {
+      const buffer = new Uint8Array(await file.arrayBuffer());
+      const ranges = pages.split(",").map((part) => {
+        const [start, end] = part.trim().split("-").map(Number);
+        return { start, end: end ?? start };
+      });
+      const parts = await client.split(buffer, ranges);
+      for (const part of parts) {
+        const name = parts.length === 1 ? `split-p${part.range.start}-${part.range.end}.pdf` : `split-part-${part.index + 1}.pdf`;
+        downloadBlob(new Blob([toUint82(part.buffer)], { type: "application/pdf" }), name);
+      }
+      setPages("");
+      setFile(null);
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setSplitting(false);
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("p", { style: { color: "var(--docman-color-text-secondary)", fontSize: "0.875rem", marginTop: 0 }, children: [
+      "Extract pages from a PDF. Enter page ranges like ",
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("code", { children: "1-3,5,7-9" }),
+      "."
+    ] }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ErrorAlert, { message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      "div",
+      {
+        className: "docman-dropzone",
+        onClick: () => inputRef.current?.click(),
+        role: "button",
+        tabIndex: 0,
+        onKeyDown: (e) => e.key === "Enter" && inputRef.current?.click(),
+        "aria-label": "Click to select a PDF file",
+        children: [
+          file ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { fontWeight: 500 }, children: file.name }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { children: "Click to select a PDF" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            "input",
+            {
+              ref: inputRef,
+              type: "file",
+              accept: "application/pdf",
+              style: { display: "none" },
+              onChange: (e) => setFile(e.target.files?.[0] ?? null)
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "docman-field", style: { marginTop: "var(--docman-space-md)" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", { className: "docman-label", htmlFor: "split-pages", children: "Page selection" }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        "input",
+        {
+          id: "split-pages",
+          className: "docman-input",
+          type: "text",
+          value: pages,
+          onChange: (e) => setPages(e.target.value),
+          placeholder: "e.g. 1-3,5,7-9"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "button",
+      {
+        className: "docman-btn docman-btn-primary",
+        onClick: handleSplit,
+        disabled: splitting || !file,
+        children: splitting ? "Splitting\u2026" : "Split & Download"
+      }
+    ) })
+  ] });
+}
+function OperationsPanel({ className }) {
+  const [tab, setTab] = (0, import_react13.useState)("merge");
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: `docman-ui ${className ?? ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "docman-header", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h2", { className: "docman-title", children: "PDF Operations" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "docman-tabs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        "button",
+        {
+          className: `docman-tab ${tab === "merge" ? "docman-tab-active" : ""}`,
+          onClick: () => setTab("merge"),
+          children: "Merge"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        "button",
+        {
+          className: `docman-tab ${tab === "split" ? "docman-tab-active" : ""}`,
+          onClick: () => setTab("split"),
+          children: "Split"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "docman-card", children: tab === "merge" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(MergeTab, {}) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SplitTab, {}) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DocmanProvider,
+  DocumentGenerator,
+  DocumentList,
+  HtmlTemplateEditor,
+  HtmlTemplateList,
+  OperationsPanel,
+  PdfTemplateList,
+  PdfTemplateUploader,
+  TemplateGroupList,
+  useDocmanClient,
+  useDocuments,
+  useHtmlTemplates,
+  usePdfTemplates,
+  useTemplateGroups
+});
+//# sourceMappingURL=index.cjs.map