Disabled ws-select if no type is provided

Author: myieye

frontend/viewer/src/project/browse/SearchFilter.svelte

@@ -123,7 +123,7 @@
           <!-- Field Picker -->
           <FieldSelect bind:value={selectedField} />
           <!-- Writing System Picker -->
-          <WsSelect bind:value={selectedWs} wsType={selectedField?.ws ?? 'analysis-vernacular'} />
+          <WsSelect bind:value={selectedWs} wsType={selectedField?.ws} />
         </div>
         <!-- Text Box: on mobile, wraps to new line -->
         <div class="flex flex-row gap-2 flex-1">

frontend/viewer/src/project/browse/filter/WsSelect.svelte

@@ -6,13 +6,13 @@
 
   const wsService = useWritingSystemService();
 
-  let {value = $bindable(), wsType}: { value: string[], wsType: WritingSystemSelection } = $props();
-  let writingSystems = $derived(wsService.pickWritingSystems(wsType));
+  let {value = $bindable(), wsType}: { value: string[], wsType: WritingSystemSelection | undefined } = $props();
+  let writingSystems = $derived(wsType ? wsService.pickWritingSystems(wsType) : []);
   watch(() => writingSystems, () => {
     value = writingSystems.map(ws => ws.wsId);
   });
 </script>
-<Select.Root type="multiple" bind:value>
+<Select.Root disabled={!wsType} type="multiple" bind:value>
   <Select.Trigger class="flex-1">
     {#if value.length === 0}
       <span class="text-muted-foreground">{$t`Writing System`}</span>