update

go.mod

@@ -9,6 +9,7 @@ require (
 	github.com/JohannesKaufmann/html-to-markdown v1.5.0
 	github.com/Masterminds/sprig/v3 v3.2.3
 	github.com/PuerkitoBio/goquery v1.8.1
+	github.com/a-h/templ v0.2.543
 	github.com/advancedlogic/GoOse v0.0.0-20210820140952-9d5822d4a625
 	github.com/alexferrari88/gohn v0.7.5
 	github.com/benbjohnson/litestream v0.3.13

go.sum

@@ -94,6 +94,8 @@ github.com/Shopify/sarama v1.19.0/go.mod h1:FVkBWblsNy7DGZRfXLU0O9RCGt5g3g3yEuWX
 github.com/Shopify/toxiproxy v2.1.4+incompatible/go.mod h1:OXgGpZ6Cli1/URJOF1DMxUHB2q5Ap20/P/eIdh4G0pI=
 github.com/VividCortex/gohistogram v1.0.0 h1:6+hBz+qvs0JOrrNhhmR7lFxo5sINxBCGXrdtl/UvroE=
 github.com/VividCortex/gohistogram v1.0.0/go.mod h1:Pf5mBqqDxYaXu3hDrrU+w6nw50o/4+TcAqDqk/vUH7g=
+github.com/a-h/templ v0.2.543 h1:8YyLvyUtf0/IE2nIwZ62Z/m2o2NqwhnMynzOL78Lzbk=
+github.com/a-h/templ v0.2.543/go.mod h1:jP908DQCwI08IrnTalhzSEH9WJqG/Q94+EODQcJGFUA=
 github.com/acomagu/bufpipe v1.0.4 h1:e3H4WUzM3npvo5uv95QuJM3cQspFNtFBzvJ2oNjKIDQ=
 github.com/acomagu/bufpipe v1.0.4/go.mod h1:mxdxdup/WdsKVreO5GpW4+M/1CE2sMG4jeGJ2sYmHc4=
 github.com/advancedlogic/GoOse v0.0.0-20210820140952-9d5822d4a625 h1:LZIP5Bj5poWWRZ8fcL4ZwCupb4FwcTFK2RCTxkGnCX8=

js/dist/extension/tailwind.css

@@ -3230,6 +3230,22 @@ details.collapse summary::-webkit-details-marker {
   outline-offset: 2px;
 }
 
+.\!loading {
+  pointer-events: none !important;
+  display: inline-block !important;
+  aspect-ratio: 1 / 1 !important;
+  width: 1.5rem !important;
+  background-color: currentColor !important;
+  -webkit-mask-size: 100% !important;
+          mask-size: 100% !important;
+  -webkit-mask-repeat: no-repeat !important;
+          mask-repeat: no-repeat !important;
+  -webkit-mask-position: center !important;
+          mask-position: center !important;
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
+          mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
+}
+
 .loading {
   pointer-events: none;
   display: inline-block;
@@ -4822,12 +4838,26 @@ details.collapse summary::-webkit-details-marker {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.\!tooltip {
+  position: relative !important;
+  display: inline-block !important;
+  --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px)) !important;
+}
+
 .tooltip {
   position: relative;
   display: inline-block;
   --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px));
 }
 
+.\!tooltip:before {
+  position: absolute !important;
+  pointer-events: none !important;
+  z-index: 1 !important;
+  content: var(--tw-content) !important;
+  --tw-content: attr(data-tip) !important;
+}
+
 .tooltip:before {
   position: absolute;
   pointer-events: none;
@@ -4836,6 +4866,14 @@ details.collapse summary::-webkit-details-marker {
   --tw-content: attr(data-tip);
 }
 
+.\!tooltip:before {
+  transform: translateX(-50%) !important;
+  top: auto !important;
+  left: 50% !important;
+  right: auto !important;
+  bottom: var(--tooltip-offset) !important;
+}
+
 .tooltip:before, .tooltip-top:before {
   transform: translateX(-50%);
   top: auto;
@@ -5027,6 +5065,16 @@ details.collapse summary::-webkit-details-marker {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.\!tooltip {
+  position: relative !important;
+  display: inline-block !important;
+  text-align: center !important;
+  --tooltip-tail: 0.1875rem !important;
+  --tooltip-color: var(--fallback-n,oklch(var(--n)/1)) !important;
+  --tooltip-text-color: var(--fallback-nc,oklch(var(--nc)/1)) !important;
+  --tooltip-tail-offset: calc(100% + 0.0625rem - var(--tooltip-tail)) !important;
+}
+
 .tooltip {
   position: relative;
   display: inline-block;
@@ -5037,6 +5085,17 @@ details.collapse summary::-webkit-details-marker {
   --tooltip-tail-offset: calc(100% + 0.0625rem - var(--tooltip-tail));
 }
 
+.\!tooltip:before,
+.\!tooltip:after {
+  opacity: 0 !important;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
+  transition-delay: 100ms !important;
+  transition-duration: 200ms !important;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
+}
+
 .tooltip:before,
 .tooltip:after {
   opacity: 0;
@@ -5048,6 +5107,27 @@ details.collapse summary::-webkit-details-marker {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 
+.\!tooltip:before,
+.\!tooltip:after {
+  opacity: 0 !important;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
+  transition-delay: 100ms !important;
+  transition-duration: 200ms !important;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
+}
+
+.\!tooltip:after {
+  position: absolute !important;
+  content: "" !important;
+  border-style: solid !important;
+  border-width: var(--tooltip-tail, 0) !important;
+  width: 0 !important;
+  height: 0 !important;
+  display: block !important;
+}
+
 .tooltip:after {
   position: absolute;
   content: "";
@@ -5058,6 +5138,21 @@ details.collapse summary::-webkit-details-marker {
   display: block;
 }
 
+.\!tooltip:before {
+  max-width: 20rem !important;
+  border-radius: 0.25rem !important;
+  padding-left: 0.5rem !important;
+  padding-right: 0.5rem !important;
+  padding-top: 0.25rem !important;
+  padding-bottom: 0.25rem !important;
+  font-size: 0.875rem !important;
+  line-height: 1.25rem !important;
+  background-color: var(--tooltip-color) !important;
+  color: var(--tooltip-text-color) !important;
+  width: -moz-max-content !important;
+  width: max-content !important;
+}
+
 .tooltip:before {
   max-width: 20rem;
   border-radius: 0.25rem;
@@ -5073,38 +5168,91 @@ details.collapse summary::-webkit-details-marker {
   width: max-content;
 }
 
+.\!tooltip.tooltip-open:before {
+  opacity: 1 !important;
+  transition-delay: 75ms !important;
+}
+
 .tooltip.tooltip-open:before {
   opacity: 1;
   transition-delay: 75ms;
 }
 
+.\!tooltip.tooltip-open:after {
+  opacity: 1 !important;
+  transition-delay: 75ms !important;
+}
+
 .tooltip.tooltip-open:after {
   opacity: 1;
   transition-delay: 75ms;
 }
 
+.\!tooltip:hover:before {
+  opacity: 1 !important;
+  transition-delay: 75ms !important;
+}
+
 .tooltip:hover:before {
   opacity: 1;
   transition-delay: 75ms;
 }
 
+.\!tooltip:hover:after {
+  opacity: 1 !important;
+  transition-delay: 75ms !important;
+}
+
 .tooltip:hover:after {
   opacity: 1;
   transition-delay: 75ms;
 }
 
+.\!tooltip:has(:focus-visible):after,
+.\!tooltip:has(:focus-visible):before {
+  opacity: 1 !important;
+  transition-delay: 75ms !important;
+}
+
 .tooltip:has(:focus-visible):after,
 .tooltip:has(:focus-visible):before {
   opacity: 1;
   transition-delay: 75ms;
 }
 
+.\!tooltip:has(:focus-visible):after,
+.\!tooltip:has(:focus-visible):before {
+  opacity: 1 !important;
+  transition-delay: 75ms !important;
+}
+
+.\!tooltip:not([data-tip]):hover:before,
+.\!tooltip:not([data-tip]):hover:after {
+  visibility: hidden !important;
+  opacity: 0 !important;
+}
+
 .tooltip:not([data-tip]):hover:before,
 .tooltip:not([data-tip]):hover:after {
   visibility: hidden;
   opacity: 0;
 }
 
+.\!tooltip:not([data-tip]):hover:before,
+.\!tooltip:not([data-tip]):hover:after {
+  visibility: hidden !important;
+  opacity: 0 !important;
+}
+
+.\!tooltip:after {
+  transform: translateX(-50%) !important;
+  border-color: var(--tooltip-color) transparent transparent transparent !important;
+  top: auto !important;
+  left: 50% !important;
+  right: auto !important;
+  bottom: var(--tooltip-tail-offset) !important;
+}
+
 .tooltip:after, .tooltip-top:after {
   transform: translateX(-50%);
   border-color: var(--tooltip-color) transparent transparent transparent;
@@ -5263,6 +5411,10 @@ details.collapse summary::-webkit-details-marker {
   display: table;
 }
 
+.table-caption {
+  display: table-caption;
+}
+
 .table-cell {
   display: table-cell;
 }
@@ -5391,10 +5543,6 @@ details.collapse summary::-webkit-details-marker {
   border-collapse: collapse;
 }
 
-.\!transform {
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
-}
-
 .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
@@ -5729,6 +5877,10 @@ details.collapse summary::-webkit-details-marker {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.underline {
+  text-decoration-line: underline;
+}
+
 .line-through {
   text-decoration-line: line-through;
 }