@exxatdesignux/ui 0.2.16 → 0.2.18

package/template/components/data-views/os-folder-glyph.tsx

@@ -91,12 +91,20 @@ export function OsFolderGlyph({
       aria-label={!decorative ? label : undefined}
       aria-hidden={decorative ? true : undefined}
     >
+      {/* Static SVG — `next/image` can't optimize SVGs without
+          `dangerouslyAllowSVG`, so we stay on plain <img> but add the same
+          loading/decoding hints `next/image` would. Folder grids render many
+          of these at once; lazy-loading lets the browser skip off-screen
+          glyphs until they scroll near the viewport. */}
+      {/* eslint-disable-next-line @next/next/no-img-element -- SVG; next/image can't optimize without dangerouslyAllowSVG */}
       <img
         src={OS_FOLDER_GLYPH_SRC}
         alt=""
         width={240}
         height={240}
         draggable={false}
+        loading="lazy"
+        decoding="async"
         className={cn(
           "h-full w-full object-contain",
           "transition-[filter] duration-200",

package/template/components/dev-chunk-load-recovery.tsx

@@ -0,0 +1,41 @@
+"use client"
+
+import * as React from "react"
+
+import { isChunkLoadError } from "@/lib/chunk-load-error"
+
+const RELOAD_FLAG = "exxat-ds:chunk-reload-attempted"
+
+/**
+ * Dev-only: auto-reload once when Turbopack serves a stale chunk hash so users
+ * are not stuck on a blank shell before the route error boundary mounts.
+ */
+export function DevChunkLoadRecovery() {
+  React.useEffect(() => {
+    if (process.env.NODE_ENV !== "development") return
+
+    function maybeReload(error: unknown) {
+      if (!isChunkLoadError(error)) return
+      if (typeof window === "undefined") return
+      if (window.sessionStorage.getItem(RELOAD_FLAG) === "1") return
+      window.sessionStorage.setItem(RELOAD_FLAG, "1")
+      window.location.reload()
+    }
+
+    const onError = (event: ErrorEvent) => {
+      maybeReload(event.error ?? event.message)
+    }
+    const onRejection = (event: PromiseRejectionEvent) => {
+      maybeReload(event.reason)
+    }
+
+    window.addEventListener("error", onError)
+    window.addEventListener("unhandledrejection", onRejection)
+    return () => {
+      window.removeEventListener("error", onError)
+      window.removeEventListener("unhandledrejection", onRejection)
+    }
+  }, [])
+
+  return null
+}

package/template/components/export-drawer.tsx

@@ -145,7 +145,7 @@ export function ExportDrawer({
         side="right"
         showCloseButton={false}
         showOverlay={false}
-        className="z-[60] w-80 sm:max-w-80 p-0 gap-0 flex flex-col border border-border shadow-xl rounded-xl overflow-hidden"
+        className="z-[80] w-80 sm:max-w-80 p-0 gap-0 flex flex-col border border-border shadow-xl rounded-xl overflow-hidden"
         style={{ top: "0.5rem", bottom: "0.5rem", right: "0.5rem", height: "calc(100vh - 1rem)" }}
       >
         {/* Header */}