Refactor file handling in Explorer component

- Updated file type checks from `file.kind.type` to `file.kind` for consistency across various components in the Explorer views.
- Enhanced the `Thumb` component to conditionally hide the icon based on thumbnail loading status.
- Adjusted the `HeroStats` component for improved readability and structure.
- Added a new `iconScale` prop to the `FileInspector` component's thumbnail for better visual scaling.

apps/tauri/.taurignore

@@ -20,3 +20,4 @@
 
 
 
+

core/src/infra/db/migration/m20251117_000001_add_blurhash_to_media_data.rs

@@ -70,3 +70,4 @@ enum VideoMediaData {
 
 
 
+

core/src/infra/db/migration/m20251117_000002_add_unique_constraint_to_entries.rs

@@ -49,3 +49,4 @@ enum Entries {
 
 
 
+

core/src/ops/libraries/open/mod.rs

@@ -10,3 +10,4 @@ pub use output::LibraryOpenOutput;
 
 
 
+

core/src/ops/media/blurhash.rs

@@ -124,3 +124,4 @@ mod tests {
 
 
 
+

core/src/ops/volumes/track/input.rs

@@ -16,3 +16,4 @@ pub struct VolumeTrackInput {
 
 
 
+

core/src/ops/volumes/untrack/input.rs

@@ -13,3 +13,4 @@ pub struct VolumeUntrackInput {
 
 
 
+

crates/log-analyzer/.gitignore

@@ -7,3 +7,4 @@ analysis.md
 
 
 
+

crates/log-analyzer/Cargo.toml

@@ -41,3 +41,4 @@ required-features = ["cli"]
 
 
 
+

crates/log-analyzer/examples/simple.rs

@@ -52,3 +52,4 @@ fn main() -> Result<()> {
 
 
 
+

crates/log-analyzer/src/output/json.rs

@@ -19,3 +19,4 @@ pub fn export_json(templates: &[Template], groups: &[LogGroup]) -> Result<String
 
 
 
+

crates/log-analyzer/src/pattern/template.rs

@@ -241,3 +241,4 @@ mod tests {
 
 
 
+

crates/log-analyzer/src/pattern/types.rs

@@ -106,3 +106,4 @@ mod tests {
 
 
 
+

packages/interface/src/components/Explorer/File/Thumb.tsx

@@ -147,7 +147,8 @@ export const Thumb = memo(function Thumb({
         alt=""
         className={clsx(
           "object-contain transition-opacity",
-          thumbLoaded && "opacity-0",
+          // Only hide icon if we actually have a thumbnail that loaded
+          thumbLoaded && thumbnailSrc && "opacity-0",
         )}
         style={{
           width: iconSize,
@@ -191,16 +192,21 @@ export function Icon({
   size?: number;
   className?: string;
 }) {
-  const kindCapitalized = file.content_identity?.kind
+  // This is jank and has to be done in several places. Ideally a util function.
-    ? file.content_identity.kind.charAt(0).toUpperCase() +
+  const fileKind =
-      file.content_identity.kind.slice(1)
+    file?.content_identity?.kind && file.content_identity.kind !== "unknown"
-    : "Document";
+      ? file.content_identity.kind
+      : file.kind === "File"
+        ? file.extension || "File"
+        : file.kind;
+  // this too
+  const kindCapitalized = fileKind.charAt(0).toUpperCase() + fileKind.slice(1);
 
   const icon = getIcon(
     kindCapitalized,
     true, // Dark theme
-    file.kind.type === "File" ? file.kind.data?.extension : undefined,
+    file.extension,
-    file.kind.type === "Directory",
+    file.kind === "Directory",
   );
 
   return (

packages/interface/src/components/Explorer/views/ColumnView/Column.tsx

@@ -67,7 +67,7 @@ export function Column({ path, isActive, onNavigate }: ColumnProps) {
         icon: FolderOpen,
         label: "Open",
         onClick: (file: File) => {
-          if (file.kind.type === "Directory") {
+          if (file.kind === "Directory") {
             onNavigate(file.sd_path);
           }
         },

packages/interface/src/components/Explorer/views/ColumnView/ColumnItem.tsx

@@ -40,7 +40,7 @@ export function ColumnItem({
     >
       <FileComponent.Thumb file={file} size={20} />
       <span className="text-sm truncate flex-1">{file.name}</span>
-      {file.kind.type === "Directory" && (
+      {file.kind === "Directory" && (
         <svg
           className="size-3 text-ink-dull"
           fill="none"

packages/interface/src/components/Explorer/views/GridView/FileCard.tsx

@@ -70,7 +70,7 @@ export const FileCard = memo(function FileCard({ file, fileIndex, allFiles, sele
         icon: FolderOpen,
         label: "Open",
         onClick: () => {
-          if (file.kind.type === "Directory") {
+          if (file.kind === "Directory") {
             setCurrentPath(file.sd_path);
           } else {
             console.log("Open file:", file.name);
@@ -78,7 +78,7 @@ export const FileCard = memo(function FileCard({ file, fileIndex, allFiles, sele
           }
         },
         keybind: "⌘O",
-        condition: () => file.kind.type === "Directory" || file.kind.type === "File",
+        condition: () => file.kind === "Directory" || file.kind === "File",
       },
       {
         icon: MagnifyingGlass,
@@ -308,7 +308,7 @@ export const FileCard = memo(function FileCard({ file, fileIndex, allFiles, sele
         type: "submenu",
         icon: FileText,
         label: "Document Processing",
-        condition: () => ["pdf", "doc", "docx"].includes(file.kind.type === "File" ? file.kind.data?.extension || "" : ""),
+        condition: () => file.kind === "File" && ["pdf", "doc", "docx"].includes(file.extension || ""),
         submenu: [
           {
             icon: TextAa,
@@ -425,7 +425,7 @@ export const FileCard = memo(function FileCard({ file, fileIndex, allFiles, sele
   };
 
   const handleDoubleClick = () => {
-    if (file.kind.type === "Directory") {
+    if (file.kind === "Directory") {
       setCurrentPath(file.sd_path);
     }
   };

packages/interface/src/components/Explorer/views/ListView/FileRow.tsx

@@ -24,7 +24,7 @@ export function FileRow({ file, fileIndex, allFiles }: FileRowProps) {
   };
 
   const handleDoubleClick = () => {
-    if (file.kind.type === "Directory") {
+    if (file.kind === "Directory") {
       setCurrentPath(file.sd_path);
     }
   };
@@ -60,7 +60,7 @@ export function FileRow({ file, fileIndex, allFiles }: FileRowProps) {
         {formatRelativeTime(file.modified_at)}
       </div>
       <div className="w-24 text-sm text-ink-dull">
-        {file.kind.type === "File" ? file.kind.data?.extension || "—" : "Folder"}
+        {file.kind === "File" ? file.extension || "—" : "Folder"}
       </div>
     </div>
   );

packages/interface/src/components/Explorer/views/SizeView/SizeCircle.tsx

@@ -11,7 +11,7 @@ interface SizeCircleProps {
 
 // Get file extension or type
 function getFileType(file: File): string {
-  if (file.kind.type === "Directory") return "Folder";
+  if (file.kind === "Directory") return "Folder";
 
   const name = file.name;
   const lastDot = name.lastIndexOf(".");
@@ -22,7 +22,7 @@ function getFileType(file: File): string {
 
 // Get color based on file type
 function getFileColor(file: File): string {
-  if (file.kind.type === "Directory") return "bg-blue-500";
+  if (file.kind === "Directory") return "bg-blue-500";
 
   const ext = file.name.split(".").pop()?.toLowerCase() || "";
 

packages/interface/src/components/Explorer/views/SizeView/SizeView.tsx

@@ -29,7 +29,7 @@ function getTailwindColor(className: string): string {
 }
 
 function getFileColorClass(file: File): string {
-  if (file.kind.type === "Directory") return "bg-accent";
+  if (file.kind === "Directory") return "bg-accent";
 
   const ext = file.name.split(".").pop()?.toLowerCase() || "";
 
@@ -71,7 +71,7 @@ function getFileColor(file: File): string {
 }
 
 function getFileType(file: File): string {
-  if (file.kind.type === "Directory") return "Folder";
+  if (file.kind === "Directory") return "Folder";
 
   const name = file.name;
   const lastDot = name.lastIndexOf(".");
@@ -348,7 +348,7 @@ export function SizeView() {
         }
 
         // Navigate if directory
-        if (d.data.file.kind.type === "Directory") {
+        if (d.data.file.kind === "Directory") {
           setCurrentPathRef.current(d.data.file.sd_path);
         }
       })

packages/interface/src/hooks/useJobDispatch.ts

@@ -59,3 +59,4 @@ export function useJobDispatch() {
 
 
 
+

packages/interface/src/inspectors/FileInspector.tsx

@@ -137,6 +137,7 @@ function OverviewTab({ file }: { file: File }) {
         <FileComponent.Thumb
           file={file}
           size={200}
+          iconScale={0.6}
           className="w-full max-w-full"
         />
       </div>

packages/interface/src/routes/overview/HeroStats.tsx

@@ -28,15 +28,15 @@ export function HeroStats({
   deviceCount,
   uniqueContentCount,
 }: HeroStatsProps) {
-	const usagePercent = totalStorage > 0 ? (usedStorage / totalStorage) * 100 : 0;
+  const usagePercent =
+    totalStorage > 0 ? (usedStorage / totalStorage) * 100 : 0;
 
   return (
-		<motion.div
+    <div
       initial={{ opacity: 0, y: 20 }}
       animate={{ opacity: 1, y: 0 }}
       className="bg-app-box border border-app-line rounded-2xl p-8"
     >
-
       <div className="grid grid-cols-2 lg:grid-cols-4 gap-8">
         {/* Total Storage */}
         <StatCard
@@ -45,7 +45,8 @@ export function HeroStats({
           value={formatBytes(totalStorage)}
           subtitle={
             <>
-							<span className="text-accent">{formatBytes(usedStorage)}</span> used
+              <span className="text-accent">{formatBytes(usedStorage)}</span>{" "}
+              used
             </>
           }
           progress={usagePercent}
@@ -80,8 +81,7 @@ export function HeroStats({
           badge="PREVIEW"
         />
       </div>
-
+    </div>
-		</motion.div>
   );
 }
 
@@ -133,7 +133,6 @@ function StatCard({
           <div className="text-xs text-ink-dull mb-1">{label}</div>
           <div className="text-xs text-ink-faint">{subtitle}</div>
         </div>
-
       </div>
     </div>
   );