diff --git a/packages/web/src/tabs/ArchiveFileTab.svelte b/packages/web/src/tabs/ArchiveFileTab.svelte
new file mode 100644
index 000000000..950cf3ec2
--- /dev/null
+++ b/packages/web/src/tabs/ArchiveFileTab.svelte
@@ -0,0 +1,12 @@
+<script lang="ts" context="module">
+  export const matchingProps = ['archiveFile', 'archiveFolder'];
+</script>
+
+<script lang="ts">
+  import JslDataGrid from '../datagrid/JslDataGrid.svelte';
+
+  export let archiveFolder;
+  export let archiveFile;
+</script>
+
+<JslDataGrid jslid={`archive://${archiveFolder}/${archiveFile}`} />
diff --git a/packages/web/src/tabs/index.js b/packages/web/src/tabs/index.js
index f05efecc3..6127d6bb3 100644
--- a/packages/web/src/tabs/index.js
+++ b/packages/web/src/tabs/index.js
@@ -4,7 +4,7 @@ import * as TableDataTab from './TableDataTab.svelte';
 import * as QueryTab from './QueryTab.svelte';
 import * as ShellTab from './ShellTab.svelte';
 // import InfoPageTab from './InfoPageTab';
-// import ArchiveFileTab from './ArchiveFileTab';
+import * as ArchiveFileTab from './ArchiveFileTab.svelte';
 // import FreeTableTab from './FreeTableTab';
 // import PluginTab from './PluginTab';
 // import ChartTab from './ChartTab';
@@ -21,7 +21,7 @@ export default {
   QueryTab,
   //   InfoPageTab,
   ShellTab,
-  //   ArchiveFileTab,
+  ArchiveFileTab,
   //   FreeTableTab,
   //   PluginTab,
   //   ChartTab,