Bring your history: Chats and Memories toggles, sources one level deeper

webviews/src/pages/import-history/ImportHistory.gallery.tsx

@@ -9,6 +9,7 @@ type Props = {
   empty?: boolean;
   paste?: boolean;
   autodetected?: boolean;
+  open?: boolean;
 };
 
 export default componentEntry<Props>({
@@ -24,31 +25,36 @@ export default componentEntry<Props>({
   ],
   load: async () => (await import("./galleryFixture")).ImportHistoryGallery,
   styles: async () => {
+    await import("../../ui/ui.css");
     await import("../shared/pageBase.css");
     await import("./styles.css");
   },
   variants: {
-    list: {
-      note: "Recommended: one aligned list keeps every source visible and its action beside it.",
-      props: { layout: "list" },
+    groups: {
+      note: "Recommended: two toggles, Chats and Memories, in one list; each source sits one level deeper behind Sources.",
+      props: { layout: "groups" },
     },
-    cards: {
-      note: "Two columns trade a shorter list for more eye movement.",
-      props: { layout: "cards" },
+    "groups-open": {
+      note: "The same list with both groups' Sources open: sources in alphabetical order, each path under its name.",
+      props: { layout: "groups", open: true },
     },
-    compact: {
-      note: "A denser checklist for narrow or short panes.",
-      props: { layout: "compact" },
+    sections: {
+      note: "Each group its own card with every source always listed; more to read before the first click.",
+      props: { layout: "sections" },
+    },
+    tiles: {
+      note: "The two groups side by side; the summaries wrap sooner and the sources open under one tile only.",
+      props: { layout: "tiles" },
     },
     "nothing-detected": { props: { empty: true } },
     detecting: { props: { phase: "detecting" } },
-    importing: { props: { phase: "importing" } },
+    importing: { props: { phase: "importing", open: true } },
     done: { props: { phase: "done" } },
     error: { props: { phase: "error" } },
     "paste-summary": { props: { paste: true } },
     autodetected: {
       note: "Archives found in the usual export folders are checked inline; manual pick remains available on each archive row.",
-      props: { autodetected: true },
+      props: { autodetected: true, open: true },
     },
   },
 });