@alquimia-ai/ui 1.2.3 → 1.3.0

package/dist/components/molecules/documents/index.js

@@ -1554,40 +1554,69 @@ var init_loader = __esm({
   }
 });
 
+// src/components/atoms/ui/separator.tsx
+var React23, SeparatorPrimitive, import_jsx_runtime28, Separator2;
+var init_separator = __esm({
+  "src/components/atoms/ui/separator.tsx"() {
+    "use strict";
+    "use client";
+    React23 = __toESM(require("react"));
+    SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
+    init_utils();
+    import_jsx_runtime28 = require("react/jsx-runtime");
+    Separator2 = React23.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      SeparatorPrimitive.Root,
+      {
+        ref,
+        decorative,
+        orientation,
+        className: cn(
+          "shrink-0 bg-border",
+          orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+          className,
+          "alq--separator"
+        ),
+        ...props
+      }
+    ));
+    Separator2.displayName = SeparatorPrimitive.Root.displayName;
+  }
+});
+
 // src/components/hooks/use-toast.ts
-var React23;
+var React24;
 var init_use_toast = __esm({
   "src/components/hooks/use-toast.ts"() {
     "use strict";
     "use client";
-    React23 = __toESM(require("react"));
+    React24 = __toESM(require("react"));
   }
 });
 
 // src/components/atoms/ui/toaster.tsx
-var import_jsx_runtime28;
+var import_jsx_runtime29;
 var init_toaster = __esm({
   "src/components/atoms/ui/toaster.tsx"() {
     "use strict";
     "use client";
     init_use_toast();
     init_toast();
-    import_jsx_runtime28 = require("react/jsx-runtime");
+    import_jsx_runtime29 = require("react/jsx-runtime");
   }
 });
 
 // src/components/atoms/ui/think-indicator.tsx
-var React24, import_react3, import_class_variance_authority8, import_jsx_runtime29, thinkIndicatorVariants, ThinkIndicator;
+var React25, import_react3, import_class_variance_authority8, import_jsx_runtime30, thinkIndicatorVariants, ThinkIndicator;
 var init_think_indicator = __esm({
   "src/components/atoms/ui/think-indicator.tsx"() {
     "use strict";
     "use client";
-    React24 = __toESM(require("react"));
+    React25 = __toESM(require("react"));
     import_react3 = require("react");
     init_atoms();
     init_utils();
     import_class_variance_authority8 = require("class-variance-authority");
-    import_jsx_runtime29 = require("react/jsx-runtime");
+    import_jsx_runtime30 = require("react/jsx-runtime");
     thinkIndicatorVariants = (0, import_class_variance_authority8.cva)(
       "flex items-center gap-3",
       {
@@ -1609,7 +1638,7 @@ var init_think_indicator = __esm({
         }
       }
     );
-    ThinkIndicator = React24.forwardRef(
+    ThinkIndicator = React25.forwardRef(
       ({
         className,
         variant,
@@ -1640,14 +1669,14 @@ var init_think_indicator = __esm({
           }
           return () => clearInterval(timer);
         }, [thoughts, interval, currentThoughtIndex]);
-        return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
           "div",
           {
             ref,
             className: cn(thinkIndicatorVariants({ variant, size }), className, "alq--think-indicator"),
             ...props,
             children: [
-              loader || /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              loader || /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 Loader,
                 {
                   className: cn(
@@ -1655,7 +1684,7 @@ var init_think_indicator = __esm({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 "div",
                 {
                   className: cn(
@@ -1709,6 +1738,7 @@ var init_atoms = __esm({
     init_dialog();
     init_toast();
     init_loader();
+    init_separator();
     init_toaster();
     init_think_indicator();
   }
@@ -1787,49 +1817,49 @@ function PdfViewer({ doc, docId }) {
     a.click();
     URL.revokeObjectURL(docUrl || "");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex justify-between items-center p-4 border-b border-border", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex justify-between items-center p-4 border-b border-border", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           Button,
           {
             onClick: handlePrevPage,
             disabled: pageNumber <= 1,
-            children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react8.ChevronLeft, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react8.ChevronLeft, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: "mx-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "mx-2", children: [
           "Page ",
           pageNumber,
           " of ",
           numPages
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           Button,
           {
             onClick: handleNextPage,
             disabled: pageNumber >= numPages,
-            children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react8.ChevronRight, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react8.ChevronRight, { className: "h-4 w-4" })
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { onClick: handleZoomOut, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react8.ZoomOut, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: "mx-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button, { onClick: handleZoomOut, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react8.ZoomOut, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "mx-2", children: [
           (scale * 100).toFixed(0),
           "%"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { onClick: handleZoomIn, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react8.ZoomIn, { className: "h-4 w-4" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button, { onClick: handleZoomIn, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react8.ZoomIn, { className: "h-4 w-4" }) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { ref: setContainerRef, className: "overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { ref: setContainerRef, className: "overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       import_react_pdf.Document,
       {
         file: doc,
         onLoadSuccess: onDocumentLoadSuccess,
         options,
-        loading: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Loader, { size: "xl", colorVariant: "destructive" }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        loading: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Loader, { size: "xl", colorVariant: "destructive" }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           import_react_pdf.Page,
           {
             pageNumber,
@@ -1842,7 +1872,7 @@ function PdfViewer({ doc, docId }) {
     ) })
   ] });
 }
-var import_react6, import_lucide_react8, import_react_pdf, import_AnnotationLayer, import_TextLayer, import_jsx_runtime30, options, resizeObserverOptions;
+var import_react6, import_lucide_react8, import_react_pdf, import_AnnotationLayer, import_TextLayer, import_jsx_runtime31, options, resizeObserverOptions;
 var init_pdf_viewer = __esm({
   "src/components/molecules/viewers/pdf-viewer.tsx"() {
     "use strict";
@@ -1854,7 +1884,7 @@ var init_pdf_viewer = __esm({
     import_react_pdf = require("react-pdf");
     import_AnnotationLayer = require("react-pdf/dist/esm/Page/AnnotationLayer.css");
     import_TextLayer = require("react-pdf/dist/esm/Page/TextLayer.css");
-    import_jsx_runtime30 = require("react/jsx-runtime");
+    import_jsx_runtime31 = require("react/jsx-runtime");
     import_react_pdf.pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${import_react_pdf.pdfjs.version}/build/pdf.worker.min.mjs`;
     options = {
       cMapUrl: "/cmaps/",
@@ -1888,19 +1918,19 @@ function PlainTextViewer({ doc }) {
     }
     parseDocument();
   }, [doc]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "relative w-full h-full max-h-[80vh] overflow-y-auto p-8 alq--prose", children: [
-    loading && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Loader, {}),
-    !loading && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(RichText, { content: content || "" })
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "relative w-full h-full max-h-[80vh] overflow-y-auto p-8 alq--prose", children: [
+    loading && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Loader, {}),
+    !loading && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(RichText, { content: content || "" })
   ] }) });
 }
-var import_react7, import_jsx_runtime31;
+var import_react7, import_jsx_runtime32;
 var init_plain_text_viewer = __esm({
   "src/components/molecules/viewers/plain-text-viewer.tsx"() {
     "use strict";
     "use client";
     import_react7 = require("react");
     init_atoms();
-    import_jsx_runtime31 = require("react/jsx-runtime");
+    import_jsx_runtime32 = require("react/jsx-runtime");
   }
 });
 
@@ -1957,7 +1987,7 @@ var useDocumentReader = (url, getDocument) => {
 
 // src/components/molecules/documents/document-viewer.tsx
 var import_dynamic = __toESM(require("next/dynamic"));
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var PdfViewer2 = (0, import_dynamic.default)(() => Promise.resolve().then(() => (init_pdf_viewer(), pdf_viewer_exports)), { ssr: false });
 var PlainTextViewer2 = (0, import_dynamic.default)(() => Promise.resolve().then(() => (init_plain_text_viewer(), plain_text_viewer_exports)), { ssr: false });
 var DocumentViewer = ({
@@ -1974,15 +2004,15 @@ var DocumentViewer = ({
       fetchDocument();
     }
   }, [isOpen]);
-  const documentRender = document2 && !error ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DocumentFactory, { document: document2, docId: doc.id }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex flex-col items-center justify-center h-full w-full text-center p-4", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "text-primary font-medium", children: error }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Dialog, { open: isOpen, onOpenChange: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  const documentRender = document2 && !error ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DocumentFactory, { document: document2, docId: doc.id }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex flex-col items-center justify-center h-full w-full text-center p-4", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "text-primary font-medium", children: error }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Dialog, { open: isOpen, onOpenChange: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     DialogContent,
     {
       "aria-describedby": document2 ? "document-description" : void 0,
       className: "h-[90%] max-w-[90%] gap-0 flex flex-col focus:outline-none",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DialogHeader, { className: "border-b border-border pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DialogTitle, { children: doc.name }) }),
-        !document2 && loading ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Loader, { size: "xl", colorVariant: "destructive" }) : documentRender
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DialogHeader, { className: "border-b border-border pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DialogTitle, { children: doc.name }) }),
+        !document2 && loading ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Loader, { size: "xl", colorVariant: "destructive" }) : documentRender
       ]
     }
   ) });
@@ -1990,16 +2020,16 @@ var DocumentViewer = ({
 var DocumentFactory = ({ document: document2, docId }) => {
   switch (document2 && document2.type) {
     case "application/pdf":
-      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PdfViewer2, { doc: document2, docId });
+      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(PdfViewer2, { doc: document2, docId });
     case "text/plain":
-      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PlainTextViewer2, { doc: document2, docId });
+      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(PlainTextViewer2, { doc: document2, docId });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { children: "Unsupported file type" });
+      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { children: "Unsupported file type" });
   }
 };
 
 // src/components/molecules/documents/document-selector.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var DocumentSelector = ({ documents, getDocument, logInfoMessage }) => {
   const [selectedDocName, setSelectedDocName] = (0, import_react9.useState)(void 0);
   const [selectedDoc, setSelectedDoc] = (0, import_react9.useState)(null);
@@ -2016,26 +2046,26 @@ var DocumentSelector = ({ documents, getDocument, logInfoMessage }) => {
   const handleDrawerClose = () => {
     setIsModalOpen(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "w-full md:w-4/6 alq--document-selector", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Select, { value: selectedDocName, onValueChange: setSelectedDocName, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectTrigger, { "aria-label": "Documentos", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectValue, { placeholder: "Documentos" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(SelectGroup, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectLabel, { children: "Documents" }),
-        documents.map((doc) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "w-full flex relative", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectItem, { className: "w-full", value: doc.id, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex justify-between w-full", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "h-4 truncate mr-5", children: doc.name }) }) }, doc.id),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "w-full md:w-4/6 alq--document-selector", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Select, { value: selectedDocName, onValueChange: setSelectedDocName, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectTrigger, { "aria-label": "Documentos", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectValue, { placeholder: "Documentos" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(SelectGroup, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectLabel, { children: "Documents" }),
+        documents.map((doc) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "w-full flex relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectItem, { className: "w-full", value: doc.id, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex justify-between w-full", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "h-4 truncate mr-5", children: doc.name }) }) }, doc.id),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             "div",
             {
               onClick: (event) => handleDocumentClick(doc, event),
               className: "bflex items-center text-gray-400 hover:text-gray-500 absolute right-0 mt-2",
               "aria-label": `Open ${doc.name}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react9.ExternalLink, { className: "h-4 w-4 mx-2" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react9.ExternalLink, { className: "h-4 w-4 mx-2" })
             }
           )
         ] }, doc.id))
       ] }) })
     ] }),
-    selectedDoc && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    selectedDoc && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       DocumentViewer,
       {
         doc: selectedDoc,