@vertesia/ui 0.82.1 → 0.82.2

package/lib/esm/features/utils/mimeType.js

@@ -0,0 +1,17 @@
+const CSV_PREFIX = 'text/csv';
+const IMAGE_PREFIX = 'image/';
+const PDF_PREFIX = 'application/pdf';
+const VIDEO_PREFIX = 'video/';
+// Office document MIME types that can be converted to PDF for preview
+const PREVIEWABLE_AS_PDF_TYPES = [
+    'application/vnd.openxmlformats-officedocument.wordprocessingml.document', // .docx
+    'application/msword', // .doc
+    'application/vnd.openxmlformats-officedocument.presentationml.presentation', // .pptx
+    'application/vnd.ms-powerpoint', // .ppt
+];
+export const isCsv = (type) => type === CSV_PREFIX || CSV_PREFIX.includes(type);
+export const isImage = (type) => type.startsWith(IMAGE_PREFIX) || IMAGE_PREFIX.includes(type);
+export const isPdf = (type) => type === PDF_PREFIX || PDF_PREFIX.includes(type);
+export const isVideo = (type) => type.startsWith(VIDEO_PREFIX) || VIDEO_PREFIX.includes(type);
+export const isPreviewableAsPdf = (type) => PREVIEWABLE_AS_PDF_TYPES.includes(type);
+//# sourceMappingURL=mimeType.js.map

package/lib/esm/features/utils/mimeType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mimeType.js","sourceRoot":"","sources":["../../../../src/features/utils/mimeType.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,GAAG,UAAU,CAAA;AAC7B,MAAM,YAAY,GAAG,QAAQ,CAAA;AAC7B,MAAM,UAAU,GAAG,iBAAiB,CAAA;AACpC,MAAM,YAAY,GAAG,QAAQ,CAAA;AAE7B,sEAAsE;AACtE,MAAM,wBAAwB,GAAG;IAC7B,yEAAyE,EAAE,QAAQ;IACnF,oBAAoB,EAAE,OAAO;IAC7B,2EAA2E,EAAE,QAAQ;IACrF,+BAA+B,EAAE,OAAO;CAC3C,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,KAAK,UAAU,IAAI,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;AACvF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;AACrG,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,KAAK,UAAU,IAAI,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;AACvF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;AACrG,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,wBAAwB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA"}

package/lib/esm/features/utils/print.js

@@ -0,0 +1,181 @@
+/**
+ * Print styles for markdown content export to PDF.
+ * These styles ensure tables and other elements render properly in print mode,
+ * independent from the application theme.
+ */
+const PRINT_STYLES = `
+@media print {
+  body {
+    margin: 24px;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    font-size: 14px;
+    line-height: 1.5;
+    color: #111827;
+    background-color: #ffffff;
+  }
+
+  .vprose {
+    max-width: 800px;
+    margin: 0 auto;
+  }
+
+  .vprose h1 {
+    font-size: 24px;
+    font-weight: 700;
+    margin: 1.5rem 0 0.75rem;
+  }
+
+  .vprose h2 {
+    font-size: 20px;
+    font-weight: 600;
+    margin: 1.25rem 0 0.75rem;
+  }
+
+  .vprose h3 {
+    font-size: 18px;
+    font-weight: 600;
+    margin: 1rem 0 0.5rem;
+  }
+
+  .vprose p {
+    margin: 0 0 0.5rem;
+  }
+
+  .vprose ul,
+  .vprose ol {
+    margin: 0.5rem 0 0.5rem 1.5rem;
+    padding: 0;
+  }
+
+  .vprose li {
+    margin: 0.25rem 0;
+  }
+
+  .vprose table {
+    width: 100%;
+    border-collapse: collapse;
+    margin: 1rem 0;
+  }
+
+  .vprose th,
+  .vprose td {
+    border: 1px solid #d1d5db;
+    padding: 0.5rem 0.75rem;
+    vertical-align: top;
+  }
+
+  .vprose thead th {
+    background-color: #f3f4f6;
+    font-weight: 600;
+  }
+
+  .vprose pre,
+  .vprose code {
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+    font-size: 12px;
+  }
+
+  .vprose pre {
+    padding: 0.75rem;
+    border-radius: 4px;
+    border: 1px solid #e5e7eb;
+    background-color: #f9fafb;
+    white-space: pre-wrap;
+    word-break: break-word;
+  }
+
+  /* Hide chart action buttons when printing */
+  .chart-actions {
+    display: none !important;
+  }
+
+  /* Hide interactive elements in agent conversation when printing */
+  .print-hidden,
+  [class*="print:hidden"],
+  button[title="Copy message"],
+  button[title="Copy to clipboard"],
+  button[title="Export as PNG"],
+  .message-actions {
+    display: none !important;
+  }
+
+  /* Prevent page breaks inside elements */
+  .vprose table,
+  .vprose pre,
+  .vprose blockquote,
+  .vprose figure,
+  .vprose img,
+  .recharts-wrapper,
+  [class*="chart"],
+  [class*="Chart"] {
+    break-inside: avoid;
+    page-break-inside: avoid;
+  }
+
+  /* Keep headings with following content */
+  .vprose h1,
+  .vprose h2,
+  .vprose h3,
+  .vprose h4,
+  .vprose h5,
+  .vprose h6 {
+    break-after: avoid;
+    page-break-after: avoid;
+  }
+
+  /* Keep list items together when possible */
+  .vprose li {
+    break-inside: avoid;
+    page-break-inside: avoid;
+  }
+}
+`;
+/**
+ * Opens the browser print dialog with the content of a given HTML element.
+ * Uses a hidden iframe to avoid opening a new window.
+ *
+ * @param sourceElement - The HTML element whose content to print
+ * @param title - The document title for the printed page
+ * @returns true if print dialog was opened successfully, false otherwise
+ */
+export function printElementToPdf(sourceElement, title) {
+    if (typeof window === "undefined" || typeof document === "undefined") {
+        return false;
+    }
+    // Use a hidden iframe to avoid opening a new window
+    const iframe = document.createElement("iframe");
+    iframe.style.position = "fixed";
+    iframe.style.right = "0";
+    iframe.style.bottom = "0";
+    iframe.style.width = "0";
+    iframe.style.height = "0";
+    iframe.style.border = "0";
+    iframe.style.visibility = "hidden";
+    document.body.appendChild(iframe);
+    const iframeWindow = iframe.contentWindow;
+    if (!iframeWindow) {
+        iframe.parentNode?.removeChild(iframe);
+        return false;
+    }
+    const doc = iframeWindow.document;
+    doc.open();
+    doc.write(`<!doctype html><html><head><title>${title}</title></head><body></body></html>`);
+    doc.close();
+    doc.title = title;
+    const styles = document.querySelectorAll("link[rel=\"stylesheet\"], style");
+    styles.forEach((node) => {
+        doc.head.appendChild(node.cloneNode(true));
+    });
+    // Add dedicated print styles
+    const printStyle = doc.createElement("style");
+    printStyle.textContent = PRINT_STYLES;
+    doc.head.appendChild(printStyle);
+    doc.body.innerHTML = sourceElement.innerHTML;
+    iframeWindow.focus();
+    iframeWindow.print();
+    setTimeout(() => {
+        iframe.parentNode?.removeChild(iframe);
+    }, 1000);
+    return true;
+}
+//# sourceMappingURL=print.js.map

package/lib/esm/features/utils/print.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"print.js","sourceRoot":"","sources":["../../../../src/features/utils/print.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8HpB,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,UAAU,iBAAiB,CAAC,aAA0B,EAAE,KAAa;IACvE,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACnE,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,oDAAoD;IACpD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;IAChC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;IACzB,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;IAC1B,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;IACzB,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;IAC1B,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;IAC1B,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;IACnC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAElC,MAAM,YAAY,GAAG,MAAM,CAAC,aAAa,CAAC;IAC1C,IAAI,CAAC,YAAY,EAAE,CAAC;QAChB,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;QACvC,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,MAAM,GAAG,GAAG,YAAY,CAAC,QAAQ,CAAC;IAClC,GAAG,CAAC,IAAI,EAAE,CAAC;IACX,GAAG,CAAC,KAAK,CAAC,qCAAqC,KAAK,qCAAqC,CAAC,CAAC;IAC3F,GAAG,CAAC,KAAK,EAAE,CAAC;IACZ,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC;IAElB,MAAM,MAAM,GAAG,QAAQ,CAAC,gBAAgB,CAAqC,iCAAiC,CAAC,CAAC;IAChH,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACpB,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,6BAA6B;IAC7B,MAAM,UAAU,GAAG,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;IACtC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAEjC,GAAG,CAAC,IAAI,CAAC,SAAS,GAAG,aAAa,CAAC,SAAS,CAAC;IAC7C,YAAY,CAAC,KAAK,EAAE,CAAC;IACrB,YAAY,CAAC,KAAK,EAAE,CAAC;IAErB,UAAU,CAAC,GAAG,EAAE;QACZ,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,CAAC,EAAE,IAAI,CAAC,CAAC;IAET,OAAO,IAAI,CAAC;AAChB,CAAC"}

package/lib/esm/features/utils/rendition.js

@@ -0,0 +1,67 @@
+import { isImage, isPdf, isVideo } from "./mimeType.js";
+import { ImageRenditionFormat } from "@vertesia/common";
+//TODO we must use a setting in Env.
+const env = import.meta.env;
+const RENDITION_OPTIONS = {
+    max_hw: env?.VITE_RENDITION_HW || 256,
+    format: ImageRenditionFormat.jpeg,
+    generate_if_missing: true,
+};
+const RENDITION_ID = "vertesia.content_store.renditionId";
+export async function retrieveRendition(client, doc, setRenditionUrl, setRenditionAlt, setRenditionStatus) {
+    if (!doc?.content?.type ||
+        !(isImage(doc.content.type) ||
+            isVideo(doc.content.type) ||
+            isPdf(doc.content.type))) {
+        setRenditionStatus("No preview available");
+        return;
+    }
+    setRenditionStatus("Preparing preview...");
+    const currentTime = new Date().getTime() / 1000;
+    const savedId = localStorage.getItem(`${RENDITION_ID}_${doc.id}_${RENDITION_OPTIONS.max_hw}`);
+    const elapsedTime = localStorage.getItem(`${RENDITION_ID}_${doc.id}_${RENDITION_OPTIONS.max_hw}_time`);
+    if (savedId?.length &&
+        elapsedTime &&
+        Math.abs(currentTime - parseInt(elapsedTime)) <= 900) {
+        setRenditionUrl(savedId);
+        setRenditionAlt(`${doc.name} Rendition`);
+        setRenditionStatus("ready");
+        return savedId;
+    }
+    setRenditionStatus("Preparing preview...");
+    client.objects.getRendition(doc.id, RENDITION_OPTIONS).then((response) => {
+        if (response.status === "generating") {
+            setRenditionStatus("Preparing preview...");
+            setRenditionUrl("");
+            setRenditionAlt("");
+            setTimeout(() => retrieveRendition(client, doc, setRenditionUrl, setRenditionAlt, setRenditionStatus), 60000);
+        }
+        else if (response.status === "failed") {
+            setRenditionStatus("No preview available");
+            setRenditionUrl("");
+            setRenditionAlt("");
+            return;
+        }
+        else {
+            if (!response?.renditions?.length) {
+                setRenditionStatus("No preview available");
+                setRenditionUrl("");
+                setRenditionAlt("");
+                return;
+            }
+            const rendition = response.renditions[0];
+            localStorage.setItem(`${RENDITION_ID}_${doc.id}_${RENDITION_OPTIONS.max_hw}`, rendition);
+            localStorage.setItem(`${RENDITION_ID}_${doc.id}_${RENDITION_OPTIONS.max_hw}_time`, (new Date().getTime() / 1000).toString());
+            setRenditionUrl(rendition);
+            setRenditionAlt(`${doc.name} Rendition`);
+            setRenditionStatus("ready");
+            console.log(`Rendition for document ${doc.id} retrieved successfully: ${rendition}`);
+        }
+    }).catch((error) => {
+        setRenditionStatus("No preview available");
+        console.warn("Failed to retrieve rendition:", error);
+        setRenditionUrl("");
+        setRenditionAlt("");
+    });
+}
+//# sourceMappingURL=rendition.js.map

package/lib/esm/features/utils/rendition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rendition.js","sourceRoot":"","sources":["../../../../src/features/utils/rendition.ts"],"names":[],"mappings":"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"}

package/lib/esm/features/utils/text.js

@@ -0,0 +1,10 @@
+export function shortId(id, length = 7) {
+    if (!id) {
+        return "";
+    }
+    return "~" + id.slice(-length);
+}
+export function shortenString(str, length) {
+    return str.length > length ? str.substring(0, length) + '...' : str;
+}
+//# sourceMappingURL=text.js.map

package/lib/esm/features/utils/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/features/utils/text.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,OAAO,CAAC,EAAU,EAAE,SAAiB,CAAC;IAClD,IAAI,CAAC,EAAE,EAAE,CAAC;QACN,OAAO,EAAE,CAAC;IACd,CAAC;IACD,OAAO,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AACnC,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,GAAW,EAAE,MAAc;IACrD,OAAO,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;AACxE,CAAC"}

package/lib/esm/features/utils/workflowStatus.js

@@ -0,0 +1,43 @@
+import { WorkflowExecutionStatus } from "@vertesia/common";
+/**
+ * Get the semantic color class for a workflow execution status.
+ */
+export function getWorkflowStatusColor(status) {
+    switch (status) {
+        case WorkflowExecutionStatus.RUNNING:
+            return "text-info";
+        case WorkflowExecutionStatus.COMPLETED:
+            return "text-success";
+        case WorkflowExecutionStatus.FAILED:
+            return "text-destructive";
+        case WorkflowExecutionStatus.TERMINATED:
+        case WorkflowExecutionStatus.CANCELED:
+            return "text-attention";
+        default:
+            return "text-muted";
+    }
+}
+/**
+ * Get a human-readable name for a workflow execution status.
+ */
+export function getWorkflowStatusName(status) {
+    switch (status) {
+        case WorkflowExecutionStatus.RUNNING:
+            return "Running";
+        case WorkflowExecutionStatus.COMPLETED:
+            return "Completed";
+        case WorkflowExecutionStatus.FAILED:
+            return "Failed";
+        case WorkflowExecutionStatus.CONTINUED_AS_NEW:
+            return "Continued As New";
+        case WorkflowExecutionStatus.TERMINATED:
+            return "Terminated";
+        case WorkflowExecutionStatus.TIMED_OUT:
+            return "Timed Out";
+        case WorkflowExecutionStatus.CANCELED:
+            return "Canceled";
+        default:
+            return "Unknown";
+    }
+}
+//# sourceMappingURL=workflowStatus.js.map

package/lib/esm/features/utils/workflowStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflowStatus.js","sourceRoot":"","sources":["../../../../src/features/utils/workflowStatus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAE3D;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAAC,MAAgC;IACnE,QAAQ,MAAM,EAAE,CAAC;QACb,KAAK,uBAAuB,CAAC,OAAO;YAChC,OAAO,WAAW,CAAC;QACvB,KAAK,uBAAuB,CAAC,SAAS;YAClC,OAAO,cAAc,CAAC;QAC1B,KAAK,uBAAuB,CAAC,MAAM;YAC/B,OAAO,kBAAkB,CAAC;QAC9B,KAAK,uBAAuB,CAAC,UAAU,CAAC;QACxC,KAAK,uBAAuB,CAAC,QAAQ;YACjC,OAAO,gBAAgB,CAAC;QAC5B;YACI,OAAO,YAAY,CAAC;IAC5B,CAAC;AACL,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAAC,MAAgC;IAClE,QAAQ,MAAM,EAAE,CAAC;QACb,KAAK,uBAAuB,CAAC,OAAO;YAChC,OAAO,SAAS,CAAC;QACrB,KAAK,uBAAuB,CAAC,SAAS;YAClC,OAAO,WAAW,CAAC;QACvB,KAAK,uBAAuB,CAAC,MAAM;YAC/B,OAAO,QAAQ,CAAC;QACpB,KAAK,uBAAuB,CAAC,gBAAgB;YACzC,OAAO,kBAAkB,CAAC;QAC9B,KAAK,uBAAuB,CAAC,UAAU;YACnC,OAAO,YAAY,CAAC;QACxB,KAAK,uBAAuB,CAAC,SAAS;YAClC,OAAO,WAAW,CAAC;QACvB,KAAK,uBAAuB,CAAC,QAAQ;YACjC,OAAO,UAAU,CAAC;QACtB;YACI,OAAO,SAAS,CAAC;IACzB,CAAC;AACL,CAAC"}

package/lib/esm/layout/AppLayout.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { useEffect, useState } from 'react';
+import { SidePanel } from '@vertesia/ui/core';
+// import { FullHeightLayout } from './FullHeightLayout.js'
+import { Navbar } from './Navbar.js';
+import { Sidebar } from './Sidebar.js';
+import { SidebarContext } from './SidebarContext.js';
+export function AppLayout({ sidebarClassName, className, title, children, logo, navbar, sidebar, mainNav }) {
+    if (localStorage.getItem('desktopSidebarOpen') === null) {
+        localStorage.setItem('desktopSidebarOpen', 'true');
+    }
+    const [sidebarOpen, setSidebarOpen] = useState(false);
+    const [desktopSidebarOpen, setDesktopSidebarOpen] = useState(localStorage.getItem('desktopSidebarOpen') === 'true');
+    const [isLargeScreen, setIsLargeScreen] = useState(window.innerWidth >= 1024);
+    useEffect(() => {
+        const handleResize = () => {
+            setIsLargeScreen(window.innerWidth >= 1024);
+        };
+        window.addEventListener('resize', handleResize);
+        return () => window.removeEventListener('resize', handleResize);
+    }, []);
+    const sidebarContextValue = {
+        isOpen: isLargeScreen ? desktopSidebarOpen : sidebarOpen,
+        toggleDesktop: (value) => {
+            if (value === undefined) {
+                setDesktopSidebarOpen(!desktopSidebarOpen);
+            }
+            else {
+                setDesktopSidebarOpen(value);
+            }
+            localStorage.setItem('desktopSidebarOpen', JSON.stringify(!desktopSidebarOpen));
+        },
+        toggleMobile: (value) => {
+            if (value === undefined) {
+                setSidebarOpen(!sidebarOpen);
+            }
+            else {
+                setSidebarOpen(value);
+            }
+        },
+    };
+    return (_jsx(_Fragment, { children: _jsx("div", { className: 'flex flex-col h-screen overflow-y-hidden', children: _jsxs(SidebarContext.Provider, { value: sidebarContextValue, children: [_jsx("div", { className: 'w-full', children: mainNav }), _jsxs("div", { className: 'flex h-full overflow-y-auto w-full', children: [_jsx("div", { className: "lg:hidden", children: _jsx(SidePanel, { className: 'bg-sidebar', isOpen: sidebarOpen, onClose: () => setSidebarOpen(false), side: "left", panelWidth: 288, resizable: false, backdrop: true, children: _jsx(Sidebar, { logo: logo, className: sidebarClassName, children: sidebar }) }) }), _jsx("div", { className: `hidden lg:block relative transition-all duration-300 ${desktopSidebarOpen ? 'w-72' : 'w-12'}`, children: _jsx(Sidebar, { logo: logo, className: sidebarClassName, children: sidebar }) }), _jsxs("div", { className: "w-full h-full overflow-y-hidden", children: [navbar ? (_jsx(Navbar, { title: title, logo: logo, children: navbar })) : null, _jsx("main", { className: clsx("flex-1 h-full w-full relative flex flex-col", className), children: children })] })] })] }) }) }));
+}
+//# sourceMappingURL=AppLayout.js.map

package/lib/esm/layout/AppLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppLayout.js","sourceRoot":"","sources":["../../../src/layout/AppLayout.tsx"],"names":[],"mappings":"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"}

package/lib/esm/layout/FullHeightLayout.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+export function FullHeightLayout({ className, children }) {
+    return (_jsx("div", { className: clsx("flex flex-col", "h-full", "overflow-y-auto", "px-2", className), children: children }));
+}
+FullHeightLayout.Fixed = function Fixed({ heightClass, className, children }) {
+    return (_jsx("div", { className: clsx("w-full", heightClass, className), children: children }));
+};
+FullHeightLayout.Body = function Body({ className, children }) {
+    return (_jsx("div", { className: clsx("grow overflow-auto", "min-h-0", "p-2", className), children: children }));
+};
+FullHeightLayout.VR = function VDivider({}) {
+    return (_jsx("div", { className: "w-[1px] border border-red-200" }));
+};
+FullHeightLayout.HR = function HDivider({}) {
+    return (_jsx("div", { className: "w-full h-1 border-b border-red-200" }));
+};
+//# sourceMappingURL=FullHeightLayout.js.map

package/lib/esm/layout/FullHeightLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullHeightLayout.js","sourceRoot":"","sources":["../../../src/layout/FullHeightLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAA6B;IAC/E,OAAO,CACH,cACI,SAAS,EAAE,IAAI,CACX,eAAe,EACf,QAAQ,EACR,iBAAiB,EACjB,MAAM,EACN,SAAS,CACZ,YAEA,QAAQ,GACP,CACT,CAAC;AACN,CAAC;AAOD,gBAAgB,CAAC,KAAK,GAAG,SAAS,KAAK,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAc;IACpF,OAAO,CACH,cACI,SAAS,EAAE,IAAI,CACX,QAAQ,EACR,WAAW,EACX,SAAS,CACZ,YAEA,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAA;AAMD,gBAAgB,CAAC,IAAI,GAAG,SAAS,IAAI,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAa;IACpE,OAAO,CACH,cACI,SAAS,EAAE,IAAI,CACX,oBAAoB,EACpB,SAAS,EACT,KAAK,EACL,SAAS,CACZ,YAEA,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAA;AAGD,gBAAgB,CAAC,EAAE,GAAG,SAAS,QAAQ,CAAC,EAAkB;IACtD,OAAO,CACH,cAAK,SAAS,EAAC,+BAA+B,GAAO,CACxD,CAAC;AACN,CAAC,CAAA;AAGD,gBAAgB,CAAC,EAAE,GAAG,SAAS,QAAQ,CAAC,EAAkB;IACtD,OAAO,CACH,cAAK,SAAS,EAAC,oCAAoC,GAAO,CAC7D,CAAC;AACN,CAAC,CAAA"}

package/lib/esm/layout/Navbar.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Menu, Search } from 'lucide-react';
+import { Button } from '@vertesia/ui/core';
+import { useSidebarToggle } from './SidebarContext.js';
+import { TitleBar } from './TitleBar.js';
+export function Navbar({ children, logo, onSearch, title }) {
+    return (_jsxs("div", { className: "sticky top-0 z-40 flex h-16 shrink-0 items-center gap-x-4 border-b px-4 shadow-2xs sm:gap-x-6 sm:px-6 lg:px-8", children: [_jsx(HamburgerButton, {}), _jsx("div", { className: "lg:hidden", children: logo }), onSearch && _jsx(NavbarSeparator, { visible: 'mobile' }), _jsxs("div", { className: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6", children: [_jsx(TitleBar, { title: title }), onSearch && _jsx(SearchBox, { onSearch: onSearch }), _jsx("div", { className: "flex items-center gap-x-4 lg:gap-x-6 ml-auto", children: children })] })] }));
+}
+function SearchBox({}) {
+    return (_jsxs("form", { className: "relative flex flex-1", action: "#", method: "GET", children: [_jsx("label", { htmlFor: "search-field", className: "sr-only", children: "Search" }), _jsx(Search, { className: "pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-400", "aria-hidden": "true" }), _jsx("input", { id: "search-field", className: "block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm", placeholder: "Search...", type: "search", name: "search" })] }));
+}
+export function HamburgerButton() {
+    const { toggleDesktop, toggleMobile } = useSidebarToggle();
+    const toggle = () => {
+        if (window.innerWidth < 1024) {
+            toggleMobile();
+        }
+        else {
+            toggleDesktop();
+        }
+    };
+    return (_jsx(_Fragment, { children: _jsx(Button, { variant: 'ghost', size: 'icon', onClick: () => toggle(), className: "p-2 rounded-full transition-colors w-full text-center ", children: _jsx(Menu, { "aria-hidden": "true", size: 24 }) }) }));
+}
+export function NavbarSeparator({ visible }) {
+    let visibility = "";
+    if (visible) {
+        visibility = visible === "mobile" ? "lg:hidden" : "hidden lg:block";
+    }
+    return (_jsx("div", { className: `h-6 w-px bg-gray-900/10 dark:bg-slate-900/0.1 ${visibility}`, "aria-hidden": "true" }));
+}
+export function NavbarIconButton({ title, icon: Icon, onClick }) {
+    return (_jsxs("button", { type: "button", className: "-m-2.5 p-2.5 text-gray-400 dark:text-slate-50 hover:text-gray-500", onClick: onClick, children: [_jsx("span", { className: "sr-only", children: title }), _jsx(Icon, { className: "size-6", "aria-hidden": "true", title: title })] }));
+}
+export function NavbarButton({ children, onClick }) {
+    return (_jsx(Button, { onClick: onClick, children: children }));
+}
+export function NavbarLink({ href, onClick, children }) {
+    return (_jsx("a", { className: "dark:text-slate-50", href: href, onClick: onClick, children: children }));
+}
+//# sourceMappingURL=Navbar.js.map

package/lib/esm/layout/Navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../../src/layout/Navbar.tsx"],"names":[],"mappings":"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"}

package/lib/esm/layout/Sidebar.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { useSidebarToggle } from './SidebarContext';
+import { Dot } from 'lucide-react';
+import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from '@vertesia/ui/core';
+import { Nav } from "@vertesia/ui/router";
+export function Sidebar({ children, logo, className }) {
+    return (_jsxs("div", { className: clsx(className || "bg-indigo-600 dark:bg-indigo-950", "flex flex-col h-full"), children: [logo &&
+                _jsx("div", { className: "-mx-2 flex h-auto my-4 shrink-0 self-start", children: logo }), _jsx("div", { className: "flex-1 min-h-0 overflow-hidden px-0 lg:px-2", children: _jsx("nav", { className: "h-full flex flex-col", children: _jsx("ul", { role: "list", className: "flex flex-col gap-y-2 overflow-y-auto h-full", children: children }) }) })] }));
+}
+export function SidebarSection({ children, title, action, isFooter = false }) {
+    const { isOpen } = useSidebarToggle();
+    let header = isOpen ? _jsxs(_Fragment, { children: [title || "", action] }) : _jsx(Dot, { className: 'size-6' });
+    return (_jsxs("li", { className: isFooter ? 'mt-auto' : '', children: [title && _jsx("div", { className: "text-xs font-medium h-8 flex items-center gap-x-2 px-2 text-sidebar-foreground/70", children: header }), _jsx("ul", { "data-sidebar": "menu", className: "flex w-full min-w-0 flex-col gap-1", children: children })] }));
+}
+export function SidebarTooltip({ children, text }) {
+    const { isOpen } = useSidebarToggle();
+    return (isOpen ? _jsx(_Fragment, { children: children }) :
+        _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: children }), _jsx(TooltipContent, { side: 'right', children: text })] }) }));
+}
+export function SidebarItem({ external, className, tools, children, icon: Icon, href, current, onClick }) {
+    const { toggleMobile } = useSidebarToggle();
+    const _closeSideBar = () => {
+        setTimeout(() => {
+            toggleMobile(false);
+        }, 100);
+    };
+    const onClickWrapper = (event) => {
+        if (external) {
+            window.open(href, '_blank');
+            event.preventDefault(); // Prevent default link behavior
+            event.stopPropagation(); // Stop the event from propagating
+        }
+        else if (onClick) {
+            onClick(event);
+        }
+    };
+    return (_jsx("li", { children: _jsx(Nav, { onClick: _closeSideBar, children: _jsx(SidebarTooltip, { text: children, children: _jsxs("a", { href: href, onClick: onClickWrapper, className: clsx(current
+                        ? 'bg-sidebar-accent text-sidebar-accent-foreground'
+                        : 'text-sidebar-foreground hover:text-sidebar-accent-foreground hover:bg-sidebar-accent', 'group flex gap-x-3 rounded-md px-2 py-1.5 text-sm items-center h-8', className), children: [Icon &&
+                            _jsx(Icon, { className: clsx(current
+                                    ? 'bg-sidebar-accent text-sidebar-accent-foreground'
+                                    : 'text-sidebar-foreground hover:text-sidebar-accent-foreground hover:bg-sidebar-accent', 'size-4 shrink-0'), "aria-hidden": "true" }), children, tools && _jsx("div", { className: 'flex items-center ml-auto', children: tools })] }) }) }) }));
+}
+//# sourceMappingURL=Sidebar.js.map

package/lib/esm/layout/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/layout/Sidebar.tsx"],"names":[],"mappings":"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"}

package/lib/esm/layout/SidebarContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+export const SidebarContext = createContext({
+    isOpen: false,
+    toggleMobile: () => void 0,
+    toggleDesktop: () => void 0,
+});
+export function useSidebarToggle() {
+    return useContext(SidebarContext);
+}
+//# sourceMappingURL=SidebarContext.js.map

package/lib/esm/layout/SidebarContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarContext.js","sourceRoot":"","sources":["../../../src/layout/SidebarContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAQlD,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAqB;IAC5D,MAAM,EAAE,KAAK;IACb,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;IAC1B,aAAa,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;CAC9B,CAAC,CAAC;AAEH,MAAM,UAAU,gBAAgB;IAC5B,OAAO,UAAU,CAAC,cAAc,CAAC,CAAC;AACtC,CAAC"}

package/lib/esm/layout/TitleBar.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function TitleBar({ title }) {
+    return _jsx("div", { className: 'self-center text-lg font-semibold', children: title });
+}
+//# sourceMappingURL=TitleBar.js.map

package/lib/esm/layout/TitleBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleBar.js","sourceRoot":"","sources":["../../../src/layout/TitleBar.tsx"],"names":[],"mappings":";AAIA,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAiB;IAC7C,OAAO,cAAK,SAAS,EAAC,mCAAmC,YAAE,KAAK,GAAO,CAAA;AAC3E,CAAC"}

package/lib/esm/layout/index.js

@@ -0,0 +1,7 @@
+export * from "./FullHeightLayout.js";
+export * from "./AppLayout.js";
+export * from "./Navbar.js";
+export * from "./Sidebar.js";
+export * from "./SidebarContext.js";
+export * from "./TitleBar.js";
+//# sourceMappingURL=index.js.map

package/lib/esm/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC"}

package/lib/esm/router/FixLinks.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { BASE_PATH } from "./HistoryNavigator";
+export function FixLinks({ basePath, children }) {
+    const ref = useRef(null);
+    useEffect(() => {
+        if (ref.current) {
+            const divElem = ref.current;
+            const listener = (ev) => {
+                const elem = ev.target;
+                if (elem.tagName.toLowerCase() === 'a') {
+                    ev[BASE_PATH] = basePath;
+                }
+            };
+            divElem.addEventListener('click', listener);
+            return () => {
+                divElem.removeEventListener('click', listener);
+            };
+        }
+    }, [ref.current]);
+    return (_jsx("div", { ref: ref, className: "h-full w-full", children: children }));
+}
+//# sourceMappingURL=FixLinks.js.map

package/lib/esm/router/FixLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FixLinks.js","sourceRoot":"","sources":["../../../src/router/FixLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAM/C,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAiB;IAC1D,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YACd,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;YAC5B,MAAM,QAAQ,GAAG,CAAC,EAAc,EAAE,EAAE;gBAChC,MAAM,IAAI,GAAG,EAAE,CAAC,MAAqB,CAAC;gBACtC,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,GAAG,EAAE,CAAC;oBACpC,EAAU,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAC;gBACtC,CAAC;YACL,CAAC,CAAA;YACD,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;YAC5C,OAAO,GAAG,EAAE;gBACR,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;YACnD,CAAC,CAAA;QACL,CAAC;IACL,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;IAClB,OAAO,CACH,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,eAAe,YAAE,QAAQ,GAAO,CAC5D,CAAA;AACL,CAAC"}