@memori.ai/memori-react 8.38.4 → 9.0.0-alpha.0

package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js

@@ -1,18 +1,12 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState, useCallback, useEffect } from 'react';
+import { useState, useCallback, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Transition, Menu } from '@headlessui/react';
-import Button from '../../../ui/Button';
-import Close from '../../../icons/Close';
+import { Button, Dropdown, Drawer } from '@memori.ai/ui';
+import { X, MoreVertical, Download, Link as LinkIcon, Printer, } from 'lucide-react';
 import ArtifactActions from '../ArtifactActions/ArtifactActions';
 import { useArtifact } from '../../context/ArtifactContext';
 import ArtifactPreview from '../ArtifactPreview/ArtifactPreview';
 import cx from 'classnames';
-import Drawer from '../../../ui/Drawer';
-import MenuVertical from '../../../icons/MenuVertical';
-import Download from '../../../icons/Download';
-import Link from '../../../icons/Link';
-import PrintIcon from '../../../icons/Print';
 import { useCopyArtifact } from '../ArtifactActions/hooks/useCopyArtifact';
 import TabSwitch from './components/TabSwitch';
 const ArtifactDrawer = ({ isChatLogPanel = false, }) => {
@@ -72,16 +66,26 @@ const ArtifactDrawer = ({ isChatLogPanel = false, }) => {
         state.currentArtifact.mimeType === 'markdown';
     const ContentContainer = useCallback(({ children }) => {
         if (isChatLogPanel) {
-            return (_jsx("div", { style: { minHeight: '75vh', maxHeight: '75vh' }, className: "memori-artifact-panel", children: children }));
+            return (_jsx("div", { style: {
+                    minHeight: '75vh',
+                    maxHeight: '75vh',
+                    background: 'var(--memori-secondary-background)',
+                    marginTop: '-24px',
+                    border: '2px solid var(--memori-border-primary)',
+                }, className: "memori-artifact-panel", children: children }));
         }
         else {
-            return (_jsx(Drawer, { open: state.isDrawerOpen, onClose: handleClose, placement: "right", width: "50%", className: state.isFullscreen
+            return (_jsx(Drawer, { open: state.isDrawerOpen, onClose: handleClose, anchor: "right", size: "md", className: state.isFullscreen
                     ? 'memori-artifact-panel-drawer-fullscreen'
-                    : 'memori-artifact-panel-drawer', widthMd: "100%", widthLg: "50%", closable: false, animated: true, enterDuration: isMobile ? 'duration-500' : 'duration-300', leaveDuration: isMobile ? 'duration-400' : 'duration-200', showBackdrop: false, preventBackdropClose: true, confirmDialogTitle: t('artifact.confirmDialogTitle') ||
-                    'Are you sure you want to close this artifact?', confirmDialogMessage: t('artifact.confirmDialogMessage') ||
-                    'This action cannot be undone.', children: children }));
+                    : 'memori-artifact-panel-drawer', closable: false, children: children }));
         }
-    }, [isChatLogPanel, handleClose, state.isDrawerOpen, state.isFullscreen, isMobile]);
+    }, [
+        isChatLogPanel,
+        handleClose,
+        state.isDrawerOpen,
+        state.isFullscreen,
+        isMobile,
+    ]);
     const getMimeTypeString = useCallback((mimeType) => {
         const mimeTypes = {
             html: 'text/html',
@@ -127,38 +131,36 @@ const ArtifactDrawer = ({ isChatLogPanel = false, }) => {
     return (_jsxs(ContentContainer, { children: [_jsx("div", { className: cx('memori-artifact-drawer-container-actions', {
                     'memori-artifact-drawer-container-actions--no-preview': !hasPreview,
                     'memori-artifact-drawer-container-actions--chatlog': isChatLogPanel,
-                }), children: !isMobile && (_jsxs(_Fragment, { children: [hasPreview && (_jsx(TabSwitch, { activeTab: activeTab, onTabChange: handleTabChange, hasPreview: hasPreview })), _jsx(ArtifactActions, { artifact: state.currentArtifact, onCopy: handleCopy, loading: false, isMobile: isMobile }), _jsx(Button, { onClick: closeArtifact, className: cx('memori-artifact-drawer--close', 'memori-button--icon-only', {
-                                'memori-artifact-drawer--close-desktop': !hasPreview,
-                            }), ghost: true, title: t('artifact.close') || 'Close', children: _jsx(Close, { className: "memori-artifact-panel--close-icon" }) })] })) }), _jsxs("div", { className: cx('memori-artifact-drawer-top-right', {
+                }), children: !isMobile && (_jsxs(_Fragment, { children: [hasPreview && (_jsx(TabSwitch, { activeTab: activeTab, onTabChange: handleTabChange, hasPreview: hasPreview })), _jsx(ArtifactActions, { artifact: state.currentArtifact, onCopy: handleCopy, loading: false, isMobile: isMobile }), !isChatLogPanel && (_jsx(Button, { onClick: closeArtifact, variant: "ghost", "aria-label": t('artifact.close') || 'Close', icon: _jsx(X, { className: "memori-artifact-panel--close-icon", "aria-hidden": true }), title: t('artifact.close') || 'Close' }))] })) }), _jsxs("div", { className: cx('memori-artifact-drawer-top-right', {
                     'memori-artifact-drawer-top-right--no-preview': !hasPreview,
                     'memori-artifact-drawer-top-right--chatlog': isChatLogPanel,
-                }), children: [isMobile && (_jsxs(_Fragment, { children: [hasPreview && (_jsx(TabSwitch, { activeTab: activeTab, onTabChange: handleTabChange, hasPreview: hasPreview })), _jsxs(Menu, { as: "div", className: "memori-mobile-actions-menu", children: [_jsx(Menu.Button, { as: "div", className: "memori-mobile-actions-trigger", children: _jsx(Button, { className: cx('memori-button', 'memori-button--more-options', 'memori-button--icon-only'), ghost: true, title: t('artifact.actions') || 'Actions', children: _jsx(MenuVertical, { className: "memori-artifact-action-icon" }) }) }), _jsx(Transition, { as: React.Fragment, enter: "memori-mobile-dropdown-enter", enterFrom: "memori-mobile-dropdown-enter-from", enterTo: "memori-mobile-dropdown-enter-to", leave: "memori-mobile-dropdown-leave", leaveFrom: "memori-mobile-dropdown-leave-from", leaveTo: "memori-mobile-dropdown-leave-to", children: _jsx(Menu.Items, { className: "memori-mobile-dropdown", children: _jsxs("div", { className: "memori-mobile-dropdown-list", children: [_jsx(Button, { onClick: handleCopy, disabled: false, className: "memori-artifact-action-btn", ghost: true, title: t('artifact.copy') || 'Copy', children: _jsx("span", { className: "memori-artifact-action-text", children: t('artifact.copy') || 'Copy' }) }), formats.map(format => {
-                                                        const getIcon = () => {
-                                                            switch (format.action) {
-                                                                case 'copy':
-                                                                    return (_jsx(Link, { className: "memori-artifact-action-icon" }));
-                                                                case 'download':
-                                                                    return (_jsx(Download, { className: "memori-artifact-action-icon" }));
-                                                                case 'print':
-                                                                case 'pdf':
-                                                                    return (_jsx(PrintIcon, { className: "memori-artifact-action-icon" }));
-                                                                default:
-                                                                    return (_jsx(Link, { className: "memori-artifact-action-icon" }));
-                                                            }
-                                                        };
-                                                        return (_jsx(Button, { onClick: () => handleCopyFormat(format), disabled: copyState.loading &&
-                                                                copyState.activeFormat === format.id, className: "memori-artifact-action-btn", ghost: true, icon: getIcon(), title: format.label, children: _jsx("span", { className: "memori-artifact-action-text", children: format.label }) }, format.id));
-                                                    }), _jsx(Button, { onClick: () => {
-                                                            var _a;
-                                                            return handleOpenExternal((_a = state.currentArtifact) !== null && _a !== void 0 ? _a : {
-                                                                content: '',
-                                                                mimeType: '',
-                                                                title: '',
-                                                                timestamp: new Date(),
-                                                                size: 0,
-                                                                id: '',
-                                                            });
-                                                        }, disabled: false, className: "memori-artifact-action-btn", ghost: true, icon: _jsx(Link, { className: "memori-artifact-action-icon" }), title: t('artifact.external') || 'External', children: _jsx("span", { className: "memori-artifact-action-text", children: t('artifact.external') || 'External' }) })] }) }) })] })] })), isMobile && (_jsx(Button, { onClick: closeArtifact, className: cx('memori-artifact-drawer--close', 'memori-button--icon-only'), ghost: true, title: t('artifact.close') || 'Close', children: _jsx(Close, { className: "memori-artifact-panel--close-icon" }) }))] }), _jsx("div", { className: "memori-artifact-panel--header" }), _jsx("div", { className: "memori-artifact-panel--content", children: _jsx("div", { className: "memori-artifact-panel--main", children: _jsx(ArtifactPreview, { artifact: state.currentArtifact, activeTab: activeTab }) }) })] }));
+                }), children: [isMobile && (_jsxs(_Fragment, { children: [hasPreview && (_jsx(TabSwitch, { activeTab: activeTab, onTabChange: handleTabChange, hasPreview: hasPreview })), _jsxs(Dropdown, { className: "memori-mobile-actions-menu", children: [_jsx(Dropdown.Trigger, { showChevron: false, className: "memori-mobile-actions-trigger", render: (props) => (_jsx(Button, { ...props, className: cx('memori-button', 'memori-button--more-options', 'memori-button--icon-only'), variant: "ghost", title: t('artifact.actions') || 'Actions', children: _jsx(MoreVertical, { className: "memori-artifact-action-icon" }) })) }), _jsx(Dropdown.Menu, { className: "memori-mobile-dropdown", children: _jsxs("div", { className: "memori-mobile-dropdown-list", children: [_jsx(Button, { onClick: handleCopy, disabled: false, className: "memori-artifact-action-btn", variant: "ghost", title: t('artifact.copy') || 'Copy', children: _jsx("span", { className: "memori-artifact-action-text", children: t('artifact.copy') || 'Copy' }) }), formats.map(format => {
+                                                    const getIcon = () => {
+                                                        switch (format.action) {
+                                                            case 'copy':
+                                                                return (_jsx(LinkIcon, { className: "memori-artifact-action-icon" }));
+                                                            case 'download':
+                                                                return (_jsx(Download, { className: "memori-artifact-action-icon" }));
+                                                            case 'print':
+                                                            case 'pdf':
+                                                                return (_jsx(Printer, { className: "memori-artifact-action-icon" }));
+                                                            default:
+                                                                return (_jsx(LinkIcon, { className: "memori-artifact-action-icon" }));
+                                                        }
+                                                    };
+                                                    return (_jsx(Button, { onClick: () => handleCopyFormat(format), disabled: copyState.loading &&
+                                                            copyState.activeFormat === format.id, className: "memori-artifact-action-btn", variant: "ghost", icon: getIcon(), title: format.label, children: _jsx("span", { className: "memori-artifact-action-text", children: format.label }) }, format.id));
+                                                }), _jsx(Button, { onClick: () => {
+                                                        var _a;
+                                                        return handleOpenExternal((_a = state.currentArtifact) !== null && _a !== void 0 ? _a : {
+                                                            content: '',
+                                                            mimeType: '',
+                                                            title: '',
+                                                            timestamp: new Date(),
+                                                            size: 0,
+                                                            id: '',
+                                                        });
+                                                    }, disabled: false, className: "memori-artifact-action-btn", variant: "ghost", icon: _jsx(LinkIcon, { className: "memori-artifact-action-icon" }), title: t('artifact.external') || 'External', children: _jsx("span", { className: "memori-artifact-action-text", children: t('artifact.external') || 'External' }) })] }) })] })] })), isMobile && (_jsx(Button, { onClick: closeArtifact, className: cx('memori-artifact-drawer--close', 'memori-button--icon-only'), variant: "ghost", "aria-label": t('artifact.close') || 'Close', title: t('artifact.close') || 'Close', icon: _jsx(X, { className: "memori-artifact-panel--close-icon", "aria-hidden": true }) }))] }), _jsx("div", { className: "memori-artifact-panel--header" }), _jsx("div", { className: "memori-artifact-panel--content", children: _jsx("div", { className: "memori-artifact-panel--main", children: _jsx(ArtifactPreview, { artifact: state.currentArtifact, activeTab: activeTab }) }) })] }));
 };
 export default ArtifactDrawer;
 //# sourceMappingURL=ArtifactDrawer.js.map

package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArtifactDrawer.js","sourceRoot":"","sources":["../../../../../src/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ArtifactDrawer.js","sourceRoot":"","sources":["../../../../../src/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.tsx"],"names":[],"mappings":";AAMA,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAW,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EACL,CAAC,EAGD,YAAY,EACZ,QAAQ,EACR,IAAI,IAAI,QAAQ,EAChB,OAAO,GACR,MAAM,cAAc,CAAC;AACtB,OAAO,eAAe,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,eAAe,MAAM,oCAAoC,CAAC;AAEjE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,MAAM,cAAc,GAA2C,CAAC,EAC9D,cAAc,GAAG,KAAK,GACvB,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,GAAG,WAAW,EAAE,CAAC;IACjE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAc,SAAS,CAAC,CAAC;IAKnE,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,GAAgB,EAAE,EAAE;QACnB,YAAY,CAAC,GAAG,CAAC,CAAC;IACpB,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAGF,MAAM,EACJ,SAAS,EACT,OAAO,EACP,UAAU,EAAE,gBAAgB,EAC5B,eAAe,GAChB,GAAG,eAAe,CACjB,KAAK,CAAC,eAAe,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAChE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,EACnC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,EACvC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CACrC,CAAC;IAGF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,WAAW,CAAC,MAAM,CAAC,UAAU,IAAI,GAAG,CAAC,CAAC;QACxC,CAAC,CAAC;QAEF,WAAW,EAAE,CAAC;QACd,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;QAE/C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;IACjE,CAAC,EAAE,EAAE,CAAC,CAAC;IAKP,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,eAAe;YAAE,OAAO;QAEnC,IAAI,CAAC;YACH,IAAI,SAAS,CAAC,SAAS,IAAI,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,CAAC;gBACzD,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;YACrE,CAAC;iBAAM,CAAC;gBAEN,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;gBACpD,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC;gBAC/C,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;gBAClC,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC;gBAClC,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,WAAW,CAAC;gBACjC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;gBACpC,QAAQ,CAAC,KAAK,EAAE,CAAC;gBACjB,QAAQ,CAAC,MAAM,EAAE,CAAC;gBAClB,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;gBAC7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YACtC,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;YACrC,MAAM,KAAK,CAAC;QACd,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;IAK5B,MAAM,sBAAsB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9C,IAAI,gBAAgB,EAAE,CAAC;YACrB,gBAAgB,EAAE,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAKvB,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,aAAa,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,UAAU,GACd,KAAK,CAAC,eAAe,CAAC,QAAQ,KAAK,MAAM;QACzC,KAAK,CAAC,eAAe,CAAC,QAAQ,KAAK,UAAU,CAAC;IAEhD,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;QAC9C,IAAI,cAAc,EAAE,CAAC;YACnB,OAAO,CACL,cACE,KAAK,EAAE;oBACL,SAAS,EAAE,MAAM;oBACjB,SAAS,EAAE,MAAM;oBACjB,UAAU,EAAE,oCAAoC;oBAChD,SAAS,EAAE,OAAO;oBAClB,MAAM,EAAE,wCAAwC;iBACjD,EACD,SAAS,EAAC,uBAAuB,YAEhC,QAAQ,GACL,CACP,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,KAAK,CAAC,YAAY,EACxB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAC,OAAO,EACd,IAAI,EAAC,IAAI,EACT,SAAS,EACP,KAAK,CAAC,YAAY;oBAChB,CAAC,CAAC,yCAAyC;oBAC3C,CAAC,CAAC,8BAA8B,EAEpC,QAAQ,EAAE,KAAK,YAEd,QAAQ,GACF,CACV,CAAC;QACJ,CAAC;IACH,CAAC,EACD;QACE,cAAc;QACd,WAAW;QACX,KAAK,CAAC,YAAY;QAClB,KAAK,CAAC,YAAY;QAClB,QAAQ;KACT,CACF,CAAC;IAKF,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,QAAgB,EAAU,EAAE;QACjE,MAAM,SAAS,GAA2B;YACxC,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE,kBAAkB;YACxB,QAAQ,EAAE,eAAe;YACzB,GAAG,EAAE,UAAU;YACf,UAAU,EAAE,iBAAiB;YAC7B,UAAU,EAAE,iBAAiB;YAC7B,GAAG,EAAE,eAAe;YACpB,GAAG,EAAE,UAAU;YACf,IAAI,EAAE,YAAY;YAClB,MAAM,EAAE,eAAe;YACvB,IAAI,EAAE,aAAa;YACnB,GAAG,EAAE,YAAY;YACjB,MAAM,EAAE,eAAe;YACvB,GAAG,EAAE,YAAY;YACjB,IAAI,EAAE,aAAa;YACnB,EAAE,EAAE,WAAW;YACf,IAAI,EAAE,aAAa;YACnB,IAAI,EAAE,WAAW;YACjB,GAAG,EAAE,YAAY;SAClB,CAAC;QACF,OAAO,SAAS,CAAC,QAAQ,CAAC,IAAI,YAAY,CAAC;IAC7C,CAAC,EAAE,EAAE,CAAC,CAAC;IAKP,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,QAAsB,EAAE,EAAE;QAChE,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACtD,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;YAC9D,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAEtC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;YAClD,IAAI,CAAC,cAAc,EAAE,CAAC;gBACpB,KAAK,CACH,2EAA2E,CAC5E,CAAC;gBACF,OAAO;YACT,CAAC;YAGD,UAAU,CAAC,GAAG,EAAE;gBACd,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;YAC3B,CAAC,EAAE,KAAK,CAAC,CAAC;QACZ,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC;QAChD,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAGP,OAAO,CACL,MAAC,gBAAgB,eAEf,cACE,SAAS,EAAE,EAAE,CAAC,0CAA0C,EAAE;oBACxD,sDAAsD,EAAE,CAAC,UAAU;oBACnE,mDAAmD,EAAE,cAAc;iBACpE,CAAC,YAGD,CAAC,QAAQ,IAAI,CACZ,8BAEG,UAAU,IAAI,CACb,KAAC,SAAS,IACR,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,eAAe,EAC5B,UAAU,EAAE,UAAU,GACtB,CACH,EACD,KAAC,eAAe,IACd,QAAQ,EAAE,KAAK,CAAC,eAAe,EAC/B,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,QAAQ,GAClB,EACD,CAAC,cAAc,IAAI,CAClB,KAAC,MAAM,IACL,OAAO,EAAE,aAAa,EACtB,OAAO,EAAC,OAAO,gBACH,CAAC,CAAC,gBAAgB,CAAC,IAAI,OAAO,EAC1C,IAAI,EAAE,KAAC,CAAC,IAAC,SAAS,EAAC,mCAAmC,wBAAe,EACrE,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC,IAAI,OAAO,GACrC,CACH,IACA,CACJ,GACG,EAGN,eACE,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE;oBAChD,8CAA8C,EAAE,CAAC,UAAU;oBAC3D,2CAA2C,EAAE,cAAc;iBAC5D,CAAC,aAGD,QAAQ,IAAI,CACX,8BACG,UAAU,IAAI,CACb,KAAC,SAAS,IACR,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,eAAe,EAC5B,UAAU,EAAE,UAAU,GACtB,CACH,EACD,MAAC,QAAQ,IAAC,SAAS,EAAC,4BAA4B,aAC9C,KAAC,QAAQ,CAAC,OAAO,IACf,WAAW,EAAE,KAAK,EAClB,SAAS,EAAC,+BAA+B,EACzC,MAAM,EAAE,CACN,KAAoD,EACpD,EAAE,CAAC,CACH,KAAC,MAAM,OACD,KAAK,EACT,SAAS,EAAE,EAAE,CACX,eAAe,EACf,6BAA6B,EAC7B,0BAA0B,CAC3B,EACD,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,CAAC,CAAC,kBAAkB,CAAC,IAAI,SAAS,YAEzC,KAAC,YAAY,IAAC,SAAS,EAAC,6BAA6B,GAAG,GACjD,CACV,GACD,EACF,KAAC,QAAQ,CAAC,IAAI,IAAC,SAAS,EAAC,wBAAwB,YAC/C,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,MAAM,IACL,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,KAAK,EACf,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,IAAI,MAAM,YAEnC,eAAM,SAAS,EAAC,6BAA6B,YAC1C,CAAC,CAAC,eAAe,CAAC,IAAI,MAAM,GACxB,GACA,EAER,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;oDAEpB,MAAM,OAAO,GAAG,GAAG,EAAE;wDACnB,QAAQ,MAAM,CAAC,MAAM,EAAE,CAAC;4DACtB,KAAK,MAAM;gEACT,OAAO,CACL,KAAC,QAAQ,IAAC,SAAS,EAAC,6BAA6B,GAAG,CACrD,CAAC;4DACJ,KAAK,UAAU;gEACb,OAAO,CACL,KAAC,QAAQ,IAAC,SAAS,EAAC,6BAA6B,GAAG,CACrD,CAAC;4DACJ,KAAK,OAAO,CAAC;4DACb,KAAK,KAAK;gEACR,OAAO,CACL,KAAC,OAAO,IAAC,SAAS,EAAC,6BAA6B,GAAG,CACpD,CAAC;4DACJ;gEACE,OAAO,CACL,KAAC,QAAQ,IAAC,SAAS,EAAC,6BAA6B,GAAG,CACrD,CAAC;wDACN,CAAC;oDACH,CAAC,CAAC;oDAEF,OAAO,CACL,KAAC,MAAM,IAEL,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,EACvC,QAAQ,EACN,SAAS,CAAC,OAAO;4DACjB,SAAS,CAAC,YAAY,KAAK,MAAM,CAAC,EAAE,EAEtC,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,OAAO,EAAE,EACf,KAAK,EAAE,MAAM,CAAC,KAAK,YAEnB,eAAM,SAAS,EAAC,6BAA6B,YAC1C,MAAM,CAAC,KAAK,GACR,IAbF,MAAM,CAAC,EAAE,CAcP,CACV,CAAC;gDACJ,CAAC,CAAC,EAGF,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;;wDACZ,OAAA,kBAAkB,CAChB,MAAA,KAAK,CAAC,eAAe,mCAAI;4DACvB,OAAO,EAAE,EAAE;4DACX,QAAQ,EAAE,EAAE;4DACZ,KAAK,EAAE,EAAE;4DACT,SAAS,EAAE,IAAI,IAAI,EAAE;4DACrB,IAAI,EAAE,CAAC;4DACP,EAAE,EAAE,EAAE;yDACP,CACF,CAAA;qDAAA,EAEH,QAAQ,EAAE,KAAK,EACf,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,KAAC,QAAQ,IAAC,SAAS,EAAC,6BAA6B,GAAG,EAC1D,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,IAAI,UAAU,YAE3C,eAAM,SAAS,EAAC,6BAA6B,YAC1C,CAAC,CAAC,mBAAmB,CAAC,IAAI,UAAU,GAChC,GACA,IACL,GACQ,IACP,IACV,CACJ,EAGA,QAAQ,IAAI,CACX,KAAC,MAAM,IACL,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,EAAE,CACX,+BAA+B,EAC/B,0BAA0B,CAC3B,EACD,OAAO,EAAC,OAAO,gBACH,CAAC,CAAC,gBAAgB,CAAC,IAAI,OAAO,EAC1C,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC,IAAI,OAAO,EACrC,IAAI,EAAE,KAAC,CAAC,IAAC,SAAS,EAAC,mCAAmC,wBAAe,GACrE,CACH,IACG,EAEN,cAAK,SAAS,EAAC,+BAA+B,GAAO,EAGrD,cAAK,SAAS,EAAC,gCAAgC,YAC7C,cAAK,SAAS,EAAC,6BAA6B,YAC1C,KAAC,eAAe,IACd,QAAQ,EAAE,KAAK,CAAC,eAAe,EAC/B,SAAS,EAAE,SAAS,GACpB,GACE,GACF,IACW,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.css

@@ -1,150 +1,20 @@
-/**
- * TabSwitch CSS Styles
- * Modern animated switch component with smooth transitions
- */
-
 .memori-tab-switch {
     display: flex;
+    max-width: fit-content;
     align-items: center;
     justify-content: center;
 }
 
-.memori-tab-switch__container {
-    position: relative;
-    display: inline-flex;
-    overflow: hidden;
-    border: 1px solid #e9ecef;
-    border-radius: 6px;
-    background: #f8f9fa;
-    box-shadow: none;
-    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.memori-tab-switch__track {
-    position: relative;
+.memori-tab-switch__list {
     display: flex;
-    overflow: hidden;
-    border-radius: 8px;
-    background: transparent;
-}
-
-.memori-tab-switch__indicator {
-    position: absolute;
-    z-index: 1;
-    top: 2px;
-    bottom: 2px;
-    left: 2px;
-    width: calc((100% - 4px) / var(--tab-count, 2));
-    border-radius: 6px;
-    animation: tab-switch-slide 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-    background: #ffffff;
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
-    transform: translateX(calc(var(--active-index, 0) * 100%));
-    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    gap: var(--memori-spacing-xs);
 }
 
-.memori-tab-switch__indicator::before {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    border-radius: 6px;
-    background: linear-gradient(135deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0) 100%);
-    content: '';
-    pointer-events: none;
-}
-
-.memori-tab-switch__button {
-    position: relative;
-    z-index: 2;
-    display: flex;
+.memori-tab-switch__tab {
     min-width: 70px;
-    height: 36px;
-    align-items: center;
-    justify-content: center;
-    padding: 6px 12px;
-    border: none;
-    border-radius: 6px;
-    background: transparent;
-    color: #6b7280;
-    cursor: pointer;
-    font-size: 0.875rem;
-    font-weight: 500;
-    gap: 6px;
-    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-    white-space: nowrap;
-}
-
-.memori-tab-switch__button:hover {
-    color: #374151;
-    transform: none;
-}
-
-.memori-tab-switch__button--active {
-    /* color: #1´ç11827; */
-    font-weight: 600;
-}
-
-.memori-tab-switch__button:focus {
-    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
-    outline: none;
-}
-
-.memori-tab-switch__button:active {
-    transform: none;
 }
 
 .memori-tab-switch__icon {
     width: 18px;
     height: 18px;
-    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.memori-tab-switch__button--active .memori-tab-switch__icon {
-    filter: none;
-}
-
-.memori-tab-switch__label {
-    font-size: 0.875rem;
-    font-weight: 500;
-    letter-spacing: 0.01em;
-    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-/* Hover effects for the entire switch */
-.memori-tab-switch__container:hover {
-    border-color: #d1d5db;
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-}
-
-.memori-tab-switch__container:hover .memori-tab-switch__indicator {
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
-}
-
-/* Animation for tab switching */
-@keyframes tab-switch-slide {
-    from {
-        transform: translateX(calc((var(--active-index, 0) - 1) * 100%));
-    }
-    to {
-        transform: translateX(calc(var(--active-index, 0) * 100%));
-    }
-}
-
-/* Responsive design */
-
-/* High contrast mode support */
-@media (prefers-contrast: high) {
-    .memori-tab-switch__container {
-        border-width: 2px;
-    }
-
-    .memori-tab-switch__indicator {
-        box-shadow: 0 0 0 2px white, 0 2px 8px var(--memori-primary);
-    }
-
-    .memori-tab-switch__button:focus {
-        box-shadow: 0 0 0 4px var(--memori-primary);
-    }
 }

package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.js

@@ -1,32 +1,27 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import cx from 'classnames';
-import Code from '../../../../icons/Code';
-import { PreviewIcon } from '../../../../icons/Preview';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tabs } from '@memori.ai/ui';
+import { Code, Eye as PreviewIcon } from 'lucide-react';
 const TabSwitch = ({ activeTab, onTabChange, hasPreview, }) => {
     const tabs = [
         {
             id: 'code',
             icon: Code,
+            label: 'Code',
         },
         ...(hasPreview
             ? [
                 {
                     id: 'preview',
                     icon: PreviewIcon,
+                    label: 'Preview',
                 },
             ]
             : []),
     ];
-    return (_jsx("div", { className: "memori-tab-switch", children: _jsx("div", { className: "memori-tab-switch__container", children: _jsxs("div", { className: "memori-tab-switch__track", style: {
-                    '--tab-count': tabs.length,
-                }, children: [_jsx("div", { className: "memori-tab-switch__indicator", style: {
-                            '--active-index': tabs.findIndex(tab => tab.id === activeTab),
-                        } }), tabs.map((tab) => {
-                        const IconComponent = tab.icon;
-                        return (_jsx("button", { type: "button", className: cx('memori-tab-switch__button', {
-                                'memori-tab-switch__button--active': activeTab === tab.id,
-                            }), onClick: () => onTabChange(tab.id), "aria-pressed": activeTab === tab.id, children: _jsx(IconComponent, { className: "memori-tab-switch__icon" }) }, tab.id));
-                    })] }) }) }));
+    return (_jsx(Tabs.Root, { className: "memori-tab-switch", value: activeTab, onValueChange: value => onTabChange(value), variant: "segmented", children: _jsx(Tabs.List, { className: "memori-tab-switch__list", "aria-label": "Artifact content view", children: tabs.map(tab => {
+                const IconComponent = tab.icon;
+                return (_jsx(Tabs.Tab, { value: tab.id, className: "memori-tab-switch__tab", "aria-label": tab.label, children: _jsx(IconComponent, { className: "memori-tab-switch__icon", "aria-hidden": true }) }, tab.id));
+            }) }) }));
 };
 export default TabSwitch;
 //# sourceMappingURL=TabSwitch.js.map

package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabSwitch.js","sourceRoot":"","sources":["../../../../../../src/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAQxD,MAAM,SAAS,GAA6B,CAAC,EAC3C,SAAS,EACT,WAAW,EACX,UAAU,GACX,EAAE,EAAE;IACH,MAAM,IAAI,GAAG;QACX;YACE,EAAE,EAAE,MAAqB;YACzB,IAAI,EAAE,IAAI;SAEX;QACD,GAAG,CAAC,UAAU;YACZ,CAAC,CAAC;gBACE;oBACE,EAAE,EAAE,SAAwB;oBAC5B,IAAI,EAAE,WAAW;iBAElB;aACF;YACH,CAAC,CAAC,EAAE,CAAC;KACR,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,mBAAmB,YAChC,cAAK,SAAS,EAAC,8BAA8B,YAC3C,eACE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE;oBACL,aAAa,EAAE,IAAI,CAAC,MAAM;iBACJ,aAExB,cACE,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE;4BACL,gBAAgB,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,SAAS,CAAC;yBACvC,GACxB,EACD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;wBAChB,MAAM,aAAa,GAAG,GAAG,CAAC,IAAI,CAAC;wBAC/B,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE;gCACzC,mCAAmC,EAAE,SAAS,KAAK,GAAG,CAAC,EAAE;6BAC1D,CAAC,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,kBACpB,SAAS,KAAK,GAAG,CAAC,EAAE,YAGlC,KAAC,aAAa,IAAC,SAAS,EAAC,yBAAyB,GAAG,IAThD,GAAG,CAAC,EAAE,CAWJ,CACV,CAAC;oBACJ,CAAC,CAAC,IACE,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TabSwitch.js","sourceRoot":"","sources":["../../../../../../src/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,GAAG,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAQxD,MAAM,SAAS,GAA6B,CAAC,EAC3C,SAAS,EACT,WAAW,EACX,UAAU,GACX,EAAE,EAAE;IACH,MAAM,IAAI,GAAG;QACX;YACE,EAAE,EAAE,MAAqB;YACzB,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,MAAM;SACd;QACD,GAAG,CAAC,UAAU;YACZ,CAAC,CAAC;gBACE;oBACE,EAAE,EAAE,SAAwB;oBAC5B,IAAI,EAAE,WAAW;oBACjB,KAAK,EAAE,SAAS;iBACjB;aACF;YACH,CAAC,CAAC,EAAE,CAAC;KACR,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,CAAC,IAAI,IACR,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,SAAS,EAChB,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,KAAoB,CAAC,EACzD,OAAO,EAAC,WAAW,YAEnB,KAAC,IAAI,CAAC,IAAI,IACR,SAAS,EAAC,yBAAyB,gBACxB,uBAAuB,YAEjC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;gBACd,MAAM,aAAa,GAAG,GAAG,CAAC,IAAI,CAAC;gBAC/B,OAAO,CACL,KAAC,IAAI,CAAC,GAAG,IAEP,KAAK,EAAE,GAAG,CAAC,EAAE,EACb,SAAS,EAAC,wBAAwB,gBACtB,GAAG,CAAC,KAAK,YAErB,KAAC,aAAa,IAAC,SAAS,EAAC,yBAAyB,wBAAe,IAL5D,GAAG,CAAC,EAAE,CAMF,CACZ,CAAC;YACJ,CAAC,CAAC,GACQ,GACF,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}