@solidxai/core-ui 0.1.20-beta.0 → 0.1.20-beta.1

package/dist/components/core/list/SolidListView.tsx

@@ -1109,6 +1109,8 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
     try {
       await triggerRecoverSolidEntities(recoverList).unwrap();
       setRecoverDialogVisible(false);
+      setSelectedRecords([]);
+      setSelectedRecoverRecords([]);
       await setQueryString();
     } catch {
       setRecoverDialogVisible(false);
@@ -1158,6 +1160,8 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
       await deleteManySolidEntities(deleteList).unwrap();
       dispatch(showToast({ severity: 'success', summary: 'Deleted', detail: ERROR_MESSAGES.RECORD_DELETE, life: 3000 }));
       setDialogVisible(false);
+      setSelectedRecords([]);
+      setSelectedRecoverRecords([]);
       await setQueryString();
     } catch (error: any) {
       dispatch(showToast({ severity: 'error', summary: 'Delete Failed', detail: error?.data?.message, life: 4000 }));
@@ -1176,6 +1180,12 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
 
   const [openLightbox, setOpenLightbox] = useState(false);
   const [lightboxUrls, setLightboxUrls] = useState<any[]>([]);
+  const lightboxBeforeCloseCallbackRef = useRef<(() => void) | null>(null);
+
+  const setListLightboxOpen = (open: boolean, onBeforeClose?: () => void) => {
+    lightboxBeforeCloseCallbackRef.current = onBeforeClose ?? null;
+    setOpenLightbox(open);
+  };
 
   // Render columns dynamically based on metadata
   const renderColumnsDynamically = (solidListViewMetaData: any, solidListViewLayout: any) => {
@@ -1214,7 +1224,7 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
             fieldMetadata,
             column,
             setLightboxUrls,
-            setOpenLightbox,
+            setOpenLightbox: setListLightboxOpen,
             embeded: params.embeded,
             recordClickAction: recordClickFormMode
           });
@@ -1227,7 +1237,7 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
           fieldMetadata,
           column,
           setLightboxUrls,
-          setOpenLightbox,
+          setOpenLightbox: setListLightboxOpen,
           embeded: params.embeded,
           recordClickAction: recordClickFormMode
         });
@@ -2007,6 +2017,10 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
         <SolidLightbox
           open={openLightbox}
           slides={lightboxSlides}
+          onBeforeClose={() => {
+            lightboxBeforeCloseCallbackRef.current?.();
+            lightboxBeforeCloseCallbackRef.current = null;
+          }}
           onClose={() => setOpenLightbox(false)}
         />
       )}

package/dist/components/core/list/columns/SolidMediaMultipleColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidMediaMultipleColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidMediaMultipleColumn.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAqF9E,QAAA,MAAM,wBAAwB,uFAAwF,yBAAyB,4CAmC9I,CAAC;AAEF,eAAe,wBAAwB,CAAC;AAGxC,eAAO,MAAM,8BAA8B,iEAAkE,8BAA8B,mDAyI1I,CAAC"}
+{"version":3,"file":"SolidMediaMultipleColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidMediaMultipleColumn.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAqF9E,QAAA,MAAM,wBAAwB,uFAAwF,yBAAyB,4CAmC9I,CAAC;AAEF,eAAe,wBAAwB,CAAC;AAGxC,eAAO,MAAM,8BAA8B,iEAAkE,8BAA8B,mDA4I1I,CAAC"}

package/dist/components/core/list/columns/SolidMediaMultipleColumn.js

@@ -90,13 +90,16 @@ export var DefaultMediaMultipleListWidget = function (_a) {
         if (isArchivedRecord)
             return;
         if (isLightboxMediaKind(file === null || file === void 0 ? void 0 : file.previewKind)) {
+            var restoreMediaList = isShowAllFiles
+                ? function () { return setShowAllFiles(true); }
+                : undefined;
             setShowAllFiles(false);
             setLightboxUrls === null || setLightboxUrls === void 0 ? void 0 : setLightboxUrls([{
                     src: file.fileUrl,
                     downloadUrl: file.fileUrl,
                     type: file.previewKind === "video" ? "video" : undefined
                 }]);
-            setOpenLightbox === null || setOpenLightbox === void 0 ? void 0 : setOpenLightbox(true);
+            setOpenLightbox === null || setOpenLightbox === void 0 ? void 0 : setOpenLightbox(true, restoreMediaList);
             return;
         }
         openMediaInNewTab(file === null || file === void 0 ? void 0 : file.fileUrl);

package/dist/components/core/list/columns/SolidMediaMultipleColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidMediaMultipleColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidMediaMultipleColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useState } from 'react';\nimport { Volume2 } from \"lucide-react\";\nimport { Column } from \"../SolidDataTable\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { SolidMediaListFieldWidgetProps } from '../../../../types/solid-core';\nimport { getExtensionComponent } from '../../../../helpers/registry';\nimport { FileReaderExt } from '../../../../components/common/FileReaderExt';\nimport { SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogHeader, SolidDialogTitle, SolidIcon } from \"../../../shad-cn-ui\";\nimport { SolidFileTypeIcon } from '../../../../helpers/fileTypeIcon';\nimport { getMediaPreviewKind, isLightboxMediaKind, type MediaPreviewKind } from '../../../../helpers/mediaType';\nimport { openMediaInNewTab } from '../../../../helpers/mediaUrl';\nimport { downloadMediaFile } from '../../../../helpers/downloadMediaFile';\nimport styles from \"../../form/fields/solidFields.module.css\";\n\n\n\n// Thumbnail preview component\nconst MediaPreview = ({\n    src,\n    fileName,\n    previewKind,\n    onClick\n}: {\n    src: string;\n    fileName?: string;\n    previewKind: MediaPreviewKind;\n    onClick: (event: React.MouseEvent) => void\n}) => {\n    const [isBroken, setIsBroken] = useState(false);\n\n    const handleClick = (event: React.MouseEvent) => {\n        onClick(event);\n    };\n\n    if (!isBroken) {\n        if (previewKind === \"image\") {\n            return (\n                <img\n                    src={src}\n                    alt=\"media\"\n                    className=\"rounded shadow-md\"\n                    width={40}\n                    height={40}\n                    style={{ objectFit: \"cover\" }}\n                    onError={() => setIsBroken(true)}\n                    onClick={handleClick}\n                />\n            );\n        }\n\n        if (previewKind === \"video\") {\n            return (\n                <video\n                    src={src}\n                    width={40}\n                    height={40}\n                    className=\"rounded shadow-md\"\n                    style={{ objectFit: \"cover\" }}\n                    onError={() => setIsBroken(true)}\n                    onClick={handleClick}\n                    muted\n                />\n            );\n        }\n\n        if (previewKind === \"audio\") {\n            return (\n                <div\n                    className=\"flex items-center justify-center rounded bg-gray-100 shadow-md\"\n                    style={{ width: 40, height: 40 }}\n                    onClick={handleClick}\n                >\n                    <Volume2 size={18} className=\"text-gray-600\" />\n                </div>\n            );\n        }\n    }\n\n    return (\n        <div\n            style={{ width: 40, height: 40, display: \"flex\", alignItems: \"center\", justifyContent: \"center\" }}\n            onClick={handleClick}\n        >\n            <SolidFileTypeIcon fileUrl={src} fileName={fileName} size={24} />\n        </div>\n    );\n};\n\n\nconst SolidMediaMultipleColumn = ({ solidListViewMetaData, fieldMetadata, column, setLightboxUrls, setOpenLightbox }: SolidListViewColumnParams) => {\n    const header = column.attrs.label ?? fieldMetadata.displayName;\n\n    return (\n        <Column\n            key={fieldMetadata.name}\n            field={fieldMetadata.name}\n            header={header}\n            body={(rowData) => {\n                let viewWidget = column.attrs.viewWidget;\n                if (!viewWidget) {\n                    viewWidget = 'DefaultMediaMultipleListWidget';\n                }\n                let DynamicWidget = getExtensionComponent(viewWidget);\n                const widgetProps: SolidMediaListFieldWidgetProps = {\n                    rowData,\n                    solidListViewMetaData,\n                    fieldMetadata,\n                    column,\n                    setLightboxUrls,\n                    setOpenLightbox\n                }\n                return (\n                    <>\n                        {\n                            DynamicWidget && <DynamicWidget {...widgetProps} />\n                        }\n                    </>\n                )\n            }}\n            sortable={column.attrs.sortable}\n            style={{ minWidth: \"12rem\" }}\n            headerClassName=\"table-header-fs\"\n        />\n    );\n};\n\nexport default SolidMediaMultipleColumn;\n\n// Default multiple widget\nexport const DefaultMediaMultipleListWidget = ({ rowData, fieldMetadata, setLightboxUrls, setOpenLightbox }: SolidMediaListFieldWidgetProps) => {\n    const [isShowAllFiles, setShowAllFiles] = useState(false);\n\n    if (!rowData?._media?.[fieldMetadata.name]) return null;\n    const isArchivedRecord = rowData?.deletedAt !== null && rowData?.deletedAt !== undefined;\n\n    const fullrecord = rowData._media[fieldMetadata.name]?.map((file: any) => ({\n        name: file.originalFileName,\n        type: file.mimeType,\n        size: file.fileSize,\n        id: file.id,\n        fileUrl: file?._full_url,\n        previewKind: getMediaPreviewKind({\n            url: file?._full_url,\n            fileName: file?.originalFileName,\n            mimeType: file?.mimeType,\n        })\n    }));\n\n\n    const formatFileSize = (size: number) =>\n        size >= 1024 * 1024 ? `${(size / (1024 * 1024)).toFixed(1)} MB` : `${(size / 1024).toFixed(1)} KB`;\n\n\n    const handleFileView = (file: any) => {\n        if (isArchivedRecord) return;\n\n        if (isLightboxMediaKind(file?.previewKind)) {\n            setShowAllFiles(false);\n            setLightboxUrls?.([{\n                src: file.fileUrl,\n                downloadUrl: file.fileUrl,\n                type: file.previewKind === \"video\" ? \"video\" : undefined\n            }]);\n            setOpenLightbox?.(true);\n            return;\n        }\n\n        openMediaInNewTab(file?.fileUrl);\n    };\n\n    const renderMediaFileCard = (file: any, className = \"\") => (\n        <div className={`${styles.mediaAttachmentCard} ${className}`.trim()}>\n            <div className={`${styles.mediaAttachmentRow} flex items-center md:gap-2`}>\n                <FileReaderExt fileDetails={file} />\n                <div className={`${styles.mediaAttachmentMeta} w-full`}>\n                    <div className=\"flex items-start justify-between gap-4\">\n                        <button\n                            type=\"button\"\n                            className={styles.mediaAttachmentName}\n                            onClick={() => handleFileView(file)}\n                            title={file.name}\n                        >\n                            {file.name}\n                        </button>\n                        <div className={`${styles.mediaAttachmentActions} flex items-center md:gap-2`}>\n                            <button\n                                type=\"button\"\n                                className=\"solid-file-icon-btn\"\n                                aria-label=\"Download file\"\n                                onClick={(event) => {\n                                    event.preventDefault();\n                                    event.stopPropagation();\n                                    if (isArchivedRecord) return;\n                                    downloadMediaFile(file?.fileUrl, file?.name);\n                                }}\n                            >\n                                <SolidIcon name=\"si-download\" aria-hidden />\n                            </button>\n                        </div>\n                    </div>\n                    <div className={styles.mediaAttachmentSize}>\n                        {formatFileSize(file.size)}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n\n\n    return fullrecord.length > 0 ? (\n        <div className='flex items-end gap-2'>\n\n            <MediaPreview\n                src={fullrecord[0]?.fileUrl}\n                fileName={fullrecord[0]?.name}\n                previewKind={fullrecord[0]?.previewKind}\n                onClick={(event) => {\n                    event.stopPropagation();\n                    handleFileView(fullrecord[0]);\n                }}\n            />\n\n            {fullrecord?.length > 1 && <span\n                style={{\n                    color: \"#0895CD\",\n                    fontWeight: \"bold\",\n                    cursor: \"pointer\",\n                    marginLeft: \"4px\"\n                }}\n                onClick={(event) => {\n                    event.stopPropagation();\n                    if (isArchivedRecord) return;\n                    setShowAllFiles(true);\n                }}\n            >\n                +{fullrecord.length - 1}\n            </span>\n            }\n\n\n\n            {/* VIEW ALL DIALOG */}\n            <SolidDialog\n                open={isShowAllFiles}\n                onOpenChange={setShowAllFiles}\n                style={{ minWidth: 450 }}\n            >\n                <SolidDialogHeader>\n                    <SolidDialogTitle>Items Uploaded</SolidDialogTitle>\n                    <SolidDialogClose />\n                </SolidDialogHeader>\n                <SolidDialogBody>\n                    {fullrecord?.map((file: any, index: number) => {\n                        const fileId = `${file.name}-${file.size}`;\n                        return (\n                            <div key={fileId} className={index === fullrecord.length - 1 ? \"\" : \"mb-3\"}>\n                                {renderMediaFileCard(file)}\n                            </div>\n                        )\n                    })}\n                </SolidDialogBody>\n            </SolidDialog>\n        </div>\n    ) : (\n        <div style={{ height: 40, width: 40 }} />\n    );\n};\n"]}
+{"version":3,"file":"SolidMediaMultipleColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidMediaMultipleColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useState } from 'react';\nimport { Volume2 } from \"lucide-react\";\nimport { Column } from \"../SolidDataTable\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { SolidMediaListFieldWidgetProps } from '../../../../types/solid-core';\nimport { getExtensionComponent } from '../../../../helpers/registry';\nimport { FileReaderExt } from '../../../../components/common/FileReaderExt';\nimport { SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogHeader, SolidDialogTitle, SolidIcon } from \"../../../shad-cn-ui\";\nimport { SolidFileTypeIcon } from '../../../../helpers/fileTypeIcon';\nimport { getMediaPreviewKind, isLightboxMediaKind, type MediaPreviewKind } from '../../../../helpers/mediaType';\nimport { openMediaInNewTab } from '../../../../helpers/mediaUrl';\nimport { downloadMediaFile } from '../../../../helpers/downloadMediaFile';\nimport styles from \"../../form/fields/solidFields.module.css\";\n\n\n\n// Thumbnail preview component\nconst MediaPreview = ({\n    src,\n    fileName,\n    previewKind,\n    onClick\n}: {\n    src: string;\n    fileName?: string;\n    previewKind: MediaPreviewKind;\n    onClick: (event: React.MouseEvent) => void\n}) => {\n    const [isBroken, setIsBroken] = useState(false);\n\n    const handleClick = (event: React.MouseEvent) => {\n        onClick(event);\n    };\n\n    if (!isBroken) {\n        if (previewKind === \"image\") {\n            return (\n                <img\n                    src={src}\n                    alt=\"media\"\n                    className=\"rounded shadow-md\"\n                    width={40}\n                    height={40}\n                    style={{ objectFit: \"cover\" }}\n                    onError={() => setIsBroken(true)}\n                    onClick={handleClick}\n                />\n            );\n        }\n\n        if (previewKind === \"video\") {\n            return (\n                <video\n                    src={src}\n                    width={40}\n                    height={40}\n                    className=\"rounded shadow-md\"\n                    style={{ objectFit: \"cover\" }}\n                    onError={() => setIsBroken(true)}\n                    onClick={handleClick}\n                    muted\n                />\n            );\n        }\n\n        if (previewKind === \"audio\") {\n            return (\n                <div\n                    className=\"flex items-center justify-center rounded bg-gray-100 shadow-md\"\n                    style={{ width: 40, height: 40 }}\n                    onClick={handleClick}\n                >\n                    <Volume2 size={18} className=\"text-gray-600\" />\n                </div>\n            );\n        }\n    }\n\n    return (\n        <div\n            style={{ width: 40, height: 40, display: \"flex\", alignItems: \"center\", justifyContent: \"center\" }}\n            onClick={handleClick}\n        >\n            <SolidFileTypeIcon fileUrl={src} fileName={fileName} size={24} />\n        </div>\n    );\n};\n\n\nconst SolidMediaMultipleColumn = ({ solidListViewMetaData, fieldMetadata, column, setLightboxUrls, setOpenLightbox }: SolidListViewColumnParams) => {\n    const header = column.attrs.label ?? fieldMetadata.displayName;\n\n    return (\n        <Column\n            key={fieldMetadata.name}\n            field={fieldMetadata.name}\n            header={header}\n            body={(rowData) => {\n                let viewWidget = column.attrs.viewWidget;\n                if (!viewWidget) {\n                    viewWidget = 'DefaultMediaMultipleListWidget';\n                }\n                let DynamicWidget = getExtensionComponent(viewWidget);\n                const widgetProps: SolidMediaListFieldWidgetProps = {\n                    rowData,\n                    solidListViewMetaData,\n                    fieldMetadata,\n                    column,\n                    setLightboxUrls,\n                    setOpenLightbox\n                }\n                return (\n                    <>\n                        {\n                            DynamicWidget && <DynamicWidget {...widgetProps} />\n                        }\n                    </>\n                )\n            }}\n            sortable={column.attrs.sortable}\n            style={{ minWidth: \"12rem\" }}\n            headerClassName=\"table-header-fs\"\n        />\n    );\n};\n\nexport default SolidMediaMultipleColumn;\n\n// Default multiple widget\nexport const DefaultMediaMultipleListWidget = ({ rowData, fieldMetadata, setLightboxUrls, setOpenLightbox }: SolidMediaListFieldWidgetProps) => {\n    const [isShowAllFiles, setShowAllFiles] = useState(false);\n\n    if (!rowData?._media?.[fieldMetadata.name]) return null;\n    const isArchivedRecord = rowData?.deletedAt !== null && rowData?.deletedAt !== undefined;\n\n    const fullrecord = rowData._media[fieldMetadata.name]?.map((file: any) => ({\n        name: file.originalFileName,\n        type: file.mimeType,\n        size: file.fileSize,\n        id: file.id,\n        fileUrl: file?._full_url,\n        previewKind: getMediaPreviewKind({\n            url: file?._full_url,\n            fileName: file?.originalFileName,\n            mimeType: file?.mimeType,\n        })\n    }));\n\n\n    const formatFileSize = (size: number) =>\n        size >= 1024 * 1024 ? `${(size / (1024 * 1024)).toFixed(1)} MB` : `${(size / 1024).toFixed(1)} KB`;\n\n\n    const handleFileView = (file: any) => {\n        if (isArchivedRecord) return;\n\n        if (isLightboxMediaKind(file?.previewKind)) {\n            const restoreMediaList = isShowAllFiles\n                ? () => setShowAllFiles(true)\n                : undefined;\n            setShowAllFiles(false);\n            setLightboxUrls?.([{\n                src: file.fileUrl,\n                downloadUrl: file.fileUrl,\n                type: file.previewKind === \"video\" ? \"video\" : undefined\n            }]);\n            setOpenLightbox?.(true, restoreMediaList);\n            return;\n        }\n\n        openMediaInNewTab(file?.fileUrl);\n    };\n\n    const renderMediaFileCard = (file: any, className = \"\") => (\n        <div className={`${styles.mediaAttachmentCard} ${className}`.trim()}>\n            <div className={`${styles.mediaAttachmentRow} flex items-center md:gap-2`}>\n                <FileReaderExt fileDetails={file} />\n                <div className={`${styles.mediaAttachmentMeta} w-full`}>\n                    <div className=\"flex items-start justify-between gap-4\">\n                        <button\n                            type=\"button\"\n                            className={styles.mediaAttachmentName}\n                            onClick={() => handleFileView(file)}\n                            title={file.name}\n                        >\n                            {file.name}\n                        </button>\n                        <div className={`${styles.mediaAttachmentActions} flex items-center md:gap-2`}>\n                            <button\n                                type=\"button\"\n                                className=\"solid-file-icon-btn\"\n                                aria-label=\"Download file\"\n                                onClick={(event) => {\n                                    event.preventDefault();\n                                    event.stopPropagation();\n                                    if (isArchivedRecord) return;\n                                    downloadMediaFile(file?.fileUrl, file?.name);\n                                }}\n                            >\n                                <SolidIcon name=\"si-download\" aria-hidden />\n                            </button>\n                        </div>\n                    </div>\n                    <div className={styles.mediaAttachmentSize}>\n                        {formatFileSize(file.size)}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n\n\n    return fullrecord.length > 0 ? (\n        <div className='flex items-end gap-2'>\n\n            <MediaPreview\n                src={fullrecord[0]?.fileUrl}\n                fileName={fullrecord[0]?.name}\n                previewKind={fullrecord[0]?.previewKind}\n                onClick={(event) => {\n                    event.stopPropagation();\n                    handleFileView(fullrecord[0]);\n                }}\n            />\n\n            {fullrecord?.length > 1 && <span\n                style={{\n                    color: \"#0895CD\",\n                    fontWeight: \"bold\",\n                    cursor: \"pointer\",\n                    marginLeft: \"4px\"\n                }}\n                onClick={(event) => {\n                    event.stopPropagation();\n                    if (isArchivedRecord) return;\n                    setShowAllFiles(true);\n                }}\n            >\n                +{fullrecord.length - 1}\n            </span>\n            }\n\n\n\n            {/* VIEW ALL DIALOG */}\n            <SolidDialog\n                open={isShowAllFiles}\n                onOpenChange={setShowAllFiles}\n                style={{ minWidth: 450 }}\n            >\n                <SolidDialogHeader>\n                    <SolidDialogTitle>Items Uploaded</SolidDialogTitle>\n                    <SolidDialogClose />\n                </SolidDialogHeader>\n                <SolidDialogBody>\n                    {fullrecord?.map((file: any, index: number) => {\n                        const fileId = `${file.name}-${file.size}`;\n                        return (\n                            <div key={fileId} className={index === fullrecord.length - 1 ? \"\" : \"mb-3\"}>\n                                {renderMediaFileCard(file)}\n                            </div>\n                        )\n                    })}\n                </SolidDialogBody>\n            </SolidDialog>\n        </div>\n    ) : (\n        <div style={{ height: 40, width: 40 }} />\n    );\n};\n"]}

package/dist/components/core/list/columns/SolidMediaMultipleColumn.tsx

@@ -156,13 +156,16 @@ export const DefaultMediaMultipleListWidget = ({ rowData, fieldMetadata, setLigh
         if (isArchivedRecord) return;
 
         if (isLightboxMediaKind(file?.previewKind)) {
+            const restoreMediaList = isShowAllFiles
+                ? () => setShowAllFiles(true)
+                : undefined;
             setShowAllFiles(false);
             setLightboxUrls?.([{
                 src: file.fileUrl,
                 downloadUrl: file.fileUrl,
                 type: file.previewKind === "video" ? "video" : undefined
             }]);
-            setOpenLightbox?.(true);
+            setOpenLightbox?.(true, restoreMediaList);
             return;
         }
 

package/dist/components/core/module/ModulePackageDialog.css

@@ -333,7 +333,9 @@
 
 .solid-module-package-stage__cta {
   display: flex;
+  flex-wrap: wrap;
   justify-content: center;
+  gap: 8px;
   padding-top: 6px;
 }
 
@@ -432,6 +434,106 @@
   margin-top: 10px;
 }
 
+.solid-module-package-notice__actions {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-top: 12px;
+}
+
+.solid-module-package-version {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  color: color-mix(in srgb, var(--foreground) 70%, transparent);
+}
+
+.solid-module-package-version__value {
+  font-family: var(--font-mono, "SFMono-Regular", Consolas, monospace);
+  font-size: 14px;
+  font-weight: 700;
+  color: color-mix(in srgb, var(--foreground) 94%, transparent);
+}
+
+.solid-module-package-version__badge {
+  padding: 2px 8px;
+  border-radius: 999px;
+  font-size: 10.5px;
+  font-weight: 700;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  border: 1px solid color-mix(in srgb, var(--border) 88%, transparent);
+  color: color-mix(in srgb, var(--foreground) 76%, transparent);
+}
+
+.solid-module-package-version__badge.is-warning {
+  border-color: color-mix(in srgb, #f59e0b 40%, var(--border));
+  color: color-mix(in srgb, #b45309 80%, var(--foreground));
+}
+
+.solid-module-package-version__badge.is-danger {
+  border-color: color-mix(in srgb, #ef4444 40%, var(--border));
+  color: color-mix(in srgb, #dc2626 80%, var(--foreground));
+}
+
+.solid-module-package-diff + .solid-module-package-diff {
+  margin-top: 6px;
+}
+
+.solid-module-package-diff summary {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 10px;
+  cursor: pointer;
+  font-size: 11.5px;
+  font-variant-numeric: tabular-nums;
+  color: color-mix(in srgb, var(--foreground) 76%, transparent);
+}
+
+.solid-module-package-diff__side {
+  font-family: var(--font-mono, "SFMono-Regular", Consolas, monospace);
+  font-weight: 700;
+  color: color-mix(in srgb, var(--foreground) 90%, transparent);
+}
+
+.solid-module-package-diff__unchanged {
+  color: color-mix(in srgb, var(--foreground) 52%, transparent);
+}
+
+.solid-module-package-diff__list {
+  margin: 8px 0 0;
+  padding: 0;
+  list-style: none;
+  max-height: 200px;
+  overflow: auto;
+  font-family: var(--font-mono, "SFMono-Regular", Consolas, monospace);
+  font-size: 11px;
+  line-height: 1.6;
+  word-break: break-word;
+  color: color-mix(in srgb, var(--foreground) 70%, transparent);
+}
+
+.solid-module-package-diff .is-added {
+  color: color-mix(in srgb, #16a34a 80%, var(--foreground));
+}
+
+.solid-module-package-diff .is-modified {
+  color: color-mix(in srgb, #d97706 80%, var(--foreground));
+}
+
+.solid-module-package-diff .is-removed {
+  color: color-mix(in srgb, #dc2626 80%, var(--foreground));
+}
+
+.solid-module-package-diff__empty {
+  margin: 0 0 8px;
+  font-size: 11.5px;
+  color: color-mix(in srgb, var(--foreground) 70%, transparent);
+}
+
 .solid-module-package-tree {
   max-height: 240px;
   overflow: auto;

package/dist/components/core/module/ModulePackageDialog.d.ts

@@ -9,8 +9,9 @@ type ModulePackageImportContentProps = {
     onImported?: () => void;
     initialTransactionKey?: string | null;
     autoResume?: boolean;
+    targetModuleName?: string | null;
 };
 export declare function ModulePackageDialog({ open, onOpenChange, onImported }: ModulePackageDialogProps): import("react/jsx-runtime").JSX.Element;
-export declare function ModulePackageImportContent({ onClose, onImported, initialTransactionKey, autoResume }: ModulePackageImportContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function ModulePackageImportContent({ onClose, onImported, initialTransactionKey, autoResume, targetModuleName, }: ModulePackageImportContentProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ModulePackageDialog.d.ts.map

package/dist/components/core/module/ModulePackageDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModulePackageDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/core/module/ModulePackageDialog.tsx"],"names":[],"mappings":"AAyBA,OAAO,2BAA2B,CAAC;AAEnC,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,KAAK,+BAA+B,GAAG;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAgLF,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE,wBAAwB,2CAgB/F;AAED,wBAAgB,0BAA0B,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,qBAA4B,EAAE,UAAkB,EAAE,EAAE,+BAA+B,2CAiqBpJ"}
+{"version":3,"file":"ModulePackageDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/core/module/ModulePackageDialog.tsx"],"names":[],"mappings":"AA0BA,OAAO,2BAA2B,CAAC;AAEnC,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,KAAK,+BAA+B,GAAG;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC,CAAC;AA8NF,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE,wBAAwB,2CAgB/F;AAED,wBAAgB,0BAA0B,CAAC,EACzC,OAAO,EACP,UAAU,EACV,qBAA4B,EAC5B,UAAkB,EAClB,gBAAuB,GACxB,EAAE,+BAA+B,2CAk4BjC"}