@memori.ai/memori-react 9.0.0-alpha.9 → 9.0.0-rc.0

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

@@ -1,33 +1,33 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Button, Dropdown, Drawer } from '@memori.ai/ui';
-import { useWidgetSurfaceEl } from '../../../../context/widgetSurfaceContext';
-import { X, MoreVertical, Download, Link as LinkIcon, Printer, } from 'lucide-react';
+import { X, MoreVertical, Download, Link as LinkIcon, Printer, Copy, } from 'lucide-react';
 import ArtifactActions from '../ArtifactActions/ArtifactActions';
 import { useArtifact } from '../../context/ArtifactContext';
 import ArtifactPreview from '../ArtifactPreview/ArtifactPreview';
 import cx from 'classnames';
 import { useCopyArtifact } from '../ArtifactActions/hooks/useCopyArtifact';
 import TabSwitch from './components/TabSwitch';
+import IconButton from '../../../IconButton/IconButton';
+import { formatArtifactType } from '../../../../helpers/artifactPanel';
 const ArtifactDrawer = ({ isChatLogPanel = false, isLayoutColumn = false }) => {
     var _a, _b;
-    const surfaceEl = useWidgetSurfaceEl();
-    const { state, closeArtifact, toggleFullscreen } = useArtifact();
+    const { state, closeArtifact } = useArtifact();
     const { t } = useTranslation();
-    const [isMobile, setIsMobile] = useState(false);
+    const [isCompactToolbar, setIsCompactToolbar] = useState(false);
     const [activeTab, setActiveTab] = useState('preview');
     const handleTabChange = useCallback((tab) => {
         setActiveTab(tab);
-    }, [activeTab]);
-    const { copyState, formats, handleCopy: handleCopyFormat, handleCopyClick, } = useCopyArtifact(state.currentArtifact || { content: '', mimeType: 'text/plain' }, () => console.log('Copy completed'), () => console.log('Download completed'), () => console.log('Print completed'));
+    }, []);
+    const { copyState, formats, handleCopy: handleCopyFormat, } = useCopyArtifact(state.currentArtifact || { content: '', mimeType: 'text/plain' }, () => console.log('Copy completed'), () => console.log('Download completed'), () => console.log('Print completed'));
     useEffect(() => {
-        const checkMobile = () => {
-            setIsMobile(window.innerWidth <= 1260);
+        const checkCompact = () => {
+            setIsCompactToolbar(window.innerWidth <= 768);
         };
-        checkMobile();
-        window.addEventListener('resize', checkMobile);
-        return () => window.removeEventListener('resize', checkMobile);
+        checkCompact();
+        window.addEventListener('resize', checkCompact);
+        return () => window.removeEventListener('resize', checkCompact);
     }, []);
     const handleCopy = useCallback(async () => {
         if (!state.currentArtifact)
@@ -54,11 +54,6 @@ const ArtifactDrawer = ({ isChatLogPanel = false, isLayoutColumn = false }) => {
             throw error;
         }
     }, [state.currentArtifact]);
-    const handleToggleFullscreen = useCallback(() => {
-        if (toggleFullscreen) {
-            toggleFullscreen();
-        }
-    }, [toggleFullscreen]);
     const handleClose = useCallback(() => {
         closeArtifact();
     }, [closeArtifact]);
@@ -69,16 +64,16 @@ const ArtifactDrawer = ({ isChatLogPanel = false, isLayoutColumn = false }) => {
             return (_jsx("div", { style: {
                     minHeight: '75vh',
                     maxHeight: '75vh',
-                    background: 'var(--memori-secondary-background)',
+                    width: '100%',
+                    background: 'var(--memori-main-background)',
                     marginTop: '-24px',
-                    border: '2px solid var(--memori-border-primary)',
-                }, className: "memori-artifact-panel", children: children }));
+                }, className: "memori-artifact-panel memori-artifact-panel--chatlog", children: children }));
         }
-        else if (isLayoutColumn && !isMobile) {
+        else if (isLayoutColumn) {
             return _jsx("div", { className: "memori-artifact-layout-column", children: children });
         }
         else {
-            return (_jsx(Drawer, { container: surfaceEl !== null && surfaceEl !== void 0 ? surfaceEl : undefined, open: state.isDrawerOpen, onClose: handleClose, anchor: "right", size: "md", className: state.isFullscreen
+            return (_jsx(Drawer, { open: state.isDrawerOpen, onClose: handleClose, anchor: "right", size: "md", className: state.isFullscreen || isCompactToolbar
                     ? 'memori-artifact-panel-drawer-fullscreen'
                     : 'memori-artifact-panel-drawer', closable: false, children: children }));
         }
@@ -88,8 +83,7 @@ const ArtifactDrawer = ({ isChatLogPanel = false, isLayoutColumn = false }) => {
         handleClose,
         state.isDrawerOpen,
         state.isFullscreen,
-        isMobile,
-        surfaceEl,
+        isCompactToolbar,
     ]);
     const getMimeTypeString = useCallback((mimeType) => {
         const mimeTypes = {
@@ -136,39 +130,37 @@ const ArtifactDrawer = ({ isChatLogPanel = false, isLayoutColumn = false }) => {
     if (!state.currentArtifact) {
         return null;
     }
-    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 }), !isChatLogPanel && (_jsx(Button, { onClick: closeArtifact, variant: "outline", "aria-label": t('artifact.close') || 'Close', className: "memori-artifact-drawer--close-desktop", 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(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 }) }) })] }));
+    const closeButton = !isChatLogPanel ? (_jsx(IconButton, { onClick: closeArtifact, "aria-label": t('artifact.close') || 'Close', title: t('artifact.close') || 'Close', className: "memori-artifact-drawer--close", icon: _jsx(X, { className: "memori-icon-close", "aria-hidden": true }) })) : null;
+    return (_jsxs(ContentContainer, { children: [_jsxs("header", { className: cx('memori-artifact-toolbar', {
+                    'memori-artifact-toolbar--chatlog': isChatLogPanel,
+                }), children: [!isChatLogPanel && (_jsxs("div", { className: "memori-artifact-toolbar--identity", children: [_jsx("h2", { className: "memori-artifact-toolbar--title", children: state.currentArtifact.title }), _jsx("span", { className: "memori-artifact-toolbar--type", children: formatArtifactType(state.currentArtifact.mimeType) })] })), _jsxs("div", { className: "memori-artifact-toolbar--controls", children: [hasPreview && (_jsx(TabSwitch, { activeTab: activeTab, onTabChange: handleTabChange, hasPreview: hasPreview })), isCompactToolbar ? (_jsxs("div", { className: "memori-artifact-toolbar--mobile-actions", children: [_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" }) })) }), _jsxs(Dropdown.Menu, { className: "memori-mobile-dropdown", placement: "bottom", align: "end", sideOffset: 8, children: [_jsx(Dropdown.Item, { className: "memori-artifact-action-btn", onClick: handleCopy, icon: _jsx(Copy, { className: "memori-artifact-action-icon" }), label: t('artifact.copy') || 'Copy', 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(Dropdown.Item, { className: "memori-artifact-action-btn", onClick: () => handleCopyFormat(format), disabled: copyState.loading &&
+                                                                copyState.activeFormat === format.id, icon: getIcon(), label: format.label, children: format.label }, format.id));
+                                                    }), _jsx(Dropdown.Item, { className: "memori-artifact-action-btn", onClick: () => {
+                                                            var _a;
+                                                            return handleOpenExternal((_a = state.currentArtifact) !== null && _a !== void 0 ? _a : {
+                                                                content: '',
+                                                                mimeType: '',
+                                                                title: '',
+                                                                timestamp: new Date(),
+                                                                size: 0,
+                                                                id: '',
+                                                                artifactId: '',
+                                                            });
+                                                        }, icon: _jsx(LinkIcon, { className: "memori-artifact-action-icon" }), label: t('artifact.external') || 'External', children: t('artifact.external') || 'External' })] })] }), closeButton] })) : (_jsxs(_Fragment, { children: [_jsx(ArtifactActions, { artifact: state.currentArtifact, onCopy: handleCopy, loading: false, isMobile: isCompactToolbar }), closeButton] }))] })] }), _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":"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"}

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

@@ -1,20 +1,58 @@
 .memori-tab-switch {
-    display: flex;
-    max-width: fit-content;
+    display: inline-flex;
+    flex: 0 0 auto;
+    align-items: center;
+    padding: var(--memori-spacing-xs, 4px);
+    border: 1px solid color-mix(in srgb, var(--memori-text-color, #111827) 14%, transparent);
+    border-radius: var(--memori-radius-control);
+    background: color-mix(in srgb, var(--memori-text-color, #111827) 6%, transparent);
+    gap: var(--memori-spacing-xs, 4px);
+}
+
+.memori-tab-switch__tab {
+    display: inline-flex;
+    min-height: 32px;
     align-items: center;
     justify-content: center;
+    padding: 0.4rem 0.9rem;
+    border: none;
+    border-radius: calc(var(--memori-radius-control) - 2px);
+    background: transparent;
+    color: color-mix(in srgb, var(--memori-text-color, #111827) 72%, transparent);
+    cursor: pointer;
+    font-family: inherit;
+    font-size: var(--memori-text-size-sm);
+    font-weight: var(--memori-text-weight-medium);
+    gap: var(--memori-spacing-xs, 0.375rem);
+    line-height: 1.2;
+    transition:
+        background-color var(--memori-motion-duration-fast, 0.15s) var(--memori-motion-ease, ease),
+        color var(--memori-motion-duration-fast, 0.15s) var(--memori-motion-ease, ease);
 }
 
-.memori-tab-switch__list {
-    display: flex;
-    gap: var(--memori-spacing-xs);
+.memori-tab-switch__icon {
+    width: 0.875rem;
+    height: 0.875rem;
+    flex-shrink: 0;
 }
 
-.memori-tab-switch__tab {
-    min-width: 70px;
+.memori-tab-switch__tab:hover {
+    color: var(--memori-text-color, #111827);
 }
 
-.memori-tab-switch__icon {
-    width: 18px;
-    height: 18px;
+.memori-tab-switch__tab[aria-pressed='true'],
+.memori-tab-switch__tab--pressed {
+    background: var(--memori-secondary-background, #fff);
+    box-shadow: var(--memori-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.06));
+    color: var(--memori-text-color, #111827);
+    font-weight: var(--memori-text-weight-semibold);
+}
+
+.memori-tab-switch__tab:focus-visible {
+    outline: 2px solid var(--memori-primary);
+    outline-offset: 2px;
+}
+
+.memori-tab-switch__label {
+    min-width: 0;
 }

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

@@ -1,27 +1,30 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Tabs } from '@memori.ai/ui';
-import { Code, Eye as PreviewIcon } from 'lucide-react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import cx from 'classnames';
+import { Code, Eye } from 'lucide-react';
 const TabSwitch = ({ activeTab, onTabChange, hasPreview, }) => {
+    const { t } = useTranslation();
+    if (!hasPreview) {
+        return null;
+    }
     const tabs = [
+        {
+            id: 'preview',
+            label: t('artifact.preview') || 'Preview',
+            icon: _jsx(Eye, { className: "memori-tab-switch__icon", "aria-hidden": true }),
+        },
         {
             id: 'code',
-            icon: Code,
-            label: 'Code',
+            label: t('artifact.source') || t('artifact.code') || 'Source',
+            icon: _jsx(Code, { className: "memori-tab-switch__icon", "aria-hidden": true }),
         },
-        ...(hasPreview
-            ? [
-                {
-                    id: 'preview',
-                    icon: PreviewIcon,
-                    label: 'Preview',
-                },
-            ]
-            : []),
     ];
-    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));
-            }) }) }));
+    return (_jsx("div", { className: "memori-tab-switch", role: "group", "aria-label": t('artifact.viewMode') || 'View mode', children: tabs.map(tab => {
+            const pressed = activeTab === tab.id;
+            return (_jsxs("button", { type: "button", className: cx('memori-tab-switch__tab', {
+                    'memori-tab-switch__tab--pressed': pressed,
+                }), "aria-pressed": pressed, onClick: () => onTabChange(tab.id), children: [tab.icon, _jsx("span", { className: "memori-tab-switch__label", children: tab.label })] }, 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":";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"}
+{"version":3,"file":"TabSwitch.js","sourceRoot":"","sources":["../../../../../../src/components/MemoriArtifactSystem/components/ArtifactDrawer/components/TabSwitch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AASzC,MAAM,SAAS,GAA6B,CAAC,EAC3C,SAAS,EACT,WAAW,EACX,UAAU,GACX,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,IAAI,GAAgE;QACxE;YACE,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,CAAC,CAAC,kBAAkB,CAAC,IAAI,SAAS;YACzC,IAAI,EAAE,KAAC,GAAG,IAAC,SAAS,EAAC,yBAAyB,wBAAe;SAC9D;QACD;YACE,EAAE,EAAE,MAAM;YACV,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,IAAI,QAAQ;YAC7D,IAAI,EAAE,KAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,wBAAe;SAC/D;KACF,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAC,OAAO,gBACA,CAAC,CAAC,mBAAmB,CAAC,IAAI,WAAW,YAEhD,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YACd,MAAM,OAAO,GAAG,SAAS,KAAK,GAAG,CAAC,EAAE,CAAC;YACrC,OAAO,CACL,kBAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE;oBACtC,iCAAiC,EAAE,OAAO;iBAC3C,CAAC,kBACY,OAAO,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,aAEjC,GAAG,CAAC,IAAI,EACT,eAAM,SAAS,EAAC,0BAA0B,YAAE,GAAG,CAAC,KAAK,GAAQ,KATxD,GAAG,CAAC,EAAE,CAUJ,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.css

@@ -12,30 +12,32 @@
 }
 
 button.memori-artifact-handler {
-    width: 100%;
+    width: auto;
+    max-width: 100%;
     color: inherit;
     font: inherit;
     text-align: left;
 }
 
 .memori-artifact-handler {
+    --memori-artifact-chevron-rest: -90deg;
+
     display: flex;
-    min-width: 300px;
+    min-width: 0;
     align-items: center;
     justify-content: space-between;
-    padding: calc(var(--memori-spacing-sm) + var(--memori-spacing-xs));
-    padding: 1.5rem;
-    border: var(--memori-border) solid var(--memori-border-color);
-    border-radius: var(--memori-radius-box);
+    padding: 12px 14px;
+    /* border: var(--memori-border) solid var(--memori-border-color); */
+    border: none;
+    border-radius: var(--memori-radius-surface);
     animation: fadeInUp 0.5s ease forwards;
     backdrop-filter: blur(4px);
-    background: var(--memori-secondary-background);
-    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); */
+    background: var(--memori-main-background);
     cursor: pointer;
-    gap: calc(var(--memori-spacing-sm) + var(--memori-spacing-xs));
+    gap: 8px;
     opacity: 0;
     transform: translateY(10px);
-    transition: all 0.3s ease;
+    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
 }
 
 .memori-artifact-handler-wrapper {
@@ -47,13 +49,6 @@ button.memori-artifact-handler {
     max-width: 100%;
 }
 
-.memori-artifact-handler:hover {
-    border-color: var(--memori-primary);
-    /* background: #f8fafc; */
-    /* box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); */
-    transform: translateY(-2px);
-}
-
 .memori-artifact-handler--active {
     border-color: var(--memori-primary);
     background: linear-gradient(135deg, var(--memori-primary) 0%, #764ba2 100%);
@@ -75,7 +70,7 @@ button.memori-artifact-handler {
 
 .memori-artifact-handler-icon {
     flex-shrink: 0;
-    font-size: var(--memori-text-size-heading-large);
+    font-size: 1.25rem;
     line-height: 1;
 }
 
@@ -105,15 +100,41 @@ button.memori-artifact-handler {
     width: 24px;
     height: 24px;
     flex-shrink: 0;
-    font-size: var(--memori-text-size-heading-large);
+    font-size: var(--memori-text-size-2xl);
     line-height: 1;
 }
 
+/*
+ * One ChevronDown. Rest angle points at where the panel opens;
+ * aria-expanded adds 180° so open always reverses that direction.
+ *   bottom (chatlog accordion): down → up
+ *   side (layout column / overlay): right → left
+ */
+.memori-artifact-handler[data-placement='bottom'] {
+    --memori-artifact-chevron-rest: 0deg;
+}
+
+.memori-artifact-handler-chevron {
+    transform: rotate(var(--memori-artifact-chevron-rest));
+    transform-origin: center;
+    transition: transform var(--memori-motion-duration-fast, 0.15s) var(--memori-motion-ease, ease);
+}
+
+.memori-artifact-handler[aria-expanded='true'] .memori-artifact-handler-chevron {
+    transform: rotate(calc(var(--memori-artifact-chevron-rest) + 180deg));
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .memori-artifact-handler-chevron {
+        transition: none;
+    }
+}
+
 .memori-artifact-handler-title {
     overflow: hidden;
     margin-bottom: var(--memori-spacing-xs);
     color: inherit;
-    font-size: var(--memori-text-size-small);
+    font-size: var(--memori-text-size-sm);
     font-weight: var(--memori-text-weight-semibold);
     line-height: 1.3;
     text-overflow: ellipsis;
@@ -140,7 +161,7 @@ button.memori-artifact-handler {
 
 .memori-artifact-handler-type {
     padding: 0.125rem 0.375rem;
-    border-radius: var(--memori-radius-box);
+    border-radius: var(--memori-radius-control);
     background: rgba(0, 0, 0, 0.1);
     color: inherit;
     font-weight: var(--memori-text-weight-medium);
@@ -152,7 +173,7 @@ button.memori-artifact-handler {
     overflow: hidden;
     max-width: 120px;
     padding: 0.125rem 0.375rem;
-    border-radius: var(--memori-radius-box);
+    border-radius: var(--memori-radius-control);
     background: rgba(0, 0, 0, 0.1);
     color: inherit;
     font-style: italic;
@@ -175,7 +196,7 @@ button.memori-artifact-handler {
     justify-content: center;
     padding: 0.375rem;
     border: 1px solid rgba(0, 0, 0, 0.1);
-    border-radius: var(--memori-radius-box);
+    border-radius: var(--memori-radius-control);
     background: rgba(0, 0, 0, 0.05);
     color: inherit;
     cursor: pointer;
@@ -221,7 +242,7 @@ button.memori-artifact-handler {
 @media (max-width: 768px) {
     .memori-artifact-handler {
         min-width: 0;
-        margin: 0.5rem 0;
+        margin: 0;
     }
 
     .memori-artifact-handler-content {
@@ -230,7 +251,7 @@ button.memori-artifact-handler {
     }
 
     .memori-artifact-handler-icon {
-        font-size: var(--memori-text-size-heading);
+        font-size: var(--memori-text-size-xl);
     }
 
     .memori-artifact-handler-title {