-
- {error}
-
- {/if}
-
-
-
- e.key === "Enter" && handleUnlock()}
- autofocus
- />
-
- {#if error}
-
-
-
-
-
- e.key === "Enter" && configState.confirmAuthPinSave()}
- />
-
- {#if configState.authPinError}
- - {configState.authPinError} -
- {/if} -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {#if configState.minPinError}
- {configState.minPinError}
- {/if} -
- {#if !configState.isSettingPin}
-
-
-
-
-
- {/if}
-
-
-
-
-
-
-
-
- {#if configState.pinError}
- {configState.pinError}
- {/if} -
- {@render children?.()}
-
diff --git a/src/lib/components/ui/alert-dialog/alert-dialog-header.svelte b/src/lib/components/ui/alert-dialog/alert-dialog-header.svelte
deleted file mode 100644
index 1835d91..0000000
--- a/src/lib/components/ui/alert-dialog/alert-dialog-header.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-
- {@render children?.()}
-
diff --git a/src/lib/components/ui/alert-dialog/alert-dialog-overlay.svelte b/src/lib/components/ui/alert-dialog/alert-dialog-overlay.svelte
deleted file mode 100644
index a64ee76..0000000
--- a/src/lib/components/ui/alert-dialog/alert-dialog-overlay.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-
- {@render children?.()}
-
diff --git a/src/lib/components/ui/alert/alert-title.svelte b/src/lib/components/ui/alert/alert-title.svelte
deleted file mode 100644
index 77e45ad..0000000
--- a/src/lib/components/ui/alert/alert-title.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-
- {@render children?.()}
-
diff --git a/src/lib/components/ui/alert/alert.svelte b/src/lib/components/ui/alert/alert.svelte
deleted file mode 100644
index 2b2eff9..0000000
--- a/src/lib/components/ui/alert/alert.svelte
+++ /dev/null
@@ -1,44 +0,0 @@
-
-
-
-
-
- {@render children?.()}
-
diff --git a/src/lib/components/ui/alert/index.ts b/src/lib/components/ui/alert/index.ts
deleted file mode 100644
index 97e21b4..0000000
--- a/src/lib/components/ui/alert/index.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import Root from "./alert.svelte";
-import Description from "./alert-description.svelte";
-import Title from "./alert-title.svelte";
-export { alertVariants, type AlertVariant } from "./alert.svelte";
-
-export {
- Root,
- Description,
- Title,
- //
- Root as Alert,
- Description as AlertDescription,
- Title as AlertTitle,
-};
diff --git a/src/lib/components/ui/badge/badge.svelte b/src/lib/components/ui/badge/badge.svelte
deleted file mode 100644
index e3164ba..0000000
--- a/src/lib/components/ui/badge/badge.svelte
+++ /dev/null
@@ -1,50 +0,0 @@
-
-
-
-
-
- {@render children?.()}
-
diff --git a/src/lib/components/ui/card/card-content.svelte b/src/lib/components/ui/card/card-content.svelte
deleted file mode 100644
index bc90b83..0000000
--- a/src/lib/components/ui/card/card-content.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
-
- {@render children?.()}
-
diff --git a/src/lib/components/ui/card/card-description.svelte b/src/lib/components/ui/card/card-description.svelte
deleted file mode 100644
index 9b20ac7..0000000
--- a/src/lib/components/ui/card/card-description.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-- {@render children?.()} -
diff --git a/src/lib/components/ui/card/card-footer.svelte b/src/lib/components/ui/card/card-footer.svelte deleted file mode 100644 index 2d4d0f2..0000000 --- a/src/lib/components/ui/card/card-footer.svelte +++ /dev/null @@ -1,20 +0,0 @@ - - -
- {@render children?.()}
-
diff --git a/src/lib/components/ui/card/card-header.svelte b/src/lib/components/ui/card/card-header.svelte
deleted file mode 100644
index 2501788..0000000
--- a/src/lib/components/ui/card/card-header.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-
-
-
- {@render children?.()}
-
diff --git a/src/lib/components/ui/card/card-title.svelte b/src/lib/components/ui/card/card-title.svelte
deleted file mode 100644
index 7447231..0000000
--- a/src/lib/components/ui/card/card-title.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-
- {@render children?.()}
-
diff --git a/src/lib/components/ui/card/card.svelte b/src/lib/components/ui/card/card.svelte
deleted file mode 100644
index 99448cc..0000000
--- a/src/lib/components/ui/card/card.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-
-
-
- {@render children?.()}
-
diff --git a/src/lib/components/ui/card/index.ts b/src/lib/components/ui/card/index.ts
deleted file mode 100644
index 4d3fce4..0000000
--- a/src/lib/components/ui/card/index.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import Root from "./card.svelte";
-import Content from "./card-content.svelte";
-import Description from "./card-description.svelte";
-import Footer from "./card-footer.svelte";
-import Header from "./card-header.svelte";
-import Title from "./card-title.svelte";
-import Action from "./card-action.svelte";
-
-export {
- Root,
- Content,
- Description,
- Footer,
- Header,
- Title,
- Action,
- //
- Root as Card,
- Content as CardContent,
- Description as CardDescription,
- Footer as CardFooter,
- Header as CardHeader,
- Title as CardTitle,
- Action as CardAction,
-};
diff --git a/src/lib/components/ui/dialog/dialog-close.svelte b/src/lib/components/ui/dialog/dialog-close.svelte
deleted file mode 100644
index 840b2f6..0000000
--- a/src/lib/components/ui/dialog/dialog-close.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-
- {@render children?.()}
-
diff --git a/src/lib/components/ui/dialog/dialog-header.svelte b/src/lib/components/ui/dialog/dialog-header.svelte
deleted file mode 100644
index 4e5c447..0000000
--- a/src/lib/components/ui/dialog/dialog-header.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-
- {@render children?.()}
-
diff --git a/src/lib/components/ui/dialog/dialog-overlay.svelte b/src/lib/components/ui/dialog/dialog-overlay.svelte
deleted file mode 100644
index f81ad83..0000000
--- a/src/lib/components/ui/dialog/dialog-overlay.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-
- {@render children?.()}
-
diff --git a/src/lib/components/ui/drawer/drawer-header.svelte b/src/lib/components/ui/drawer/drawer-header.svelte
deleted file mode 100644
index 65d2de5..0000000
--- a/src/lib/components/ui/drawer/drawer-header.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-
- {@render children?.()}
-
diff --git a/src/lib/components/ui/drawer/drawer-nested.svelte b/src/lib/components/ui/drawer/drawer-nested.svelte
deleted file mode 100644
index 834af94..0000000
--- a/src/lib/components/ui/drawer/drawer-nested.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-
-
-
- {@render children?.()}
-
diff --git a/src/lib/components/ui/select/select-portal.svelte b/src/lib/components/ui/select/select-portal.svelte
deleted file mode 100644
index 424bcdd..0000000
--- a/src/lib/components/ui/select/select-portal.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-
- {@render children?.()}
-
diff --git a/src/lib/components/ui/sheet/sheet-header.svelte b/src/lib/components/ui/sheet/sheet-header.svelte
deleted file mode 100644
index 757a6a5..0000000
--- a/src/lib/components/ui/sheet/sheet-header.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-
- {@render children?.()}
-
diff --git a/src/lib/components/ui/sheet/sheet-overlay.svelte b/src/lib/components/ui/sheet/sheet-overlay.svelte
deleted file mode 100644
index 345e197..0000000
--- a/src/lib/components/ui/sheet/sheet-overlay.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-
- {@render children?.()}
-
diff --git a/src/lib/components/ui/sidebar/sidebar-footer.svelte b/src/lib/components/ui/sidebar/sidebar-footer.svelte
deleted file mode 100644
index 6259cb9..0000000
--- a/src/lib/components/ui/sidebar/sidebar-footer.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
-
- {@render children?.()}
-
diff --git a/src/lib/components/ui/sidebar/sidebar-group-action.svelte b/src/lib/components/ui/sidebar/sidebar-group-action.svelte
deleted file mode 100644
index a76dfe1..0000000
--- a/src/lib/components/ui/sidebar/sidebar-group-action.svelte
+++ /dev/null
@@ -1,36 +0,0 @@
-
-
-{#if child}
- {@render child({ props: mergedProps })}
-{:else}
-
-{/if}
diff --git a/src/lib/components/ui/sidebar/sidebar-group-content.svelte b/src/lib/components/ui/sidebar/sidebar-group-content.svelte
deleted file mode 100644
index 415255f..0000000
--- a/src/lib/components/ui/sidebar/sidebar-group-content.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
-
- {@render children?.()}
-
diff --git a/src/lib/components/ui/sidebar/sidebar-group-label.svelte b/src/lib/components/ui/sidebar/sidebar-group-label.svelte
deleted file mode 100644
index b2e72b6..0000000
--- a/src/lib/components/ui/sidebar/sidebar-group-label.svelte
+++ /dev/null
@@ -1,34 +0,0 @@
-
-
-{#if child}
- {@render child({ props: mergedProps })}
-{:else}
-
- {@render children?.()}
-
-{/if}
diff --git a/src/lib/components/ui/sidebar/sidebar-group.svelte b/src/lib/components/ui/sidebar/sidebar-group.svelte
deleted file mode 100644
index ec18a69..0000000
--- a/src/lib/components/ui/sidebar/sidebar-group.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
-
- {@render children?.()}
-
diff --git a/src/lib/components/ui/sidebar/sidebar-header.svelte b/src/lib/components/ui/sidebar/sidebar-header.svelte
deleted file mode 100644
index a1b2db1..0000000
--- a/src/lib/components/ui/sidebar/sidebar-header.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
-
- {@render children?.()}
-
diff --git a/src/lib/components/ui/sidebar/sidebar-input.svelte b/src/lib/components/ui/sidebar/sidebar-input.svelte
deleted file mode 100644
index 19b3666..0000000
--- a/src/lib/components/ui/sidebar/sidebar-input.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
-
diff --git a/src/lib/components/ui/sidebar/sidebar-inset.svelte b/src/lib/components/ui/sidebar/sidebar-inset.svelte
deleted file mode 100644
index 7d6d459..0000000
--- a/src/lib/components/ui/sidebar/sidebar-inset.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-
-
-
- {@render children?.()}
-
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-button.svelte b/src/lib/components/ui/sidebar/sidebar-menu-button.svelte
deleted file mode 100644
index 0acd1ec..0000000
--- a/src/lib/components/ui/sidebar/sidebar-menu-button.svelte
+++ /dev/null
@@ -1,103 +0,0 @@
-
-
-
-
-{#snippet Button({ props }: { props?: Record
- {#if showIcon}
-
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-sub-button.svelte b/src/lib/components/ui/sidebar/sidebar-menu-sub-button.svelte
deleted file mode 100644
index c8cd4ff..0000000
--- a/src/lib/components/ui/sidebar/sidebar-menu-sub-button.svelte
+++ /dev/null
@@ -1,43 +0,0 @@
-
-
-{#if child}
- {@render child({ props: mergedProps })}
-{:else}
-
- {@render children?.()}
-
-{/if}
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-sub-item.svelte b/src/lib/components/ui/sidebar/sidebar-menu-sub-item.svelte
deleted file mode 100644
index 681d0f1..0000000
--- a/src/lib/components/ui/sidebar/sidebar-menu-sub-item.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
--
- {@render children?.()}
-
-
- {@render children?.()}
-
- {@render children?.()}
-
-
- {@render children?.()}
-
-{:else if sidebar.isMobile}
-
- {@render children?.()}
-
-
- 
- PicoForge
-
-
- PicoForge
-
-
-
- Device Status
- {#if device.connected}
- {#if device.method === "FIDO"}
- Online - Fido
- {:else}
- Online
- {/if}
- {:else if device.error}
- Error
- {:else}
- Offline
- {/if}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/lib/views/configView.svelte b/src/lib/views/configView.svelte
deleted file mode 100644
index 284592b..0000000
--- a/src/lib/views/configView.svelte
+++ /dev/null
@@ -1,251 +0,0 @@
-
-
-
-
-
- About
-
-
-
-
-
-
- v0.3.0
-
-
-
- PicoForge
-- An open source commissioning tool for Pico FIDO security keys. - Developed with Rust, Tauri, and Svelte. -
- -
-
-
-
- Code By:
- Suyog Tandel
-
-
- Copyright:
- © 2026 Suyog Tandel
-
-
-
-
-
-
diff --git a/src/lib/views/homeView.svelte b/src/lib/views/homeView.svelte
deleted file mode 100644
index 95c4c1c..0000000
--- a/src/lib/views/homeView.svelte
+++ /dev/null
@@ -1,221 +0,0 @@
-
-
-
-
-
- {#if !device.connected}
- Configuration
-Customize device settings and behavior.
-
-
-
-
-
- USB Identification settings
-
-
-
-
-
-
-
-
-
- Adjust visual feedback behavior
-
-
-
-
-
-
-
-
-
- Configure interaction timeouts
-
-
-
-
-
-
-
-
-
- Toggle advanced features
-
-
-
-
-
-
-
-
- device.setVendor(v)}
- disabled={!device.connected}
- >
-
- {VENDORS.find((v) => v.value === device.selectedVendor)
- ?.label ?? "Select a vendor"}
-
-
- {#each VENDORS as vendor}
-
- {vendor.label}
-
- {/each}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {LED_DRIVERS.find((d) => d.value === device.config.ledDriver)
- ?.label ?? "Select driver"}
-
-
- {#each LED_DRIVERS as driver}
-
- {driver.label}
-
- {/each}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Allow brightness adjustment -
-
-
-
-
-
- - Keep LED on constantly -
-
-
-
-
-
-
-
-
-
-
- - Restart device on reset -
-
-
-
-
-
- - Does not work on Android! -
-
-
-
- {/if}
-
-
diff --git a/src/lib/views/logsView.svelte b/src/lib/views/logsView.svelte
deleted file mode 100644
index 5945fb2..0000000
--- a/src/lib/views/logsView.svelte
+++ /dev/null
@@ -1,66 +0,0 @@
-
-
-
-
-
- {#if !device.connected}
- Device Overview
-- Quick view of your device status and specifications. -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {#if device.fidoInfo}
-
-
-
-
-
-
-
-
-
- {#if device.method === "FIDO"}
-
-
-
-
-
-
-
-
-
-
-
-
- {/if}
-
-
-
-
-
- Serial Number
-{device.info.serial}
-
-
- Firmware Version
-- v{device.info.firmwareVersion} -
-
-
- VID:PID
-- {device.config.vid}:{device.config.pid} -
-
-
- Product Name
-{device.config.productName}
-
-
-
- Flash Memory
-
- {device.info.flashUsed} / {device.info.flashTotal} KB
-
-
-
-
-
-
-
-
- FIDO Version
-- {device.fidoInfo.versions[0] || "N/A"} -
-
-
- PIN Set
-- {device.fidoInfo.options?.clientPin ? "Yes" : "No"} -
-
-
- Min PIN Length
-{device.fidoInfo.minPinLength}
-
-
- Resident Keys
-- {device.fidoInfo.options?.rk ? "Supported" : "Not Supported"} -
-
-
- {:else}
- AAGUID
-- {device.fidoInfo.aaguid} -
-- FIDO information not available -
- {/if} -
-
- {:else}
- - Information is not available in Fido only communication mode. -
-
- LED GPIO Pin
- GPIO {device.config.ledGpio}
-
-
- LED Brightness
- {device.config.ledBrightness}
-
-
- Presence Touch Timeout
- {device.config.touchTimeout}s
-
-
- LED Dimmable
-
- {device.config.ledDimmable ? "Yes" : "No"}
-
-
-
- LED Steady Mode
-
- {device.config.ledSteady ? "On" : "Off"}
-
-
- {/if}
-
- Boot Mode
-
-
- {#if device.security.secureBoot}
-
- {device.security.secureBoot ? "Secure Boot" : "Development"}
-
-
-
- Debug Interface
-
- {device.security.secureLock ? "Read-out Locked" : "Debug Enabled"}
-
-
-
- Secure Lock
-
- {device.security.confirmed ? "Acknowledged" : "Pending"}
-
-
-
-
-
- {#if logger.logs.length === 0}
-
-
- {/if}
-
-
-
diff --git a/src/lib/views/passkeysView.svelte b/src/lib/views/passkeysView.svelte
deleted file mode 100644
index e6ce204..0000000
--- a/src/lib/views/passkeysView.svelte
+++ /dev/null
@@ -1,365 +0,0 @@
-
-
-
-
-
-
-
-
- System Logs
-- Real-time device communication and application events. -
-
-
- {:else}
- No events recorded yet.
-
- {#each logger.logs as log}
-
-
- [{log.timestamp}]
-
- {#if log.type === "success"}➜{/if}
- {#if log.type === "error"}✖{/if}
- {log.message}
-
-
- {/each}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {:else}
-
-
-
-
-
-
-
- {/if}
-
diff --git a/src/lib/views/securityView.svelte b/src/lib/views/securityView.svelte
deleted file mode 100644
index a481e36..0000000
--- a/src/lib/views/securityView.svelte
+++ /dev/null
@@ -1,97 +0,0 @@
-
-
-
-
-
- {#if !device.connected}
- Passkeys
-- Manage your security PIN and the FIDO credentials (passkeys) stored on - your device. -
-
-
-
- Configure FIDO2 PIN security
-
-
-
-
-
-
-
- Current PIN Status
-- {device.fidoInfo?.options?.clientPin - ? "PIN is set" - : "No PIN configured"} -
-
-
-
-
-
- Minimum PIN Length
-- Current: {device.fidoInfo?.minPinLength || 4} characters -
-
-
-
-
- View and manage your resident credentials
-
-
-
-
- {/if}
-
- {#if device.unlocked}
-
-
- Authentication Required
-- Unlock your device to view and manage passkeys. -
- -
-
-
- {#if device.credentials.length === 0}
-
-
-
-
-
-
-
- No Passkeys Found
-- This device doesn't have any resident credentials stored yet. - Create passkeys on websites to see them here. -
-
- {#each device.credentials as cred}
-
- {/each}
-
- {/if}
-
-
-
-
- {selectedCredential?.rpName ||
- selectedCredential?.rpId ||
- "Passkey Details"}
-
-
- Credential details for user {selectedCredential?.userName}
-
-
-
-
- Close
-
-
-
-
-
-
-
-
-
-
-
-
-
- {selectedCredential?.rpId}
-
-
- {selectedCredential?.userName}
-
-
-
-
-
-
- - Display Name -
-- {selectedCredential?.userDisplayName || "N/A"} -
-
-
-
- - User ID (Hex) -
-- {selectedCredential?.userId} -
-
-
- - Credential ID (Hex) -
-- {selectedCredential?.credentialId} -
-
-
- Feature Unstable
- This feature is currently under work and disabled for safety.
-
-
-
-
- Lock Settings
-
-
-
-
-
-
-
-
diff --git a/src/main.rs b/src/main.rs
new file mode 100644
index 0000000..9122372
--- /dev/null
+++ b/src/main.rs
@@ -0,0 +1,184 @@
+use gpui::*;
+use gpui_component::button::{Button, ButtonVariants};
+use gpui_component::{ActiveTheme, IconName, Root, TitleBar, h_flex, v_flex};
+use gpui_component::{Side, sidebar::*};
+use gpui_component::{Theme, ThemeMode};
+use ui::views::{
+ about::AboutView, config::ConfigView, home::HomeView, logs::LogsView, passkeys::PasskeysView,
+ security::SecurityView,
+};
+
+mod device;
+mod ui;
+
+#[derive(Clone, Copy, PartialEq)]
+enum ActiveView {
+ Home,
+ Passkeys,
+ Configuration,
+ Security,
+ Logs,
+ About,
+}
+
+pub struct ApplicationRoot {
+ active_view: ActiveView,
+ collapsed: bool,
+}
+
+impl ApplicationRoot {
+ pub fn new() -> Self {
+ Self {
+ active_view: ActiveView::Home,
+ collapsed: false,
+ }
+ }
+}
+
+impl Render for ApplicationRoot {
+ fn render(&mut self, _window: &mut Window, cx: &mut Context
-
-
- - Secure Boot -
-- Permanently lock this device to the current firmware vendor. -
-
-
-
-
-
-
- - Verifies firmware signature on startup -
-
-
-
-
-
-
- - Prevents reading key material via debug ports -
-
-
-
-
-
-
-