only allow read queries in datasources

packages/builder/src/components/design/PropertiesPanel/PropertyControls/TableViewSelect.svelte

@@ -34,7 +34,7 @@
     }))
     return [...acc, ...viewsArr]
   }, [])
-  $: queries = $backendUiStore.queries.map(query => ({
+  $: queries = $backendUiStore.queries.filter(query => query.queryVerb === "read").map(query => ({
     label: query.name,
     name: query.name,
     tableId: query._id,

packages/builder/src/components/integration/QueryViewer.svelte

@@ -164,7 +164,7 @@
       <div class="viewer-controls">
         <Button
           blue
-          disabled={data.length === 0}
+          disabled={data.length === 0 || !query.name}
           on:click={saveQuery}>
           Save Query
         </Button>

packages/builder/src/pages/[application]/data/datasource/[selectedDatasource]/index.svelte

@@ -51,7 +51,6 @@
           <div class="query-list-item" on:click={() => onClickQuery(query)}>
             <p class="query-name">{query.name}</p>
             <p>{query.queryVerb}</p>
-            <p>4000 records</p>
             <p>→</p>
           </div>
         {/each}
@@ -115,7 +114,7 @@
     background: var(--background);
     border: var(--border-grey);
     display: grid;
-    grid-template-columns: 2fr 0.75fr 0.75fr 1fr 20px;
+    grid-template-columns: 2fr 0.75fr 20px;
     align-items: center;
     padding: var(--spacing-m) var(--layout-xs);
     gap: var(--layout-xs);

packages/builder/src/pages/[application]/deploy/index.svelte

@@ -16,8 +16,6 @@
 
   $: appId = $store.appId
 
-  $: console.log($hostingStore)
-
   async function deployApp() {
     const DEPLOY_URL = `/api/deploy`