add stubs to fix import; add go to recordings on menu

Author: lucasheriques

src/renderer/components/command/CommandMenu.tsx

@@ -1,3 +1,4 @@
+import { MicrophoneIcon } from "@phosphor-icons/react";
 import {
   ComponentInstanceIcon,
   FileTextIcon,
@@ -98,6 +99,19 @@ export function CommandMenu({
     onOpenChange(false);
   };
 
+  const handleNavigateToRecordings = () => {
+    const recordingsTab = tabs.find((tab) => tab.type === "recordings");
+    if (recordingsTab) {
+      setActiveTab(recordingsTab.id);
+    } else {
+      createTab({
+        type: "recordings",
+        title: "Recordings",
+      });
+    }
+    onOpenChange(false);
+  };
+
   const handleCreateTask = () => {
     onOpenChange(false);
     onCreateTask?.();
@@ -173,6 +187,14 @@ export function CommandMenu({
                 <ComponentInstanceIcon className="mr-3 h-4 w-4 text-gray-11" />
                 <Text size="2">Go to workflows</Text>
               </Command.Item>
+
+              <Command.Item
+                value="Go to recordings"
+                onSelect={handleNavigateToRecordings}
+              >
+                <MicrophoneIcon className="mr-3 h-4 w-4 text-gray-11" />
+                <Text size="2">Go to recordings</Text>
+              </Command.Item>
             </Command.Group>
 
             {tasks.length > 0 && (

src/renderer/features/recordings/components/SettingsPanel.tsx

@@ -0,0 +1,17 @@
+// Implementation in the next PR
+
+import type { RecordingMode } from "@/renderer/features/recordings/stores/recordingStore";
+
+interface SettingsPanelProps {
+  open: boolean;
+  onClose: () => void;
+  recordingMode: RecordingMode;
+  availableDevices: MediaDeviceInfo[];
+  selectedMicId: string;
+  onRecordingModeChange: (mode: RecordingMode) => void;
+  onMicrophoneChange: (deviceId: string) => void;
+}
+
+export function SettingsPanel(_props: SettingsPanelProps) {
+  return <div>SettingsPanel</div>;
+}

src/renderer/features/recordings/index.ts

@@ -5,7 +5,6 @@ export { AudioPlayer } from "./components/AudioPlayer";
 export { RecordingControls } from "./components/RecordingControls";
 export { RecordingsView } from "./components/RecordingsView";
 export { SettingsPanel } from "./components/SettingsPanel";
-export { TranscriptionSection } from "./components/TranscriptionSection";
 
 // Hooks
 export { useAudioRecorder } from "./hooks/useAudioRecorder";

src/renderer/stores/authStore.ts

@@ -8,6 +8,8 @@ interface AuthState {
   encryptedKey: string | null;
   isAuthenticated: boolean;
   client: PostHogAPIClient | null;
+  openaiApiKey: string | null;
+  encryptedOpenaiKey: string | null;
 
   setCredentials: (apiKey: string, apiHost: string) => Promise<void>;
   checkAuth: () => Promise<boolean>;
@@ -21,6 +23,9 @@ export const useAuthStore = create<AuthState>()(
       apiHost: "https://us.posthog.com",
       encryptedKey: null,
       isAuthenticated: false,
+      openaiApiKey: null,
+      encryptedOpenaiKey: null,
+
       client: null,
 
       setCredentials: async (apiKey: string, apiHost: string) => {