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

package/esm/components/ChatTextArea/ChatTextArea.css

@@ -67,7 +67,7 @@
     .memori-chat-textarea--inner {
         max-height: 200px;
     }
-    
+
     .memori-chat-textarea--expanded .memori-chat-textarea--inner {
         max-height: 200px;
     }
@@ -77,7 +77,7 @@
     .memori-chat-textarea--inner {
         max-height: 150px;
     }
-    
+
     .memori-chat-textarea--expanded .memori-chat-textarea--inner {
         max-height: 150px;
     }
@@ -92,13 +92,13 @@ textarea.memori-chat-textarea--input {
     min-height: 36px;
     max-height: 208px;
     box-sizing: border-box;
-    /* padding: 8px 0; */
+    /* padding: var(--memori-spacing-sm) 0; */
     border: none;
     background: transparent;
-    color: #000;
-    font-family: var(--memori-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif);
-    font-size: 16px;
-    line-height: 1.5;
+    color: var(--memori-text-color, #000);
+    font-family: var(--memori-font-family);
+    font-size: var(--memori-text-size-base);
+    line-height: var(--memori-text-line-normal);
     overflow-y: auto;
     resize: none;
     scrollbar-width: thin;
@@ -107,7 +107,7 @@ textarea.memori-chat-textarea--input {
 
 /* Placeholder styling */
 textarea.memori-chat-textarea--input::placeholder {
-    color: rgba(0, 0, 0, 0.5);
+    color: var(--memori-text-color);
 }
 
 /* Scrollbar styling */
@@ -120,7 +120,7 @@ textarea.memori-chat-textarea--input::-webkit-scrollbar-track {
 }
 
 textarea.memori-chat-textarea--input::-webkit-scrollbar-thumb {
-    border-radius: 3px;
+    border-radius: var(--memori-radius-box);
     background: rgba(0, 0, 0, 0.2);
 }
 
@@ -132,14 +132,14 @@ textarea.memori-chat-textarea--input::-webkit-scrollbar-thumb:hover {
 @media (max-width: 768px) {
     textarea.memori-chat-textarea--input {
         max-height: 200px;
-        font-size: 16px; /* Prevent zoom on iOS */
+        font-size: var(--memori-text-size-base); /* Prevent zoom on iOS */
     }
 }
 
 @media (max-width: 480px) {
     textarea.memori-chat-textarea--input {
         max-height: 150px;
-        font-size: 16px; /* Prevent zoom on iOS */
+        font-size: var(--memori-text-size-base); /* Prevent zoom on iOS */
     }
 }
 
@@ -159,7 +159,7 @@ textarea.memori-chat-textarea--input:focus {
 
 button.memori-chat-textarea--expand-button {
     padding: 0.25rem 0.5rem;
-    color: #000;
+    color: var(--memori-text-color);
     opacity: 0.6;
     transition: all 0.2s ease-in-out;
 }
@@ -183,3 +183,29 @@ button.memori-chat-textarea--expand-button:focus {
     .memori-chat-textarea--expand-button {
     opacity: 1;
 }
+
+/* Dark theme */
+[data-theme='dark'] .memori-chat-textarea--counter {
+    color: var(--memori-text-color, rgba(255, 255, 255, 0.85));
+}
+
+[data-theme='dark'] textarea.memori-chat-textarea--input {
+    color: var(--memori-text-color, rgba(255, 255, 255, 0.92));
+    scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
+}
+
+[data-theme='dark'] textarea.memori-chat-textarea--input::placeholder {
+    color: var(--memori-text-color-muted, rgba(255, 255, 255, 0.5));
+}
+
+[data-theme='dark'] textarea.memori-chat-textarea--input::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, 0.25);
+}
+
+[data-theme='dark'] textarea.memori-chat-textarea--input::-webkit-scrollbar-thumb:hover {
+    background: rgba(255, 255, 255, 0.4);
+}
+
+[data-theme='dark'] button.memori-chat-textarea--expand-button {
+    color: var(--memori-text-color, rgba(255, 255, 255, 0.85));
+}

package/esm/components/ChatTextArea/ChatTextArea.js

@@ -58,7 +58,7 @@ const ChatTextArea = ({ disabled = false, value, onChange, onPressEnter, onPaste
     return (_jsxs("div", { "data-testid": "chat-textarea", className: cx('memori-chat-textarea', {
             'memori-chat-textarea--disabled': disabled,
             'memori-chat-textarea--with-counter': maxTextareaCharacters != null,
-        }), children: [maxTextareaCharacters != null && (_jsxs("div", { className: "memori-chat-textarea--counter", "aria-live": "polite", children: [displayValue.length, " / ", maxTextareaCharacters] })), _jsx("div", { ref: innerRef, className: "memori-chat-textarea--inner", children: _jsx("textarea", { ref: textareaRef, className: "memori-chat-textarea--input", disabled: disabled, value: displayValue, placeholder: t('placeholder', 'Ask a question') || 'Ask a question', onChange: e => {
+        }), children: [maxTextareaCharacters != null && (_jsxs("div", { className: "memori-chat-textarea--counter", "aria-live": "polite", children: [displayValue.length, " / ", maxTextareaCharacters] })), _jsx("div", { ref: innerRef, className: "memori-chat-textarea--inner", children: _jsx("textarea", { ref: textareaRef, id: "memori-chat-message", className: "memori-chat-textarea--input", disabled: disabled, value: displayValue, "aria-label": String(t('placeholder', 'Ask a question') || 'Ask a question'), placeholder: t('placeholder', 'Ask a question') || 'Ask a question', onChange: e => {
                         const next = e.target.value;
                         if (maxTextareaCharacters != null) {
                             onChange(next.slice(0, maxTextareaCharacters));

package/esm/components/ChatTextArea/ChatTextArea.js.map

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

package/esm/components/CompletionProviderStatus/CompletionProviderStatus.css

@@ -2,7 +2,7 @@
     width: 24px;
     height: 24px;
     cursor: pointer;
-    font-size: 16px;
+    font-size: var(--memori-text-size-base);
   }
   
   .memori--completion-provider-status--loading {
@@ -12,15 +12,15 @@
   }
   
   .memori--completion-provider-status--icon-error {
-    color: #f5222d;
+    color: var(--memori-error);
   }
   
   .memori--completion-provider-status--icon-warning {
-    color: #faad14;
+    color: var(--memori-warning);
   }
   
   .memori--completion-provider-status--icon-info {
-    color: #1890ff;
+    color: var(--memori-info);
   }
   
   .memori--completion-provider-status--tooltip {
@@ -28,7 +28,7 @@
   }
   
   .memori--completion-provider-status--tooltip p {
-    margin-bottom: 8px;
+    margin-bottom: var(--memori-spacing-sm);
   }
   
   .memori--completion-provider-status--tooltip p:last-child {

package/esm/components/CompletionProviderStatus/CompletionProviderStatus.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Status = 'operational' | 'degraded_performance' | 'partial_outage' | 'major_outage' | undefined;
 export interface Props {
     forceStatus?: Status;

package/esm/components/CompletionProviderStatus/CompletionProviderStatus.js

@@ -1,11 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState, useCallback } from 'react';
-import Tooltip from '../ui/Tooltip';
-import Warning from '../icons/Warning';
-import Alert from '../icons/Alert';
-import Info from '../icons/Info';
+import { Tooltip } from '@memori.ai/ui';
+import { AlertTriangle, Info } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
-import Spin from '../ui/Spin';
+import { Spin } from '@memori.ai/ui';
 const PROVIDER_CONFIGS = {
     OpenAI: {
         statusUrl: 'https://status.openai.com/api/v2/summary.json',
@@ -114,7 +112,7 @@ const CompletionProviderStatus = ({ forceStatus, provider = 'Anthropic', }) => {
         switch (status) {
             case 'major_outage':
                 return {
-                    Icon: Alert,
+                    Icon: AlertTriangle,
                     message: t('completionProviderMajorOutage', {
                         provider: provider !== null && provider !== void 0 ? provider : t('completionProviderFallbackName'),
                         fallback: t('completionProviderDown', {
@@ -125,7 +123,7 @@ const CompletionProviderStatus = ({ forceStatus, provider = 'Anthropic', }) => {
                 };
             case 'partial_outage':
                 return {
-                    Icon: Warning,
+                    Icon: AlertTriangle,
                     message: t('completionProviderPartialOutage', {
                         provider: provider !== null && provider !== void 0 ? provider : t('completionProviderFallbackName'),
                         fallback: t('completionProviderDown', {

package/esm/components/CompletionProviderStatus/CompletionProviderStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompletionProviderStatus.js","sourceRoot":"","sources":["../../../src/components/CompletionProviderStatus/CompletionProviderStatus.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,OAAO,MAAM,eAAe,CAAC;AACpC,OAAO,OAAO,MAAM,kBAAkB,CAAC;AACvC,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,IAAI,MAAM,eAAe,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,IAAI,MAAM,YAAY,CAAC;AAoB9B,MAAM,gBAAgB,GAAmC;IACvD,MAAM,EAAE;QACN,SAAS,EAAE,+CAA+C;QAC1D,UAAU,EAAE,4BAA4B;QACxC,gBAAgB,EAAE,CAAC,MAAM,EAAE,sBAAsB,CAAC;KACnD;IACD,OAAO,EAAE;QACP,SAAS,EAAE,qDAAqD;QAChE,UAAU,EAAE,kCAAkC;QAC9C,gBAAgB,EAAE,CAAC,SAAS,CAAC;KAC9B;IACD,SAAS,EAAE;QACT,SAAS,EAAE,kDAAkD;QAC7D,UAAU,EAAE,+BAA+B;QAC3C,gBAAgB,EAAE,CAAC,mBAAmB,CAAC;KACxC;CACF,CAAC;AAGF,MAAM,mBAAmB,GAAG,KAAK,EAAE,MAAsB,EAAmB,EAAE;IAC5E,IAAI;QAEF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAC/C,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;YAChB,OAAO,CAAC,IAAI,CAAC,uBAAuB,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;YACvD,OAAO,aAAa,CAAC;SACtB;QAED,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QAKnC,IAAI,IAAI,CAAC,UAAU,EAAE;YAEnB,IAAI,MAAM,CAAC,gBAAgB,EAAE;gBAC3B,MAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAC;oBAC9D,CAAC,CAAC,MAAM,CAAC,gBAAgB;oBACzB,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;gBAE9B,KAAK,MAAM,IAAI,IAAI,iBAAiB,EAAE;oBACpC,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CACvC,CAAC,SAA2B,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,KAAK,IAAI,CACzD,CAAC;oBAEF,IAAI,YAAY,IAAI,YAAY,CAAC,MAAM,KAAK,aAAa,EAAE;wBACzD,OAAO,YAAY,CAAC,MAAgB,CAAC;qBACtC;iBACF;aACF;YAGD,MAAM,oBAAoB,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAC/C,CAAC,SAA6B,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,KAAK,aAAa,CACtE,CAAC;YAEF,IAAI,oBAAoB,EAAE;gBACxB,OAAO,sBAAsB,CAAC;aAC/B;SACF;QAGD,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,KAAK,MAAM,EAAE;YACnD,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,KAAK,UAAU;gBAAE,OAAO,cAAc,CAAC;YAChE,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,KAAK,OAAO;gBAAE,OAAO,gBAAgB,CAAC;YAC/D,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,KAAK,OAAO;gBAAE,OAAO,sBAAsB,CAAC;SACtE;QAED,OAAO,aAAa,CAAC;KACtB;IAAC,OAAO,KAAK,EAAE;QACd,OAAO,CAAC,KAAK,CAAC,iCAAiC,EAAE,KAAK,CAAC,CAAC;QACxD,OAAO,aAAa,CAAC;KACtB;AACH,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAG,CAAC,EAChC,WAAW,EACX,QAAQ,GAAG,WAAW,GAChB,EAAE,EAAE;IACV,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,aAAa,CAAC,CAAC;IAC3E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAE1C,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACvC,IAAI,CAAC,MAAM;YAAE,OAAO,aAAa,CAAC;QAClC,OAAO,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,GAAG,IAAI,CAAC;QACnB,MAAM,eAAe,GAAG,IAAI,eAAe,EAAE,CAAC;QAE9C,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;YAC7B,IAAI,WAAW;gBAAE,OAAO;YACxB,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,IAAI;gBACF,MAAM,SAAS,GAAG,MAAM,SAAS,EAAE,CAAC;gBACpC,IAAI,OAAO,EAAE;oBACX,SAAS,CAAC,SAAS,CAAC,CAAC;iBACtB;aACF;YAAC,OAAO,KAAK,EAAE;gBACd,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,KAAK,CAAC,CAAC;gBAChD,IAAI,OAAO,EAAE;oBACX,SAAS,CAAC,aAAa,CAAC,CAAC;iBAC1B;aACF;oBAAS;gBACR,IAAI,OAAO,EAAE;oBACX,YAAY,CAAC,KAAK,CAAC,CAAC;iBACrB;aACF;QACH,CAAC,CAAC;QAEF,WAAW,EAAE,CAAC;QAEd,OAAO,GAAG,EAAE;YACV,OAAO,GAAG,KAAK,CAAC;YAChB,eAAe,CAAC,KAAK,EAAE,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7B,IAAI,SAAS,EAAE;QACb,OAAO,CACL,cAAK,SAAS,EAAC,6CAA6C,YAC1D,KAAC,IAAI,IAAC,QAAQ,EAAE,IAAI,GAAI,GACpB,CACP,CAAC;KACH;IAED,IAAI,CAAC,MAAM,IAAI,MAAM,KAAK,aAAa,EAAE;QACvC,OAAO,IAAI,CAAC;KACb;IAGD,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,QAAQ,MAAM,EAAE;YACd,KAAK,cAAc;gBACjB,OAAO;oBACL,IAAI,EAAE,KAAK;oBACX,OAAO,EAAE,CAAC,CAAC,+BAA+B,EAAE;wBAC1C,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,CAAC,gCAAgC,CAAC;wBACzD,QAAQ,EAAE,CAAC,CAAC,wBAAwB,EAAE;4BACpC,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,CAAC,gCAAgC,CAAC;yBAC1D,CAAC;qBACH,CAAC;oBACF,SAAS,EAAE,gDAAgD;iBAC5D,CAAC;YACJ,KAAK,gBAAgB;gBACnB,OAAO;oBACL,IAAI,EAAE,OAAO;oBACb,OAAO,EAAE,CAAC,CAAC,iCAAiC,EAAE;wBAC5C,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,CAAC,gCAAgC,CAAC;wBACzD,QAAQ,EAAE,CAAC,CAAC,wBAAwB,EAAE;4BACpC,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,CAAC,gCAAgC,CAAC;yBAC1D,CAAC;qBACH,CAAC;oBACF,SAAS,EAAE,kDAAkD;iBAC9D,CAAC;YACJ,KAAK,sBAAsB,CAAC;YAC5B;gBACE,OAAO;oBACL,IAAI,EAAE,IAAI;oBACV,OAAO,EAAE,CAAC,CAAC,4BAA4B,EAAE;wBACvC,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,CAAC,gCAAgC,CAAC;wBACzD,QAAQ,EAAE,CAAC,CAAC,wBAAwB,EAAE;4BACpC,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,CAAC,gCAAgC,CAAC;yBAC1D,CAAC;qBACH,CAAC;oBACF,SAAS,EAAE,+CAA+C;iBAC3D,CAAC;SACL;IACH,CAAC,CAAC;IAEF,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAExD,OAAO,CACL,KAAC,OAAO,IACN,SAAS,EAAC,6CAA6C,EACvD,KAAK,EAAC,OAAO,EACb,OAAO,EACL,0BACE,sBAAI,OAAO,GAAK,EACf,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,KAAI,CACrB,sBACE,YACE,IAAI,EAAE,MAAM,CAAC,UAAU,EACvB,GAAG,EAAC,qBAAqB,EACzB,MAAM,EAAC,QAAQ,YAEd,CAAC,CAAC,mCAAmC,CAAC,GACrC,GACF,CACL,IACG,YAGR,KAAC,IAAI,IAAC,SAAS,EAAE,4CAA4C,SAAS,EAAE,GAAI,GACpE,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"CompletionProviderStatus.js","sourceRoot":"","sources":["../../../src/components/CompletionProviderStatus/CompletionProviderStatus.tsx"],"names":[],"mappings":"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"}

package/esm/components/ContentPreviewModal/ContentPreviewModal.css

@@ -1,128 +1,173 @@
 /* ContentPreviewModal – modern preview modal for files and media */
 
-/* Stack above Chat History Drawer (z-index: 10000) and other drawers */
-.memori-content-preview-modal.memori-modal {
-  z-index: 10001;
+/*
+ * @memori.ai/ui Modal uses memori-modal__backdrop (z-index 40) and memori-modal__viewport (z-index 50);
+ * drawers use z-index 1001. className is applied to the viewport; raise both layers so previews
+ * stack above chat history and artifact drawers.
+ */
+.memori-modal__backdrop.memori-content-preview-modal-backdrop,
+.memori-content-preview-modal.memori-modal__viewport {
+    z-index: 2147483647 !important;
+}
+
+.memori-content-preview-modal.memori-modal__viewport .memori-modal__popup {
+    overflow: hidden;
+    width: min(90vw, 800px);
+    min-width: 0;
+    max-width: min(90vw, 800px);
+    min-height: min(500px, 80vh);
+    max-height: 80vh;
+    border-radius: var(--memori-radius-box);
+    /* background: var(--memori-content-preview-bg, #fafafa); */
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.05);
+    overflow-y: auto;
 }
 
-.memori-content-preview-modal.memori-modal .memori-modal--backdrop,
-.memori-content-preview-modal.memori-modal .memori-modal--container {
-  z-index: 10001;
-}
-
-.memori-content-preview-modal.memori-modal .memori-modal--panel {
-  z-index: 10001;
-  overflow: hidden;
-  min-width: 500px;
-  min-height: 500px;
-  border-radius: 16px;
-  background: var(--memori-content-preview-bg, #fafafa);
-  box-shadow:
-    0 25px 50px -12px rgba(0, 0, 0, 0.25),
-    0 0 0 1px rgba(0, 0, 0, 0.05);
-  overflow-y: auto;
+/* Image variant: modal at least 600px wide (capped by viewport on small screens) */
+.memori-content-preview-modal--image.memori-modal__viewport .memori-modal__popup {
+    overflow: hidden;
+    min-width: min(600px, 100vw);
+    max-width: min(90vw, 760px);
+    min-height: auto;
 }
 
-/* Image variant: modal at least 600px wide (capped by viewport on small screens) */
-.memori-content-preview-modal--image.memori-modal .memori-modal--panel {
-  min-width: min(600px, 100vw);
+.memori-modal__viewport.memori-content-preview-modal .memori-modal__title {
+    padding: 1rem 1.25rem 0.75rem;
+    border-bottom: 1px solid var(--memori-content-preview-border, rgba(0, 0, 0, 0.06));
+    color: var(--memori-text-color);
+    font-size: var(--memori-text-size-base);
+    font-weight: var(--memori-text-weight-semibold);
+    letter-spacing: -0.01em;
 }
 
-.memori-content-preview-modal .memori-modal--title {
-  padding: 1rem 1.25rem 0.75rem;
-  border-bottom: 1px solid var(--memori-content-preview-border, rgba(0, 0, 0, 0.06));
-  color: var(--memori-content-preview-title, #1f2937);
-  font-size: 1rem;
-  font-weight: 600;
-  letter-spacing: -0.01em;
+.memori-modal__viewport.memori-content-preview-modal .memori-modal__close {
+    top: 0.75rem;
+    right: 0.75rem;
 }
 
-.memori-content-preview-modal .memori-modal--close {
-  top: 0.75rem;
-  right: 0.75rem;
+.memori-modal__viewport.memori-content-preview-modal .memori-modal__close button {
+    border-radius: var(--memori-radius-box);
+    background: var(--memori-content-preview-close-bg, rgba(0, 0, 0, 0.05));
+    color: var(--memori-text-color, #111827);
+    transition: background 0.2s ease, transform 0.15s ease;
 }
 
-.memori-content-preview-modal .memori-modal--close button {
-  border-radius: 10px;
-  background: var(--memori-content-preview-close-bg, rgba(0, 0, 0, 0.05));
-  transition: background 0.2s ease, transform 0.15s ease;
+.memori-modal__viewport.memori-content-preview-modal .memori-modal__close button svg {
+    color: currentColor;
 }
 
-.memori-content-preview-modal .memori-modal--close button:hover {
-  background: var(--memori-content-preview-close-hover, rgba(0, 0, 0, 0.1));
-  transform: scale(1.05);
+.memori-modal__viewport.memori-content-preview-modal .memori-modal__close button:hover {
+    background: var(--memori-content-preview-close-hover, rgba(0, 0, 0, 0.1));
+    transform: scale(1.05);
 }
 
-/* Body area */
-.memori-content-preview-modal--body {
-  overflow: auto;
-  max-height: 70vh;
-  padding: 1.25rem;
+[data-theme='dark'] .memori-modal__viewport.memori-content-preview-modal .memori-modal__close button,
+.memori-widget[data-theme='dark'] .memori-modal__viewport.memori-content-preview-modal .memori-modal__close button {
+    background: color-mix(in srgb, var(--memori-main-background, #111) 85%, white);
+    color: var(--memori-text-color, #fff);
 }
 
 .memori-content-preview-modal--body--image {
-  display: flex;
-  min-height: 400px;
-  align-items: center;
-  justify-content: center;
-  padding: 1.5rem;
-  background: var(--memori-content-preview-image-bg, #f3f4f6);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 1rem;
+    /* background: var(--memori-content-preview-image-bg, #f3f4f6); */
 }
 
 .memori-content-preview-modal--body--content {
-  padding: 1rem 1.25rem;
+    min-width: 0;
+    max-width: 100%;
+    padding: 1rem 1.25rem;
+    overflow-x: auto;
 }
 
 /* Image */
 .memori-content-preview-modal--image-wrap {
-  display: flex;
-  width: 100%;
-  min-width: 0;
-  align-items: center;
-  justify-content: center;
+    display: flex;
+    width: min(72vw, 640px);
+    min-width: 0;
+    max-width: 100%;
+    height: min(56vh, 420px);
+    align-items: center;
+    justify-content: center;
 }
 
 .memori-content-preview-modal--image {
-  width: 100%;
-  height: 100%;
-  max-height: 70vh;
-  border-radius: 8px;
-  object-fit: contain;
+    width: 100%;
+    height: 100%;
+    border-radius: var(--memori-radius-box);
+    object-fit: contain;
+}
+
+.memori-file-preview-modal.memori-content-preview-modal--image.memori-modal__viewport .memori-modal__popup {
+    overflow: hidden;
+    background: var(--memori-main-background);
+}
+
+@media (max-width: 768px) {
+    .memori-content-preview-modal.memori-modal__viewport .memori-modal__popup {
+        width: min(92vw, 100%) !important;
+        min-width: 0 !important;
+        max-width: 100vw;
+        min-height: auto;
+        max-height: 85vh;
+    }
+
+    .memori-content-preview-modal--image.memori-modal__viewport .memori-modal__popup {
+        min-width: min(92vw, 600px);
+    }
+
+    .memori-content-preview-modal--image-wrap {
+        width: min(84vw, 520px);
+        height: min(48vh, 320px);
+    }
+
+    .memori-content-preview-modal--body--content {
+        padding: 0.75rem;
+    }
+
+    .memori-content-preview-modal--snippet-wrap .memori-snippet {
+        min-width: 0;
+        max-width: 100%;
+    }
 }
 
 /* Snippet / text content area */
 .memori-content-preview-modal--snippet-wrap {
-  min-height: 120px;
-  border: 1px solid var(--memori-content-preview-snippet-border, #e2e8f0);
-  border-radius: 12px;
-  background: var(--memori-content-preview-snippet-bg, #f8fafc);
-  color: var(--memori-content-preview-snippet-text, #334155);
-  font-family: 'SF Mono', 'Fira Code', 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
-  font-size: 0.875rem;
-  line-height: 1.6;
-  overflow-x: auto;
-  white-space: pre-wrap;
-  word-break: break-word;
+    min-width: 0;
+    max-width: 100%;
+    min-height: 120px;
+    border: 1px solid var(--memori-content-preview-snippet-border, #e2e8f0);
+    border-radius: var(--memori-radius-box);
+    background: var(--memori-content-preview-snippet-bg, #f8fafc);
+    color: var(--memori-content-preview-snippet-text, #334155);
+    font-family: 'SF Mono', 'Fira Code', 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+    font-size: var(--memori-text-size-small);
+    line-height: var(--memori-text-line-relaxed);
+    overflow-x: auto;
+    white-space: pre-wrap;
+    word-break: break-word;
 }
 
 /* When Snippet component is used inside, give it consistent spacing */
 .memori-content-preview-modal--snippet-wrap .memori-snippet {
-  border: none;
-  border-radius: 12px;
-  background: transparent;
-  box-shadow: none;
+    border: none;
+    border-radius: var(--memori-radius-box);
+    background: transparent;
+    box-shadow: none;
 }
 
 .memori-content-preview-modal--snippet-wrap .memori-snippet--content pre {
-  padding: 1rem 1.25rem;
-  overflow-wrap: break-word;
-  /* Override Prism theme so PDF/text content wraps instead of one long line */
-  white-space: pre-wrap !important;
-  word-break: break-word;
+    padding: 1rem 1.25rem;
+    overflow-wrap: break-word;
+    /* Override Prism theme so PDF/text content wraps instead of one long line */
+    white-space: pre-wrap !important;
+    word-break: break-word;
 }
 
 .memori-content-preview-modal--snippet-wrap .memori-snippet--content pre code {
-  overflow-wrap: break-word;
-  white-space: pre-wrap !important;
-  word-break: break-word;
+    overflow-wrap: break-word;
+    white-space: pre-wrap !important;
+    word-break: break-word;
 }

package/esm/components/ContentPreviewModal/ContentPreviewModal.js

@@ -1,14 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import Modal from '../ui/Modal';
+import { Modal } from '@memori.ai/ui';
 import cx from 'classnames';
-const ContentPreviewModal = ({ open, onClose, title, isImage = false, imageSrc, imageAlt = '', children, className, }) => {
+const ContentPreviewModal = ({ open, onClose, title, isImage = false, imageSrc, imageAlt, children, className, }) => {
+    var _a;
     const width = 'min(90vw, 800px)';
-    return (_jsx(Modal, { open: open, onClose: () => onClose(), width: width, widthMd: width, className: cx('memori-content-preview-modal', className, {
+    return (_jsx(Modal, { open: open, onClose: () => onClose(), width: width, widthMd: width, backdropClassName: "memori-content-preview-modal-backdrop", className: cx('memori-content-preview-modal', className, {
             'memori-content-preview-modal--image': isImage,
         }), closable: true, title: title, footer: null, children: _jsx("div", { className: cx('memori-content-preview-modal--body', {
                 'memori-content-preview-modal--body--image': isImage,
                 'memori-content-preview-modal--body--content': !isImage,
-            }), children: isImage && imageSrc ? (_jsx("div", { className: "memori-content-preview-modal--image-wrap", children: _jsx("img", { src: imageSrc, alt: imageAlt, className: "memori-content-preview-modal--image" }) })) : (_jsx("div", { className: "memori-content-preview-modal--snippet-wrap", children: children })) }) }));
+            }), children: isImage && imageSrc ? (_jsx("div", { className: "memori-content-preview-modal--image-wrap", children: _jsx("img", { src: imageSrc, alt: (_a = imageAlt !== null && imageAlt !== void 0 ? imageAlt : title) !== null && _a !== void 0 ? _a : 'Preview', className: "memori-content-preview-modal--image" }) })) : (_jsx("div", { className: "memori-content-preview-modal--snippet-wrap", children: children })) }) }));
 };
 export default ContentPreviewModal;
 //# sourceMappingURL=ContentPreviewModal.js.map

package/esm/components/ContentPreviewModal/ContentPreviewModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentPreviewModal.js","sourceRoot":"","sources":["../../../src/components/ContentPreviewModal/ContentPreviewModal.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,EAAE,MAAM,YAAY,CAAC;AAe5B,MAAM,mBAAmB,GAAiC,CAAC,EACzD,IAAI,EACJ,OAAO,EACP,KAAK,EACL,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,QAAQ,GAAG,EAAE,EACb,QAAQ,EACR,SAAS,GACV,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,kBAAkB,CAAC;IAEjC,OAAO,CACL,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,EACd,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,EAAE;YACvD,qCAAqC,EAAE,OAAO;SAC/C,CAAC,EACF,QAAQ,QACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,IAAI,YAEZ,cACE,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE;gBAClD,2CAA2C,EAAE,OAAO;gBACpD,6CAA6C,EAAE,CAAC,OAAO;aACxD,CAAC,YAED,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,CACrB,cAAK,SAAS,EAAC,0CAA0C,YACvD,cACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,qCAAqC,GAC/C,GACE,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,4CAA4C,YACxD,QAAQ,GACL,CACP,GACG,GACA,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"ContentPreviewModal.js","sourceRoot":"","sources":["../../../src/components/ContentPreviewModal/ContentPreviewModal.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,MAAM,YAAY,CAAC;AAe5B,MAAM,mBAAmB,GAAiC,CAAC,EACzD,IAAI,EACJ,OAAO,EACP,KAAK,EACL,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,EAAE;;IACH,MAAM,KAAK,GAAG,kBAAkB,CAAC;IAEjC,OAAO,CACL,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,EACd,iBAAiB,EAAC,uCAAuC,EACzD,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,EAAE;YACvD,qCAAqC,EAAE,OAAO;SAC/C,CAAC,EACF,QAAQ,QACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,IAAI,YAEZ,cACE,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE;gBAClD,2CAA2C,EAAE,OAAO;gBACpD,6CAA6C,EAAE,CAAC,OAAO;aACxD,CAAC,YAED,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,CACrB,cAAK,SAAS,EAAC,0CAA0C,YACvD,cACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,MAAA,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK,mCAAI,SAAS,EACnC,SAAS,EAAC,qCAAqC,GAC/C,GACE,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,4CAA4C,YACxD,QAAQ,GACL,CACP,GACG,GACA,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/esm/components/CustomGLBModelViewer/ModelViewer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface Props {
     src: string;
     poster: string;