continue working on default credentials

src/views/ManageCredentials.svelte

@@ -1,6 +1,7 @@
 <script>
     import { onMount } from 'svelte';
     import { slide, fade } from 'svelte/transition';
+    import { writable } from 'svelte/store';
     import { invoke } from '@tauri-apps/api/core';
 
     import AwsCredential from './credentials/AwsCredential.svelte';
@@ -10,14 +11,15 @@
     let show = false;
 
     let records = []
+    let defaults = writable({});
     async function loadCreds() {
         records = await invoke('list_credentials');
-        console.log(records);
+        let pairs = records.filter(r => r.is_default).map(r => [r.credential.type, r.id]);
+        $defaults = Object.fromEntries(pairs);
     }
     onMount(loadCreds);
 
     function newCred() {
-        console.log('hello!');
         records.push({
             id: crypto.randomUUID(),
             name: '',
@@ -42,7 +44,7 @@
     {#if records.length > 0}
         <div class="rounded-box border-2 border-neutral-content/30 divide-y-2 divide-neutral-content/30">
             {#each records as record (record.id)}
-                <AwsCredential {record} on:update={loadCreds} />
+                <AwsCredential {record} {defaults} on:update={loadCreds} />
             {/each}
         </div>
         <button class="btn btn-primary btn-wide mx-auto" on:click={newCred}>

src/views/credentials/AwsCredential.svelte

@@ -6,25 +6,29 @@
     import ErrorAlert from '../../ui/ErrorAlert.svelte';
     import Icon from '../../ui/Icon.svelte';
 
-    export let record
+    export let record;
+    export let defaults;
 
     import PassphraseInput from '../../ui/PassphraseInput.svelte';
 
 
     const dispatch = createEventDispatcher();
 
-    // if record.credential is blank when component is first instantiated, this is
-    // a newly-added credential, so show details so that data can be filled out
     let showDetails = record.isNew ? true : false;
 
     let localName = name;
     let local = JSON.parse(JSON.stringify(record));
     $: isModified = JSON.stringify(local) !== JSON.stringify(record);
+    
+    // explicitly subscribe to updates to `default`, so that we can update
+    // our local copy even if the component hasn't been recreated
+    // (sadly we can't use a reactive binding because reasons I guess)
+    defaults.subscribe(d => local.is_default = local.id === d[local.credential.type])
 
     let error, alert;
     async function saveCredential() {
         try {
-            await invoke('save_credential', {cred: local});
+            await invoke('save_credential', {record: local});
             dispatch('update');
             showDetails = false;
         }
@@ -34,11 +38,10 @@
         }
     }
 
-
-    let confirmDelete;
+    let deleteModal;
     function conditionalDelete() {
         if (!record.isNew) {
-            confirmDelete.showModal();
+            deleteModal.showModal();
         }
         else {
             deleteCredential();
@@ -139,7 +142,7 @@
         </form>
     {/if}
 
-    <dialog bind:this={confirmDelete} class="modal">
+    <dialog bind:this={deleteModal} class="modal">
         <div class="modal-box">
             <h3 class="text-lg font-bold">Delete AWS credential "{record.name}"?</h3>
             <div class="modal-action">