split oauth_tokens.claims column up; improved fonts; allow multiple sse connections per user; make navbar and use friendly

templates/components/accounts/{acctID.int64}/inventory/sync-groups/draft/table/add-listing-button.html.tmpl

@@ -5,6 +5,7 @@
 	"HXPost" (printf "/api/accounts/%d/inventory/sync-groups/draft/listings" $acctID)
 	"HXTarget" "#accounts-acct-id-inventory-sync-groups-draft-table"
 	"HXSwap" "outerHTML"
+	"HXSelect" "#accounts-acct-id-inventory-sync-groups-draft-table"
 	"ID" "sync-groups-draft-table-add-listing-button"
 	"Class" "mt-[1em] mb-[1em]"
 	"Text" "Add Listing"

templates/components/accounts/{acctID.int64}/inventory/sync-groups/draft/table/index.html.tmpl

@@ -8,7 +8,9 @@
 	id="accounts-acct-id-inventory-sync-groups-draft-table"
 	class="max-w-full overflow-x-auto"
 	hx-get="{{ printf "/ui/accounts/%d/inventory/sync-groups/draft/table" $acctID }}"
-	hx-trigger="sse:{{ printf "accounts_%d_inventory_sync-groups_draft" $acctID }}"
+	hx-trigger="sse:{{ printf "accounts_%d_inventory_sync-groups_draft" $acctID }},sse:{{ printf "accounts_%d_inventory_sync-groups_draft_listings" $acctID }}"
+	hx-select="#accounts-acct-id-inventory-sync-groups-draft-table"
+	hx-swap="outerHTML"
 >
 	<thead>
 		<tr>
@@ -30,6 +32,7 @@
 		</tr>
 	</thead>
 	<tbody
+		hx-swap="morph"
 		_="
 			init
 				set element allRowsFilledOut to false

templates/components/button.html.tmpl

@@ -1,4 +1,4 @@
-{{/* .HXGet | .HXPost | .HXDelete, .HXTrigger, .HXTarget, .HXSwap, .HXVals, ._, .Text, .ID, .Class, .Disabled */}}
+{{/* .HXGet | .HXPost | .HXDelete, .HXTrigger, .HXTarget, .HXSelect, .HXSwap, .HXVals, ._, .Text, .ID, .Class, .Disabled */}}
 
 
 <button
@@ -32,6 +32,9 @@
 	{{- if .HXTarget }}
 		hx-target="{{.HXTarget}}"
 	{{- end }}
+	{{- if .HXSelect }}
+		hx-select="{{.HXSelect}}"
+	{{- end }}
 	{{- if .HXSwap }}
 		hx-swap="{{.HXSwap}}"
 	{{- end }}