A bunch of fixes

src-web/components/CommandPalette.tsx

@@ -230,7 +230,7 @@ export function CommandPalette({ onClose }: { onClose: () => void }) {
   }, [subEnvironments, recentEnvironments]);
 
   const sortedWorkspaces = useMemo(() => {
-    return [...workspaces].sort((a, b) => {
+    const r =  [...workspaces].sort((a, b) => {
       const aRecentIndex = recentWorkspaces.indexOf(a.id);
       const bRecentIndex = recentWorkspaces.indexOf(b.id);
 
@@ -244,6 +244,7 @@ export function CommandPalette({ onClose }: { onClose: () => void }) {
         return a.createdAt.localeCompare(b.createdAt);
       }
     });
+    return r;
   }, [recentWorkspaces, workspaces]);
 
   const groups = useMemo<CommandPaletteGroup[]>(() => {
@@ -308,7 +309,7 @@ export function CommandPalette({ onClose }: { onClose: () => void }) {
     for (const w of sortedWorkspaces) {
       workspaceGroup.items.push({
         key: `switch-workspace-${w.id}`,
-        label: w.name,
+        label: w.id + ' - ' + w.name,
         onSelect: () => openWorkspace.mutate({ workspaceId: w.id, inNewWindow: false }),
       });
     }
@@ -377,7 +378,6 @@ export function CommandPalette({ onClose }: { onClose: () => void }) {
   const handleKeyDown = useCallback(
     (e: KeyboardEvent<HTMLInputElement>) => {
       const index = filteredAllItems.findIndex((v) => v.key === selectedItem?.key);
-      console.log("ENDER", e.key);
 
       if (e.key === 'ArrowDown' || (e.ctrlKey && e.key === 'n')) {
         const next = filteredAllItems[index + 1] ?? filteredAllItems[0];

src-web/components/GlobalHooks.tsx

@@ -1,6 +1,6 @@
 import { emit } from '@tauri-apps/api/event';
 import type { PromptTextRequest, PromptTextResponse } from '@yaakapp-internal/plugin';
-import { useEnsureActiveCookieJar, useSubscribeActiveCookieJar } from '../hooks/useActiveCookieJar';
+import { useEnsureActiveCookieJar, useSubscribeActiveCookieJarId } from '../hooks/useActiveCookieJar';
 import { useSubscribeActiveEnvironmentId } from '../hooks/useActiveEnvironment';
 import { useActiveRequest } from '../hooks/useActiveRequest';
 import { useSubscribeActiveRequestId } from '../hooks/useActiveRequestId';
@@ -13,10 +13,10 @@ import { useHotKey } from '../hooks/useHotKey';
 import { useListenToTauriEvent } from '../hooks/useListenToTauriEvent';
 import { useNotificationToast } from '../hooks/useNotificationToast';
 import { usePrompt } from '../hooks/usePrompt';
-import { useRecentCookieJars } from '../hooks/useRecentCookieJars';
-import { useRecentEnvironments } from '../hooks/useRecentEnvironments';
+import {useRecentCookieJars, useSubscribeRecentCookieJars} from '../hooks/useRecentCookieJars';
+import {useRecentEnvironments, useSubscribeRecentEnvironments} from '../hooks/useRecentEnvironments';
 import { useSubscribeRecentRequests } from '../hooks/useRecentRequests';
-import { useRecentWorkspaces } from '../hooks/useRecentWorkspaces';
+import {useRecentWorkspaces, useSubscribeRecentWorkspaces} from '../hooks/useRecentWorkspaces';
 import { useSyncFontSizeSetting } from '../hooks/useSyncFontSizeSetting';
 import { useSyncModelStores } from '../hooks/useSyncModelStores';
 import { useSyncWorkspaceChildModels } from '../hooks/useSyncWorkspaceChildModels';
@@ -31,18 +31,23 @@ export function GlobalHooks() {
   useSyncFontSizeSetting();
   useGenerateThemeCss();
   useSyncWorkspaceRequestTitle();
+
   useSubscribeActiveWorkspaceId();
   useSubscribeActiveRequestId();
+  useSubscribeActiveEnvironmentId();
+  useSubscribeActiveCookieJarId();
+
+  useSubscribeRecentRequests();
+  useSubscribeRecentWorkspaces();
+  useSubscribeRecentEnvironments();
+  useSubscribeRecentCookieJars();
 
   // Include here so they always update, even if no component references them
   useRecentWorkspaces();
   useRecentEnvironments();
   useRecentCookieJars();
-  useSubscribeRecentRequests();
   useSyncWorkspaceChildModels();
   useSubscribeTemplateFunctions();
-  useSubscribeActiveEnvironmentId();
-  useSubscribeActiveCookieJar();
 
   // Other useful things
   useNotificationToast();

src-web/components/SidebarItem.tsx

@@ -245,7 +245,7 @@ export const SidebarItem = memo(function SidebarItem({
             'w-full flex gap-1.5 items-center h-xs px-1.5 rounded-md focus-visible:ring focus-visible:ring-border-focus outline-0',
             editing && 'ring-1 focus-within:ring-focus',
             active && 'bg-surface-highlight text-text',
-            !active && 'text-text-subtle group-hover/item:text-text',
+            !active && 'text-text-subtle',
             showContextMenu && '!text-text', // Show as "active" when the context menu is open
           )}
         >

src-web/components/UrlBar.tsx

@@ -66,6 +66,7 @@ export const UrlBar = memo(function UrlBar({
   return (
     <form onSubmit={handleSubmit} className={classNames('x-theme-urlBar', className)}>
       <Input
+        ref={inputRef}
         autocompleteVariables
         stateKey={stateKey}
         size="md"

src-web/components/core/Dropdown.tsx

@@ -101,6 +101,11 @@ export const Dropdown = forwardRef<DropdownRef, DropdownProps>(function Dropdown
     setDefaultSelectedIndex(undefined);
   }, [setIsOpen]);
 
+  const openDropdown = useCallback(() => {
+    setIsOpen((o) => !o);
+    setItems(typeof itemsGetter === 'function' ? itemsGetter() : itemsGetter);
+  }, [itemsGetter, setIsOpen]);
+
   useImperativeHandle(
     ref,
     () => ({
@@ -111,18 +116,18 @@ export const Dropdown = forwardRef<DropdownRef, DropdownProps>(function Dropdown
         else this.close();
       },
       open() {
-        setIsOpen(true);
+        openDropdown();
       },
       close() {
         handleClose();
       },
     }),
-    [handleClose, isOpen, setIsOpen],
+    [handleClose, isOpen, openDropdown],
   );
 
   useHotKey(hotKeyAction ?? null, () => {
     setDefaultSelectedIndex(0);
-    setIsOpen(true);
+    openDropdown();
   });
 
   const child = useMemo(() => {
@@ -138,12 +143,11 @@ export const Dropdown = forwardRef<DropdownRef, DropdownProps>(function Dropdown
           e.preventDefault();
           e.stopPropagation();
           setDefaultSelectedIndex(undefined);
-          setIsOpen((o) => !o);
-          setItems(typeof itemsGetter === 'function' ? itemsGetter() : itemsGetter);
+          openDropdown();
         }),
     };
     return cloneElement(existingChild, props);
-  }, [children, itemsGetter, setIsOpen]);
+  }, [children, openDropdown]);
 
   useEffect(() => {
     buttonRef.current?.setAttribute('aria-expanded', isOpen.toString());

src-web/components/core/Editor/Editor.tsx

@@ -563,6 +563,5 @@ function getCachedEditorState(doc: string, stateKey: string | null) {
   if (state == null) return null;
   if (state.doc.toString() !== doc) return null;
 
-  console.log('CACHED STATE', stateKey, state);
   return state;
 }