.github/workflows/publish.yml

@@ -5,9 +5,9 @@ on:
         tags:
             - "*"
     workflow_dispatch:
-env:
-    TAURI_SIGNING_PRIVATE_KEY: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY }}
-    TAURI_SIGNING_PRIVATE_KEY_PASSWORD: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY_PASSWORD }}
+
+# This is the example from the readme.
+# On each push to the `release` branch it will create or update a GitHub release, build your app, and upload the artifacts to the release.
 
 jobs:
     publish-tauri:
@@ -16,17 +16,9 @@ jobs:
         strategy:
             fail-fast: false
             matrix:
-                settings:
-                    - platform: "macos-latest"
-                      args: "--target x86_64-apple-darwin"
-                    - platform: "macos-latest"
-                      args: "--target aarch64-apple-darwin"
-                    - platform: "ubuntu-latest"
-                      args: "--bundles appimage,deb,updater"
-                    - platform: "windows-latest"
-                      args: ""
+                platform: [macos-latest, ubuntu-20.04, windows-latest]
 
-        runs-on: ${{ matrix.settings.platform }}
+        runs-on: ${{ matrix.platform }}
         steps:
             - uses: actions/checkout@v4
 
@@ -39,17 +31,15 @@ jobs:
                   version: 8
             - name: install Rust stable
               uses: dtolnay/rust-toolchain@stable
-              with:
-                  targets: aarch64-apple-darwin
 
             - name: install dependencies (ubuntu only)
-              if: matrix.settings.platform == 'ubuntu-latest'
+              if: matrix.platform == 'ubuntu-20.04'
               run: |
                   sudo apt-get update
-                  sudo apt-get install -y libgtk-3-dev libwebkit2gtk-4.0-dev libappindicator3-dev javascriptcoregtk-4.1 libsoup-3.0 webkit2gtk-4.1 librsvg2-dev patchelf
+                  sudo apt-get install -y libgtk-3-dev libwebkit2gtk-4.0-dev libappindicator3-dev librsvg2-dev patchelf
 
             - name: install frontend dependencies
-              run: pnpm install && pnpm exec next telemetry disable
+              run: pnpm install
 
             - uses: tauri-apps/tauri-action@v0
               env:
@@ -57,7 +47,6 @@ jobs:
               with:
                   tagName: v__VERSION__ # the action automatically replaces \_\_VERSION\_\_ with the app version
                   releaseName: "v__VERSION__"
-                  releaseBody: "Learn about this release at https://github.com/rzmk/fformat/releases"
+                  releaseBody: "See the assets to download this version of fformat and install."
                   releaseDraft: true
                   prerelease: false
-                  args: ${{ matrix.settings.args }}

README.md

@@ -19,8 +19,8 @@ A desktop app integrated with Google's deep learning model [Magika](https://gith
 
 -   **Powered by a deep learning model from Google's Magika team**
 -   **Run offline locally:** Once you've installed fformat, you may run it without an internet connection.
--   **Interactive data table**: After Magika detects potential file content types for all of your files, you may view more info about the results.
--   **Organized metadata:** Learn about your file's path, potential file content types, and score representing a probability that the file content type is as expected.
+-   **Interactive data table**: After magika detects potential file content types for all of your files, you may view more info about the results.
+-   **Organized metadata:** Learn about your file's path, potential file content types, and score representing a probability that the file content types is as expected.
 -   **Drag & drop files:** Choose between dropping one or more files simply dragging and dropping them into fformat.
 -   **Light & dark themes:** Toggle your theme by clicking on the sun and moon icon.
 -   **Low file size:** fformat is only a few megabytes.
@@ -28,7 +28,7 @@ A desktop app integrated with Google's deep learning model [Magika](https://gith
 ## 📚 Tech Stack
 
 -   [Magika](https://github.com/google/magika) - Deep learning model (using JavaScript browser API) from Google
--   [Tauri v2 Beta](https://beta.tauri.app) - Desktop/Mobile app framework
+-   [Tauri v2](https://beta.tauri.app) - Desktop/Mobile app framework
 -   [Next.js](https://nextjs.org/) - Web framework built with React
 -   [TypeScript](https://www.typescriptlang.org/) - Programming language
 -   [Rust](https://www.rust-lang.org/) - Programming language
@@ -44,19 +44,19 @@ Download the relevant installer for your system from the [releases page](https:/
 
 ## 🤝 Contributing
 
-Contributions are welcome! If you have any ideas, fixes, or suggestions, please open an [issue](https://github.com/rzmk/fformat/issues) or submit a [pull request](https://github.com/rzmk/fformat/pulls). Issues and pull requests may or may not be completed/merged.
+Contributions are welcome! If you have any ideas, fixes, or suggestions, please open an [issue](https://github.com/rzmk/fformat/issues) or submit a [pull request](https://github.com/rzmk/fformat/pulls).
 
 Some documentation that may be useful include:
 
--   [Tauri v2 Beta docs](https://beta.tauri.app)
+-   [Tauri v2 docs](https://beta.tauri.app)
 -   [shadcn/ui docs](https://ui.shadcn.com/docs)
 -   [Magika repo](https://github.com/google/magika)
 
 ## Disclaimer
 
-fformat is not affiliated with Google, nor is fformat endorsed by Google.
+This project is not affiliated with Google.
 
-By using fformat you accept and acknowledge the following:
+By using this project you acknowledge the following:
 
--   fformat may display content (e.g., from Magika, external links) that does not reflect the views of the author of fformat.
--   fformat may display inaccurate information that seem factual but is not such as inaccurate file content types from Magika's output (therefore denoting fformat as detecting "potential" file content types).
+-   fformat may display content (e.g., from Magika, links) that does not reflect the views of the project owner.
+-   fformat may display inaccurate information that seem factual but is not and other false/inaccurate information (e.g., inaccurate file content types from Magika's detection).

package.json

@@ -1,13 +1,12 @@
 {
   "name": "fformat",
-    "version": "0.1.2",
+  "version": "0.1.0",
   "private": true,
   "scripts": {
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-        "lint": "next lint",
-        "release": "release-it"
+    "lint": "next lint"
   },
   "dependencies": {
     "@radix-ui/react-dialog": "^1.0.5",
@@ -15,15 +14,14 @@
     "@radix-ui/react-scroll-area": "^1.0.5",
     "@radix-ui/react-separator": "^1.0.3",
     "@radix-ui/react-slot": "^1.0.2",
-        "@radix-ui/react-tooltip": "^1.0.7",
-        "@tanstack/react-table": "^8.13.2",
+    "@tanstack/react-table": "^8.12.0",
     "@tauri-apps/api": "2.0.0-beta.1",
     "@tauri-apps/plugin-dialog": "2.0.0-beta.0",
     "@tauri-apps/plugin-fs": "github:tauri-apps/tauri-plugin-fs#v2",
     "@tauri-apps/plugin-shell": "github:tauri-apps/tauri-plugin-shell#v2",
     "class-variance-authority": "^0.7.0",
     "lucide-react": "^0.334.0",
-        "magika": "^0.2.8",
+    "magika": "^0.2.5",
     "next": "14.1.0",
     "next-themes": "^0.2.1",
     "react": "^18.2.0",
@@ -34,12 +32,12 @@
     "@release-it/bumper": "^6.0.1",
     "@release-it/conventional-changelog": "^8.0.1",
     "@tauri-apps/cli": "2.0.0-beta.1",
-        "@types/node": "^20.11.24",
-        "@types/react": "^18.2.63",
-        "@types/react-dom": "^18.2.20",
-        "autoprefixer": "^10.4.18",
+    "@types/node": "^20.11.19",
+    "@types/react": "^18.2.56",
+    "@types/react-dom": "^18.2.19",
+    "autoprefixer": "^10.4.17",
     "clsx": "^2.1.0",
-        "eslint": "^8.57.0",
+    "eslint": "^8.56.0",
     "eslint-config-next": "14.1.0",
     "postcss": "^8.4.35",
     "release-it": "^17.1.1",

public/next.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>

public/vercel.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 283 64"><path fill="black" d="M141 16c-11 0-19 7-19 18s9 18 20 18c7 0 13-3 16-7l-7-5c-2 3-6 4-9 4-5 0-9-3-10-7h28v-3c0-11-8-18-19-18zm-9 15c1-4 4-7 9-7s8 3 9 7h-18zm117-15c-11 0-19 7-19 18s9 18 20 18c6 0 12-3 16-7l-8-5c-2 3-5 4-8 4-5 0-9-3-11-7h28l1-3c0-11-8-18-19-18zm-10 15c2-4 5-7 10-7s8 3 9 7h-19zm-39 3c0 6 4 10 10 10 4 0 7-2 9-5l8 5c-3 5-9 8-17 8-11 0-19-7-19-18s8-18 19-18c8 0 14 3 17 8l-8 5c-2-3-5-5-9-5-6 0-10 4-10 10zm83-29v46h-9V5h9zM37 0l37 64H0L37 0zm92 5-27 48L74 5h10l18 30 17-30h10zm59 12v10l-3-1c-6 0-10 4-10 10v15h-9V17h9v9c0-5 6-9 13-9z"/></svg>

src-tauri/.gitignore

@@ -2,6 +2,3 @@
 # will have compiled files and executables
 /target/
 /gen/schemas
-
-# personal utility for cargo deny
-deny.toml

src-tauri/Cargo.toml

@@ -1,9 +1,10 @@
 [package]
 name = "fformat"
 version = "0.1.0"
-description = "Potential file content type identifier."
+description = "File format identifier."
 authors = ["rzmk"]
-repository = "https://github.com/rzmk/fformat"
+license = ""
+repository = ""
 edition = "2021"
 rust-version = "1.70"
 
@@ -14,15 +15,15 @@ name = "app_lib"
 crate-type = ["staticlib", "cdylib", "rlib"]
 
 [build-dependencies]
-tauri-build = { version = "2.0.0-beta", features = [] }
+tauri-build = { version = "2.0.0-beta.2", features = [] }
 
 [dependencies]
 serde_json = "1.0"
 serde = { version = "1.0", features = ["derive"] }
-tauri = { version = "2.0.0-beta", features = [] }
-tauri-plugin-shell = { git = "https://github.com/tauri-apps/plugins-workspace", branch = "v2" }
-tauri-plugin-fs = { git = "https://github.com/tauri-apps/plugins-workspace", branch = "v2" }
-tauri-plugin-dialog = { git = "https://github.com/tauri-apps/plugins-workspace", branch = "v2" }
+tauri = { version = "2.0.0-beta.3", features = [] }
+tauri-plugin-shell = { git = "https://github.com/tauri-apps/plugins-workspace.git", rev = "a31ef8e67e25d233cf463efb65428d7e0893e404" }
+tauri-plugin-fs = { git = "https://github.com/tauri-apps/plugins-workspace.git", rev = "a31ef8e67e25d233cf463efb65428d7e0893e404" }
+tauri-plugin-dialog = { git = "https://github.com/tauri-apps/plugins-workspace.git", rev = "a31ef8e67e25d233cf463efb65428d7e0893e404" }
 
 [profile.release]
 panic = "abort" # Strip expensive panic clean-up logic

src-tauri/src/lib.rs

@@ -1,3 +1,5 @@
+use tauri_plugin_shell;
+
 #[cfg_attr(mobile, tauri::mobile_entry_point)]
 pub fn run() {
   tauri::Builder::default()

src-tauri/tauri.conf.json

@@ -34,18 +34,10 @@
     },
     "plugins": {
         "shell": {
-            "open": "^https://github\\.com/rzmk"
-        },
-        "updater": {
-            "active": true,
-            "endpoints": [
-                "https://github.com/rzmk/fformat/releases/latest/download/latest.json"
-            ],
-            "dialog": true,
-            "pubkey": "dW50cnVzdGVkIGNvbW1lbnQ6IG1pbmlzaWduIHB1YmxpYyBrZXk6IDE5NkYxRUMxOTBFRkE1REQKUldUZHBlK1F3UjV2R1ZTUStEVXRBVE1NdnN6YUZIWFhJMUZuUzFwWTlCeDRCVzU1d1VsNEVkeWkK"
+            "open": "https://github\\.com/rzmk/fformat"
         }
     },
     "identifier": "com.fformat.dev",
     "productName": "fformat",
-    "version": "0.1.2"
+    "version": "0.1.0"
 }

src/components/DT/columns.tsx

@@ -11,17 +11,14 @@ export type Prediction = {
 export const columns: ColumnDef<Prediction>[] = [
     {
         accessorKey: "path",
-        id: "path",
         header: "Path",
     },
     {
         accessorKey: "label",
-        id: "label",
         header: "Label",
     },
     {
         accessorKey: "score",
-        id: "score",
         header: "Score",
     },
 ];

src/components/DT/data-table.tsx

@@ -1,5 +1,7 @@
 "use client";
 
+import { Button } from "@/components/ui/button";
+
 import {
     ColumnDef,
     ColumnFiltersState,
@@ -9,7 +11,6 @@ import {
     getPaginationRowModel,
     useReactTable,
 } from "@tanstack/react-table";
-import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import {
     Table,
@@ -19,39 +20,19 @@ import {
     TableHeader,
     TableRow,
 } from "@/components/ui/table";
-import {
-    DropdownMenu,
-    DropdownMenuContent,
-    DropdownMenuItem,
-    DropdownMenuLabel,
-    DropdownMenuRadioGroup,
-    DropdownMenuRadioItem,
-    DropdownMenuSeparator,
-    DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { DataTableViewOptions } from "@/components/DT/DataTableViewOptions";
-import {
-    Tooltip,
-    TooltipContent,
-    TooltipProvider,
-    TooltipTrigger,
-} from "@/components/ui/tooltip";
-import { LucideScanSearch, Trash2 } from "lucide-react";
 import { useState } from "react";
+import { DataTableViewOptions } from "@/components/DT/DataTableViewOptions";
 
 interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
     data: TData[];
-    setData: React.Dispatch<React.SetStateAction<TData[]>>;
 }
 
 export function DataTable<TData, TValue>({
     columns,
     data,
-    setData,
 }: DataTableProps<TData, TValue>) {
     const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);
-    const [searchColumn, setSearchColumn] = useState("label");
     const table = useReactTable({
         data,
         columns,
@@ -66,85 +47,22 @@ export function DataTable<TData, TValue>({
 
     return (
         <div>
-            <div className="flex justify-between gap-8 py-4">
-                <div className="flex gap-2">
+            {" "}
+            <div className="flex items-center gap-8 py-4">
                 <Input
-                        placeholder={`Search column '${
-                            columns.filter(
-                                (column) => column.id === searchColumn
-                            )[0].header
-                        }'...`}
+                    placeholder="Search through labels..."
                     value={
-                            table
-                                .getColumn(searchColumn)
-                                ?.getFilterValue() as string
+                        (table
+                            .getColumn("label")
+                            ?.getFilterValue() as string) ?? ""
                     }
                     onChange={(event) =>
                         table
-                                .getColumn(searchColumn)
+                            .getColumn("label")
                             ?.setFilterValue(event.target.value)
                     }
                     className="max-w-sm"
                 />
-                    <DropdownMenu>
-                        <DropdownMenuTrigger>
-                            <TooltipProvider delayDuration={0}>
-                                <Tooltip>
-                                    <TooltipTrigger asChild>
-                                        <Button variant="outline" size="icon">
-                                            <LucideScanSearch
-                                                strokeWidth={1.25}
-                                            />
-                                            <span className="sr-only">
-                                                Choose a column to search
-                                            </span>
-                                        </Button>
-                                    </TooltipTrigger>
-                                    <TooltipContent>
-                                        Choose a column to search
-                                    </TooltipContent>
-                                </Tooltip>
-                            </TooltipProvider>
-                        </DropdownMenuTrigger>
-                        <DropdownMenuContent>
-                            <DropdownMenuLabel>Search Column</DropdownMenuLabel>
-                            <DropdownMenuSeparator />
-                            <DropdownMenuRadioGroup
-                                defaultValue={searchColumn}
-                                value={searchColumn}
-                                onValueChange={setSearchColumn}
-                            >
-                                {columns
-                                    .filter(
-                                        (column) => column.id && column.header
-                                    )
-                                    .map((column, index) => (
-                                        <DropdownMenuRadioItem
-                                            key={index}
-                                            value={column.id!}
-                                        >
-                                            {column.header!.toString()}
-                                        </DropdownMenuRadioItem>
-                                    ))}
-                            </DropdownMenuRadioGroup>
-                        </DropdownMenuContent>
-                    </DropdownMenu>
-                    <TooltipProvider delayDuration={0}>
-                        <Tooltip>
-                            <TooltipTrigger asChild>
-                                <Button
-                                    variant="destructive"
-                                    size="icon"
-                                    onClick={() => setData([])}
-                                >
-                                    <Trash2 strokeWidth={1.25} />
-                                    <span className="sr-only">Clear table</span>
-                                </Button>
-                            </TooltipTrigger>
-                            <TooltipContent>Clear table</TooltipContent>
-                        </Tooltip>
-                    </TooltipProvider>
-                </div>
                 <DataTableViewOptions table={table} />
             </div>
             <div className="rounded-md border">
@@ -178,10 +96,7 @@ export function DataTable<TData, TValue>({
                                     }
                                 >
                                     {row.getVisibleCells().map((cell: any) => (
-                                        <TableCell
-                                            key={cell.id}
-                                            className="text-left"
-                                        >
+                                        <TableCell key={cell.id} className="text-left">
                                             {flexRender(
                                                 cell.column.columnDef.cell,
                                                 cell.getContext()

src/components/MagikaProcess.tsx

@@ -3,10 +3,12 @@
 import { Button } from "@/components/ui/button";
 import { Loader } from "@/components/ui/loader";
 
+//@ts-ignore
 import { Magika } from "magika";
 import { listen } from "@tauri-apps/api/event";
 import { useEffect, useState } from "react";
 import { readFile } from "@tauri-apps/plugin-fs";
+//@ts-ignore
 import { open } from "@tauri-apps/plugin-dialog";
 import { columns } from "@/components/DT/columns";
 import { DataTable } from "@/components/DT/data-table";
@@ -17,7 +19,9 @@ const MagikaProcess = () => {
 
     useEffect(() => {
         if (loading) return;
-        listen("tauri://file-drop", async ({ payload }: any) => {
+        const unlisten = listen(
+            "tauri://file-drop",
+            async ({ payload }: any) => {
                 setLoading(true);
                 const filepaths: string[] = payload.paths;
                 const filepredictions: any[] = [];
@@ -29,7 +33,8 @@ const MagikaProcess = () => {
 
                 setPredictions(filepredictions);
                 setLoading(false);
-        });
+            }
+        );
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 
@@ -38,13 +43,9 @@ const MagikaProcess = () => {
             const fileBytes = await readFile(filepath);
             const magika = new Magika();
             await magika.load({});
-            const result = await magika.identifyBytes(
-                new Uint16Array(fileBytes.buffer)
-            );
-            return {
-                path: filepath,
-                result: result,
-            };
+            const prediction = await magika.identifyBytes(fileBytes);
+            prediction.path = filepath;
+            return prediction;
         } catch (e) {
             console.error(
                 `Error while getting prediction for ${filepath}: ${e}`
@@ -67,6 +68,7 @@ const MagikaProcess = () => {
             }
             setPredictions(filePredictions);
         } else if (selected === null) {
+            // user cancelled the selection
             console.log("User cancelled selection");
         } else {
             // user selected a single file
@@ -88,7 +90,7 @@ const MagikaProcess = () => {
                         fformat
                     </h2>
                     <p className="text-md w-fit border-b text-muted-foreground">
-                        Identify potential file content types
+                        Examine file formats
                     </p>
                 </div>
                 <div className="mb-4">
@@ -108,11 +110,7 @@ const MagikaProcess = () => {
                     </p>
                 </div>
                 {predictions.length > 0 && (
-                    <DataTable
-                        columns={columns}
-                        data={predictions}
-                        setData={setPredictions}
-                    />
+                    <DataTable columns={columns} data={predictions} />
                 )}
             </div>
         </div>

src/components/SideBar/Info.tsx

@@ -11,47 +11,28 @@ import {
 } from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
 import { Separator } from "@/components/ui/separator";
-import {
-    Tooltip,
-    TooltipContent,
-    TooltipProvider,
-    TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { open } from "@tauri-apps/plugin-shell";
 
 const Settings = () => {
     return (
         <Dialog>
-            <DialogTrigger>
+            <DialogTrigger asChild>
                 {/* <SettingsIcon strokeWidth={1.25} /> */}
-                <TooltipProvider delayDuration={0}>
-                    <Tooltip>
-                        <TooltipTrigger asChild>
                 <Button variant="ghost" size="icon">
                     <Info strokeWidth={1.25} />
-                                <span className="sr-only">About fformat</span>
                 </Button>
-                        </TooltipTrigger>
-                        <TooltipContent side="right">
-                            About fformat
-                        </TooltipContent>
-                    </Tooltip>
-                </TooltipProvider>
             </DialogTrigger>
             <DialogContent>
                 <DialogHeader>
                     <DialogTitle>fformat</DialogTitle>
                     <p className="text-sm text-muted-foreground">
-                        Identify potential file content types on your device.
+                        Examine file formats on your local device.
                     </p>
                     <Separator />
                     <ul className="list-disc text-sm text-muted-foreground ml-4 mt-2">
+                        <li>Not all content types are supported.</li>
                         <li>
-                            Not all content types are supported, and inferences
-                            may be inaccurate.
-                        </li>
-                        <li>
-                            Built with Magika, Tauri, shadcn/ui, Next.js, Rust,
+                            Built with magika, Tauri, shadcn/ui, Next.js, Rust,
                             & TypeScript.
                         </li>
                     </ul>

src/components/ThemeSwitch.tsx

@@ -3,24 +3,13 @@
 import { Moon, Sun } from "lucide-react";
 import { useTheme } from "next-themes";
 import { Button } from "@/components/ui/button";
-import {
-    Tooltip,
-    TooltipContent,
-    TooltipProvider,
-    TooltipTrigger,
-} from "@/components/ui/tooltip";
 
 const ThemeSwitch = () => {
     const { theme, setTheme } = useTheme();
 
     return (
-        <TooltipProvider delayDuration={0}>
-            <Tooltip>
-                <TooltipTrigger asChild>
         <Button
-                        onClick={() =>
-                            setTheme(theme === "light" ? "dark" : "light")
-                        }
+            onClick={() => setTheme(theme === "light" ? "dark" : "light")}
             variant="ghost"
             size="icon"
         >
@@ -28,10 +17,6 @@ const ThemeSwitch = () => {
             <Moon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
             <span className="sr-only">Toggle theme</span>
         </Button>
-                </TooltipTrigger>
-                <TooltipContent side="right">Toggle theme</TooltipContent>
-            </Tooltip>
-        </TooltipProvider>
     );
 };
 

src/components/ui/tooltip.tsx

@@ -1,30 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as TooltipPrimitive from "@radix-ui/react-tooltip"
-
-import { cn } from "@/lib/utils"
-
-const TooltipProvider = TooltipPrimitive.Provider
-
-const Tooltip = TooltipPrimitive.Root
-
-const TooltipTrigger = TooltipPrimitive.Trigger
-
-const TooltipContent = React.forwardRef<
-  React.ElementRef<typeof TooltipPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
->(({ className, sideOffset = 4, ...props }, ref) => (
-  <TooltipPrimitive.Content
-    ref={ref}
-    sideOffset={sideOffset}
-    className={cn(
-      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    )}
-    {...props}
-  />
-))
-TooltipContent.displayName = TooltipPrimitive.Content.displayName
-
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }