@frontera-sdk/chat-ui 1.50.40

package/dist/chunk-PR4QN5HX.js

@@ -0,0 +1,38 @@
+'use client';
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+var __commonJS = (cb, mod) => function __require2() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+export { __commonJS, __export, __require, __toESM };

package/dist/chunk-PUIVKDV5.js

@@ -0,0 +1,271 @@
+'use client';
+import { useTranslation } from './chunk-QSSFBZAS.js';
+import { Skeleton } from './chunk-GTQH7MPF.js';
+import { useRef, useState, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var ROOT_MARGIN = "600px";
+function LazyThumb({
+  width,
+  height,
+  className,
+  children
+}) {
+  const ref = useRef(null);
+  const [shown, setShown] = useState(false);
+  useEffect(() => {
+    if (shown) return;
+    const el = ref.current;
+    if (!el) return;
+    if (typeof IntersectionObserver === "undefined") {
+      setShown(true);
+      return;
+    }
+    const io = new IntersectionObserver(
+      (entries) => {
+        if (entries.some((e) => e.isIntersecting)) setShown(true);
+      },
+      { rootMargin: ROOT_MARGIN }
+    );
+    io.observe(el);
+    return () => io.disconnect();
+  }, [shown]);
+  return /* @__PURE__ */ jsx("div", { ref, style: { width, height }, className, children: shown ? children : null });
+}
+
+// src/vendor/ui/library/artifact-viewer/components/pdf-deck-zoom.ts
+var DECK_ZOOM_LEVELS = [0.5, 0.75, 1, 1.25, 1.5, 2];
+function resolveStageWidth({
+  zoom,
+  pageW,
+  pageH,
+  boxW,
+  boxH
+}) {
+  if (pageW <= 0 || pageH <= 0) return 0;
+  if (zoom === "fit") {
+    if (boxW <= 0 || boxH <= 0) return 0;
+    const scale = Math.min(boxW / pageW, boxH / pageH);
+    return Math.max(1, Math.floor(pageW * scale));
+  }
+  return Math.max(1, Math.round(pageW * zoom));
+}
+function zoomPercent(stageWidth, pageW) {
+  if (stageWidth <= 0 || pageW <= 0) return null;
+  return Math.round(stageWidth / pageW * 100);
+}
+var SHEET_COLUMNS = 6;
+var SHEET_ROWS = 10;
+var DECK_INDICATORS = 5;
+function isSpreadsheetFile(mimeType) {
+  return mimeType === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+}
+function isPresentationFile(mimeType) {
+  return mimeType === "application/vnd.openxmlformats-officedocument.presentationml.presentation";
+}
+function isDocumentFile(mimeType) {
+  return mimeType === "application/vnd.openxmlformats-officedocument.wordprocessingml.document" || mimeType === "application/pdf";
+}
+function ArtifactSkeleton({
+  format = "markdown",
+  mimeType,
+  showChrome = true
+}) {
+  const { t } = useTranslation();
+  const loadingLabel = t("deck.loading");
+  const sheet = format === "sheet" || format === "csv" || format === "file" && isSpreadsheetFile(mimeType);
+  const deck = format === "htmldeck" || format === "file" && isPresentationFile(mimeType);
+  const document = format === "pdf" || format === "file" && isDocumentFile(mimeType);
+  if (sheet) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "status",
+        "aria-label": loadingLabel,
+        "data-artifact-skeleton": "sheet",
+        className: "flex h-full min-h-0 flex-col overflow-hidden bg-surface",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex h-11 shrink-0 items-center gap-2 border-b border-border px-3", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-20" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-16" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-24" }),
+            /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "size-6" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "size-6" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex h-9 shrink-0 items-center gap-2 border-b border-border px-3", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-8" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 flex-1" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-hidden p-3", children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "grid h-full min-w-[520px] content-start overflow-hidden rounded-md border border-border",
+              style: { gridTemplateColumns: `2.5rem repeat(${SHEET_COLUMNS}, minmax(5rem, 1fr))` },
+              children: Array.from({ length: (SHEET_ROWS + 1) * (SHEET_COLUMNS + 1) }, (_, index) => {
+                const row = Math.floor(index / (SHEET_COLUMNS + 1));
+                const column = index % (SHEET_COLUMNS + 1);
+                const header = row === 0 || column === 0;
+                return /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "flex h-8 items-center border-b border-r border-border p-2",
+                    children: /* @__PURE__ */ jsx(
+                      Skeleton,
+                      {
+                        className: header ? "h-2.5 w-1/2" : "h-2.5 w-4/5"
+                      }
+                    )
+                  },
+                  index
+                );
+              })
+            }
+          ) })
+        ]
+      }
+    );
+  }
+  if (deck) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "status",
+        "aria-label": loadingLabel,
+        "data-artifact-skeleton": "deck",
+        className: "flex h-full min-h-0 w-full flex-1 flex-col self-stretch overflow-hidden bg-muted/30",
+        children: [
+          showChrome && /* @__PURE__ */ jsxs("div", { className: "flex h-10 shrink-0 items-center justify-end gap-2 border-b border-border px-3", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-14" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-20" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "size-6" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex w-11 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-1.5", children: Array.from({ length: DECK_INDICATORS }, (_, index) => /* @__PURE__ */ jsx(
+              Skeleton,
+              {
+                className: "h-0.5 w-5 rounded-none"
+              },
+              index
+            )) }) }),
+            /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 items-center justify-center p-3 sm:p-6", children: /* @__PURE__ */ jsxs("div", { className: "aspect-video w-full max-w-4xl overflow-hidden rounded-md bg-surface p-[7%] shadow-sm", children: [
+              /* @__PURE__ */ jsx(Skeleton, { className: "mb-[5%] h-[7%] w-1/4" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "mb-[4%] h-[12%] w-4/5" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-[5%] w-2/3" }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-[9%] grid h-[26%] grid-cols-3 gap-[4%]", children: [
+                /* @__PURE__ */ jsx(Skeleton, { className: "h-full" }),
+                /* @__PURE__ */ jsx(Skeleton, { className: "h-full" }),
+                /* @__PURE__ */ jsx(Skeleton, { className: "h-full" })
+              ] })
+            ] }) })
+          ] })
+        ]
+      }
+    );
+  }
+  if (document) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "status",
+        "aria-label": loadingLabel,
+        "data-artifact-skeleton": "document",
+        className: "flex h-full min-h-0 flex-col overflow-hidden bg-muted/30",
+        children: [
+          showChrome && /* @__PURE__ */ jsxs("div", { className: "flex h-10 shrink-0 items-center justify-end gap-2 border-b border-border px-3", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-16" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "size-6" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "size-6" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-hidden p-6", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto min-h-full w-full max-w-2xl space-y-5 rounded-md bg-surface p-10 shadow-sm", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-3/5" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-1/4" }),
+            /* @__PURE__ */ jsx("div", { className: "space-y-3 pt-5", children: ["w-full", "w-full", "w-5/6", "w-full", "w-11/12", "w-3/4"].map(
+              (width, index) => /* @__PURE__ */ jsx(Skeleton, { className: `h-3.5 ${width}` }, index)
+            ) }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-40 w-full" })
+          ] }) })
+        ]
+      }
+    );
+  }
+  if (format === "image") {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "status",
+        "aria-label": loadingLabel,
+        "data-artifact-skeleton": "image",
+        className: "flex h-full min-h-0 items-center justify-center overflow-hidden bg-muted/30 p-5",
+        children: /* @__PURE__ */ jsx("div", { className: "w-full max-w-4xl rounded-lg bg-surface p-3 shadow-sm", children: /* @__PURE__ */ jsx(Skeleton, { className: "aspect-[4/3] w-full" }) })
+      }
+    );
+  }
+  if (format === "canvas") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "status",
+        "aria-label": loadingLabel,
+        "data-artifact-skeleton": "canvas",
+        className: "flex h-full min-h-0 flex-col gap-4 overflow-hidden bg-muted/30 p-5",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsx(Skeleton, { className: "size-7" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "size-7" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid min-h-0 flex-1 grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-full" }),
+            /* @__PURE__ */ jsxs("div", { className: "grid min-h-0 grid-rows-2 gap-4", children: [
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-full" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-full" })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+  if (format === "file") {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "status",
+        "aria-label": loadingLabel,
+        "data-artifact-skeleton": "file",
+        className: "flex h-full min-h-0 items-center justify-center bg-muted/30 p-6",
+        children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-sm flex-col items-center gap-4 rounded-lg border border-border bg-surface p-8 shadow-sm", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "size-16 rounded-full" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-2/3" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full" })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "status",
+      "aria-label": loadingLabel,
+      "data-artifact-skeleton": "document-editor",
+      className: "h-full min-h-0 overflow-hidden bg-surface p-6",
+      children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl space-y-5", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-3/5" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-1/4" }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-3 pt-5", children: ["w-full", "w-full", "w-3/4", "w-full", "w-5/6", "w-full", "w-2/3"].map(
+          (width, index) => /* @__PURE__ */ jsx(Skeleton, { className: `h-4 ${width}` }, index)
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-3 pt-6", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-2/5" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4/5" })
+        ] })
+      ] })
+    }
+  );
+}
+
+export { ArtifactSkeleton, DECK_ZOOM_LEVELS, LazyThumb, resolveStageWidth, zoomPercent };