lokus-ai/lokus

Description When renaming a file in the file explorer, the filename input field opens but the text is not pre-selected. Users have to manually select the filename before typing. Steps to Reproduce Right-click on a file in the file explorer Select "Rename" from the context menu Observe: The rename input field appears but no text is selected User must manually select the filename before typing Expected Behavior When rename mode is activated: The input field should automatically select the filename excluding the extension User can immediately start typing to replace the filename The extension remains untouched unless explicitly selected Example For a file named my-notes.md: Selected text: my-notes Unselected text: .md This matches the behavior in VS Code, Finder, and Windows Explorer. Actual Behavior No text is selected, requiring manual selection before typing. Technical Notes Use input.setSelectionRange(0, filenameWithoutExtension.length) after focusing the input element.

Issue Type 🎨 UI/UX - Mobile layout or design issue Mobile Platform iOS Description [Mobile]: Make a design for iOS and Android version of the app entire layout from scratch and desktop version in mind should be similar so is familiar to user but should be adjusted to the screen and it's layout Make a figma design and drop its screenshots Files to Modify No response Proposed Solution No response Acceptance Criteria No response Difficulty None Contributor Checklist I will wrap mobile changes in isMobile() checks I will test on both mobile and desktop I will not break existing desktop functionality Code of Conduct I agree to follow this project's Code of Conduct

🟢 Good First Issue Problem MCP (Model Context Protocol) servers can't run on mobile devices. The plugin system that depends on them should be disabled or hidden. Files to Modify Look for plugin/MCP UI in: Plugin settings/preferences Plugin install dialogs Any MCP server UI Task Hide or disable MCP/plugin features on mobile with helpful messaging. Example Fix import { isDesktop } from '../platform/index.js'; // In plugin settings: {isDesktop() ? ( <PluginManager /> ) : ( <div className="p-4 text-center text-app-muted"> <p>Plugins are available on desktop only.</p> <p className="text-sm mt-2"> Download Lokus for Mac, Windows, or Linux to use plugins. </p> </div> )} Acceptance Criteria Plugin/MCP UI hidden or shows "desktop only" message No errors or crashes when accessing plugin settings Desktop plugin system unchanged ⚠️ Important: Don't break desktop plugin functionality!

🟢 Good First Issue Problem File dialogs (open() from @tauri-apps/plugin-dialog) may not work or crash on mobile. Code should check capability before calling. Files to Search/Modify Any file using: `import { open } from "@tauri-apps/plugin-dialog"` `import { save } from "@tauri-apps/plugin-dialog"` Known locations: `src/views/Launcher.jsx` (already has mobile handling) Other components that open files Task Check hasCapability('fileDialog') before calling file dialog functions. Example Fix import { hasCapability } from '../platform/index.js'; import { useToast } from '../components/Toast.jsx'; const handleOpenFile = async () => { if (!hasCapability('fileDialog')) { toast.info('File picker not available on mobile. Use recent files instead.'); return; } const file = await open({ /* options */ }); // ... handle file }; Or create mobile alternative: if (hasCapability('fileDialog')) { // Desktop: use native dialog const file = await open({ directory: true }); }

🟢 Good First Issue Problem iOS supports haptic feedback which makes touch interactions feel more responsive. Currently not utilized. File to Create/Modify src/platform/index.js or create src/utils/haptics.js Task Add a utility function to trigger haptic feedback on supported devices. Implementation // In src/platform/index.js or new file: export const triggerHaptic = (type = 'light') => { // iOS Safari haptic feedback if ('vibrate' in navigator) { const patterns = { light: 10, medium: 25, heavy: 50, success: [10, 50, 10], warning: [25, 50, 25], error: [50, 50, 50], }; navigator.vibrate(patterns[type] || patterns.light); } // Alternative: Use Tauri haptic plugin if available // try { // invoke('trigger_haptic', { type }); // } catch {} }; // Usage: import { triggerHaptic } from '../platform/index.js'; // On button press: <button onClick={() => { triggerHaptic('light'); handleAction(); }}> Action </button> //